.login-page {background:url(../img/bgg.jpg) no-repeat bottom center !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;
}
.f1{
    width: 50px;
    float: left;
}
.f2{
     width: calc(100% - 100px);
     float: left;

}
.f3{
    width: 180px;
    float: left;
}
.f3 li{
    list-style: none;
}
.da {
    padding: 10px 0;
display: block;
width: 100%;
float: left;
}

.da ul {
    padding:0px;
    margin:0px;
}

.da ul li {
  list-style: none;
    width: 31%;
float: left;
margin: 0 1%;
padding:5px 10px;
text-align: center;
border-radius: 6px;
}
.da ul li strong {
    display: block;
}
.da ul li:first-child{
    background: #f85f6e;
    color: #FFF;
}
.da ul li:nth-child(2) {
       background: #fda35d;
    color: #FFF;
}
.da ul li:last-child {
      background: #46b966;
    color: #FFF; 
}
.user45{
   line-height: 40px;
}

.das a {
    padding-top:20px;
    padding-bottom:10px;
    color:#FFF;
}
.das a i {
    font-size:40px;
    color:#FFF;
    margin-bottom:10px;
}
.das a h5{
font-size: 15px;
text-transform: uppercase;

}
.das a:hover {
    background: #231f20;
    border-radius: .25rem;
}














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;}





@media screen and (max-width:767px){

}