.login-page {background:url(../img/bgg.jpg) no-repeat top  center !important;background-size: cover !important;}

.card-body{background:#f2f2f2 !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(10,113,173,1);
background: -moz-linear-gradient(left, rgba(10,113,173,1) 0%, rgba(37,156,224,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(10,113,173,1)), color-stop(100%, rgba(37,156,224,1)));
background: -webkit-linear-gradient(left, rgba(10,113,173,1) 0%, rgba(37,156,224,1) 100%);
background: -o-linear-gradient(left, rgba(10,113,173,1) 0%, rgba(37,156,224,1) 100%);
background: -ms-linear-gradient(left, rgba(10,113,173,1) 0%, rgba(37,156,224,1) 100%);
background: linear-gradient(to right, rgba(10,113,173,1) 0%, rgba(37,156,224,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a71ad', endColorstr='#259ce0', GradientType=1 );

}

[class*="sidebar-dark-"] {
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 );
}
[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: rgba(0,0,0,1);
background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(51,51,51,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(100%, rgba(51,51,51,1)));
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(51,51,51,1) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(51,51,51,1) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(51,51,51,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(51,51,51,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#333333', GradientType=0 );
color: #fff;
font-size: 13px;
text-transform: uppercase;}
.nav-sidebar > .nav-item {
    margin-bottom: 0;
    border-bottom: 1px #3a3a3a solid;
}
.nav-sidebar .nav-treeview li{ border-bottom: 1px #3a3a3a solid;}