/* ie10 bug fix */
@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }


@import 'https://fonts.googleapis.com/css?family=Noto+Sans&subset=cyrillic,devanagari';

html, body{
    height: 100%;
    /*font-family: 'Noto Sans', sans-serif;*/
}

#cultures{
    top:-10px;
    position: relative;
    font-size:11px;
}


#c-wrap{
    display: table;
    height: 100%;
    width: 100%;
}

#c-cont{
    display: table-row;
    height: 100%;
    width: 100%;
}

#version {
    font-size: 11px;
    height: 30px;
    line-height: 10px;
    text-align: center;
}
/*#version {
    font-size: 11px;
    height: 30px;
    left: 50%;
    line-height: 10px;
    margin-left: -100px;
    margin-top: -13px;
    position: absolute;
    text-align: center;
    width: 200px;
}*/

.hidex{
    opacity: 0;
    transition: opacity .25s ease-in-out;
}

.displaynone{
    display: none;
}

.hidex.nohidex{
    opacity: 1;
}

.showx{
    opacity: 1!important;
}

body { padding-top: 70px; }

.navbar-header.min {
    width: 18px;
    transition: width 0.5s;
}
    .navbar-header.min.a1{
        width: 120px;
    }

.navbar-header.min .navbar-toggle {
    height: 40px;
    width: 40px;
    float: left;
    display: inline-block;
}
.navbar-header.min .navbar-toggle{
    display: none;
}

.navbar-header.min .navbar-brand span{
    display: none;
}

#less1368home{
    display: none;
}

@media (max-width: 1368px) {
    .navbar-header.min {
        width: auto;
        transition: width 0.5s;
    }

    .navbar-header.min .navbar-toggle {
        height: 40px;
        width: 40px;
        float: left;
        display: inline-block;
    }

    .navbar-header.min .navbar-brand{
        display: none;
    }

    #less1368home{
        display: inherit;
    }
}

.custom1 .navbar-brand, .custom1 .navbar-brand:hover{
    color: #4da6ff;
}

.homka{

}

.label-assign {
    background-color: #4f4f4f;

}

.autocomplete-suggestions { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #000; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }



#mask{
    background-color: rgba(255, 255, 255, 0.75);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 998;
}

.popup{
    display: none;
    background-color: #fafafa;
    border: 1px solid #c0c0c0;
    border-radius: 15px;
    box-shadow: 1px 1px 5px #c0c0c0;
    height: 450px;
    left: 50%;
    margin: -220px 0 0 -250px;
    position: fixed;
    top: 50%;
    width: 500px;
    z-index: 999;
}

.popup-lg{
    display: none;
    background-color: #fafafa;
    border: 1px solid #c0c0c0;
    border-radius: 15px;
    box-shadow: 1px 1px 5px #c0c0c0;
    height: 550px;
    left: 50%;
    margin: -270px 0 0 -350px;
    position: fixed;
    top: 50%;
    width: 700px;
    z-index: 999;
}

.popup-90{
    display: none;
    background-color: #fafafa;
    border: 1px solid #c0c0c0;
    border-radius: 15px;
    box-shadow: 1px 1px 5px #c0c0c0;
    min-height: 700px;
    left: 5%;
    margin: 0;
    position: fixed;
    top: 5%;
    width: 90%;
    z-index: 999;
}



.popup-lg.vlg{
    display: none;
    background-color: #fafafa;
    border: 1px solid #c0c0c0;
    border-radius: 15px;
    box-shadow: 1px 1px 5px #c0c0c0;
    height: 720px;
    left: 50%;
    margin: -330px 0 0 -350px;
    position: fixed;
    top: 50%;
    width: 700px;
    z-index: 999;
}

.popup-closer{
    display: inline-block;
    float: right;
}

.popup-head{
    margin: 15px;
}

.popup h5 {
    font-size: 20px;
}

.popup-body{
    margin: 15px;
}

.popup-body table{
    width: 99%;
}

.popup-body table th{
    padding: 10px 10px 10px 0;
    text-align: right;
    vertical-align: middle;
    width: 30%;
}

.popup-body table td{
    width: 60%;
    vertical-align: middle;
}

.popup-controls {
    border-top: 1px solid #c0c0c0;
    bottom: 1px;
    padding: 10px 20px;
    position: absolute;
    width: 100%;
}

.popup-controls button{
    margin: 0 0 0 30px;
}

    .super-head {
        color: black;
        font-size: 16px;
        font-weight: bold;
        text-transform: uppercase;
    }

    .aa1{
        background: #003A5D;
    }

    .btn-primary {
        background-color: #003A5D;
        border-color: #002A4D;
        color: #fff;
    }


