/*skin*/
.skin--font-header {
    color: rgb(255, 255, 255);
}

.skin--font-header li * {
    color: rgb(255, 255, 255);
}

.skin--background-primary {
    background: rgb(97, 117, 139);
}

.skin--background-secondary {
    background: rgb(77, 86, 102);
}

.skin--color-secondary, .skin--color-secondary a {
    color: rgb(255, 255, 255);
}

/*site-elements*/
.row {
    margin-right: -20px;
    margin-left: -20px;
}

.row:before, .row:after {
    display: table;
    content: " ";
}


.block {
    color: rgb(77, 86, 102);

}

.right {
    float: right;
}


/*alerts(fachlisten zabi | wbk)*/
#alertPlaceholder {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 1050;
    max-width: 300px;
}

/*grid*/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 20px;
    padding-left: 20px;
}

@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }
}

.col-md-6 {
    float: left;
}

@media (min-width: 540px) {
    .col-md-6 {
        width: 50%;
    }
}

@media (max-width: 420px) {
    .col-md-6.right {
        padding-top: 10px;
        float: left;
    }
}

@media (min-width: 768px) {
    .col-sm-12 {
        width: 100%;
    }
}

@media (min-width: 480px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-12 {
        width: 100%;
    }
}

/*components*/
#scoolDataComp .content p {
    font-size: 1.1em;
    margin: 10px 0 20px 0;
}

.paragraph__content {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

.paragraph__content::before, .paragraph__content::after {
    display: table;
    content: " ";
}

/*dataTable*/
.dataTable .kurstyp-checkbox:checked, .dataTable .dt-checkbox, .dt-checkbox-teilnahme {
    accent-color: rgb(97, 117, 139);
}

#dateneingabe_info .select-info {
    display:none;
}

.fe_nem_bk .dt-container thead th,
.fe_nem_zp10 .dt-container thead th {
    text-align: center !important;
}

.fe_nem_bk .dt-container thead th:first-child,
.fe_nem_zp10 .dt-container thead th:first-child {
    text-align: left !important;
}

.fe_nem_bk .dt-container tbody td,
.fe_nem_zp10 .dt-container tbody td {
    text-align: center !important;
}

.fe_nem_bk .dt-container tbody td:first-child,
.fe_nem_zp10 .dt-container tbody td:first-child {
    text-align: left !important;
}

.fe_nem_zp10_eingabe .dt-container thead th,
.fe_nem_zp10_abschluss .dt-container thead th,
.fe_nem_zke_eingabe .dt-container thead th,
.fe_nem_bk_eingabe .dt-container thead th,
.fe_nem_zabi_eingabe .dt-container thead th,
.fe_nem_zabi_abschluss .dt-container thead th,
.fe_nem_wbk_eingabe .dt-container thead th,
.fe_nem_wbk_abschluss .dt-container thead th {
    text-align: center !important;
}

.fe_nem_zp10_eingabe .dt-container tbody td,
.fe_nem_zp10_abschluss .dt-container tbody td,
.fe_nem_zke_eingabe .dt-container tbody td,
.fe_nem_bk_eingabe .dt-container tbody td,
.fe_nem_zabi_eingabe .dt-container tbody td,
.fe_nem_zabi_abschluss .dt-container tbody td,
.fe_nem_wbk_eingabe .dt-container tbody td,
.fe_nem_wbk_abschluss .dt-container tbody td {
    text-align: center !important;
}

.fe_nem_zp10 .dt-container tbody td:last-child .btn-group, .fe_nem_bk .dt-container tbody td:last-child .btn-group {
    min-width: 160px;
}

/*Login*/
.login .notice {
    padding: 1.2rem 0 0.3rem 0;
}

.login .notice a, .teaser a {
    color: rgb(51, 122, 183);
}

.login form label, .login form .boldtext {
    font-weight: bold;
}