.openacs_mdb #main_body #content div#user-message {
     margin: 0.5rem 0;
    position: relative;
    top: 0;
    padding: 0.75rem 1.25rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
    text-align: left;
}

.openacs_mdb #main_body #content div#user-message .close {
    background-color: inherit !important;
    display: flex;
    padding: 0.6rem 1.25rem;
    position: absolute;
    border-radius: 0.25;
    top: 0;
    right: 0;
    color: #004085 !important;
}

.breadcrumb-dn {
    display: flex;
    white-space: nowrap;
}

.openacs_mdb .lernmanagement_box.content {
    width: 100%
}

.compa {
    margin-top: 1rem!important;
    width: 100%;
    object-fit: contain;
    max-width: 958px;
}

.befragung_content li.tab_generic a {
    display: none;
}

.yuimenu ul:first-of-type {
    border: 1px solid #006BA6;
}

.yuimenu ul {
    border: 1px solid #006BA6;
    background: white;
    border-top: none;
    padding: 0.5rem;
}

#xoe_type_filter h3 {
    cursor: pointer;
}

body,
.xoevents_body,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button,
#appmenu-title > a,
#appmenu-title > span > span,
#appmenu > ul > li > a,
#appmenu span,
.xoevents_body .course_search {
    font-family: Muli, Verdana, Helvetica, sans-serif!important;
    font-size: 0.875rem;;
}

#developer_mode {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1040;
    font-size: 10px!important;
    text-align: left!important;
    color: green;
}

#developer_mode.warning {
    color: red;
}

#developer_mode.warning:after {
    color: deeppink;
    content: "(LIVE server proceed with caution)";
}

.lernmanagement_box content {
    margin-top: 80px;
}

#user-message {
    margin-top: 25px;
}

.openacs_mdb a {
    font-weight: 700;
    text-decoration: none;
}

.openacs_mdb a:active,
.openacs_mdb a:hover {
    color: #006BA6;
}

#footer a:hover,
#footer a:active {
    color: #006BA6!important;
}

.openacs_mdb span.a_under {
    text-decoration: none;
}

.openacs_mdb a:not(.h_a),
#footer a,
#footer a:link,
#footer a:visited,
#status-filter-buttons a:not(.btn-primary) {
    color: #66add4;
}

.openacs_mdb .event-card-text > h2 > a {
    color: #01549B
}

.openacs_mdb h1,
.openacs_mdb h2,
.openacs_mdb h3,
.openacs_mdb h4,
.openacs_mdb h5,
.openacs_mdb h6 {
    font-weight: bold;
    padding: 0;
}

.openacs_mdb .none_content #content h1 {
   margin-top: 22px;
}

.openacs_mdb input[type="text"],
.openacs_mdb span.caret {
    color: #006BA6;
}

.openacs_mdb form span.filtrable label {
    display: inline-block;
}

.openacs_mdb .select-wrapper span.caret {
    transform: scale(1.8, 1);
}

.openacs_mdb .yui-dt-paginator>div,
.openacs_mdb div.sm-select {
    display: inline-block;
}

.openacs_mdb .yui-dt-paginator>div span.caret,
.openacs_mdb .sm-select span.caret {
    top: 0.4rem;
    right: 0.4rem;
}

.openacs_mdb .yui-dt-paginator input[type=text],
.openacs_mdb .sm-select input[type=text].select-dropdown {
    padding: 0 0.5rem;
    font-size: 0.7rem;
    height: 1.6rem;
}

.openacs_mdb .btn {
    white-space: nowrap;
    font-weight: 700;
}

.openacs_mdb .btn-primary {
    background-color: #006BA6!important;
}

#developer-toolbar {
    position: fixed;
    bottom: 0;
    z-index: 10;
}

.openacs_mdb .btn-rounded {
    border-radius: 2px;
}

.yui-skin-sam .yuimenuitemlabel {
    text-decoration: none!important;
}

.waves-button-input {
    font-size: 14px;
    white-space: nowrap;
}

.inline {
    display: inline-block;
    float: left;
}

.flex {
    display: flex;
}

.dropdown-primary {
    background-color: white;
}