#menufrontend{
    min-width: 800px;
    background-color: #E6D9C9;
    border-color: #c6a999;
    position: fixed;
    z-index: 997;
}

#menufrontend{
    background-image: none;
}

#menufrontend .navbar-brand{
    position: relative;
    top: -28px;
}

.menu-logo{
    width: 100px;
}

a.navbar-brand:hover .menu-logo{

}

/*#menufrontend .navbar-nav{
    margin-left: 150px;
}*/

#bs-example-navbar-collapse-1{
    margin-left: 150px;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    right: 100%;
    margin-top: -1px;
}

.dropdown-submenu.active>.dropdown-menu {
    display: block;
}

.dropdown-submenu.active>a:after {
    border-left-color: #fff;
}


/* client types colors */
.g1{
    color: #000!important;;
    background-color: #e0e0e0!important;
}
.g1 a{

}

.g2{
    color: #fff!important;;
    background-color: #2e6da4!important;;
}

.g2 a, .g2 a:hover{
    color: #ffe700;
}


.g3{
    color: #fff!important;;
    background-color: #a94442!important;;
}

.g3 a{
    color: white;
}

.g4{
    color: #000!important;;
    background-color: #c8e5bc;
}

.g5{
    color: #fff!important;;
    background-color: #707090!important;;
}
.g5 a, .g5 a:hover{
    color: #ffe700;
}

.warn{
    color: #ff0000;
}

abbr[title] {
    border-bottom: none;
}




.amods{

}

.amods h1{
    margin-top: 0;
}


@keyframes fa-spin {
    0% {
        transform: rotate(-45deg);
    }
    50% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-45deg);
    }
}

.gly-red{
    color: #ff0000;

}

.tfix{

}

.artandate{
     color: #9d9d9d;
    font-size:90%;
}


.even {
    /*background-color: #efefef!important;*/
}

tr.odd:hover {
    background-color: #e0e0e0!important;
}

tr.even:hover {
    background-color: #e0e0e0!important;

}

tr.odd:hover > td:first-child, tr.even:hover > td:first-child{
    border-left: 1px solid #000;
}

tr.odd:hover > td:last-child, tr.even:hover > td:last-child{
    border-right: 1px solid #000;
}








.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu.active>.dropdown-menu {

    display: block;

}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu.active>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}





/*
 You probably do not need to edit this at all.

 Add some SmartMenus required styles not covered in Bootstrap 3's default CSS.
 These are theme independent and should work with any Bootstrap 3 theme mod.
*/
/* sub menus arrows on desktop */
.navbar-nav:not(.sm-collapsible) ul .caret {
    position: absolute;
    right: 0;
    margin-top: 6px;
    margin-right: 15px;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px dashed;
}
.navbar-nav:not(.sm-collapsible) ul a.has-submenu {
    padding-right: 30px;
}
/* make sub menu arrows look like +/- buttons in collapsible mode */
.navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret {
    position: absolute;
    right: 0;
    margin: -3px 15px 0 0;
    padding: 0;
    width: 32px;
    height: 26px;
    line-height: 24px;
    text-align: center;
    border-width: 1px;
    border-style: solid;
}
.navbar-nav.sm-collapsible .caret:before {
    content: '+';
    font-family: monospace;
    font-weight: bold;
}
.navbar-nav.sm-collapsible .open > a > .caret:before {
    content: '-';
}
.navbar-nav.sm-collapsible a.has-submenu {
    padding-right: 50px;
}
/* revert to Bootstrap's default carets in collapsible mode when the "data-sm-skip-collapsible-behavior" attribute is set to the ul.navbar-nav */
.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret, .navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] ul .caret {
    position: static;
    margin: 0 0 0 2px;
    padding: 0;
    width: 0;
    height: 0;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-bottom: 0;
    border-left: 4px solid transparent;
}
.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret:before {
    content: '' !important;
}
.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] a.has-submenu {
    padding-right: 15px;
}
/* scrolling arrows for tall menus */
.navbar-nav span.scroll-up, .navbar-nav span.scroll-down {
    position: absolute;
    display: none;
    visibility: hidden;
    height: 20px;
    overflow: hidden;
    text-align: center;
}
.navbar-nav span.scroll-up-arrow, .navbar-nav span.scroll-down-arrow {
    position: absolute;
    top: -2px;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-top: 7px dashed transparent;
    border-right: 7px dashed transparent;
    border-bottom: 7px solid;
    border-left: 7px dashed transparent;
}
.navbar-nav span.scroll-down-arrow {
    top: 6px;
    border-top: 7px solid;
    border-right: 7px dashed transparent;
    border-bottom: 7px dashed transparent;
    border-left: 7px dashed transparent;
}
/* add more indentation for 2+ level sub in collapsible mode - Bootstrap normally supports just 1 level sub menus */
.navbar-nav.sm-collapsible ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul .dropdown-menu .dropdown-header {
    padding-left: 35px;
}
.navbar-nav.sm-collapsible ul ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul ul .dropdown-menu .dropdown-header {
    padding-left: 45px;
}
.navbar-nav.sm-collapsible ul ul ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul ul ul .dropdown-menu .dropdown-header {
    padding-left: 55px;
}
.navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu .dropdown-header {
    padding-left: 65px;
}
/* fix SmartMenus sub menus auto width (subMenusMinWidth and subMenusMaxWidth options) */
.navbar-nav .dropdown-menu > li > a {
    white-space: normal;
}
.navbar-nav ul.sm-nowrap > li > a {
    white-space: nowrap;
}
.navbar-nav.sm-collapsible ul.sm-nowrap > li > a {
    white-space: normal;
}
/* fix .navbar-right subs alignment */
.navbar-right ul.dropdown-menu {
    left: 0;
    right: auto;
}


