/* .openacs_mdb form input.datepicker-button,
.openacs_mdb form input.timepicker-button {
    color: transparent!important;
    background-color: transparent;
    padding: 0;
    width: 36px;
    height: 35px;
    cursor: pointer;
    background-color: transparent;
    border: none;
    box-shadow: none;
    margin: 0;
}

.openacs_mdb form input.datepicker-button {
    background-image:  url('/resources/openacs-mdb-theme/img/svg/datepicker.svg');
    background-repeat: no-repeat;
    background-size: contain;
}

.openacs_mdb form input.datepicker-button:disabled {
    background-image:  url('/resources/openacs-mdb-theme/img/svg/datepicker_disabled.svg');
    background-repeat: no-repeat;
    background-size: contain;
}

.openacs_mdb form div.date-picker-label {
    display: inline-block;
} */

/* .openacs_mdb form .time-wrapper {
    margin-left: 1rem;
}

.openacs_mdb form div.timepicker-label {
    margin-right: 0 !important;
    display: inline-block;
}
form input.timepicker-button {
    background-image:  url('/resources/openacs-mdb-theme/img/svg/timepicker.svg');
    background-repeat: no-repeat;
    background-size: contain;
} */

strong {
    font-weight:bold;
}

/* < style classes > */
.position-relative {
    position:relative!important;
}
/* < / style classes > */

.openacs_mdb form input.datepicker-button,
.openacs_mdb form input.timepicker-button {
    color: transparent!important;
    background-color: transparent;
    padding: 0;
    width: 36px;
    height: 35px;
    cursor: pointer;
    background-color: transparent;
    border: none;
    box-shadow: none;
    margin: 0;
}

.openacs_mdb form input.datepicker-button {
    -webkit-mask-image: url(/resources/openacs-mdb-theme/img/svg/datepicker.svg);
    mask-image: url(/resources/openacs-mdb-theme/img/svg/datepicker.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.openacs_mdb form input.datepicker-button:disabled {
    background-image:  url('/resources/openacs-mdb-theme/img/svg/datepicker_disabled.svg');
    background-repeat: no-repeat;
    background-size: contain;
}

.openacs_mdb form .form-widget label.date-picker-label {
    display: inline-block;
}

.openacs_mdb form .time-wrapper {
    margin-left: 1rem;
}

.openacs_mdb form label.timepicker-label {
    margin-right: 0 !important;
}
form input.timepicker-button {
    -webkit-mask-image: url('/resources/openacs-mdb-theme/img/svg/timepicker.svg');
    mask-image: url('/resources/openacs-mdb-theme/img/svg/timepicker.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.openacs_mdb form input.date-value, .openacs_mdb form input.time-value {
    display:inline-block;
}
@media (min-width: 576px) {
    .openacs_mdb form input.date-value,
    .openacs_mdb form input.time-value {
        width: 22%;
        min-width: 10rem;
    }
    .datepicker-height {
        height: 2.56rem;
    }
}
.medium-upwards, .medium-downwards {
    display: none;
}
/* MDB medium breakpoint and upwards */
@media (min-width: 768px) {
    .openacs_mdb .course_search div.filter {
        text-align: right;
    }
    .medium-upwards {
        display: block;
    }
}
/* MDB small breakpoint and downwards */
@media (max-width: 767px) {
    .openacs_mdb .course_search div.filter {
        margin-top: 2rem;
        padding-left: 0;
    }
    .course_search_actions #course-search-filter.row .col-6 {
        max-width: 100%;
        flex: auto;
        padding-left: unset;
        padding-right: unset;
    }
    .course_search .course_search_actions .filter-level-2 .btn-group.col-6 {
        display: flex;
        flex-direction: column;
        align-items: center;
        max-width: 100%;
    }
    .course_search .course_search_actions .filter-level-2 button.btn {
        border-radius: 5px;
        width: 100%;
        margin-left: unset;
    }
    #assessment-player .question-container .form-widget span.no_answer_choice {
        display: block;
    }
    #assessment-player .form-widget.form-check {
        padding-left: 0.2rem;
    }
    .medium-downwards {
        display: block;
    }
}

.openacs_mdb form#form_date_form .form-item-wrapper .form-widget {
    margin-left: 0;
}

.openacs_mdb form#form_date_form .form-widget label {
    margin-right: 0;
    font-size: inherit;
    display: inline-block;
}

.openacs_mdb .calendar_widget {
    display:none!important;
}

#show_date_dialog {
    margin-top: 0.5rem;
}

#assessment-player .rb-widget label,
#assessment-player .rb-widget input,
#assessment-player .cb-widget label,
#assessment-player .cb-widget input {
    display: block;
}
#assessment-player .rb-widget br,
#assessment-player .cb-widget br {
    display: none;
}
#question_form #xoe_form_mc_alignment {
    display: none !important;
}

/* .openacs_mdb form#event_edit_form ul {
    margin:0;
} */

.ui-dialog button.ui-dialog-titlebar-close {
    background-color:transparent;
    border: none;
}

.ui-dialog-titlebar-close:after {
    content: '';
    width: 15px;
    height: 15px;
    display: inline-block;
    background-image: url(/resources/jquery-ui/jquery-ui-1.12.1/images/ui-icons_777777_256x240.png);
    background-position: -96px -127px;
    background-repeat: no-repeat;
}


/* .openacs_mdb form i.btn {
    padding:0;
}

.openacs_mdb form i.btn input {
    padding: 0.5rem;
    line-height:1.5rem;
    width:100%;
    text-transform: uppercase;
}

.openacs_mdb .btn {
    margin-bottom:1rem;
    text-transform: uppercase;
} */


/*********************************************/
/*  admin event styles                       */
/*********************************************/
#organizer_include form,
#reminder_include form {
    width: 48%;
}
#organizer_include form input[type=submit],
#reminder_include form input[type=submit],
div.xoe_participants_menu form input[type=submit] {
    padding: 0.5rem;
    margin-top: 1rem;
    display: block;
}

.openacs_mdb .form-item i.btn {
    margin-left: 0;
}

