/*
 * newLook (Konzept 0210) - Bruecke fuer aeltere Bausteine und Fremdplugins
 *
 * Die dynamischen Ansichten sind mit Konzept 0220 verschwunden; die Kruecken
 * fuer <center>, <font>, #myContent und footable damit auch. Was hier bleibt,
 * hat weiterhin Abnehmer: Bootstrap-3-Formularklassen, die Notenmatrix aus
 * mystyle.css und die Plugins (Datepicker, Switchery, Dual-Listbox, Dropzone).
 *
 * Getrennt von newlook.css, damit sichtbar bleibt, was Fremdcode betrifft.
 */


/* Formulartrenner der alten Anlege-/Bearbeitungsmasken */
.hr-line-dashed {
    border-top: 1px dashed var(--nl-border-strong);
    background: transparent;
    color: transparent;
    height: 1px;
    margin: var(--nl-space-4) 0;
}

.hr-line-solid {
    border-top: 1px solid var(--nl-border);
    margin: var(--nl-space-4) 0;
}

/* Horizontale Formulare (Bootstrap 3): Beschriftungen wie im neuen Look */
.form-horizontal .control-label {
    color: var(--nl-text-strong);
    font-weight: 500;
    font-size: var(--nl-font-size-sm);
    padding-top: 8px;
}

.form-horizontal .form-group {
    margin-bottom: var(--nl-space-4);
}

/* Karten der Topic-Uebersicht (home-teacher): Zahnrad-Knopf und Kopfzeile */
.panel-heading .btn-group .btn-default {
    padding: 6px 11px;
    line-height: 1;
}

.panel-heading .btn-group .btn-default .fa {
    font-size: 18px;
    vertical-align: middle;
    margin: 0;
}

.panel-heading .btn-group .btn-default .fa-caret-down {
    font-size: 14px;
    margin-left: 3px;
}

.panel-heading h2 {
    font-size: 17px;
    margin: 6px 0;
    cursor: pointer;
}

.panel-heading h2:hover {
    color: var(--nl-primary);
}

/* Abgabenuebersicht (topic.php): Farbkaestchen vor Datum und Titel */
#teacher td span[style*="width:11px"] {
    border-radius: 2px;
}

/* Datepicker-Popup */
.datepicker.dropdown-menu {
    font-family: var(--nl-font-body);
    font-size: var(--nl-font-size-sm);
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.active {
    background: var(--nl-primary);
    background-image: none;
}

/* Switchery (Ein/Aus-Schalter in der Schuelerzuweisung) - Farbe kommt aus JS,
   hier nur die Groesse ruhiger */
.switchery {
    border-radius: var(--nl-radius-pill);
}

/* Dual-Listbox (Teams, Gruppen) */
.bootstrap-duallistbox-container .box1,
.bootstrap-duallistbox-container .box2 {
    border-radius: var(--nl-radius);
}

.bootstrap-duallistbox-container select {
    border: 1px solid var(--nl-border-strong);
    border-radius: var(--nl-radius-sm);
}

/* Dropzone (Upload) */
.dropzone {
    border: 2px dashed var(--nl-border-strong);
    border-radius: var(--nl-radius);
    background: var(--nl-bg-subtle);
    font-family: var(--nl-font-body);
}

.dropzone .dz-message {
    color: var(--nl-text-muted);
}

/* Modale (Bootstrap 3) */
.modal-content {
    border: 1px solid var(--nl-border);
    border-radius: var(--nl-radius-lg);
    box-shadow: var(--nl-shadow-pop);
}

.modal-header {
    border-bottom: 1px solid var(--nl-border);
    padding: var(--nl-space-4) var(--nl-space-5);
}

.modal-title {
    font-size: 17px;
    font-weight: 600;
}

.modal-body {
    padding: var(--nl-space-5);
}

.modal-footer {
    border-top: 1px solid var(--nl-border);
    background: var(--nl-bg-subtle);
    padding: var(--nl-space-3) var(--nl-space-5);
}

/* Alt-HTML: bgcolor-Attribute (z. B. Einteilungen Schnuppertage) - das grelle
   Gelb der "naechster Termin"-Zeile wird zum weichen Primaerton, das Zebra-Grau
   zum Token-Ton. CSS gewinnt immer ueber das presentational bgcolor-Attribut. */
tr[bgcolor="#fbfbe9"] {
    background-color: #fdf7d7;
}
tr[bgcolor="#f9f9f9"] {
    background-color: var(--nl-bg-subtle);
}