.printonly{
    display: none;
}

.schanged{
    color: #cc3300;
}

@media print
{
    .no-print, .no-print *
    {
        display: none !important;
    }

    .printonly{
        display: inline-block !important;
    }
}


#new-std-cont{
    padding: 16px 24px;
}

#new-std-files{
    width: 100%;
    height: 400px;
    overflow: auto;
}
#new-std-files .date{
    color: #a0a0a0;
    font-size:80%;
}


#new-std-files a.item{

}

#new-std-files .cat{
    color: #a0a0a0;
    font-size:90%;
}


.material-switch > input[type="checkbox"] {
    display: none;
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative;
    width: 40px;
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}


@-webkit-keyframes pmcolor {
    0% { color: #D82D32; }
    50% { color: #ffffff; }
    100% { color: #D82D32; }
}

@keyframes pmcolor {
    0% { color: #D82D32; }
    50% { color: #ffffff; }
    100% { color: #D82D32; }
}

#pm-trg {
    position: absolute;
    display: inline-block;
    left: -15px;
    top: 15px;
    opacity: 0.5;
    cursor: pointer;
}


#pm-trg.pm{

}

#pm-trg.nopm{

}

#pm-trg.newpm{
    opacity: 1;
    -webkit-animation: pmcolor 2s cubic-bezier(1,0,0,1) infinite;
    animation: pmcolor 2s cubic-bezier(1,0,0,1) infinite;
}



/* pm modal */
#pmthumbs{

}

#pmthumbs tr.unreaded td{
    font-weight: bold;
}
#pmthumbs tr.readed td{
    color: #5f5f5f;
}

#pmthumbs tr.msgh td{
    cursor: pointer;
}

#pm-msg-read .user-ava{
    padding: 0 2em 0.2em 0;
}

#pm-msg-read .user-ava img{
    max-width: 64px;
    max-height: 64px;
}

#pm-msg-read .user-name a{

}

#pm-msg-read .user-name .date{
    font-size: 90%;
    color: #5f5f5f;
}

#pm-msg-read .sbj{
    font-weight: bold;
}

#stdthumbs a.item{
    font-weight: bold;
}



/* ---------------------------------------------------

Project : CSS Checkbox Switch
Author : Partha Kar (https://www.facebook.com/partha.creativemind)
Version : 1.0
Release Dtae : 15 November, 2017

---------------------------------------------------- */


.checkbox.checbox-switch {
    padding-left: 0;
}

.checkbox.checbox-switch label,
.checkbox-inline.checbox-switch {
    display: inline-block;
    position: relative;
    padding-left: 0;
}
.checkbox.checbox-switch label input,
.checkbox-inline.checbox-switch input {
    display: none;
}
.checkbox.checbox-switch label span,
.checkbox-inline.checbox-switch span {
    width: 35px;
    border-radius: 20px;
    height: 18px;
    border: 1px solid #dbdbdb;
    background-color: rgb(255, 255, 255);
    border-color: rgb(223, 223, 223);
    box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.checkbox.checbox-switch label span:before,
.checkbox-inline.checbox-switch span:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: rgb(255,255,255);
    content: " ";
    top: 0;
    position: relative;
    left: 0;
    transition: all 0.3s ease;
    box-shadow: 0 1px 4px rgba(0,0,0,0.4);
}
.checkbox.checbox-switch label > input:checked + span:before,
.checkbox-inline.checbox-switch > input:checked + span:before {
    left: 17px;
}