.openacs_mdb .form-item a.btn {
    padding: .65rem;
    font-weight: 400;
}

.datepicker-button,
.timepicker-button {
    font-size:0!important;
    padding-top: 1rem!important;
}

.mdb-date-picker-wrapper > label:first-of-type {
    display:block;
}

.mdb-date-picker-wrapper .datepicker-button {
    padding-top: .75rem!important;
}

.mdb-date-picker-wrapper label.active {
    transform: translateY(0)!important;
}

.mdb-date-picker-wrapper label.date-picker-label {
    display:contents!important;
}

/* .openacs_mdb form input.datepicker {
    width:auto;
}

.openacs_mdb form input.timepicker {
    width:5rem;
}

.openacs_mdb .openacs_mdb form label.timepicker-label {
    display:inline-block;
} */

.openacs_mdb div.picker .picker__footer button {
    font-size: 0.7rem;
}

.form-item-wrapper span.alert {
    display:block;
}

.picker__footer .clear-button,
.picker__footer .done-button {
    font-size: 0.75em;
    padding: 1rem 0 0.7rem 0;
    font-weight: 700;
    width: 33%;
    display: inline-block;
    vertical-align: bottom;
    text-transform: uppercase;
    position: relative;
}

.picker__footer .done-button:before {
    content: "\D7";
    top: -0.1em;
    vertical-align: top;
    font-size: 1.1em;
    margin-right: 0.35em;
    position: inherit;
}

.picker__footer .clear-button:before {
    top: -0.25em;
    width: 0.66em!important;
    content: " ";
    margin-right: 0.45em;
    position: relative;
    display: inline-block;
    height: 0;
}

[id^="yui"] .form-check-input[type="checkbox"] + label,
[id^="yui"]  label.btn input[type="checkbox"] + label {
    padding-left: 20px;
}

.dropdown-menu {
    z-index: 10000;
}

/******** </ACTION MENU> ********/

/******** <CARDS> ********/
.card .card-header {
    background: transparent;
    margin-bottom: 1rem;
    padding-right: 0;
    padding-left: 0;
}

.card .card-header h5 {
    margin: 0;
    font-weight: bold;
}

.card .card-body {
    padding: 0;
}

.card > .fa-edit {
    position: absolute;
    right: 1rem;
    top: 1rem;
    cursor: pointer;
}

.openacs_mdb .card {
    padding: 0 1rem!important;
    margin-bottom: 1rem;
}

.openacs_mdb .card .form-edit-mode {
    padding: 1.25rem 2rem 0!important;
}

.fieldset-columns  {
    width: 48%;
    margin: 0 0.5rem;
}

/******** </CARDS> ********/

/******* <YUI TABLE> ******/

.yui-skin-sam .yui-dt table {
    border-right: none;
}

.openacs_mdb .xowiki-content.xolrn .yui-skin-sam .yui-dt table thead th div span.yui-dt-label.form-check {
    padding-left: 0.6rem;
    padding-right: 0.6rem;
    display: table;
    margin: 0 auto;
}

.openacs_mdb .xowiki-content.xolrn .yui-skin-sam .yui-dt table tbody td div.yui-dt-liner.form-check {
    display: table;
    margin: 0 auto;
}

.zoom-wrapper {
    width: fit-content;
    position: relative;
    margin-top: 4rem;
}

.zoom-wrapper > .fa-search-plus,
.zoom-wrapper > .fa-search-minus,
.zoom-wrapper > .fa-expand,
.zoom-wrapper > .fa-compress {
    float: right;
    cursor: pointer;
    font-size: 1.6rem;
    margin-top: -2.5rem;
}

.zoom-wrapper > .fa-expand,
.zoom-wrapper > .fa-compress {
    float: right;
    margin-right: 2.25rem;
}

.openacs_mdb div.main-column {
    width: 100%;
}

#page-description {
    margin-bottom: 1rem;
}

.nav-item.dropdown span {
    display: initial;
}

ul.nav.nav-tabs {
    border-bottom: 0;
}

.page-item.active .page-link {
    z-index: 1!important;
}

.openacs_mdb thead th {
    font-weight: bold;
}

.openacs_mdb table.event-applications,
.openacs_mdb #xoe_type_filter_content table {
    border:none;
}

.ui-dialog {
    z-index: 10000!important;
}

.menu-jumbotron input[type="submit"] {
     text-transform: none;
}

.openacs_mdb div.menu-jumbotron table {
    border:none!important;
}

.application-list .tab-pane {
    margin-top: 2rem;
}

/***** Yui-Context-Menu *****/
.bd.yui-menu-body-scrolled {
    overflow: scroll;
}

.openacs_mdb a.yui-pg-page {
    margin: 0.2rem;
}

.openacs_mdb [id^=yui-dt][id$=-paginator0] {
    display: none;
}

.yui-table .yui-filter:last-of-type {
    display: none;
}

.hide-in-mdb {
    display:none!important;
}

