.label {margin-right:5px;margin-bottom:5px !important;display:inline-block;} #wrapper {
    position: relative;
}

.row-wrap {
    max-width: 200px;
    overflow-wrap: break-word;
}

tr.row-read {
    background-color: #f9f9f9 !important;
}

.switch-input {
    display: none;
}
.switch-label {
    position: relative;
    display: inline-block;
    min-width: 112px;
    cursor: pointer;
    font-weight: 500;
    text-align: left;
    padding: 16px 0 16px 44px;
}
.switch-label:before, .switch-label:after {
    content: "";
    position: absolute;
    margin: 0;
    outline: 0;
    top: 50%;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.switch-label:before {
    left: 1px;
    width: 34px;
    height: 14px;
    background-color: #9E9E9E;
    border-radius: 8px;
}
.switch-label:after {
    left: 0;
    width: 20px;
    height: 20px;
    background-color: #FAFAFA;
    border-radius: 50%;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084);
}
.switch-label .toggle--on {
    display: none;
}
.switch-label .toggle--off {
    display: inline-block;
}
.switch-input:checked + .switch-label:before {
    background-color: #A5D6A7;
}
.switch-input:checked + .switch-label:after {
    background-color: #4CAF50;
    -ms-transform: translate(80%, -50%);
    -webkit-transform: translate(80%, -50%);
    transform: translate(80%, -50%);
}
.switch-input:checked + .switch-label .toggle--on {
    display: inline-block;
}
.switch-input:checked + .switch-label .toggle--off {
    display: none;
}

.form-control[type="file"] {
    height: initial;
}

.btn-blue {
    background-color: #529ddd;
    border-color: #459ae4;
    color: #fff;
}
.btn-blue:hover {
    background-color: #478ac5;
    border-color: #3576af;
    color: #fff;
}

#sidebar_filter ul.nav {
    margin-bottom: 2px;
    font-size: 12px; 
}
#sidebar_filter ul.nav > li {
    margin-bottom: 5px;
}
#sidebar_filter ul.nav ul,
#sidebar_filter ul.nav ul li {
    list-style: none!important;
    list-style-type: none!important;
    margin-top: 1px;
    margin-bottom: 1px;
}
#sidebar_filter ul.nav ul {
    padding-left: 0;
    width: auto;
}
#sidebar_filter ul.nav ul.children {
    padding-left: 12px;
    width: auto;
}
#sidebar_filter ul.nav ul.children li{
    margin-left: 0px;
}
#sidebar_filter ul.nav li a:hover {
    text-decoration: none;
}

#sidebar_filter ul.nav li a:hover .lbl {
    color: #999!important;
}

#sidebar_filter ul.nav li.current>a .lbl {
    background-color: #999;
    color: #fff!important;
}

/* parent item */
#sidebar_filter ul.nav li.parent a {
    padding: 0px;
    color: #fff;
}
#sidebar_filter ul.nav>li.parent>a {
    border: solid 1px #999;
    text-transform: uppercase;
}    
#sidebar_filter ul.nav li.parent a:hover {
    background-color: #fff;
    -webkit-box-shadow:inset 0 3px 8px rgba(0,0,0,0.125);
    -moz-box-shadow:inset 0 3px 8px rgba(0,0,0,0.125);
    box-shadow:inset 0 3px 8px rgba(0,0,0,0.125);    
}

/* link tag (a)*/
#sidebar_filter ul.nav li.parent ul li a {
    color: #222;
    border: none;
    display:block;
    padding-left: 5px;    
}

#sidebar_filter ul.nav li.parent ul li a:hover {
    background-color: #fff;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;  
}

/* sign for parent item */
#sidebar_filter ul.nav li .sign {
    display: inline-block;
    width: 14px;
    padding: 5px 17px 5px 7px;
    background-color: #3c8dbc;
    color: #fff;
}
#sidebar_filter ul.nav li.parent>a>.sign{
    margin-left: 0px;
    background-color: #999;
}

/* label */
#sidebar_filter ul.nav li .lbl {
    padding: 5px 12px;
    display: inline-block;
}
#sidebar_filter ul.nav li.current>a>.lbl {
    color: #fff;
}
#sidebar_filter ul.nav  li a .lbl{
    font-size: 12px;
}

/* theme 2 */
#sidebar_filter ul.nav>li.item-8.parent>a {
    border: solid 1px #367fa9;
}
#sidebar_filter ul.nav>li.item-8.parent>a>.sign,
#sidebar_filter ul.nav>li.item-8 li.parent>a>.sign{
    margin-left: 0px;
    background-color: #3c8dbc;
}
#sidebar_filter ul.nav>li.item-8 .lbl {
    color: #333;
    font-weight: 600;
}
#sidebar_filter ul.nav>li.item-8 li.current>a .lbl {
    background-color: #3c8dbc;
    color: #fff!important;
}

/* theme 3 */
#sidebar_filter ul.nav>li.item-15.parent>a {
    border: solid 1px #94cf00;
}
#sidebar_filter ul.nav>li.item-15.parent>a>.sign,
#sidebar_filter ul.nav>li.item-15 li.parent>a>.sign{
    margin-left: 0px;
    background-color: #94cf00;
}
#sidebar_filter ul.nav>li.item-15 .lbl {
    color: #94cf00;
}
#sidebar_filter ul.nav>li.item-15 li.current>a .lbl {
    background-color: #94cf00;
    color: #fff!important;
}

/* theme 4 */
#sidebar_filter ul.nav>li.item-22.parent>a {
    border: solid 1px #ef409c;
}
#sidebar_filter ul.nav>li.item-22.parent>a>.sign,
#sidebar_filter ul.nav>li.item-22 li.parent>a>.sign{
    margin-left: 0px;
    background-color: #ef409c;
}
#sidebar_filter ul.nav>li.item-22 .lbl {
    color: #ef409c;
}
#sidebar_filter ul.nav>li.item-22 li.current>a .lbl {
    background-color: #ef409c;
    color: #fff!important;
}
.pointer {
    cursor: pointer;
}

.swal2-popup {
    font-size: 1.6rem;
}

.modal-autoheight .modal-body {
    position: relative;
    overflow-y: auto;
    min-height: 100px !important;
    max-height: 600px !important;
}

.modal-dialog.modal-autoheight {
    width: 600px;
    margin: 60px auto;
}

#sidebar_filter ul.nav li a.active .lbl {
    color: #999!important;
}