/*!
 * Benutzerdefiniertes CSS
 */

label.required:after {
    content: "\00a0*";
    color: red
}

.content-header-fixed {
    position: relative;
}

.content-wrapper {
    padding-top: 50px;
    position: relative;
}

.content-header {
    display: none;
    padding: 15px 15px 15px 15px;
    z-index: 99;
    border-bottom: 1px solid rgb(17, 1, 155);
    margin-top: 50px;
}

.content-header>h1>small {
    font-size: 16px;
    display: inline-block;
    padding-left: 4px;
    font-weight: 300;
}

.content {
    margin-top: 110px;
}

.sidebar {
    padding-bottom: 50px;
}

.rblabel.label {
    display: block;
    margin-bottom: 1px;
}

.checkbox label.strong {
    font-weight: bold;
}

.skin-blue .sidebar-menu>li.header {
    color: #68b7da;
    background: #1a2226;
}

.sidebar-menu>li .label {
    margin-right: 5px;
    position: relative;
    z-index: 999;
}

.sidebar-menu>li.header {
    overflow: initial;
}

.guidelines .nav-tabs {
    border-bottom: none;
}

.guidelines .nav-tabs>li {
    float: none;
}

.guidelines .nav-tabs>li>a {
    margin-right: 2px;
    border: none;
    border-left: 2px transparent solid;
    border-radius: 0;
}

.guidelines .nav-tabs>li.active>a,
.guidelines .nav-tabs>li.active>a:focus,
.guidelines .nav-tabs>li.active>a:hover {
    color: #555;
    background-color: #fff;
    border: none;
    border-left: 2px #3c8dbc solid;
    border-bottom-color: transparent;
    cursor: default;
}

.rbupload {
    display: block;
}

.progress-50 {
    background-color: forestgreen !important;
}

.progress-50::-webkit-progress-value {
    background-color: forestgreen !important;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.progress-50::-moz-progress-bar {
    background-color: forestgreen !important;
    transition: all .5s;
}

input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
    line-height: initial;
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
    font-size: 14px;
}

.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
    margin-left: 0px;
}

.btn-rosa {
    background-color: #fce1e1;
    color: #222;
    border-color: rgb(223, 192, 192);
}

.form-control:focus,
.select2-dropdown,
.dropdown-menu {
    border-color: #66afe9;
    border-radius: 0 !important;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.infotable th,
.infotable td {
    padding: 5px;
    text-align: left;
    font-size: 14px;
}

.datepicker-days table tbody tr:hover {
    background-color: #eee;
}

#weeklyDatePicker {}

#monthDatePicker {}

.hidden .ui-datepicker-calendar,
.ui-datepicker-current {
    display: none !important;
}


#studenteducationapplicationid_edit~.select2 {
    position: relative;
    color: grey;
}

#studenteducationapplicationid_edit~.select2:after {
    content: ' ';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    background-color: rgba(221, 221, 221, 0.191);
}

#userid_edit~.select2 {
    position: relative;
    color: grey;
}

#userid_edit~.select2:after {
    content: ' ';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    background-color: rgba(221, 221, 221, 0.191);
}

.selectpicker.btn-default {
    background-color: #fff;
    border-radius: 0;
}

#starrating {
    /*background: linear-gradient(90deg, #ff0000 50%, #0000ff 0%);*/
    height: 23px;
    display: inline-block;
}

td,
bordercell {
    vertical-align: top !important;
}

/* nav-color */

/* gelb */

.skin-blue .sidebar .yellow_d a {
    color: #b8c7ce;
    background-color: rgb(83, 72, 10);
}

.skin-blue .sidebar-menu>li.yellow_d:hover>a {
    color: #fff;
    background: rgb(156, 134, 11);
    border-left-color: #e7d802;
}

.skin-blue .sidebar-menu>li.yellow_d.active>a {
    color: #fff;
    background: rgb(128, 111, 17);
    border-left-color: #ffffff;
}

/**********/
.skin-blue .sidebar .yellow_dd a {
    color: #b8c7ce;
    background-color: rgb(97, 88, 41);
}

.skin-blue .sidebar-menu>li.yellow_dd:hover>a {
    color: #fff;
    background: rgb(156, 138, 32);
    border-left-color: #e7d802;
}

.skin-blue .sidebar-menu>li.yellow_dd.active>a {
    color: #fff;
    background: rgb(218, 194, 60);
    border-left-color: #ffffff;
}

/**********/
.skin-blue .sidebar .yellow_k a {
    color: #b8c7ce;
    background-color: rgb(83, 102, 21);
}

.skin-blue .sidebar-menu>li.yellow_k:hover>a {
    color: #fff;
    background: rgb(127, 156, 32);
    border-left-color: #bde702;
}

.skin-blue .sidebar-menu>li.yellow_k.active>a {
    color: #fff;
    background: rgb(194, 218, 60);
    border-left-color: #ffffff;
}

/**********/
.skin-blue .sidebar .yellow_kk a {
    color: #b8c7ce;
    background-color: rgb(56, 82, 31);
}

.skin-blue .sidebar-menu>li.yellow_kk:hover>a {
    color: #fff;
    background: rgb(98, 156, 32);
    border-left-color: #aae702;
}

.skin-blue .sidebar-menu>li.yellow_kk.active>a {
    color: #fff;
    background: rgb(169, 212, 88);
    border-left-color: #ffffff;
}

.skin-blue .sidebar .yellow a {
    color: #b8c7ce;
    background-color: rgb(124, 110, 29);
}

.skin-blue .sidebar-menu>li.yellow:hover>a {
    color: #fff;
    background: rgb(160, 142, 38);
    border-left-color: #3428cf;
}