/****** course search ******/
.openacs_mdb .course_search .event-card h2 {
    margin-top: 0.2rem;
    font-size: 18px;
    font-weight:bold;
}
.openacs_mdb .scorm-card .card-body > div img,
.openacs_mdb .course_search .card-body > div img {
    height: 7rem;
    width: 7rem;
    object-fit: contain;
}
.openacs_mdb .course_search .event-card.card {
    min-height: 10rem;
}
.openacs_mdb .course_search .event-card {
    cursor: pointer;
}
.openacs_mdb .course_search .card {
    margin-bottom: 1.2rem;
}
.openacs_mdb .course_search .event-card .card-body > div {
    padding: 1.25rem;
}
.openacs_mdb .course_search .event-card .card-body .event-card-text p {
    padding-top: 0.75rem;
    padding-bottom: 0;
    margin-bottom: 1rem;
}
.openacs_mdb .course_search .event-card-info.registration-status {
    width: 7rem;
    height: 7rem;
    padding: 0;
}
.openacs_mdb .course_search .event-card-info {
    border-radius: 2px;
    text-align: center;
    font-size: 1em;
    position: relative;
    padding: 0.5rem;
}
.openacs_mdb .course_search .event-card .card-body .event-card-text {
    padding-bottom: 0;
}
.openacs_mdb div.event-card-light {
    padding: 2px;
    background-clip: content-box;
    bottom: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    margin-top: 0.35rem;
    height: 7rem;
    text-align: center;
}
.event_facts .circle,
.openacs_mdb div.event-card-light .circle {
    width: 1rem;
    height: 1rem;
    border-radius: 0.7rem;
    display: inline-block;
    margin-bottom: .1rem;
    margin-top: .5rem;
    margin-right: 3px;
    margin-left: 3px;
    padding: 2px;
    background-color: #CED4DA;
}
.openacs_mdb .course_search .event-card-info strong {
    font-size: 2rem;
    font-weight: 400;
    display: block;
    line-height: 1.2;
}
.openacs_mdb .course_search .event-card-info hr {
    width: 5rem;
    margin-top: 0;
    margin-bottom: 2px;
}
.openacs_mdb .course_search #page-selector {
    position: relative;
    text-align: center;
    margin-right: 1.5rem;
    margin-top: 1.5rem;
}
.openacs_mdb .course_search  #page-selector div {
    display: inline-block;
    position: relative;
}
.openacs_mdb .course_search #page-selector span.active {
    font-weight: bold;
}
.openacs_mdb .course_search #page-selector span, #page-selector i {
    cursor: pointer;
}
.openacs_mdb .course_search h1 {
    padding-top: 5px;
    padding-bottom: 0px;
    font-size: 24px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0;
}
.openacs_mdb .course_search .filter_form>div {
    padding: .3rem;
    padding-left: 0;
}
.openacs_mdb .course_search #cockpit_filter_form {
    margin-bottom: 0;
}

.openacs_mdb .course_search .event-filter input[type=text],
.openacs_mdb .course_search #cockpit_filter_form input[type=submit],
.openacs_mdb .course_search #cockpit_filter_form #cockpit_filter {
    font-size: 1rem;
    width: 100%;
    margin-left: 0;
    border-radius: 5px;
    padding: 0.65rem;
}
.openacs_mdb .course_search #cockpit_filter {
    margin: 0.35rem;
}
.openacs_mdb .course_search input.icon-input {
    padding-left: 2.8rem!important;
}
.openacs_mdb .course_search .input-icon {
    position: absolute;
    top: 1.5rem;
    left: 1rem;
    font-size: 1.3rem;
}
.openacs_mdb .course_search input[type=text]:not(.search) {
    padding: 0 1rem;
    -webkit-box-shadow: 0px 3px 6px 1px #ced4da;
    -moz-box-shadow: 0px 3px 6px 1px #ced4da;
    box-shadow: 0px 3px 6px 1px #ced4da;
    box-sizing: border-box;
    border: none;
}

.openacs_mdb .course_search .event-filter > div > span,
.openacs_mdb .course_search .filter_form > div > span {
    width: 100%;
}
.openacs_mdb .course_search .row {
    margin-right: 0;
    margin-left: 0;
}
.openacs_mdb .course_search h3 {
    font-size: 16px!important;
    font-weight: 700;
}
.openacs_mdb .course_search #course-search-filter-header {
    cursor: pointer;
    margin-top: 2rem;
}
.openacs_mdb .course_search #course-search-filter-text-header {
    cursor: pointer;
    font-size: 12px!important;
}
.openacs_mdb .course_search #course-search-filter-text,
.openacs_mdb .course_search #cockpit_filter_form hr {
    display: none;
}

.openacs_mdb .course_search .fa-angle-up,
.openacs_mdb .course_search .fa-angle-down {
    display: none;
}
.openacs_mdb .course_search .fa-angle-up.active,
.openacs_mdb .course_search .fa-angle-down.active {
    display: inline-block;
}
.openacs_mdb .course_search .select-wrapper span.caret {
    transform: scale(1.8, 1);
    right: 1rem;
}
.openacs_mdb .course_search .btn-group {
    margin-bottom: 0.5rem;
}
.openacs_mdb #event-mode-filter .btn-group {
    padding-left: 0;
    padding-right: 0;
}
.openacs_mdb .course_search .btn-group button.btn.level-2-filter-btn,
.openacs_mdb .course_search .btn-group button.btn.event-mode-filter-btn,
.openacs_mdb .course_search #level-2-filter-btn-group {
    font-size: inherit;
}
.openacs_mdb .course_search .btn-group button.level-2-filter-btn {
    line-height: 0.6;
}
.openacs_mdb .course_search .btn-group button.level-2-filter-all,
.openacs_mdb .course_search .btn-group button.event-mode-filter-all {
    margin-left: 0;
}
.openacs_mdb .course_search .course_search_actions .btn-group[role=group]{
    display: table-row-group;
}
.openacs_mdb .course_search div.filter-buttons {
    text-align: right;
    padding-right: 0px!important;
}

