#table-sites div.spacer, #structure-access div.spacer {
    width: 10px;
    display: inline-block;
}

.sidebar .logo {
    background-color: white;
}

#chkContainer .dataTables_wrapper .dataTables_processing {
    z-index: 99999;
    background: white;
    font-size: xxx-large;
    top: 0!important;
}

#image_size + button {
    color:rgb(51, 51, 51);
    background-color: rgb(250, 250, 250);
}
.imgsize {
    margin: 10px;
}

.imgsize > label{
    width: 215px;
}

.navbar .notification[data-count="0"] {
    display: none;
}

#chkContainer td > pre > span.material-icons {
    line-height: 1.1;
    margin-right: 2px;
    vertical-align: middle;
}

@media print {
    #chkContainer a {
        text-decoration: none!important;
    }
}

.lagerjelief td {
    text-align: start!important;
}

.liefjelager td {
    text-align: start!important;
    padding: 1px!important;
}

.liefjelager button.btn-just-icon {
    padding: 0;
    margin: 0;
}

pre small {
    color: black;
    margin-right: -7px;
}

#chkContainer .form-check-inline label{
    font-size: larger;
}

#chkContainer .form-check-inline label>input{
    height:1em;
    width:1em;
    accent-color: #9FC62D;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    margin-top: -2px;
}
#chkContainer .filter_state.btn.btn.btn-default.active {
    background-color: var(--primaryCustom);
}

#chkContainer .form-check-label{
    padding-left: 0;
    padding-right: 19px;
}

#chkContainer .btn.toggle-on {
    left: -33px;
}

#chkContainer .btn.toggle-off {
    right: -33px;
}

#berechtigungToCopyId + div button {
    height: 43px;
}

.attrLabelText {
    min-width: 175px;
    display:inline-block;
}

.attrDescriptionText {
    display: inline-block;
    width: auto;
    vertical-align: text-top;
}

label > .attrLabelText {
    min-width: 250px;
}

label > .attrImgWrapper {
    display: inline;
    padding-right: 40px;
}

.imgAttribut {
    max-height: 50px;
}

.attrImgWrapper {
    width: 100%;
    width: -moz-available;
    width: -webkit-fill-available;
    width: fill-available;
    text-align: center;
}

.attribut-col {
    display: flex;
    align-items: center;
}

#tglVerify+.toggle-group .toggle-on {
    left: -40px;
    line-height: 20px!important;
    font-size: 15px;
    font-style: italic;
    span.material-icons {
         margin-right: 9px!important;
     }
}

#tglVerify+.toggle-group .toggle-off {
    margin-left: 7%;
    line-height: 20px!important;
    font-size: 15px;
    font-style: italic;
    span.material-icons {
         margin-left: 9px;
    }
}

#verifiedIconOn {
    color: var(--primaryCustom);
    position: absolute;
    top: 15px;
    right: 20px;
    z-index: 1;
}

#verifiedIconOff {
    position: absolute;
    z-index: 1;
    top: 15px;
    right: 152px;
}

#th-icon {
    text-align: center;
}

.tglState_grey {
    color: grey;
    border-color: grey !important;
    &:hover {
         box-shadow: 0 0 0 0.2rem rgba(128, 128, 128, 0.25) !important;
    }
    &~.toggle-handle {
         border-right: solid grey 2px;
    }
}
.tglState_red {
    color: red !important;
    border-color: red !important;
    &:hover {
         box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.25) !important;
    }
    &~.toggle-handle {
         border-right: solid red 2px;
     }
}
.tglState_gold {
    color: gold !important;
    border-color: gold !important;
    &:hover {
         box-shadow: 0 0 0 0.2rem rgba(255, 215, 0, 0.25) !important;
    }
    &~.toggle-handle {
         border-right: solid gold 2px;
    }
}
.tglState_verified {
    color: var(--primaryCustom) !important;
    border-color: var(--primaryCustom) !important;
    &:hover {
         box-shadow: 0 0 0 0.2rem rgba(0, 128, 0, 0.25) !important;
    }
    &~.toggle-handle {
        border-left: solid var(--primaryCustom) 2px;
    }
     span {
         pointer-events: auto;
     }
}

.not_verified {
    margin-left: 5%!important;
    span {
        font-size: 12px;
        line-height: 17px!important;
    }
    ~#verifiedIconOff {
        margin-left: -160px;
    }
}

.irs--big .irs-bar {
    color: var(--primaryCustomText)!important;
    background: var(--primaryCustom)!important;
    border: var(--primaryCustomBorder)!important;
}

.irs--big {
    .irs-from, .irs-to, .irs-single {
        background: transparent!important;
        color: black!important;
        font-size: large!important;
        font-weight: bold!important;
    }
}

.irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single {
    background: transparent!important;
    color: black!important;
}