/* SLS check box style
https://codepen.io/KenanYusuf/full/PZKEKd/ used as reference
*/

@font-face {
    font-family: 'Vito';
    src: url('/fonts/Vito-Black.otf');
}

/* cyrillic */
@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    src: local('Oswald Regular'), local('Oswald-Regular'), url(/fonts/oswald-font-cyrillic.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin */
@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    src: local('Oswald Regular'), local('Oswald-Regular'), url(/fonts/oswald-font-latin.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

a#logo i {
    font-size: 26px;
    top: -6px;
    padding-right: 4px;
}

a#logo span {
    font-size: 25px;
    font-family: 'Oswald';
}

.ui-pnotify {
    z-index: 20000;
}

.ui-pnotify-container {
    overflow: auto;
    max-height: 70vh;
}

.slsCheckbox {
    display: block;
    position: relative;
    cursor: pointer;
}

.slsCheckbox input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.slsCheckbox__indicator {
    position: absolute;
    top: 0px;
    left: 0;
    background: #e6e6e6;
    border-radius: 10%;
}

.slsCheckbox--checkbox--lg .slsCheckbox__indicator {
    height: 35px;
    width: 35px;
}

.slsCheckbox--checkbox--sm .slsCheckbox__indicator {
    height: 20px;
    width: 20px;
}

.slsCheckbox input:not(:disabled):not(:checked) ~ .slsCheckbox__indicator {
    border: solid 1px #28c043;
}

.slsCheckbox input:checked ~ .slsCheckbox__indicator {
    background: #28c043;
}

.slsCheckbox__indicator:after {
    content: '';
    position: absolute;
    display: none;
}

.slsCheckbox input:checked ~ .slsCheckbox__indicator:after {
    display: block;
}

.slsCheckbox--checkbox--sm .slsCheckbox__indicator:after {
    border: solid #fff;
    border-radius: 20%;
    transform: rotate(40deg);
    border-width: 0 3px 3px 0;
    left: 5px;
    top: 3px;
    width: 8px;
    height: 12px;
}

.slsCheckbox--checkbox--lg .slsCheckbox__indicator:after {
    border: solid #fff;
    border-radius: 20%;
    transform: rotate(40deg);
    border-width: 0 4px 4px 0;
    left: 11px;
    top: 5px;
    width: 13px;
    height: 20px;
}

/*Oover/focus*/
.slsCheckbox:hover input:not([disabled]):checked ~ .slsCheckbox__indicator,
.slsCheckbox input:checked:focus ~ .slsCheckbox__indicator {
    background: #0d960f;
}

/*disabled*/
.slsCheckbox input:disabled ~ .slsCheckbox__indicator {
    background: #e6e6e6;
    opacity: 0.5;
    pointer-events: none;
}

.slsCheckbox--checkbox input:disabled ~ .slsCheckbox__indicator:after {
    border-color: #7b7b7b;
}

a#add {
    z-index: 1028 !important;
    top: 100px;
    position: fixed;
    right: 45px;
}

.has-warning>textarea {
    border-color: #EF6C00;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}

#formSelect {
    float: left;
    padding: 10px;
}

.navbar-inverse {
    background-color: transparent;
}

.navbar-fixed-top {
    display: none;
}

.input-group-btn > .btn, .input-group .form-control {
    position: static;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    padding: 4px 20px;
}