.fs10{font-size: 10px;}
.fs11{font-size: 11px;}
.fs12{font-size: 12px;}
.fs13{font-size: 13px;}
.fs14{font-size: 14px;}
.fs15{font-size: 15px;}
.fs16{font-size: 16px;}
.fs17{font-size: 17px;}
.fs18{font-size: 18px;}
.fs19{font-size: 19px;}
.fs20{font-size: 20px;}

.form-label{font-weight: bold;}
.fwn{font-weight: normal;}
.fwb{font-weight: bold;}
.errorfield{background-color: #fdd1d1 !important; border: 1px solid #CD0A0A;}
.errorfield2{background-color: #fdd1d1 !important; border: 1px solid #CD0A0A; padding: 5px;}

.vh-50{height:50vh!important}

.avatar2{height:30px;width:30px}
.avatar3{height:100px;width:100px; margin-left: 40px;}
.sidebar-brand{font-size: 20px;}
.indicator{background: #CD0A0A !important;}

td{vertical-align: top !important;}
h5{padding-bottom: 0;}

.bold{font-weight: bold;}

.input-group .form-control {
    margin: 0px !important;
}

@media (min-width: 992px) {
    .content {
        padding: 1.5rem 1.5rem 1.5rem;
    }
}

#drag_res_1 {float: left; position: absolute;} 
#drag_res_2 {float: left; position: absolute;}
#drag_res_3 {float: left; position: absolute;}
#drag_res_container { width: 721px; height: 600px; }
#drag_res_container2 { width: 721px; height: 600px; }

[data-lpignore="true"] + div[data-lastpass-infield],
[data-lpignore="true"] + div[data-lastpass-icon-root],
[data-lpignore="true"] + div[data-lastpass-icon-]{
    display: none !important;
}
body{font-size: 13px;}
input, select, textarea, .form-control, .form-select{font-size: 13px;}

.text-warning{color: #FC9027 !important;}
.text-black{color: #000000 !important;}
.text-grey{color: #A8AAAD;}
.bg-warning{background-color: #FC9027 !important;}
.bg-lightgreen{background-color: #A9FFDF !important;}
.bg-pink{background-color: #FF8EE5 !important;}
.bg-grey{background-color: #C0C0C0 !important;}
.bg-lightyellow{background-color: #ECF500 !important;}
.bg-white{background-color: #ffffff !important;}

label{font-weight: bold;}
.cp{cursor: pointer;}

.ui-autocomplete .ui-menu-item-wrapper{
    display: block;
}
ul.ui-autocomplete {
    z-index: 1100;
}

.bg-danger:hover{color: #fff;}

.btn-warning{color: #000;}

.v-top{vertical-align: top;}

.text-small{font-size: 11px; font-weight: normal;}

ul.tools {
    display: none;
    list-style: none;
    box-shadow: 0px 0px 4px rgba(0,0,0,.5);
    border: solid 1px #000;
    position: absolute;
    background: #fff;
    padding: 0;
    z-index: 100;
}
ul.tools li {
    height: 25px;
    margin: 5px;
    padding: 4px;
    cursor: pointer;
    font-size: 14px;
}
ul.tools li:hover {
    background-color: #004682; color: #fff; 
}

.p6{padding: 6px !important;}
.ml10{margin-left: 10px;}
.m0{margin: 0;}
.w100{width: 100px;}

.blockgreen{background-color: #DCF8C6; padding: 5px 15px 5px 15px; border-radius: 5px;}
.blockgrey{background-color: #EBEBEB; padding: 5px 15px 5px 15px; border-radius: 5px; color: #6C6C6A;}
.colorgrey{color: #7F7F7E;}

.sidebar-link{padding:.425rem 1.625rem !important;}

#sortable { list-style-type: none; margin: 0; padding: 0; width: 100%;}
#sortable li { margin: 0 15px 10px 0; padding: 0; float: left; width: 200px; height: 157px; text-align: center; }

.plegend-1{padding: 4px 5px 6px 5px !important;}

.status_1{background-color: #3B7DDD !important;} /* In optie. Is verkocht, moet nog geleverd worden */ 
.status_2{background-color: #FC9027 !important;} /* Bewaring. Niet verkoopbaar */ 
.status_3{background-color: #7030A0 !important;} /* Verkocht en geleverd. Mutatie moet nog naar KCT */ 
.status_4{background-color: #A9FFDF !important;} /* In consignatie. Verkoopbaar */ 
.status_5{background-color: #1CBB8C !important;} /* Verkoopbaar */
.status_6{background: linear-gradient(to right bottom, #ffff00 49%, #000000 50%);} /* Bewaring in verband met reparatie. */ 
.status_7{background-color: #000000 !important;} /* Archief */ 
.status_8{background-color: #FF8EE5 !important;} /* Beproeving */ 
.status_9{background-color: #ffffff !important;} /* Onbekend */ 
.status_10{background-color: #E3B1D8 !important;} /* EU DECO */ 
.status_11{background: linear-gradient(to right bottom, #00B050 49%, #000000 50%);} /* Vervaardiging van wapen(onderdeel) in wording. */ 
.status_12{background-color: #FFFF00 !important;} /* Bewaring staat op bevoegdheidsdocument klant */ 
.status_13{background: linear-gradient(to right bottom, #E3B1D8 49%, #EE0000 50%);} /* EU DECO in wording. Geen certif. Niet verkoopbaar */ 
.status_14{background-color: #DC3545 !important;} /* Afvoeren ter vernietiging. Niet verkoopbaar */ 
.status_15{background: linear-gradient(to right bottom, #1CBB8C 49%, #7030A0 50%);} /* Ontvangen. Mutatie moet nog naar KCT. Verkoopbaar */ 
.status_16{background: linear-gradient(to right bottom, #1CBB8C 49%, #DC3545 50%);} /* NIET verkoopbaar */ 
.status_17{background: linear-gradient(to right bottom, #1CBB8C 49%, #3B7DDD 50%);} /* Reservering met tijdslimiet. */ 
.status_18{background: linear-gradient(to right bottom, #1CBB8C 49%, #fff 50%);} /* Wapen is extern. */ 
.status_19{background: linear-gradient(to right bottom, #FFFF00 0%, #FFFF00 33%, #000 33%, #000 66%, #ffffff 66%, #ffffff 100%);} /* Bewaring in verband met reparatie is extern. */

.status_20{background-color: #000000 !important;} /* Archief Reparatie */ 
.status_21{background-color: #000000 !important;} /* Archief Verkoop */ 

.status_22{background-color: #000000 !important;} /* In afwachting van consent */ 
.status_23{background-color: #000000 !important;} /* In afwachting van inkoop aflevering */ 
.status_24{background-color: #000000 !important;} /* Archief Splitsing */
.status_25{background-color: #000000 !important;} /* Archief Merged */

.bg-splitted{background: linear-gradient(to right bottom, #000000 49%, #00B050 50%);} /* Split. */ 
.bg-merged{background: linear-gradient(to right bottom, #00B050 49%, #000000 50%);} /* Merged. */ 

.blink_me {
    animation: blinker 2s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}


.sidebar-link2{padding: 0 0 0 50px  !important; padding-top: 0 !important; margin: 0 !important;}

.input-group-text{padding-left: 7px; padding-right: 7px;}

.card{border: 1px solid #DFDFDF;}

.table td.fit, 
.table th.fit {
   white-space: nowrap;
   width: 1%;
   vertical-align: middle !important;
}

.primary-switch {
    width: 35px;
    height: 19px;
    border-radius: 8.5px;
    background: #f9f9ff;
    position: relative;
    cursor: pointer;
    border: 1px solid #DEE2E6;
}

.primary-switch input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.primary-switch input + label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.primary-switch input + label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    border-radius: 8.5px;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.primary-switch input + label:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #fff;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.primary-switch input:checked + label:after {
    left: 19px;
}

.primary-switch input:checked + label:before {
    background: #3EC49C;
}

.confirm-switch {
    width: 35px;
    height: 17px;
    border-radius: 8.5px;
    background: #f9f9ff;
    position: relative;
    cursor: pointer;
}

.confirm-switch input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.confirm-switch input + label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.confirm-switch input + label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    border-radius: 8.5px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    cursor: pointer;
}

.confirm-switch input + label:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #fff;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.confirm-switch input:checked + label:after {
    left: 19px;
}

.confirm-switch input:checked + label:before {
    background: #4cd3e3;
}