.results_container {
    margin-top: 1.5rem;
}

.results_container button {
    text-transform: none;
}

.uppercase {
    text-transform: uppercase;
}

.results_container .btn.btn-sm {
    font-size: 0.7rem;
}

.xoevents_body h1,
.xoevents_body h2,
.xoevents_body h3,
.xoevents_body h4,
.xoevents_body h5 {
    margin: 11px 22px 5px 0px
}

.xoevents_body mark {
    background-color: #eeff41;
}

.xoevents_body table {
    width: 100%;
}

.xoevents_body .course_search #cockpit_filter {
    margin: 0.35rem;
}

.xoevents_body .course_search hr {
    margin-top: 0.8rem;
}

.xoevents_body .results_container hr {
    margin-top: 0rem;
}

.xoevents_body .results_container .row {
    margin-bottom: 0.5rem;
}

.openacs_mdb input[type=text],
.openacs_mdb input[type=password],
.openacs_mdb .md-form input[type=text],
.openacs_mdb .mdb-form input[type=password] {
    -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;
}

body.openacs_mdb .xoevents_body #event-filter input[type=button],
body.openacs_mdb .xoevents_body #cockpit_filter_form input[type=submit],
body.openacs_mdb .xoevents_body #cockpit_filter_form input[type=text] {
    font-size: 0.875rem;
    width: 100%;
    margin-left: 0;
}

.xoevents_body #cockpit_filter_form .btn {
    padding: 0.2rem;
    width: 100%;
    margin-left: 0;
    margin-top: 5px;
}

.xoevents_body input.icon-input {
    padding-left: 2.8rem!important;
}

.xoevents_body .event-card.card {
    min-height: 10rem;
}

.xoevents_body .event-card .card-body {
    padding: 0 1.25rem;
}

.xoevents_body .event-card.card .card-body.row {
    margin: 0;
    padding-right: 0;
    padding-left: 0;
}

.xoevents_body .event-card .card-body>div {
    padding: 1.25rem;
}

.xoevents_body .event-card .card-body .event-card-text {
    padding-bottom: 0;
    font-size: 0.7rem;
}

.xoevents_body .event-card .card-body .event-card-text p {
    padding-top: 0.75rem;
    padding-bottom: 0;
}

.xoevents_body .event-card .card-body .event-card-logo {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

.xoevents_body .card-body>div img {
    height: 7rem;
    width: 7rem;
    object-fit: contain;
}

.xoevents_body .card-body>div span img {
    height: auto;
    width: auto;
    z-index: 100;
}

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

.preloader-wrapper .circle {
    background: none;
}

div.xoevents_body div.results_container .btn-group button.btn {
    background: white!important;
    color: #006BA6!important;
}

div.xoevents_body div.results_container .btn-group {
    margin: .5rem 0;
    padding: 0;
}

.xoevents_body .row {
    margin: 0;
    margin-bottom: 1rem;
}

div.xoevents_body div.results_container .btn-group button.btn.selected {
    background: #006BA6!important;
    color: white!important;
}

.input-icon {
    position: absolute;
    top: 1.5rem;
    left: 1rem;
    color: #ced4da;
    font-size: 1.3rem;
}

.filter_form>div {
    padding: .3rem;
    padding-left: 0;
}

.filter_form>div:nth-child(2) {
    padding-right: 0;
}

.event-card .justify-content-center {
    align-items: center!important;
}

.event-card h2 {
    margin-top: 0.2rem;
}

.event-card-info {
    background-color: #006BA6;
    border-radius: 2px;
    text-align: center;
    color: #fff;
    font-size: 1em;
    position: relative;
    padding: 0.5rem;
}

.event-card-info strong {
    font-size: 2rem;
    font-weight: 400;
    display: block;
    line-height: 1.2;
}

.event-card-info hr {
    width: 5rem;
    margin-top: 2px;
    margin-bottom: 2px;
    background: white;
}

.event-card-light {
    background-color: #fff;
    padding: 2px;
    background-clip: content-box;
    bottom: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    margin-top: 0.4rem;
}

.event_facts .circle,
.event-card-light .circle {
    width: 1rem;
    height: 1rem;
    border-radius: 0.7rem;
    background: #e6e6e6;
    display: inline-block;
    margin-bottom: .1rem;
    margin-top: .5rem;
    margin-right: 3px;
    margin-left: 3px;
}

.event-card-light .member-info,
.event_facts .member-info {
    min-height: 1rem;
    margin: 0.45rem 0;
    font-weight: bold;
}

.openacs_mdb .member-info[data-reg_state=approved],
.openacs_mdb .member-info.success {
    color: #00b050;
}

.openacs_mdb .member-info[data-reg_state=pending],
.openacs_mdb .member-info.closed {
    color: #CC0000;
}

.openacs_mdb .member-info.standard {
    color: #006BA6;
}

div.filter {
    margin-top: 0;
    text-align: right;
    padding-left: 0;
}

div.filter .events_per_page_select {
    display: inline-block;
    width: 3.5rem;
    margin-right: 1rem;
}

div.filter .sort-selector {
    display: inline-block;
    width: 13rem;
    margin-left: 0.5rem;
    margin-bottom: -0.6rem;
}

.xoevents_body #course-search-filter input[type=text] {
    margin: 0;
}