.course_search #course-search-filter .switch {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.course_search #course-search-filter #date-filter-wrapper {
    padding-left: 5px;
    padding-right: 0;
    display: none;
}
.course_search #course-search-filter #date-filter-wrapper #date_form .md-form {
    display: inline-block;
}
.course_search #course-search-filter #date-filter-wrapper #date_form input[type=text] {
    margin-top: 1rem;
}
.course_search #course-search-filter #date-filter-wrapper #xoe_start_date,
.course_search #course-search-filter #date-filter-wrapper #xoe_end_date {
    width: 15rem;
}
.course_search #course-search-filter>div:nth-child(even) {
    padding-right: 0;
    padding-left: 5px;
}
.course_search #course-search-filter>div:nth-child(odd) {
    padding-right: 5px;
    padding-left: 0;
}
.openacs_mdb .course_search div.filter-buttons button {
    border-radius: 0;
    font-size: inherit;
    padding: 0.5rem 1.6rem;
    margin-right: 0;
    line-height: 1.3;
    margin-bottom: 1rem;
}
.openacs_mdb .course_search .results_container_header .filter {
    font-size: 13px;
}
.openacs_mdb .course_search .results_container_header .sort-selector input[type=text].select-dropdown {
    padding: 0 0.5rem;
    font-size: 0.9rem;
    height: 1.8rem;
}
.openacs_mdb .course_search .results_container_header .sort-selector span.caret {
    transform: translateY(-4px) scale(1.8, 1);
}
.openacs_mdb .course_search .yui-dt-paginator > div,
.openacs_mdb .course_search div.filter {
    display: inline-block;
}
.openacs_mdb .course_search div.filter .sort-selector {
    display: inline-block;
    width: 14.5rem;
    margin-left: 0.5rem;
    margin-bottom: -0.6rem;
}
.openacs_mdb .course_search .yui-dt-paginator input[type=text],
.openacs_mdb .course_search .sm-select input[type=text].select-dropdown {
    padding: 0 0.5rem;
    font-size: 0.7rem;
    height: 1.6rem;
}
.openacs_mdb .course_search .yui-dt-paginator>div span.caret, .openacs_mdb .filter span.caret {
    top: 0.7rem;
    right: 0.4rem;
}
.openacs_mdb .course_search .select-wrapper span.caret {
    transform: scale(1.8, 1);
    right: 1rem;
}
.openacs_mdb .course_search .results_container .results_container_header {
    padding: 0px!important;
    margin-bottom: 1rem;
}
.openacs_mdb .course_search .results_container .results_container_header h3 {
    position: relative;
    top: 18px;
}

.openacs_mdb .course_search .resource-buttons {
    width: 100%;
}

.openacs_mdb .course_search .event-card .card-body .event-card-logo {
    border-right: 1px solid #ced4da;
}

.openacs_mdb .course_search .event-card .card-body .event-card-logo a {
    padding-top: 0.25rem;
}

.openacs_mdb .course_search .event-card {
    padding: 0!important;
}

.openacs_mdb .missing_requirements {
    text-align: center;
}

h2#open-events-header, h2#open-community-events-header,
h2#finished-events-header, h2#finished-community-events-header {
    font-size: 1.2rem;
    margin-top: 1.5rem;
}

.md-form #course-search-filter .form-check {
    padding-left: 0.5rem;
}

.md-form #course-search-filter label {
    -webkit-transform: unset;
    transform: unset;
}

/****** view event ******/
.openacs_mdb #view-event h1 {
    font-size: 24px;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    font-weight: 700;
}
.openacs_mdb #view-event .event_logo_img {
    padding: 1rem;
}

.openacs_mdb .registration_links .btn {
    width: 100%;
    margin: 0;
}
.openacs_mdb .resource-buttons .btn {
    width: 100%;
    width: -moz-available;
    width: -webkit-fill-available;
}
/****** /view event ******/

.openacs_mdb .popstyle {
        position:fixed !important;
        display:none;
        padding:20px;
        border:1px solid black;
        background:white;
        z-index:1;
}

.openacs_mdb .yui-pg-container {
    margin-bottom: 2rem;
}

.openacs_mdb .xo_fixed_td_width {
    width: 20rem;
}

.ui-dialog .ui-dialog-titlebar-close {
    top: 45%!important;
}

select ~ .btn {
    display: inline-block!important;
}

.picker select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    border-bottom: 0!important;
}

.picker .picker__box .picker__header .picker__nav--prev {
    left: 1em;
}

.picker .picker__box .picker__header .picker__nav--next {
    right: 1em;
}

#participants-include .xoe_notify_user.form-check {
    margin-top: 1.5rem;
    padding-left: 0;
}

#participants span.user_list_banned,
#participants span.user_list_banned a {
    text-decoration: line-through;
    color: gray;
}

#admin-event .event_info, #admin-event .registration_stats {
    margin-bottom: 4rem;
}

#admin-event.xoevents_body {
    margin-bottom: 2.75rem;
}

.admin-event.reminder-include {
    margin-top: 4rem;
}

div#ibook-menu label {
    margin-bottom: 0;
}
div#ibook-menu * {
    box-sizing: content-box;
}

.menu-jumbotron .form-check, .md-form .form-check {
    padding-left: 0;
}

td.list-table.form-check {
    display: table-cell;
}

.rt_description ul li {
    list-style-type: circle;
}

.openacs_mdb #footer, .openacs_mdb div.header_2know2 {
    margin-left: 0;
    margin-right: 0;
}
.openacs_mdb #footer {
    padding: 0;
}

.md-form.form-sm.currency-widget label, .md-form.form-sm.datepicker-height label[for=min_creation_date] {
    transform: translateY(-20px) scale(0.95);
    font-size: 0.95rem;
}

.openacs_mdb .back_link {
    display:none;
}

.openacs_mdb #edit_assessment .section-preview-header {
    margin: 1rem 0;
    font-weight: bold;
    display: block;
}

.openacs_mdb #edit_assessment #metadata_link_more,
.openacs_mdb #edit_assessment #metadata_link_less {
    margin-left: 1rem;
}

.openacs_mdb #edit_assessment .fa-ellipsis-h {
    font-size: 1.5rem;
    margin-left: 0.5rem;
    cursor: pointer;
}

.openacs_mdb #edit_assessment .md-form {
    margin-top: 0;
    margin-bottom: 1rem;
}

.openacs_mdb #edit_assessment #assessmentPreview div.md-form {
    margin-bottom: 0;
    padding: 1.5rem;
}

.openacs_mdb #section_navigation {
    position: fixed;
    top: 120px;
    right: 10px;
    background: white;
    padding: 5px;
    padding-right: 20px;
    border: 2px solid #CCCCCC;
}

.openacs_mdb #edit_assessment .md-form textarea.md-textarea {
    padding-top: 3rem;
}

.openacs_mdb #xoevents-master #event_edit_form [id$=_select].radio-margin-bottom {
    margin-bottom: 0;
}

.ef-xowiki-page {
    display: block;
}

.\32know2ManagementPage ul, .lernmanagement_content #xoevents-master div.ctxmenu ul {
    list-style-type: none;
}

