input[required]:valid{
    border: 2px solid blue !important;
}

input[required]:invalid {
    border: 2px solid red !important;
}

.font-weight100{
    font-weight: 100 !important;
}

.table-midd{
    vertical-align: middle;
}

.borderleft-radius-0{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.border-050{
    border-radius: .50rem !important;
}

.border-075{
    border-radius: 0.75rem !important;
}

.border-1{
    border-radius: 1rem !important;
}

.border-150{
    border-radius: 1.50rem !important;
}

.border-3{
    border-radius: 3rem !important;
}

.border-right025{
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important;
}

.border-right050{
    border-top-right-radius: .50rem !important;
    border-bottom-right-radius: .50rem !important;
}

.border-right075{
    border-top-right-radius: .75rem !important;
    border-bottom-right-radius: .75rem !important;
}

.border-right1{
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
}

.border-right150{
    border-top-right-radius: 1.50rem !important;
    border-bottom-right-radius: 1.50rem !important;
}

.border-left025{
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important;
}

.border-left050{
    border-top-left-radius: .50rem !important;
    border-bottom-left-radius: .50rem !important;
}

.border-left075{
    border-top-left-radius: .75rem !important;
    border-bottom-left-radius: .75rem !important;
}

.border-left1{
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
}

.border-left150{
    border-top-left-radius: 1.50rem !important;
    border-bottom-left-radius: 1.50rem !important;
}

.border-top050{
    border-top-left-radius: .50rem !important;
    border-top-right-radius: .50rem !important;
}

.border-top075{
    border-top-left-radius: .75rem !important;
    border-top-right-radius: .75rem !important;
}

.border-top1{
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
}

.border-top150{
    border-top-left-radius: 1.50rem !important;
    border-top-right-radius: 1.50rem !important;
}

.border-bottom050{
    border-bottom-left-radius: .50rem !important;
    border-bottom-right-radius: .50rem !important;
}

.border-bottom075{
    border-bottom-left-radius: .75rem !important;
    border-bottom-right-radius: .75rem !important;
}

.border-bottom1{
    border-bottom-left-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
}

.border-bottom150{
    border-bottom-left-radius: 1.50rem !important;
    border-bottom-right-radius: 1.50rem !important;
}

.btntopleft{
    border-top-right-radius: 0.75rem !important;
}

.btnbottomleft{
    border-bottom-right-radius: 0.75rem !important;
}

.border-b-1px{
    border-bottom: 1px solid !important;
    border-color: #fff !important;
}

.border-t-1px{
    border-top: 1px solid !important;
    border-color: #fff !important;
}

.nav-link.nlt{
    background-color: #515151;
    color: white;
    font-size: 150%;
    border-top-left-radius: .50rem !important;
    border-top-right-radius: .50rem !important;
    border-bottom: 3px solid #515151;
}

.activeLink{
    background-color: #48839E !important;
    color: white !important;
    font-size: 150%;
    border-bottom: 3px solid #48839E !important;
}

.nav-link.nlt:hover{
    color: white !important;
    font-size: 150%;
    border-bottom: 3px solid #48839E;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link{
    background-color: #48839E;
    color: #fff;
}

.nav-pills .nav-link{
    border-radius: 0;
}

.b:hover{
    background-color: #48839E;
    color: #fff;
}

.bg-black{
    background-color: #000 !important;    
}

.bg-anthrazit{
    background-color: #293133;
}

.bg-gray1{
    background-color: #929292;
}

.bg-gray2{
    background-color: #8A8A8A;
}

.bg-gray3{
    background-color: #6F6F6F;
}

.bg-blue1, tr.bg-blue1{
    background-color: #00A4ef !important;
}

.bg-dark-green1{
    background-color: #3A4F46;
}

.bg-dark-green2{
    background-color: #31463C;
}

.bg-dark-yellow1{
    background-color: #484F46;
}

.bg-dark-yellow2{
    background-color: #3F463C;
}

.bg-dark-blue1{
    background-color: #3A4455;
}

.bg-dark-blue2{
    background-color: #313B4B;
}

.bg-custom-gray{
    background-color: #515151;
}

.bg-custom-cyan{
    background-color: #48839E;
}

.bg-main{
    background-color: #101b40;
}

.custom-font-art {
    font-family: 'Didot', sans-serif;
    font-weight: 300
}

@keyframes check {
    0% {
        height: 0;
        width: 0;
    }

    25% {
        height: 5px;
        width: 15px;
    }

    50% {
        height: 30px;
        width: 15px;
    }
}

.checkbox {
    background-color: #fff;
    display: inline-block;
    height: 38px;
    margin: 0 .25em;
    width: 38px;
    border-radius: 4px;
    border: 1px solid #000;
    float: right
}

.checkbox span {
    display: block;
    height: 38px;
    position: relative;
    width: 38px;
    padding: 0
}

.checkbox span:after {
    -o-transform: scaleX(-1) rotate(135deg);
    -moz-transform: scaleX(-1) rotate(135deg);
    -ms-transform: scaleX(-1) rotate(135deg);
    -webkit-transform: scaleX(-1) rotate(135deg);
    transform: scaleX(-1) rotate(135deg);
    -o-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    border-right: 6px solid #fff;
    border-top: 6px solid #fff;
    content: '';
    display: block;
    height: 30px;
    left: .5px;
    position: absolute;
    top: 17px;
    width: 20px
}

.checkbox span:hover:after {border-color: #929292}

.checkbox input {display: none}

.checkbox input:checked+span:after {
    -webkit-animation: check 0.75s;
    -moz-animation: check 0.75s;
    -o-animation: check 0.75s;
    animation: check 0.75s;
    border-color: #555
}

/* datatable */

#allnutzer_filter label, #allnutzer_info{
    color: white !important;
}

#alljob_filter label, #alljob_info{
    color: white !important;
}