.results_container .dropdown-content li>a,
.results_container .dropdown-content li>span {
    font-size: 0.875rem;
}

#course-search-filter-header,
#open-events-header,
#finished-events-header,
#open-community-events-header,
#finished-community-events-header {
    cursor: pointer;
}

#course-search-filter-header .fa-angle-down,
#open-events-header .fa-angle-down,
#finished-events-header .fa-angle-down,
#open-community-events-header .fa-angle-down,
#finished-community-events-header .fa-angle-down {
    display: none;
}

.filter label {
    position: absolute;
    top: -1rem;
    left: 0.4rem;
    color: #006BA6;
}

#course-search-filter-header {
    cursor: pointer;
}

#course-search-filter-header .fa-angle-down {
    display: none;
}
.course_search_actions .switch {
    display: none;
}
#page-selector {
    position: relative;
    text-align: center;
    margin-right: 1.5rem;
    margin-top: 1.5rem;
}

#page-selector div {
    display: inline-block;
    position: relative;
}

#page-selector i {
    position: absolute;
    top: -3px;
}

#page-selector i:first-of-type {
    left: -25px;
}

#page-selector i:last-of-type {
    right: -25px;
}

#page-selector span,
#page-selector i {
    cursor: pointer;
}

#page-selector span.active {
    font-weight: bold;
    color: #006BA6;
}

.openacs_mdb .event-card {
    cursor: pointer;
}

.openacs_mdb #course-search-filter>div {
    margin-bottom: 1rem;
}

.openacs_mdb #footer {
    max-width:none;
}

div.openacs_mdb #course-search-filter>div:nth-child(odd) {
    padding-left: 0;
    padding-right: 5px;
}

div.openacs_mdb #course-search-filter>div:nth-child(even) {
    padding-right: 0;
    padding-left: 5px;
}

.openacs_mdb div.filter-buttons {
    text-align: right;
    padding-right: 0!important;
}


body.openacs_mdb .course_search div.filter-buttons button {
    padding: 0.84rem 2.14rem;
}

div.filter-buttons button {
    margin-right: 0;
}

div.mdb-select li {
    list-style-type: none!important;
}

div.xoevents_body div.resource-buttons {
    width: 100%;
}

div.xoevents_body div.resource-buttons a,
.registration_links a,
div.xoevents_body div.resource-buttons a:link,
.registration_links a:link,
div.xoevents_body div.resource-buttons a:hover,
.registration_links a:hover,
div.xoevents_body div.resource-buttons a:visited,
.registration_links a:visited {
    font-weight: 700;
    background: #006BA6;
    color: #fff;
    display: block;
    font-size: 0.8rem;
    padding: 0.5rem;
    text-transform: none;
}

div.xoevents_body #open-events div.resource-buttons a,
div.xoevents_body #finished-events div.resource-buttons a {
    padding-left: 1rem;
}

