.refine .card-body {
    padding: 20px !important;
}

.search-filters .form-group .col-form-label,
.my-schedule-filter .form-group .col-form-label,
.timezone-preference .form-group .col-form-label {
    font-weight: bold;
}

.my-schedule-filter .form-group.row.fitem,
.timezone-preference .form-group.row.fitem {
    display: block;
}

.search-filters .form-check-input,
.timezone-preference .form-check-input {
    display: block !important;
}

.search-filters select,
.timezone-preference select {
    width: 100% !important;
}

.search-filters #fitem_id_course .form-autocomplete-selection,
.timezone-preference #fitem_id_timezone .form-autocomplete-selection {
    display: none;
}


.form-autocomplete-selection:focus,
.form-autocomplete-selection [data-active-selection=true] {
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
}

.search-filters #fitem_id_course .form-autocomplete-selection:has(span.badge),
.timezone-preference  #fitem_id_timezone .form-autocomplete-selection:has(span.badge) {
    display: block !important;
}

.search-filters .form-group.row.fitem .form-autocomplete-selection span.badge,
.timezone-preference .form-group.row.fitem .form-autocomplete-selection span.badge {
    background: none;
}

.search-filters .form-group.row.fitem .form-autocomplete-selection :not(span.badge),
.timezone-preference .form-group.row.fitem .form-autocomplete-selection :not(span.badge) {
    background: none!important;
    color: black!important;
}

.timezone-change-trigger {
    padding-right: 10px;
    position: relative;
}

.timezone-change-trigger:not([disabled]):hover {
    text-decoration: underline;
}

.timezone-change-trigger:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 .2rem rgba(220,41,30,.25);
    box-shadow: 0 0 0 .2rem rgba(220,41,30,.25);
}

@media (min-width: 768px) {
    .search-filters .form-group.row.fitem .form-autocomplete-selection :not(span.badge),
    .my-schedule-filter .form-group.row.fitem .form-autocomplete-selection :not(span.badge),
    .timezone-preference .form-group.row.fitem .form-autocomplete-selection :not(span.badge) {
        background-color: #008196;
        font-weight: 700;
        color: white;
        display: inline-block;
        padding: .25em .4em;
        line-height: 1.4;
        border-radius: .25rem;
    }

    .search-filters .form-group.row.fitem .form-autocomplete-selection span.badge,
    .my-schedule-filter .form-group.row.fitem .form-autocomplete-selection span.badge,
    .timezone-preference .form-group.row.fitem .form-autocomplete-selection span.badge {
        padding: 0;
        padding-right: .4em;
        max-width: 250px;
        border-radius: .25rem;
    }

    .my-schedule-filter .form-group.row.fitem {
        width: 33%;
    }

    .my-schedule-filter.mform.full-width-labels .form-group.fitem.row > .col-md-9,
    .my-schedule-filter.mform.full-width-labels .form-group.fitem.row > .col-md-3 {
        padding: 0 15px;
        width: 100%;
    }

    .my-schedule-filter.mform.full-width-labels .form-group.fitem.row .custom-select,
    .my-schedule-filter.mform.full-width-labels .form-group.fitem.row .form-control,
    .my-schedule-filter.mform.full-width-labels .form-group.fitem.row .d-inline-block,
    .search-filters #fitem_id_course .d-md-inline-block,
    .timezone-preference #fitem_id_timezone .d-md-inline-block {
        width: 100%;
    }

    .my-schedule-filter.mform.full-width-labels #fgroup_id_filterbuttons .form-inline.felement {
        padding-top: 22px;
    }

    .my-schedule-filter.mform.full-width-labels #fgroup_id_filterbuttons .form-inline.felement .form-group.fitem  {
        width: 48%;
    }

    .my-schedule-filter.mform.full-width-labels #fgroup_id_filterbuttons .form-inline.felement .form-group.fitem span,
    .my-schedule-filter.mform.full-width-labels #fgroup_id_filterbuttons .form-inline.felement .form-group.fitem .btn {
        width: 100%;
    }
}

.import-error {
    color: red;
}

.table-wrapper {
    height: 500px;
    overflow-y: scroll;
}