.login-page {background:url(../img/bgg.jpg) no-repeat bottom center !important;}
.content-header h1{color:#bb7e2c!important}
.card-body{background:#f2f2f2 !important;}
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active{background-color: #bb7e2c !important;}
.login-card-body{border-radius: 8px!important; -webkit-box-shadow: 0px 0px 19px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 19px 1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 19px 1px rgba(0,0,0,0.75); 
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 45%, rgba(204,204,204,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(45%, rgba(255,255,255,1)), color-stop(100%, rgba(204,204,204,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 45%, rgba(204,204,204,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 45%, rgba(204,204,204,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 45%, rgba(204,204,204,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 45%, rgba(204,204,204,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc', GradientType=0 );
}
[class*="icheck-"] > input:first-child + label::before {width:16px!important; height: 16px!important; border: 1px solid #000!important;margin: 3px 0px 0px -26px;}
.nav-pills .nav-link {
    border-radius:0px !important;
}
.nav-sidebar .nav-item > .nav-link {
    margin-bottom: 0px;
}
[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active{
background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(192,194,196,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(192,194,196,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(192,194,196,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(192,194,196,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(192,194,196,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(192,194,196,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c0c2c4', GradientType=1 );
}

.os-content{padding:0px !important;}
.login-card-body .input-group .input-group-text{color:#fff!important;
background: rgba(56,56,56,1);
background: -moz-linear-gradient(top, rgba(56,56,56,1) 0%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(56,56,56,1)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(56,56,56,1) 0%, rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(56,56,56,1) 0%, rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(56,56,56,1) 0%, rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(56,56,56,1) 0%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383838', endColorstr='#000000', GradientType=0 );
}
table.dataTable tbody td {
    padding: 5px!important;
}
[type="search"] {    border: 1px #ccc solid; padding:2px 10px;}

#employee_grid td img {width:60px!important;height:60px;}

.btn-block {
    display: block;
    width: auto;
    float: left;
    margin: 0px 5px 0px 0px !important;
}

.card-info:not(.card-outline) > .card-header {
    

background: rgba(26,46,63,1);
background: -moz-linear-gradient(top, rgba(26,46,63,1) 0%, rgba(22,62,98,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(26,46,63,1)), color-stop(100%, rgba(22,62,98,1)));
background: -webkit-linear-gradient(top, rgba(26,46,63,1) 0%, rgba(22,62,98,1) 100%);
background: -o-linear-gradient(top, rgba(26,46,63,1) 0%, rgba(22,62,98,1) 100%);
background: -ms-linear-gradient(top, rgba(26,46,63,1) 0%, rgba(22,62,98,1) 100%);
background: linear-gradient(to bottom, rgba(26,46,63,1) 0%, rgba(22,62,98,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a2e3f', endColorstr='#163e62', GradientType=0 );
;

}

[class*="sidebar-dark-"] {

background: rgba(26,46,63,1);
background: -moz-linear-gradient(top, rgba(26,46,63,1) 0%, rgba(22,62,98,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(26,46,63,1)), color-stop(100%, rgba(22,62,98,1)));
background: -webkit-linear-gradient(top, rgba(26,46,63,1) 0%, rgba(22,62,98,1) 100%);
background: -o-linear-gradient(top, rgba(26,46,63,1) 0%, rgba(22,62,98,1) 100%);
background: -ms-linear-gradient(top, rgba(26,46,63,1) 0%, rgba(22,62,98,1) 100%);
background: linear-gradient(to bottom, rgba(26,46,63,1) 0%, rgba(22,62,98,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a2e3f', endColorstr='#163e62', GradientType=0 );

}
[class*="sidebar-dark"] .brand-link {
    border-bottom: 1px solid #4b545c;
    color: rgba(255,255,255,.8);
    background: #fff;
}

table.dataTable.no-footer {

    font-size: 14px;
}

thead{
background: #1a2e3f;

color: #fff;
font-size: 13px;
text-transform: uppercase;}
.nav-sidebar > .nav-item {
    margin-bottom: 0;
    border-bottom: 1px #163f62 solid;
}
.nav-sidebar .nav-treeview li{ border-bottom: 1px #3a3a3a solid;}