.openacs_mdb div.xoevents_body div.resource-buttons img {
    height: 20px;
    width: 20px;
    margin-right: 0.6rem;
    object-fit: cover;
}

div.xoevents_body div.resource-buttons div.abtn-label {
    display: inline-flex;
    vertical-align: middle;
    align-items: center;
}

div.xoevents_body div.resource-buttons div.button-title {
    vertical-align: middle;
    white-space: normal;
}

div.xoevents_body #reset_level_1_filter {
    font-size: 0.6rem;
}

.success-color {
    background-color: #00b050!important;
}

.warning-color {
    background-color: #ffe500!important;
}

.danger-color {
    background-color: #d0023f!important;
}

.openacs_mdb .btn-primary:not([disabled]):not(.disabled):active,
.openacs_mdb .btn-primary:not([disabled]):not(.disabled).active,
.show>.openacs_mdb .btn-primary.dropdown-toggle {
    background-color: #066599;
}

.openacs_mdb .preloader-wrapper .spinner-blue,
.openacs_mdb .preloader-wrapper .spinner-blue-only {
    border-color: #006BA6;
}

div.xoevents_body div.resource-buttons a.half_disabled,
div.xoevents_body div.half_disabled a,
.half_disabled a,
div.xoevents_body div.half_disabled a:link,
.half_disabled a:link,
div.xoevents_body div.half_disabled a:hover,
.half_disabled a:hover,
div.xoevents_body div.half_disabled a:visited,
.half_disabled a:visited {
    background: #949494!important;
}

#course-search-filter>div:nth-child(odd) {
    padding-left: 0!important;
    padding-right: 5px;
}

#course-search-filter>div:nth-child(even) {
    padding-right: 0!important;
    padding-left: 5px!important;
}

.cc-container {
    font-family: Muli, Verdana, Helvetica, sans-serif!important;
}

.openacs_mdb a div, .openacs_mdb a:visited div, .openacs_mdb a:link div {
    text-decoration: none;
}

.openacs_mdb #main_body {
    padding: 1rem;
    width:auto;
    max-width:990px;
    margin: auto;
}

.openacs_mdb #xoe_costs label .form-widget > input[name='costs.1'] {
    padding-left: 1.5rem!important;
}

.openacs_mdb .dropdown-content li > a,
.openacs_mdb .dropdown-content li > span {
    display:inline-flex;
}

.openacs_mdb .none_box.content {
    width:100%;
}

@media screen and (max-width: 768px) {
    .openacs_mdb .cc-compliance,
    .openacs_mdb .cc-container {
        display: block;
    }
    .filter.events_per_page_select {
        text-align: left;
    }
    .openacs_mdb #course-search-filter>div:nth-child(odd) {
        padding-right: 0!important;
    }
    .openacs_mdb #course-search-filter>div:nth-child(even) {
        padding-left: 0!important;
    }
    .openacs_mdb #category-filter-box>.filter input[type='text'] {
        margin-left: 0;
    }
    .openacs_mdb #category-filter-box>.filter .select-wrapper span.caret {
        right: 0.5rem;
    }
    .xoevents_body .event-card .card-body .event-card-logo {
        border-bottom: 1px solid #ced4da;
        border-right: none;
    }
    div.filter {
        margin-top: 0;
    }
}

@media screen and (max-width: 631px) {
    .event_facts {
        left: 50%;
        transform: translate(-50%, 0%);
    }
    .event_spacer {
        width: 0px;
        height: 0px;
    }
}

@media screen and (max-width: 576px) {
    .filter>div {
        margin-top: 1.5rem;
    }
    div.filter {
        margin-top: 0.5rem;
    }
    .filter_form>div {
        padding: .3rem 0 0.3rem 0;
    }
    .event-card-info {
        width: 100%!important;
    }
    div.filter .events_per_page_select,
    div.filter .sort-selector {
        margin: 0 0 -0.6rem 0;
    }
    div.filter .events_per_page_select {
        width: 100%;
    }
    #page-selector i,
    #page-selector div {
        transform: scale(1.5);
    }
    #page-selector div {
        margin-left: 2.5rem;
        margin-right: 1rem;
    }
}