span svg.fa-ellipsis-h.fa-w-16 {
    cursor: pointer;
}

div[id^="EventMenu_"].yui-module.km-simple-menu div[id^="SimpleMenuEventMenu_"].yuimenu.visible {
    z-index: 10000 !important;
}

/**** exam results ****/
.exam-date-filter-form #xoe_from.md-form.form-sm label[for="from"] {
    transform: translateY(-45px) scale(0.95);
    font-size: 0.95rem;
}

.exam-date-filter-form #xoe_from.md-form.form-sm input.date-value {
    background-color: white;
}

.exam-date-filter-form #xoe_from.md-form.form-sm.datepicker-height {
    height: auto;
    margin-bottom: initial;
}

.category_filter_options.exam-date-filter-form #date_filter_form #xoe_formbutton\:filter {
    margin: auto;
}

.category_filter_options.exam-date-filter-form #date_filter_form .md-form.form-sm .text-right.w-100 {
    text-align: left !important;
}
/**** exam results ****/

:root {
    --font-family: var(--custom-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif);
    --custom-question-font-family: var(--font-family);
}

body {
    font-family: var(--font-family);
}

.xowiki-page #xoevents-master h1.page_title.startpage_show_f {
    display: none;
}

.user-information-flex .profile-pic #profile_placeholder_pic {
    height: 20rem;
    font-size: 15rem;
}
.openacs_mdb div.resource-buttons .button-title {
    overflow-wrap: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
    justify-content: center;
}
.openacs_mdb div.resource-buttons a {
    padding: 0.5rem;
}
.openacs_mdb .resource-buttons .abtn-label {
    display: flex;
    justify-content: center;
    align-items: center;
}
.openacs_mdb .resource-buttons .abtn-label span {
    margin-right: 0.5rem;
}

#xoevents-master .xoe_search_filter:not(.form-check) {
    margin-left: 1.5rem;
}

.menu-jumbotron .dropdown-content li > span {
    padding: 0.5rem;
}

#edit_assessment .section .item_ids {
    float: right;
    font-weight: bold;
}

#edit_assessment label.wrapper-label {
    position: initial;
    font-weight: bold;
    width: 100%;
}

#edit_assessment .wrapper-label p {
    display: inline-block;
}

#edit_assessment form {
    padding: 2rem!important;
}

#edit_assessment label.checkbox-label.active {
    position: initial;
    transform: translateY(-14px) scale(1);
    width:100%;
}

/***** Includelet content *****/
.my-area-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: #CED4DA;
    border-width: 0.1rem;
    border-right-style: solid;
    padding-right: 1rem;
    width: 25%;
}

.my-area-icon span, .my-area-icon svg {
    font-size: 4rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.my-area-link-text {
    width: auto;
    padding-left: 1rem;
    font-weight: bold;
}
.news-more {
    text-decoration: underline;
    float: right;
}
/***** Includelet content *****/

.openacs_mdb #forum-thread {
    max-width: 100%;
    margin-left: 0;
}

.openacs_mdb #forum-thread .card {
    padding:0!important;
}

.openacs_mdb #forum-thread .details {
    color: #fff;
    padding:1rem;
}

.openacs_mdb #forum-thread .details a {
    color: #fff;
    font-weight: bold;
}
.openacs_mdb #forum-thread .subject {
    background:inherit;
}

.openacs_mdb #forum-thread a.dynexpanded {
    display: none;
}

.openacs_mdb #forum-thread .forum-user-image {
    font-size: 4rem;
    padding:0;
    margin-right: 1rem;
}

.openacs_mdb #forum-thread #forum-thread .attribution {
  padding-top:0;
}

.openacs_mdb  #forum-thread .subject {
    padding:0;
}

.openacs_mdb  #forum-thread .content {
    padding:1rem;
}

.openacs_mdb #forum-thread .action-list {
    position: initial;
    text-align: right;
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    background: inherit;
}

.openacs_mdb #forum-thread .action-list ul {
    margin: 0;
    padding: 0;
    display: inline;
    border: none;
}

.openacs_mdb #forum-thread .action-list ul li {
    margin: 0;
    padding: 0;
    border: none;
    list-style: none;
    display: inline;
}

#forum-thread .even,
#forum-thread .odd {
    background: #fff;
}

.openacs_mdb .forum-heading {
    font-size: 1rem;
}

.lernmanagement_box.content h1:first-child.page_title {
    margin-top: 0;
    font-weight: bolder;
}

div span.event_title {
    display: none;
}

.form-control.form-control-sm.form-text-display-mode {
    border: none;
    font-size: initial;
    padding-left: initial;
    color: inherit;
}

.alert.alert-light.md-form.form-item-wrapper {
    padding-left: 0;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

/* calendar */
#viewadp-mini-calendar table {
    width: fit-content;
    padding-bottom: 0.75rem!important;
}
#viewadp-mini-calendar table caption {
    text-align: center;
}

#viewadp-mini-calendar table caption a:first-child {
    float: left;
}
#viewadp-mini-calendar table caption a:last-child {
    float: right;
}

#viewadp-mini-calendar td a {
    width: 3rem;
}

#viewadp-mini-calendar td.months a {
    width: 7rem;
}

#viewadp-mini-calendar a:hover {
  opacity: 0.75;
}

#viewadp-mini-calendar  tr.days th {
    padding: .375rem .75rem;
    text-align: center;
    margin-right: 0.7rem;
    display: initial;
}

#viewadp-mini-calendar #go-to-date {
  display:none!important;
}

.section a[name=calendar] {
  display: none;
}

table.cal-month-table th {
  border: 1px solid #89A2B3;
  text-align: center;
}

table.cal-month-table .cal-month-day-inactive {
  background: #F0EFF0;
}

#cal-table-week .week-entry-box {
  position: relative;
}

#viewadp-mini-calendar td a {
    color: black;
    background-color: inherit!important;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}

#viewadp-mini-calendar td .btn-secondary {
    color: #fff;
}

