/* Schrift laedt der Theme-Kopf (Inter + Barlow als Rueckweg) - kein @import noetig. */

.highlight { background-color: rgb(220, 220, 220); }

.pagebreak { page-break-before: always; } /* page-break-after works, as well */

@media print {
    .hidden-print {
      display: none !important;
    }

    html, body {
        font-size: 7pt;
    } 
}

#userProfileImage{
    max-width:250px;
    max-height:200px;
}

/************************************************************
*     3th level menue items 
*************************************************************/


.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}

html,
body {
    font-family: "Barlow", sans-serif;
    font-size: 15px;
    line-height: 1.55;
}

p {
    line-height: 1.65;
    margin-bottom: 1.05em;
}

li {
    line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6,
.navbar-brand,
.btn,
.table > thead > tr > th {
    font-family: "Barlow Semi Condensed", sans-serif;
}

.navbar-nav > li > a,
.nav > li > a,
.dropdown-menu > li > a {
    font-size: 15px;
    line-height: 1.45;
}

.dropdown-menu > li > a {
    padding-top: 8px;
    padding-bottom: 8px;
}

.card,
.card-body,
.panel,
.panel-body,
.ibox,
.ibox-content {
    font-size: 15px;
    line-height: 1.55;
}

.ibox-title h5,
.panel-heading,
.card-title {
    font-size: 17px;
}

.btn {
    font-size: 15px;
    line-height: 1.35;
}

.btn-sm,
.btn-group-sm > .btn {
    font-size: 14px;
    line-height: 1.35;
}

.btn-xs,
.btn-group-xs > .btn {
    font-size: 13px;
    line-height: 1.3;
}

/* Layout width toggle modes */
html.layout-wide .container,
body.layout-wide .container  { width: 1521px !important; max-width: 100%; }

html.layout-full .container,
body.layout-full .container  { width: 100% !important; max-width: 100%; }

#widthToggleBtn {
    cursor: pointer;
    white-space: nowrap;
}

#widthToggleLabel {
    font-size: 13px;
    padding: 5px 10px;
}

#widthToggleLabel.mode-normal { background-color: #aaaaaa; }
#widthToggleLabel.mode-wide   { background-color: #f0a500; }
#widthToggleLabel.mode-full   { background-color: #1ab394; }

/* openday accordion header */
.openday-ibox-title {
    display: flex;
    align-items: center;
    padding: 10px 15px;
}

.openday-ibox-title .openday-collapse-toggle {
    cursor: pointer;
    margin-right: 10px;
    color: darkgray;
    flex-shrink: 0;
}

.openday-ibox-title h5 {
    flex: 1;
    margin: 0;
    float: none;
    display: block;
}

.openday-ibox-title .ibox-tools {
    position: static;
    flex-shrink: 0;
    margin-left: 8px;
}

.openday-ibox-title .openday-tool-btn {
    margin-left: 6px;
}

.openday-ibox-title .badge {
    font-size: 12px;
    padding: 5px 8px;
}

/* Anmeldungen-Modal: in der Groesse veraenderbar, Tabelle vertikal scrollbar */
#openDayRegModal .modal-content {
    resize: both;
    overflow: hidden;
    min-width: 400px;
    min-height: 250px;
    max-height: 85vh;
    display: flex;
    flex-direction: column;
}

#openDayRegModal .modal-body {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
}






/* Datepicker: bereits angelegte Schnuppertage markieren (openday-manager) */
.datepicker .day.openday-exists {
    background-color: var(--nl-primary-soft, #d6f2ea);
    color: var(--nl-primary-text, #0d6152);
    font-weight: 700;
    border-radius: 4px;
}
.datepicker .day.openday-exists.active {
    color: #fff;
}

/* Datepicker: gesperrte Tage (registrations_lockedDates) mit rotem Rand */
.datepicker .day.openday-locked {
    box-shadow: inset 0 0 0 2px var(--nl-danger, #ed5565);
    border-radius: 4px;
}