#demo_text a {
    color: #66add4;
    text-decoration: none;
}

#demo_text a:hover {
    color: #006ba6;
    text-decoration: none;
}

@media screen and (max-width: 328px) {
    .event_details {
        left: 50%;
        transform: translate(-50%, 0%);
        max-width: 280px!important;
    }
}


/**********************/

input[type='button'] {
    display: inline-block;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 1.5;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    padding: 0.84rem 2.14rem;
    font-size: 0.81rem;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    margin: 0.375rem;
    border: 0;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    text-transform: uppercase;
    white-space: normal;
    word-wrap: break-word;
    color: #fff;
    background: #006BA6;
}

.openacs_mdb textarea {
    overflow-y: hidden;
    padding: 1.5rem 0;
    resize: none;
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #ced4da;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background-color: transparent;
}

.openacs_mdb textarea:focus:not([readonly]) {
    box-shadow: 0 1px 0 0 #4385f4;
    border-bottom: 1px solid #4385f4;
}


/**********************/

#show_item_form b {
    font-weight: 700;
}

.openacs_mdb .resource-buttons a {
    margin-right: 0;
    margin-left: 0;
}

.openacs_mdb .progress-wrapper {
    width: auto;
}

table.question-matrix .form-check-input[type="radio"]:not(:checked)+label,
table.question-matrix .form-check-input[type="radio"]:checked+label,
table.question-matrix label.btn input[type="radio"]:not(:checked)+label,
table.question-matrix label.btn input[type="radio"]:checked+label {
    height: 0.6rem;
    padding-left: 25px;
}

span.xoe_notify_user .form-check-input[type="checkbox"]+label {
    padding-left: 30px;
}

#user_form .xoe_notify_user {
    margin-right: 0.5rem;
}

.openacs_mdb .yui-dt-liner input {
    margin-top: 4px;
}

body .cc-window {
    color: white!important;
    background-color: #212529!important;
}

body .cc-banner .cc-message {
    padding-right: 1rem;
}

body .cc-revoke,
body .cc-window {
    font-size: inherit;
    color: white!important;
    background-color: #212529!important;
    text-align: center;
}

body .cc-btn {
    color: #fff!important;
    background-color: #006ba6!important;
    border-color: #006ba6!important;
    box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.16), 0 0.125rem 0.625rem 0 rgba(0, 0, 0, 0.12)!important;
}

body .cc-btn {
    text-transform: uppercase;
}

body .cc-window.cc-banner {
    flex-direction: row!important;
    align-items: center!important;
    padding: 16px 0!important;
    width: 100%!important;
}

.cc-window.cc-banner .cc-container {
    flex-direction: row!important;
    align-items: center!important;
}

.cc-message {
    text-align: left;
}

.cc-container {
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-wrap: nowrap;
    margin: 0 auto;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    padding-right: 16px;
    padding-left: 16px;
    margin-right: auto;
    margin-left: auto;
}

body .cc-container {
    max-width: 990px!important;
}

body .cc-container a.cc-link {
    color: #66add4;
}

