/*================================================================================
    Custom CSS code
================================================================================*/

/* Progress bar at the top of the page */
html .pace .pace-progress { background: #1e1f22 }

/* Fix colors */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { color: #616367; }

/* Login page */
.auth-wrapper.auth-v1 { background-image: -webkit-linear-gradient(-29deg, #007a80 30%, #00aaaa 100%); }
.auth-wrapper.auth-v1 .auth-inner:before { display: none; }
.auth-wrapper.auth-v1 .auth-inner:after { display: none; }
.auth-wrapper .brand-logo img { max-height: 60px; max-width: 100%; }

/* Header: searchbar and profile dropdown  */
.header-navbar { z-index: 1037 !important; }
.header-navbar .bookmark-wrapper { width: 100%; }
.header-navbar .bookmark-wrapper #searchbar { width: 100%; padding: 0 0.5rem; border: none; font-size: 1.3rem; box-shadow: none; }

.header-navbar .nav .avatar .avatar-content { width: 40px; height: 40px; }
.header-navbar .nav .avatar .avatar-content .avatar-icon { font-size: 1.5rem; height: 1.5rem; width: 1.5rem; }

/* Vertical menu */
.main-menu { z-index: 1038 !important; }
.main-menu .navbar-header { height: auto; }
.main-menu .navbar-header .navbar-brand { margin-right: .5rem; }
.main-menu .navbar-header .navbar-brand .brand-logo img
{
    max-width: 100%;
    max-height: 75px;
}
.main-menu .navbar-header .navbar-brand .brand-text { display: none; }

.main-menu ul.navigation-main { padding-top: 0.75rem; }
.main-menu ul.navigation > li.active > a { box-shadow: 0 0 10px 1px rgb(0, 122, 128, 0.7) !important; }

/* Button and dropdown treatment */
.dropdown-toggle.dropdown-toggle-no-caret::after { display: none !important; }

/* Edit page */
.form-edit .card-content-control table thead .btn { padding: .5rem 1.0rem; text-transform: none; }

/* Infinite scroll */
.page-load-status { display: none; }

/* Zoom effect of cards */
.transition { -webkit-transition: all 70ms ease; -moz-transition: all 70ms ease; -o-transition: all 70ms ease; transition: all 70ms ease; }
.transform-scale:hover,
.transform-scale:focus,
.transform-scale:active { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); }

/* Fancybox */
.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content { padding: 0; }

/* Text format */
.card-text p { margin-bottom: 1.5rem; }
.card-text ul { list-style-type: none; padding-left: 25px; margin: -1.0rem 0 1.5rem; }
.card-text ul:last-child { margin-bottom: 0; }
.card-text ul > li { position: relative; margin-bottom: 0.5rem; }
.card-text ul > li:before { content: "–"; font-weight: 800; color: #00aaaa; position: absolute; left: -15px; }

/* Table form elements */
.table > :not(caption) > * > * { padding: 0.72rem 1.5rem; }
.table .form-check { margin: 0.5rem 0 !important; display: inline-block; }
.table-striped-even > tbody > tr:nth-of-type(even),
.table > tbody > tr.active { --bs-table-accent-bg: var(--bs-table-striped-bg); color: var(--bs-table-striped-color); }

/* Card with search elements */
.card-search div.mb-1 { margin-bottom: 0 !important; }

/* Fix select2 */
.select2-container--default .select2-selection--single .select2-selection__arrow b
{ border: none; width: inherit; height: inherit; left: inherit; }

/* DataTables accordion effect */
.card-datatable tr div.toggle-files { cursor: pointer; display: inline-block; }


/* Event registration */
#participants .participant-entry { display: none; border-bottom: 1px solid #EBE9F1; margin-bottom: 2rem; padding-bottom: 1rem; }

/* Search bar */
#searchbar-outer { position: relative; }
#searchbar-outer ul.ui-autocomplete { position: absolute; left: -14px !important; top: 50px !important; right: 0 !important; background: #fff; overflow: hidden; }
#searchbar-outer ul.ui-autocomplete li.ui-menu-item { padding: 0; border-top: 1px solid rgba(34,41,47,.125); list-style: none; }
#searchbar-outer ul.ui-autocomplete li.ui-menu-item:first-of-type { border-top: 0; }
#searchbar-outer ul.ui-autocomplete li.ui-menu-item a { padding: 0.75rem 1.0rem; color: #616367; }
#searchbar-outer ul.ui-autocomplete li.ui-menu-item a h5 { margin-bottom: 0.25rem; }
#searchbar-outer ul.ui-autocomplete li.ui-menu-item a p { margin-bottom: 0; }
#searchbar-outer ul.ui-autocomplete li.ui-menu-item a em { font-weight: 600; color: #00aaaa; font-style: normal; }
#searchbar-outer ul.ui-autocomplete li.ui-menu-item.current_item a,
#searchbar-outer ul.ui-autocomplete li.ui-menu-item a:hover{ background: #EAEAEB; }
.content-overlay { display: none; opacity: 1 !important; z-index: 1035 !important; }

/*================================================================================
    Pages
================================================================================*/

.page-contacts .card-contact .card-body h4 { margin-bottom: -3px; }
.page-contacts .card-contact .card-body p .special-treatment { display: inline-block; width: 30%; min-width: 50px; max-width: 70px; }

.page-stundenplan .card .list-unstyled li { margin-left: -6px; margin-right: -6px; padding: 1px 6px; }

.card-date .card-date-header .date { text-align: center; border-right: 1px solid #d8d6de; padding-right: 1.3rem; margin-right: 1.3rem; }
.card-date .card-date-header .date.date-range { border-right: none; padding-right: 1.9rem; margin-right: 0rem; position: relative; }
.card-date .card-date-header .date.date-range::after { position: absolute; right: 10px; top: 8px; content: '–'; }
.card-date .card-date-header .date h3 { font-weight: 600; margin-top: -2px; }
.card-date .card-body p { margin-bottom: 0.9rem; }
.card-date .card-body ul { margin: -0.5rem 0 0.9rem; }
.card-date .card-body img { height: auto !important; max-width: 100% !important; }
.card-date .card-body img.fr-dii.fr-fir { display: inline-block; float: right; margin: 4px 0px 10px 30px; }
.card-date .card-body img.fr-dii.fr-fil { display: inline-block; float: left; margin: 4px 30px 10px 0px; }

.card .img-overlay { background: #fff; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; opacity: .01; z-index: 1; }
.card.disabled .img-overlay { background: #cecece; opacity: .4; cursor: not-allowed; }

.knowledge-base-bg .card-body { padding: 8rem; }

/* fix text rendering (sharp ClearType on Windows in Edge and Chrome, crisp kerning on Mac OS) */

*, html {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smooth: always;
}

/* add global style overrides below */