.skin-blue .sidebar-menu>li.yellow.active>a {
    color: #fff;
    background: rgb(170, 149, 32);
    border-left-color: #ffffff;
}

/* rot */

.skin-blue .sidebar .red_d a {
    color: #b8c7ce;
    background-color: rgb(27, 12, 13);
}

.skin-blue .sidebar-menu>li.red_d:hover>a {
    color: #fff;
    background: rgb(75, 30, 30);
    border-left-color: #960202;
}

.skin-blue .sidebar-menu>li.red_d.active>a {
    color: #fff;
    background: rgb(75, 30, 30);
    border-left-color: #ffffff;
}

.skin-blue .sidebar .red_dd a {
    color: #b8c7ce;
    background-color: rgb(61, 50, 14);
}

.skin-blue .sidebar-menu>li.red_dd:hover>a {
    color: #fff;
    background: rgb(75, 30, 30);
    border-left-color: #960202;
}

.skin-blue .sidebar-menu>li.red_dd.active>a {
    color: #fff;
    background: rgb(75, 30, 30);
    border-left-color: #ffffff;
}

.skin-blue .sidebar .red a {
    color: #b8c7ce;
    background-color: rgb(49, 22, 22);
}

.skin-blue .sidebar-menu>li.red:hover>a {
    color: #fff;
    background: rgb(75, 30, 30);
    border-left-color: #960202;
}

.skin-blue .sidebar-menu>li.red.active>a {
    color: #fff;
    background: rgb(75, 30, 30);
    border-left-color: #ffffff;
}


/* blau */

.skin-blue .sidebar .blue_d a {
    color: #b8c7ce;
    background-color: rgb(9, 26, 41);
}

.skin-blue .sidebar-menu>li.blue_d:hover>a {
    color: #fff;
    background: rgb(11, 45, 75);
    border-left-color: #3428cf;
}

.skin-blue .sidebar-menu>li.blue_d.active>a {
    color: #fff;
    background: rgb(11, 45, 75);
    border-left-color: #ffffff;
}

.skin-blue .sidebar .blue a {
    color: #b8c7ce;
    background-color: rgb(9, 35, 58);
}

.skin-blue .sidebar-menu>li.blue:hover>a {
    color: #fff;
    background: rgb(11, 45, 75);
    border-left-color: #3428cf;
}

.skin-blue .sidebar-menu>li.blue.active>a {
    color: #fff;
    background: rgb(11, 45, 75);
    border-left-color: #ffffff;
}


/* grün */

.skin-blue .sidebar .green_d a {
    color: #b8c7ce;
    background-color: rgb(8, 36, 33);
}

.skin-blue .sidebar-menu>li.green_d:hover>a {
    color: #fff;
    background: rgb(9, 68, 63);
    border-left-color: #027a60;
}

.skin-blue .sidebar-menu>li.green_d.active>a {
    color: #fff;
    background: rgb(9, 68, 63);
    border-left-color: #ffffff;
}

.skin-blue .sidebar .green a {
    color: #b8c7ce;
    background-color: rgb(9, 58, 54);
}

.skin-blue .sidebar-menu>li.green:hover>a {
    color: #fff;
    background: rgb(9, 68, 63);
    border-left-color: #027a60;
}

.rb-column-hide {
    position: absolute;
    top: 3px;
    left: 130px;
}

.rb-column-hide label {
    font-weight: normal;
}

.form-check.form-check-inline {
    float: left;
    margin-right: 10px;
}

/* all */

.skin-blue .sidebar-menu>li.active>a {
    border-left-color: #ffffff;
}

input#rbpassword.form-control[readonly] {
    background-color: rgba(230, 255, 234, 0.26);
}

input#rbpassword2.form-control[readonly] {
    background-color: rgba(230, 255, 234, 0.26);
}

.tablesorter-sticky-wrapper.tablesorter-sticky-visible {
    top: 0px !important;
}

.label-dark {
    color: #333333 !important;
}

.label-light {
    color: #dddddd !important;
}

.label-disclaim {
    background-color: #fbd1cb !important;
    color: #000036;
}

.bg-disclaim {
    background-color: #FF8C00 !important;
    color: #9B5600;
}

.label-no-bb {
    background-color: #de643b !important;
    color: #000036;
}

.box.ktr {
    background-color: #f4fae2;

}

.box.ktr #list-box {
    background-color: #fff;
}

.bordercell.column-action {
    text-align: center;
}

#tabelsorterbtn {
    font-family: 'Source Sans Pro', sans-serif !important;
}

.label-dark {
    color: #fff !important;
    background-color: #494949;
}

.label-dark[href]:hover,
.label-dark[href]:focus {
    background-color: #302f2f;
}

.tab-content {
    min-height: 500px;
}

.alert-warning {
    color: #1A2226 !important;
}

.infobox a {
    outline: none;
    text-decoration: none;
    color: #575656;
}

.infobox a:hover,
.infobox a:active,
.infobox a:focus {
    outline: none;
    text-decoration: none;
    color: #302f2f;
}

#player-overlay {
    width: 560px;
    height: 315px;
    background-color: #000;
    z-index: 999;
}

video {
    display: block;
    width: 100%;
    height: 100%;
}

.panel{
    margin: 15px;
}

.bs5 .fade {
    opacity: 1;
}

.bs5 .modal.fade .modal-dialog {
    transform:none !important;
}

.bs5 .modal-footer .btn + .btn {
    margin-bottom:.25rem;
}
.bg-bg-light{
    background-color: lightgray;
}