body .cc-btn {
    display: inline-block;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    border: 0 solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    padding: 0.84rem 2.14rem;
    font-size: 0.82rem;
    line-height: 1.5;
    border-radius: 0.125rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.openacs_mdb input.xinhaupdate,
.openacs_mdb a.button,
.openacs_mdb a.button:link,
.ui-dialog input[type="submit"],
.ui-dialog button {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    padding: 0.5rem 1.6rem;
    font-size: 0.64rem;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    margin: 0;
    border: 0;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    text-transform: uppercase;
    white-space: normal;
    word-wrap: break-word;
    color: #fff;
    background-color: #006BA6;
    font-weight: 700;
}

.openacs_mdb input.xinhaupdate:hover,
.akdae input.xinhaupdate:active,
.akdae input.xinhaupdate:focus,
.openacs_mdb a.button:hover,
.openacs_mdb a.button:active,
.openacs_mdb a.button:focus,
.openacs_mdb input.xinhaupdate:hover,
.akdae input.xinhaupdate:active,
.akdae input.xinhaupdate:focus,
.ui-dialog input[type="submit"]:hover,
.ui-dialog button:active {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    outline: 0;
}

.openacs_mdb input.xinhaupdate:not([disabled]):not(.disabled):active,
.akdae input.xinhaupdate:not([disabled]):not(.disabled).active {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.openacs_mdb .yui-dt-paginator .caret {
    display: none!important;
}

.openacs_mdb .yui-dt-paginator input[type=text] {
    display: none!important;
}

.xolrs-client .form-check-input {
    margin-top: 0;
    margin-left: 0;
}

.cke_dialog_ui_select select {
    display: block!important;
}

.btn-group {
    margin-bottom: 0.5rem;
}

.btn-group button.btn.level-2-filter-btn {
    background: #ffffff!important;
    color: #006BA6!important;
}

.btn-group button.btn.level-2-filter-btn.level-2-filter-selected,
div.xoevents_body div.results_container .btn-group button.btn.event-filter-btn.event-filter-selected,
div.xoevents_body div.results_container .btn-group button.btn.event-type-filter-btn.event-type-filter-selected,
div.xoevents_body div.results_container .btn-group button.btn.event-mode-filter-btn.event-mode-filter-selected {
    background: #006BA6!important;
    color: #ffffff!important;
}

.openacs_mdb .course_search .btn-group button.btn.event-filter-btn {
    line-height: 0.6;
}

.openacs_mdb .xoevents_body a.button,
.openacs_mdb .xoevents_body a.button:visited,
.openacs_mdb .xoevents_body td.button a,
.openacs_mdb .xoevents_body div.form-button input.button,
.openacs_mdb .xoevents_body a.button:link,
.openacs_mdb .xoevents_body td a.button:link,
.openacs_mdb .xoevents_body .list-button-bar-bottom ul.compact li a.button,
.openacs_mdb .xoevents_body span.icons a.button:link,
.openacs_mdb .xoevents_body span.icons a.button:visited {
    text-decoration: none;
    color: #fff;
    background-color: #006BA6;
}

body.openacs_mdb div#content .xoevents_body li.button {
    list-style: none;
    margin: .5rem -.5rem;
}

body.openacs_mdb div#content ul.pagination li {
    list-style: none;
}

.openacs_mdb .dataTables_length {
    border:none;
    min-width: 12rem;
}

.openacs_mdb div.dataTables_length .custom-select input {
    width:6rem;
    height:2rem;
}

.openacs_mdb table.dataTable thead .sorting_asc_disabled:after,
.openacs_mdb table.dataTable thead .sorting_asc_disabled:before,
.openacs_mdb table.dataTable thead .sorting_desc_disabled:after,
.openacs_mdb table.dataTable thead .sorting_desc_disabled:before {
    display:none;
}

.openacs_mdb form#event_edit_form ul {
    padding-left: 0;
}

.openacs_mdb div.xoevents_body {
    min-width:0;
}

.openacs_mdb span.icons img {
    display: none;
}

#venue_edit_form div > input[type=submit] {
    display:none;
}

div#main_body #report_filter input.date-value {
    margin-top: 0.5rem;
    width: 5.5rem;
}

#report_filter .mdb-date-picker-wrapper {
    margin-left: 1.25rem;
}


#report_filter .filter_event_end_date-wrapper,
#report_filter .filter_registration_end_date-wrapper {
    margin-top: -1.5rem;
}

#report_filter .filter_user_registration_end_date-wrapper {
    margin-top: -1.25rem;
}

.openacs_mdb .none_content #content .mdb-select ul {
    padding-left: 0;
}

.openacs_mdb div a.btn.half_disabled,
.openacs_mdb div a.btn.half_disabled div {
    cursor: initial;
}

#id_custom_login_form input[name=form_cancel] {
    display:none;
}

#akdae_footer {
    font-size: 12px;
}

/************** <generic adaptions> **************/
ul, ol, dl {
    position: relative;
}

h1.page_title {
    font-size: 1.75rem;
}