form#cal_item input[name=interval_type] + label.form-check-label.form-check {
    margin-bottom: 1.5rem;
}
form#cal_item input[name=interval_type] + label.form-check-label.form-check .form-check-label {
    margin-right: 1rem;
}

form#cal_item input[name=interval_type] + label.form-check-label.form-check:after {
    content: none!important;
    width: 0!important;
    height: 0!important;
    display: none!important;
}


#cal-table-week,
#cal-table-week tbody,
#cal-table-day, 
#cal-table-day tbody {
    width: max-content;
    min-width: 100%;
}

div.week-entry-item,
div.day-entry-item {
    background: #fff;
    border: 1px solid;
    padding: 0.5rem;
    max-width: 100px;
    position: absolute;
    top: 0;
}

#cal-table-week .continued-cal-item {
    position: absolute;
    width: 10px;
    top: 0;
    border-radius: 5px;
}

table#cal-table-week thead th {
    text-align: center;
    border: 1px solid darkgrey;
} 

span.status-approved.list-view {
    color: green;
}

.calendar-Item {
    background-color: #FFFFFF;
    border: 1px solid #89A2B3;
    z-index: 10;
    word-break: break-word;
}

.calendar-Item {
    cursor: pointer;
}

.menu-jumbotron li {
    list-style: none;
}

.cal-entry-attributes strong {
  font-size: 1.2rem;
}
.cal-entry-attributes p {
  font-weight: 400;
}

#xoe_attachments_info > :first-child {
    display: block;
}
.attachment {
    display: inline-block;
    padding: 0.4rem;
    margin-right: 0.4rem;
    margin-bottom: 0.4rem;
    border: 2px solid;
    border-radius: 0.2rem;
}
.attachment img {
    margin-left: 0.2em;
}
.attachment.deleted {
    border-color: red;
    background: #ffeeee;
    text-decoration: line-through;
}

/* Registration status - color code should not change on different themes */
#xoevents-master .registration_stats .reg_cancelled,
#xoevents-master .registration_stats .reg_6,
#xoevents-master table.approval_requests .reg_cancelled,
#xoevents-master table.approval_requests .reg_6 {
    color:red;
}
#xoevents-master .registration_stats .reg_waiting,
#xoevents-master .registration_stats .reg_5,
#xoevents-master table.approval_requests .reg_waiting,
#xoevents-master table.approval_requests .reg_5 {
    color:orange;
}
#xoevents-master .registration_stats .reg_pending,
#xoevents-master .registration_stats .reg_4,
#xoevents-master table.approval_requests .reg_pending,
#xoevents-master table.approval_requests .reg_4 {
    color:gold;
}
#xoevents-master .registration_stats .reg_approved,
#xoevents-master .registration_stats .reg_3,
#xoevents-master table.approval_requests .reg_approved,
#xoevents-master table.approval_requests .reg_3 {
    color:green;
}

ul.registration_stats {
    list-style: none;
}

ul.registration_stats span {
    font-weight: 500;
    display: inline-block;
    min-width: 7rem;
}

@media (max-width: 576px) {
    .col-sm-12-max {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
    }
    .xowiki-content .my-area-icon {
        font-size: 3rem;
    }
    .col-sm-12-max .my-area-icon svg:not(:root).svg-inline--fa {
        width: 48px;
        height: 48px;
    }
    .xowiki-content .my-area-link-text {
        font-size: 0.65rem;
    }
    .xowiki-content input[name=cockpit_filter] + button {
        margin-top: 1rem!important;
        margin-left: 0;
    }
    .md-form label {
        position: relative;
    }
}

@media (max-width: 400px) {
    .xowiki-content a[href^='mailto:'] .my-area-link-text {
        word-break: break-all;
    }
    #xoevents-master #registration_view_form ~ div.zoom-wrapper table.td_top:first-of-type {
        width: 100%;
        margin-bottom: 2rem;
    }
    #assessment-player .assessment_title + table {
        table-layout: fixed;
    }
    .medium-downwards {
        font-size: 0.85rem;
    }
}

/** xoevents registration state **/
#xoevents-master #registration_view_form div.form-label-display-mode.col {
    max-width: 15rem;
    min-width: fit-content;
}
#xoevents-master #registration_view_form ~ table.td_top tr td br,
#xoevents-master #registration_view_form ~ table.td_top tr td br:after {
    content: ' ';
}
#xoevents-master #registration_view_form ~ table.td_top tr td:first-child {
    width: 15rem;
}
#xoevents-master #registration_view_form ~ table.td_top:first-of-type {
    margin-bottom: 2rem;
}
.xoevents_body #registration_view_form {
    margin-top: 2rem;
}
.xoevents_body #registration_view_form ~ h2{
    color: revert;
}
.xoevents_body form#registration_view_form .backlink {
    display: inline-block !important;
}

.xoevents_body form#registration_view_form #xoe_formbutton\:edit {
    display: none;
}

/** xoevents registration state **/

.openacs_mdb .fixed-top {
    z-index: 1050;
}

#events_to_map #xoe_search_string .form-help-text {
    display: none!important;
}
#events_to_map #xoe_event_ids {
    width: 50%;
    display: inline-block;
}

#xoe_event_ids .md-form {
    margin-top: 0;
}

form[name='cat_filter_form'] select {
    display:none;
}

form[name='cat_filter_form'] b {
    font-size: 1rem;
    font-weight: bold;
}

#ibook sub {
    bottom: -.25em;
}

body sub,
body sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: super;
}

[data-show-content] {
    cursor: pointer;
}

[data-show-content] svg {
    display: none!important;
    margin-left: 0.5rem;
    padding-top: 0.25rem;
}

[data-show-content] svg.active {
    display: inline-block!important;
}

.event-list img {
    max-width: 5rem;
    object-fit: contain;
    margin-right: 1rem;
}

.event-list a {
    display: flex;
    align-items: center;
}

.scorm-card .progress {
    height: 20px;
}

.md-form .switch label {
    position: relative;
}

.md-form .switch label .lever {
    margin-left: 0;
}

.yui-dialog {
    z-index: 999!important;
}

