div.scrollable-div li {
    list-style: none;
    padding-bottom: 8px;
    padding-top: 8px;
    border-bottom: 1px solid black;
    }

select,
select option {
    font-size: 21px;
    font-family: Karmilla;
}

.resources-list table {
    width: 100%;
    border-collapse: collapse;
}

.resources-list table th {
    text-align: left;
    font-weight: 400;
    color: hsla(180, 10%, 50%, 1);
}

.resources-list tbody.category-head {
    background-color: hsl(180, 15%, 80%);
    border-top: 4px solid hsl(20, 7%, 97%);
    cursor: pointer;
}

.resources-list tbody.category-head:hover,
.resources-list tbody.category-head:hover * {
    background-color: hsl(180, 15%, 30%);
    color: hsl(180, 15%, 80%);
}

.resources-list tbody.category-head tr {
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 12px;
}

.resources-list table#personal-collections th,
.resources-list table#personal-collections td {
    width: 15%;
    text-align: right;
}

.resources-list table#personal-collections th:first-child,
.resources-list table#personal-collections td:first-child {
    width: 55%;
    text-align: left;
}

.resources-list table#personal-repositories th,
.resources-list table#personal-repositories td {
    width: 15%;
    text-align: right;
}

.resources-list table#personal-repositories th:first-child,
.resources-list table#personal-repositories td:first-child {
    width: 70%;
    text-align: left;
}

.resources-list tbody.category-head tr td {
    text-decoration: none;
}

.resources-list table td,
.resources-list table th {
    padding: 12px;
}

.resources-list table tbody.category-body td {
    font-weight: normal;
    font-size: 18px;
}

.resources-list table td:nth-child(1) {
    font-weight: 700;
    font-size: 22px;
    color: hsla(180, 30%, 30%, 1);
    text-decoration: underline;
    cursor: pointer;
    width: 90%;
}

.resources-list .share {
    text-decoration: underline;
    cursor: pointer;
}

.resources-list .delete {
    text-decoration: underline;
    color: hsla(0, 50%, 50%, 0.8);
    transition: color 0.3s;
    padding-left: 18px;
    cursor: pointer;
}

.resources-list .delete:hover {
    color: hsla(0, 80%, 40%, 1.0);
}

table.resources-list-scroll tbody {
    max-height: 30vh;
    overflow: auto;
    display: block;
    width: 100%;
}

table.resources-list-scroll tbody tr,
table.resources-list-scroll thead tr {
    width: 100%;
    display: inline-table;
}

.identicon {
    background-color: hsl(180, 15%, 80%);
    text-transform: uppercase;
    font-size: 22px;
    font-weight: bold;
    width: 48px;
    height: 48px;
}

.identicon.bg-col-0 {
    background-color: #ffebee;
}

.identicon.bg-col-1 {
    background-color: #f3e5f5;
}

.identicon.bg-col-2 {
    background-color: #e8eaf6;
}

.identicon.bg-col-3 {
    background-color: #e3f2fd;
}

.identicon.bg-col-4 {
    background-color: #e0f2f1;
}

.identicon.bg-col-5 {
    background-color: #fbe9e7;
}

.identicon.bg-col-6 {
    background-color: #eee;
}

.iiif-viewer .osd-html-buttons {
    display: inline-flex;
    flex-flow: column nowrap;
}