.openacs_mdb .jumbotron.menu-jumbotron.bulk-menu div.jumbotron-select span.caret {
    right: 5px;
    width: 1rem;
    border-radius: 0;
}
.openacs_mdb .yui-filter {
    margin-bottom: 1rem;
}
.openacs_mdb .menu-jumbotron .dropdown-content li > span {
    width: 100%;
}
.openacs_mdb .mdb-select.md-form label {
    transform: translateY(-14px) scale(0.95);
}
.menu-jumbotron .zoom-wrapper svg {
    display: none;
}
.openacs_mdb .menu-jumbotron a {
    color: #fff;
}
.openacs_mdb a.btn {
    color: #fff;
}
#navbarToolsMenu .dropdown-menu,
#navbarAdminMenu .dropdown-menu {
    width: fit-content;
    word-break: inherit;
}
/************** </generic adaptionss> **************/

/************** <remove border-radius from all rounded elements> **************/
.openacs_mdb button,
.openacs_mdb .btn,
.openacs_mdb input {
    border-radius: 0!important;
}
/************** </remove border-radius from all rounded elements> **************/

/************** <register-pages> /**************/
.openacs_mdb .voucher-form #voucher input[name=voucher_submit] {
    margin-right: 0.85rem;
    margin-top: 0.5rem;
}

#register #xoe_agreement_p .checkbox-label {
    position: relative;
    margin-left: 2rem;
}
/************** </register-pages> **************/

/************** <course-search> **************/
body.openacs_mdb .course_search .event-card-light {
    height: auto;
    line-height: 1.5;
}
body.openacs_mdb .course_search .results_container .results_container_header h3 {
    top: 0;
}
/************** </course-search> **************/

/************** <view-event> **************/
.event_details .rt_description h3 {
    font-size: 1.25rem;
}
.event_facts_inner div.dates-field {
    margin-left: 0;
}
.general-info {
    margin-top: 2rem;
}

.openacs_mdb div.event_facts {
    max-width: 330px;
    min-width: 280px;
}

.event_facts_inner {
    width: 300px!important;
}

.event_details strong {
    font-weight: bold;
}
/************** </view-event> **************/

/************** <xolrn> **************/
.openacs_mdb div#appmenu-title a,
.openacs_mdb div#appmenu li span,
.openacs_mdb div#content #appmenu .dropdown ul li>* {
    font-weight: 700;
}
.openacs_mdb .xolrn.tree #left-col20 {
    width: 25%;
}
.openacs_mdb .xolrn.tree #right-col80 {
    width: 73%;
}
/************** </xolrn> **************/

/************** <overwrite skin colors> **************/
.openacs_mdb.akdaeDesign-skin .event_facts .blue-box span,
.openacs_mdb.akdaeDesign-skin .course_search .event-card-info {
    background-color: #006BA6;
}
.akdaeDesign-skin table.table td a[href],
.akdaeDesign-skin #appmenu a {
    color: #66add4;
}
.openacs_mdb.akdaeDesign-skin .event_facts .view_event_label,
.openacs_mdb.akdaeDesign-skin .event_facts .first-level-category,
.openacs_mdb.akdaeDesign-skin .event_details h3,
.akdaeDesign-skin.openacs_mdb h1.page_title,
.akdaeDesign-skin.openacs_mdb .xoevents_body h1,
.openacs_mdb.akdaeDesign-skin .lernmanagement_box h2,
.openacs_mdb.akdaeDesign-skin .rt_description h2,
.openacs_mdb.akdaeDesign-skin .event_facts .view_event_label,
.openacs_mdb.akdaeDesign-skin .event_facts .first-level-category,
#login_area h1 {
    color: #006BA6;
}
/************** </overwrite skin colors> **************/

/************** <participants> **************/
#participants table .reg_approved {
    color: green;
}
#participants table .reg_pending {
    color: gold;
}
#participants table .reg_waiting {
    color: orange;
}
#participants table .reg_cancelled {
    color: red;
}
/************** </participants> **************/

#register #xoe_datenweitergabe_oeak {
    position: relative;
}
#register #xoe_datenweitergabe_oeak p,
#register #xoe_agreement_p.checkbox-label  {
    margin-left: 2rem;
    font-size: 0.95rem;
    color: #757575;
}