.datepicker-height label  {
    transform: translateY(-14px) scale(0.95);
    z-index: 200;
    font-size: 0.95rem;
}

#course-search-results .card.event-card .event-card-light .member-info {
    min-width: fit-content;
    height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card .subtitle {
    display: block;
    font-size: 0.8rem;
}

.hidden:not(.Form-folder a, #auto_test #total) {
    display: none;
}

#xoe_emailh {position:absolute;left:-9999px;}

.openacs_mdb .cke_panel, .openacs_mdb .cke_combopanel { z-index: 100000!important; }

.form-check-input[type="radio"]:not(:checked) + label,
.form-check-input[type="radio"]:checked + label,
label.btn input[type="radio"]:not(:checked) + label,
label.btn input[type="radio"]:checked + label,
.form-check-input[type="radio"] + label:before,
.form-check-input[type="radio"] + label:after,
label.btn input[type="radio"] + label:before,
label.btn input[type="radio"] + label:after {
    -webkit-transition: none!important;
    transition: none!important;
}

.jumbotron form label {
    color: #000;
}

.menu-jumbotron.jumbotron form .md-form input {
    border-color: #fff;
}

.card.progress-card .card-body {
    padding: 1.25rem;
}
.card.progress-card .progress {
    position:relative;
}
.card.progress-card .progress span {
    position: absolute;
    right: 50%;
}

.card.progress-card button {
    width: 100%;
    font-weight: bold;
    display: flex;
    align-items:center;
    margin: 0;
    padding: 0.5rem 1rem;
    justify-content: center;
}

.card.mini-progress-card {
    position: absolute;
    min-height: 3rem;
    min-width: 8rem;
    opacity: 0.8;
    bottom: -2rem;
    padding: 0.25rem!important;
    width: 90%;
    text-align: center;
    opacity: 0.8;
    left: 50%;
    transform: translateX(-50%);
}

.xoevents_body .mini-progess-card-wrapper {
    height: 6rem;
    position: relative;
}

@media (max-width: 1050px) {
    .card.mini-progress-card {
        min-width: 6rem;
    }
}

@media (max-width: 768px) {
    .event-filter button {
        padding-left: 0;
        padding-right: 0;
    }
    .card.mini-progress-card {
        min-width: 6rem;
    }
    .card.progress-card button {
        margin-top: 1rem;
    }
}
@media (max-width: 576px) {
    .card.mini-progress-card {
        min-width: 8rem;
    }
}

.card.progress-card  svg {
    font-size: 1.5rem;
    margin-right: 1rem
}

.clickable {
    cursor: pointer;
}

a.yui-dt-sortable {
    position: relative;
}

a.yui-dt-sortable:before,
a.yui-dt-sortable:after {
    right: -1em;
    bottom: -0.25rem;
    font-family: "Font Awesome\ 5 Free", sans-serif;
    font-size: 1rem;
    font-weight: 900;
    position: absolute;
    display: block;
    opacity: .3;
}

a.yui-dt-sortable:before {
    content: "\f0de";
}
a.yui-dt-sortable:after {
    content: "\f0dd";
}

.yui-dt-asc a.yui-dt-sortable:before,
.yui-dt-desc a.yui-dt-sortable:after {
    opacity: 1;
}

#xoe_edit input[type='submit'].display-mode {
    display: none;
}
#locale_form #xoe_formbutton\:ok {
    z-index: 10;
}

.md-form label.p-active {
    transform: translateY(-14px) scale(0.95);
    z-index: 200;
}
#error-page {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

#error-page > div {
    margin-left: 1rem;
}
#error-page img {
    max-width: 50%;
}

.member-info {
    padding: 0.25rem;
    text-align: center;
    width: 100%;
    margin: 0.375rem;
}

@media (max-width: 1091px) {
    nav.navbar.double-nav {
        display: flex;
        align-items: baseline;
    }

    div.container-fluid {
        width: auto;
        margin-left: 0;
    }
    .navbar-toggler {
        margin-top: 0;
    }
    #header-navbar {
        margin-top: 1.2rem;
    }
    header a img {
        height: 30px;
    }
}

@media (max-width: 575px) {
    .openacs_mdb .mdb-select.md-form label {
        transform: translateY(-80px) scale(0.95);
    }
}

#xoe_pdf_document_inform strong {
    display: block;
}

.md-form div.file-field input[type="text"]:not(.browser-default).valid,
.md-form div.file-field input.file-path {
    border-bottom: none;
    box-shadow: none;
}
#xoe_public_document {
    margin: 0;
}
#xoe_public_document_inform {
    display: flex;
}
#xoe_public_document_inform > strong,
#xoe_public_document_inform > .public-document-btn {
    margin-right: 1rem;
}
#xoe_public_document .file-field {
    display: flex;
    align-items: center;
}
#remove-public-document,
#delete-public-document {
    color:red;
    cursor: pointer;
}

p.form-help-text.show-form-help-text {
    display: block;
}

#field_edit_form select.mdb-select {
    display: block !important;
}

body .reg_approved {
    color:green;
}
body .reg_suggested,
body .reg_waiting,
body .reg_pending {
    color:orange;
}
body .reg_cancelled {
    color:red;
}

.zoom-wrapper table tr {
    position:relative!important;
}

.progress-bar span:not(.progress-bar-text) {
    color: #000;
}

.dataTables_wrapper .dataTables_length {
    float: none;
    display: inline-block;
}

tfoot .form-check input[type=checkbox],
tfoot .form-check label {
    display: none!important;
}

th.yui-dt-col-category_icon_end .yui-dt-label {
    position:relative;
}

th.yui-dt-col-category_icon_end .yui-dt-label:before {
    content: "\f0de";
}
th.yui-dt-col-category_icon_end .yui-dt-label:after {
    content: "\f0dd";
}
th.yui-dt-col-category_icon_end .yui-dt-label:before,
th.yui-dt-col-category_icon_end .yui-dt-label:after {
    right: -1em;
    bottom: 0;
    font-family: "Font Awesome\ 5 Free", sans-serif;
    font-size: 1rem;
    font-weight: 900;
    position: absolute;
    display: block;
    opacity: .3;
}