#allkk_filter label, #allkk_info{
    color: white !important;
}

#allland_filter label, #allland_info{
    color: white !important;
}

#allbland_filter label, #allbland_info{
    color: white !important;
}

#allcity_filter label, #allcity_info{
    color: white !important;
}

#allfamstand_filter label, #allfamstand_info{
    color: white !important;
}

#allgeschlecht_filter label, #allgeschlecht_info{
    color: white !important;
}

#allrechtsform_filter label, #allrechtsform_info{
    color: white !important;
}

#allbranche_filter label, #allbranche_info{
    color: white !important;
}

#allfart_filter label, #allfart_info{
    color: white !important;
}

#allanstellung_filter label, #allanstellung_info{
    color: white !important;
}

#allarbver_filter label, #allarbver_info{
    color: white !important;
}

#allbank_filter label, #allbank_info{
    color: white !important;
}

#allstaatsang_filter label, #allstaatsang_info{
    color: white !important;
}

#alllohnart_filter label, #alllohnart_info{
    color: white !important;
}

#allstation_filter label, #allstation_info{
    color: white !important;
}

#allevents_filter label, #allevents_info{
    color: white !important;
}

#allbemerkung_filter label, #allbemerkung_info{
    color: white !important;
}

#allaz_filter label, #allaz_info{
    color: white !important;
}

#aztnutzer_filter label, #aztnutzer_info{
    color: white !important;
}

#allfeiertage_filter label, #allfeiertage_info{
    color: white !important;
}

#allzuschlag_filter label, #allzuschlag_info{
    color: white !important;
}



#allmodule_filter label, #allmodule_info, #allmodule_length label{
    color: white !important;
}

#allrolle_filter label, #allrolle_info, #allrolle_length label{
    color: white !important;
}

#allfirma_filter label, #allfirma_info, #allfirma_length label{
    color: white !important;
}


/* ds style */

.ds-height{
    height: calc(100vh - 60vh);
}

#clock {
    padding: 0;
    color: #fff;
    font-size: 1rem;
}