#register #xoe_agreement_p .form-check,
#register #xoe_datenweitergabe_oeak .form-check {
    position: absolute;
    top: 0.75rem;
    margin-left: 0;
}
#register #xoe_agreement_p .form-check {
    top: -1.25rem;
}

#register #xoe_agreement_p .form-error {
    position: absolute;
    top: 1rem;
}

@media (max-width: 576px) {
    .btn-group.col-md-6.col-sm-12 button {
        padding: 0.5rem 0;
    }
}
@media (min-width: 576px) {
    div#complete_login_containter {
        width: auto;
    }
}

.stoerer {
    overflow: hidden;
    width: 200px;
    position: absolute;
    height: 6rem;
    z-index: 999;
}
.stoerer > div {
    background: #006BA6;
    color: #fff;
    overflow: hidden;
    position: absolute;
    transform: rotate(-45deg);
    top: 0.5rem;
    left: -2.5rem;
    font-weight: bold;
    padding: 0.25rem;
    width: 8rem;
    text-align: center;
}
.multiple-select-dropdown li [type="checkbox"] + label {
    height: auto!important;
}

#admin-send-pdf-attachment-page .success-message {
    margin-bottom: 30px;
    position: relative;
    top: 15px;
    text-align: center;
    border: 1px solid #00e600;
    border-radius: 5px;
    padding: 10px;
    background: #ccffcc;
    color: #004d00;
}

#xoe_submit_pdf_mail  {
    display: none!important;
}

#admin-send-pdf-attachment-page #xoe_reset_form_values > div {
    text-align: left!important;
    margin-top: 0;
    margin-bottom: 0;
}

#klu_logo_img {
    max-height: 25px;
}

#klu_logo_img_wrapper {
    padding-top: 0.55rem;
}

@media (max-width: 575.98px) {
    #main_body #content {
      width: fit-content;
    }
    .event_facts_inner,
    .event_details {
        width: 100% !important;
        padding-right: 0;
        padding-left: 0;
        min-width: 280px!important;
    }
    div.event_details {
        padding: 1rem;
    }
    .xowiki-content .card,
    .xowiki-content .row > div {
        position: initial;
    }
    .openacs_mdb div.event_facts {
        max-width: 100%;
    }
    div.xoevents_body div.resource-buttons {
        padding: 0 0.75rem;
    }
    .openacs_mdb #main_body {
        padding: 0;
    }
    .openacs_mdb div.event_facts {
        padding-left: 0;
        padding-right: 0;
    }
    #navbar-menu-wrapper {
        transform: scale(0.75);
    }
    .openacs_mdb .course_search .filter_form > div {
        padding:0!important;
        margin: 0!important;
    }
    body.openacs_mdb .xoevents_body #cockpit_filter_form input[type=submit] {
        margin-left: 0;
        margin-right: 0;
    }
    #my-events-form #cockpit_filter_form {
        padding: 0;
    }
    #my-events > a.btn {
        width: 100%;
        margin: 0;
        font-size: 0.785rem;
    }
    .openacs_mdb #my-events-form .input-icon {
            top: 1.2rem;
    }
    .openacs_mdb.akdaeDesign-skin div.course_search:not(#my-events,#required-events) .event-card .flex-column > div.event-card-light {
         width: 100%;
    }
    div#ibook,
    div #ibook-all div.ibook_v2 {
        padding: 0!important;
    }
    div#ibook-bg div.ibook_item {
        padding-left: 1rem;
    }
    div#ibook .emmbedded-book-page-wrapper {
        padding-right: 1rem;
    }
    div.xowiki-content .my-area-link-text {
        font-size: 1rem;
    }
    .menu-jumbotron.jumbotron-fluid .btn {
        font-size: 0.85rem;
        max-width: 100%;
        word-break: break-all;
        white-space: normal;
    }
    main {
        position: relative;
    }
    header {
        position: relative;
        z-index: 999999;
    }
}

@media screen and (max-width: 300px) {
    ul#navbarDropdownulAdmin {
        margin-top: -1rem;
        margin-left: -3.65rem;
    }
}