/* Switch Default */
.checkbox.checbox-switch label > input:checked + span,
.checkbox-inline.checbox-switch > input:checked + span {
    background-color: rgb(180, 182, 183);
    border-color: rgb(180, 182, 183);
    box-shadow: rgb(180, 182, 183) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch label > input:checked:disabled + span,
.checkbox-inline.checbox-switch > input:checked:disabled + span {
    background-color: rgb(220, 220, 220);
    border-color: rgb(220, 220, 220);
    box-shadow: rgb(220, 220, 220) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch label > input:disabled + span,
.checkbox-inline.checbox-switch > input:disabled + span {
    background-color: rgb(232,235,238);
    border-color: rgb(255,255,255);
}
.checkbox.checbox-switch label > input:disabled + span:before,
.checkbox-inline.checbox-switch > input:disabled + span:before {
    background-color: rgb(248,249,250);
    border-color: rgb(243, 243, 243);
    box-shadow: 0 1px 4px rgba(0,0,0,0.1);
}

/* Switch Light */
.checkbox.checbox-switch.switch-light label > input:checked + span,
.checkbox-inline.checbox-switch.switch-light > input:checked + span {
    background-color: rgb(248,249,250);
    border-color: rgb(248,249,250);
    box-shadow: rgb(248,249,250) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

/* Switch Dark */
.checkbox.checbox-switch.switch-dark label > input:checked + span,
.checkbox-inline.checbox-switch.switch-dark > input:checked + span {
    background-color: rgb(52,58,64);
    border-color: rgb(52,58,64);
    box-shadow: rgb(52,58,64) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch.switch-dark label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-dark > input:checked:disabled + span {
    background-color: rgb(100, 102, 104);
    border-color: rgb(100, 102, 104);
    box-shadow: rgb(100, 102, 104) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

/* Switch Success */
.checkbox.checbox-switch.switch-success label > input:checked + span,
.checkbox-inline.checbox-switch.switch-success > input:checked + span {
    background-color: rgb(40, 167, 69);
    border-color: rgb(40, 167, 69);
    box-shadow: rgb(40, 167, 69) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch.switch-success label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-success > input:checked:disabled + span {
    background-color: rgb(153, 217, 168);
    border-color: rgb(153, 217, 168);
    box-shadow: rgb(153, 217, 168) 0px 0px 0px 8px inset;
}

/* Switch Danger */
.checkbox.checbox-switch.switch-danger label > input:checked + span,
.checkbox-inline.checbox-switch.switch-danger > input:checked + span {
    background-color: rgb(200, 35, 51);
    border-color: rgb(200, 35, 51);
    box-shadow: rgb(200, 35, 51) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch.switch-danger label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-danger > input:checked:disabled + span {
    background-color: rgb(216, 119, 129);
    border-color: rgb(216, 119, 129);
    box-shadow: rgb(216, 119, 129) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

/* Switch Primary */
.checkbox.checbox-switch.switch-primary label > input:checked + span,
.checkbox-inline.checbox-switch.switch-primary > input:checked + span {
    background-color: rgb(0, 105, 217);
    border-color: rgb(0, 105, 217);
    box-shadow: rgb(0, 105, 217) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch.switch-primary label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-primary > input:checked:disabled + span {
    background-color: rgb(109, 163, 221);
    border-color: rgb(109, 163, 221);
    box-shadow: rgb(109, 163, 221) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

/* Switch Info */
.checkbox.checbox-switch.switch-info label > input:checked + span,
.checkbox-inline.checbox-switch.switch-info > input:checked + span {
    background-color: rgb(23, 162, 184);
    border-color: rgb(23, 162, 184);
    box-shadow: rgb(23, 162, 184) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch.switch-info label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-info > input:checked:disabled + span {
    background-color: rgb(102, 192, 206);
    border-color: rgb(102, 192, 206);
    box-shadow: rgb(102, 192, 206) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

/* Switch Warning */
.checkbox.checbox-switch.switch-warning label > input:checked + span,
.checkbox-inline.checbox-switch.switch-warning > input:checked + span {
    background-color: rgb(255, 193, 7);
    border-color: rgb(255, 193, 7);
    box-shadow: rgb(255, 193, 7) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch.switch-warning label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-warning > input:checked:disabled + span {
    background-color: rgb(226, 195, 102);
    border-color: rgb(226, 195, 102);
    box-shadow: rgb(226, 195, 102) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}