th.yui-dt-col-category_icon_end .yui-dt-label.yui-dt-asc:before {
    opacity: 1;
}
th.yui-dt-col-category_icon_end .yui-dt-label.yui-dt-desc:after {
    opacity: 1;
}
th.yui-dt-col-category_icon_end {
    cursor: pointer;
}

div#xoqti_dialog textarea.ckeip {
    height: auto;
}

.category-filter-tree-wrapper ul.select-dropdown li.disabled {
    display: none!important;
}

#xoscorm-api-logger {
   display: none!important;
}

.dataTables_wrapper.no-table-footer .dataTables_paginate,
.dataTables_wrapper.no-table-footer .dataTables_info,
.dataTables_wrapper.no-table-footer .dataTables_length
{
    display: none;
}

.test_summary table.table th {
    padding-top: 1.1rem;
    padding-bottom: 1rem;
}

#ibook-content.itest .test_summary table.table.xolrn_summary_table {
    border-top: none;
    margin-top: 1rem;
}

#ibook-content.itest .test_summary .table-striped tbody tr:nth-of-type(odd) {
    background-color: #f5f5f5;
}

#ibook-content.itest .test_summary .table-striped tbody tr:nth-of-type(even) {
    background-color: #ffffff;
}

.xolrn_summary_table tbody tr {
    cursor: pointer;
}

#trigger_form .form-help-text {
    font-size: 0.85rem;
    margin-bottom: 1.5rem;
}

#trigger_form .form-label {
    font-weight: bold;
}

.befragung_content h3 {
    font-size: 1.2rem;
}

.missing_requirements {
    width: 100%;
}
.missing_requirements a {
    display: flex;
    align-items: center;
    width: 100%;
}

div.inline-card-wrapper {
    display: flex;
    flex-wrap: wrap;
}

div.inline-card {
    width: 22.5%;
    display: inline-block;
    margin: 1%;
    position: relative;
    flex-shrink: 0;
}

div.inline-card .event-card-text {
    width: 100%;
}

div.inline-card .bottom-content {
    width: 100%;
    margin-top: 1rem;
}

div.inline-card .bottom-content div.event-card-light {
    height: auto;
}

div.inline-card .missing_requirements a {
    width: auto;
}

.openacs_mdb .course_search div.event-card.inline-card .event-card-logo {
    width: 100%;
    border-right:none;
}

.openacs_mdb .course_search div.event-card.inline-card h2 {
    font-size:16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 990px) {
    div.inline-card {
        width: 45%;
        display: inline-block;
        margin: 2%;
    }
}

.openacs_mdb .course_search .inline-card-wrapper  .card-body .event_logo_img {
    object-fit: contain;
    width: 100%;
    height: 6rem;
}

.xoevents_body .inline-card-wrapper .mini-progess-card-wrapper {
    width: 10rem;
}

#ibook h2.test-title {
    display: flex
}
#ibook h2.test-title .ctxmenu {
    margin-left: 0.5rem;
    background: none!important;
}

#ibook .test-title .ctxmenu .fa-ellipsis-h {
    font-size: 1.5rem !important;
    margin-top: -0.75rem;
}

#users_dict div.ctxmenu {
    height: 20px;
    width: 40px;
}

a.back-link {
    display: flex;
    align-items: center;
    width: fit-content;
    position: relative;
    margin-left: 0;
}

a.back-link .material-icons {
    transform: rotate(90deg);
    position: absolute;
    bottom: 0.5rem;
    left: 1rem;
    font-size: 20px;
}

a.back-link span:nth-child(2) {
    display: inline-block;
    margin-left: 1rem;
}

.thumb-title .ctxmenu > span {
    display: none;
}

#main_body #content {
    float: initial;
    width: auto;
}

#ibook-content .dataTables_paginate,
.xolrn .dataTables_paginate {
    justify-content: end;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
}

#ibook-content .dataTables_info,
.xolrn .dataTables_info {
    float: left;
}

#ibook-content .dataTables_filter,
.xolrn .dataTables_filter {
    float: right;
}

#ibook-content .paginate_button,
.xolrn .paginate_button {
    display: inline-block;
    border: none;
    font-size: 0.9rem;
    color: #212529;
    background-color: transparent;
    border: 0;
    outline: 0;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    position: relative;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
}

#ibook-content .paginate_button.current,
.xolrn .paginate_button.current {
    color: #fff;
    background-color: #C4C3C8;
    border-radius: 0.125rem;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

#ibook-content .paginate_button.disabled,
.xolrn .paginate_button.disabled {
    color: #868e96;
}

#ibook .hyperlink.url {
    background: none;
}

.choiceTable tbody {
    display: block!important;
}
.md-form div.file-field input[type="text"]:not(.browser-default).valid,
.md-form div.file-field input.file-path {
    border-bottom: none;
    box-shadow: none;
}
#xoe_public_document {
    margin: 0;
}
#xoe_public_document_inform {
    display: flex;
}
#xoe_public_document_inform > strong,
#xoe_public_document_inform > .public-document-btn {
    margin-right: 1rem;
}

#delete-public-document {
    color:red;
    cursor: pointer;
}

p.form-help-text.show-form-help-text {
    display: block;
}

#field_edit_form select.mdb-select {
    display: block !important;
}

#ctxm ul {
    margin-bottom: 0;
}

@font-face {
    font-family: 'Material Symbols Rounded';
    font-style: normal;
    font-weight: 100 700;
    font-display: block;
    src: url('/resources/openacs-mdb-theme/font/MaterialSymbolsRounded.woff2') format('woff2');
}

.material-symbols-rounded {
    font-family: 'Material Symbols Rounded';
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';

    font-variation-settings:
      'FILL' 0,
      'wght' 400,
      'GRAD' 0,
      'opsz' 24;
}

.flip-x {
  transform: scaleX(-1);
}

.disable-pointer-events {
    pointer-events:none!important;
}