/* Hide the first dropdown-divider if no filter option element is listed before it.
   This can happen for some subset configurations of the block_eledia_coursesearch course filter. */
.block_eledia_coursesearch button#groupingdropdown + .dropdown-menu li:first-of-type.dropdown-divider:first-of-type {
    display: none;
}
.block_eledia_coursesearch .whitebutton .btn-secondary {
    background: white;
    border-color: var(--primary);
    color: var(--primary);
}

.page-mycourses .block_eledia_coursesearch .block-controls {
    display: none;
}

.block_eledia_coursesearch .list-image,
.block_eledia_coursesearch .summary-image {
    height: 5rem;
    width: 20rem;
    background-position: center;
    background-size: cover;
}

[data-action="catsearch"]::after {
    /*content: "";*/
    content: "aft";
    margin-right: 0;
    margin-left: 4px;
    font-size: 9px;
    width: 9px;
    border: 0;
    font-family: "Font Awesome 6 Free";
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font-weight: 900;
    box-sizing: border-box;
}

input::after {
    /*content: "";*/
    /*TODO: Make visible.*/
    /*content: "aft";*/
    margin-right: 0;
    margin-left: 4px;
    font-size: 9px;
    width: 9px;
    border: 0;
    font-family: "Font Awesome 6 Free";
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font-weight: 900;
    box-sizing: border-box;
}

.customfield-count {
    float: right;
}

.summary-fadeout .eledia-collapsesummary {
    display: none;
}

.summary-inner {
    overflow: hidden;
    max-height: 50px;
    transition: max-height .5s linear;
}
.summary:not(.summary-fadeout) .summary-inner {
    max-height: 100%;
    overflow: auto;
}

.dropdown-description {
    /*padding: .25rem 1.5rem;*/
    display: flex;
    padding: .25rem .25rem;
    color: darkgray;
}
.dropdown-description div {
    line-height: 1;
}

.dropdown-description div p {
    margin-bottom: .5rem;
}

div[data-region="paging-control-limit-container"] {
    display: none;
}

/* Change search fields into dropdowns. */
.block_eledia_coursesearch .customfieldsearch .input-group,
.block_eledia_coursesearch .customfields-collapse .input-group {
    position: relative;
}
.block_eledia_coursesearch .customfieldsearch .input-group > span,
.block_eledia_coursesearch .customfields-collapse .input-group > span {
    position: relative;
    display: block;
    width: 100%;
}
.block_eledia_coursesearch .customfieldsearch .input-group > span > .form-control[readonly],
.block_eledia_coursesearch .customfields-collapse .input-group > span > .form-control[readonly] {
    background-color: #fff;
    cursor: pointer;
    padding-right: 30px;
}
.block_eledia_coursesearch .customfieldsearch .input-group > span::after,
.block_eledia_coursesearch .customfields-collapse .input-group > span::after {
    content: "";
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #6c757d;
    pointer-events: none;
}

