/** Skin Default Theme ===============
=================================**/
.skin-default .topbar, .skin-default .dt-button {background: #018aff; }
.skin-default .topbar .top-navbar .navbar-header .navbar-brand .dark-logo {display: none; }
.skin-default .topbar .top-navbar .navbar-header .navbar-brand .light-logo {display: inline-block; color: rgba(255, 255, 255, 0.8); }
.skin-default .sidebar-nav ul li a.active, .skin-default .sidebar-nav ul li a:hover {color: #018aff; }
.skin-default .sidebar-nav ul li a.active i, .skin-default .sidebar-nav ul li a:hover i {color: #018aff; }
.skin-default .sidebar-nav > ul > li.active > a {color: #018aff; border-left: 3px solid #018aff; }
.skin-default .sidebar-nav > ul > li.active > a i,  .skin-default .text-info {color: #018aff; }
.skin-default .page-titles .breadcrumb .breadcrumb-item.active { color: #018aff; }
.skin-default .btn-primary{color:#fff;background-color:#018aff;border-color:#018aff}
.skin-default .btn-primary:hover{color:#fff;background-color:#027ee8;border-color:#027ee8}
.skin-default .btn-primary:focus,.btn-primary.focus{box-shadow:0 0 0 .2rem rgba(251,150,120,0.5)}
.skin-default .datepicker table tr td.today{background: #018aff; color: #fff;}
.skin-default .dataTables_filter input:focus {border-bottom: 1px solid #018aff;}
.skin-default .dataTables_wrapper .dataTables_paginate .paginate_button.current, .skin-default .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {color: #fff!important; border: 1px solid #018aff; background: #018aff}
.skin-default .customtab li a.nav-link.active, .skin-default .profile-tab li a.nav-link.active {border-bottom: 2px solid #018aff; color: #018aff; }
.skin-default .el-element-overlay .el-card-item .el-overlay-1 .el-info > li a:hover { background-color: #018aff;  border-color: #018aff; }
.skin-default .login-register {background-color: #018aff;}
.skin-default .minimal-faq h5 {  background-color: #018aff;  }

/** Skin Green Theme ===============
=================================**/
.skin-green {/*Theme Colors*/ }
.skin-green .topbar, .skin-green .dt-button {background: #009975; }
.skin-green .topbar .top-navbar .navbar-header .navbar-brand .dark-logo {display: none; }
.skin-green .topbar .top-navbar .navbar-header .navbar-brand .light-logo {display: inline-block; color: rgba(255, 255, 255, 0.8); }
.skin-green .sidebar-nav ul li:not(.user-profile) a.active, .skin-green .sidebar-nav ul li:not(.user-profile) a:hover {color: #009975;border-color: #009975;}
.skin-green .sidebar-nav ul li a.active i, .skin-green .sidebar-nav ul li a:hover i {color: #009975; }
.skin-green .sidebar-nav > ul > li.active > a {color: #009975; border-left: 3px solid #009975; }
.skin-green .sidebar-nav > ul > li.active > a i, .skin-green .text-info {color: #009975; }
.skin-green .page-titles .breadcrumb .breadcrumb-item.active {color: #408040; }
.skin-green .datepicker table tr td.today{background: #408040; color: #fff;}
.skin-green .btn-primary{color:#fff;background-color:rgba(64, 128, 64, 0.8);border-color:rgba(64, 128, 64, 0.8);}
.skin-green .btn-primary:hover{color:#fff;background-color:#436943;border-color:#436943;}
.skin-green .btn-primary:focus,.btn-primary.focus{box-shadow:none;}
.skin-green .dataTables_filter input:focus {border-bottom: 1px solid #454d66;}
.skin-green .bootstrap-tagsinput .tag.label-info{ background-color: #408040;  }
.skin-green .bg-primary { background-color: #408040; }
.skin-green .customtab li a.nav-link.active, .skin-green .profile-tab li a.nav-link.active {border-bottom: 2px solid #408040; color: #408040; }
.skin-green .form-control:focus{ border-color:#454d66;  }
.skin-green .bootstrap-select .dropdown-menu li a:hover,
.skin-green .bootstrap-select .dropdown-menu li a:focus,
.skin-green .bootstrap-select .dropdown-menu li.selected a{ color:#009975; }
.skin-green .select2-container--default .select2-results__option--highlighted[aria-selected]{ background: #408040; }
.skin-green .select2-container--default.select2-container--focus .select2-selection--multiple{ border-color:rgba(0, 195, 145, 0.5); }
.skin-green .dataTables_wrapper .dataTables_paginate .paginate_button.current, .skin-green .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {color: #fff!important; border: 1px solid #079975; background: #079975; box-shadow: -1px 3px 7px rgba(0, 0, 0, 0.28);}
.skin-green .el-element-overlay .el-card-item .el-overlay-1 .el-info > li a:hover { background-color: #408040;  border-color:#408040; }
.skin-green .login-register {background-image: -webkit-linear-gradient(top left,#59a78e,rgba(0, 153, 117, 0.9) 230%);background-image: linear-gradient(to bottom right,#59a78e,rgba(0, 153, 117, 0.9) 230%);}
.skin-green .minimal-faq h5 {  background-color: #408040;  }

.theme-color{color: #009975 !important;}

/*Preloader*/
.preloader{width:100%;height:100%;top:0;position:fixed;z-index:99999;background:#fff}
.preloader .cssload-speeding-wheel{position:absolute;top:calc(50% - 3.5px);left:calc(50% - 3.5px)}

.loader,.loader__figure{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.loader{overflow:visible;padding-top:2em;height:0;width:2em}
.loader__figure{height:0;width:0;box-sizing:border-box;border:0 solid #1976d2;border-radius:50%;-webkit-animation:loader-figure 1.15s infinite cubic-bezier(0.215,0.61,0.355,1);animation:loader-figure 1.15s infinite cubic-bezier(0.215,0.61,0.355,1)}
.loader__label{float:left;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin:.5em 0 0 50%;font-size:.875em;letter-spacing:.1em;line-height:1.5em;color:#1976d2;white-space:nowrap;-webkit-animation:loader-label 1.15s infinite cubic-bezier(0.215,0.61,0.355,1);animation:loader-label 1.15s infinite cubic-bezier(0.215,0.61,0.355,1)}

@-webkit-keyframes loader-figure {
0%{height:0;width:0;background-color:#1976d2}
29%{background-color:#1976d2}
30%{height:2em;width:2em;background-color:transparent;border-width:1em;opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
100%{height:2em;width:2em;border-width:0;opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";background-color:transparent}
}
@keyframes loader-figure {
0%{height:0;width:0;background-color:#1976d2}
29%{background-color:#1976d2}
30%{height:2em;width:2em;background-color:transparent;border-width:1em;opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
100%{height:2em;width:2em;border-width:0;opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";background-color:transparent}
}
@-webkit-keyframes loader-label {
0%{opacity:.25;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"}
30%{opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
100%{opacity:.25;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"}
}
@keyframes loader-label {
0%{opacity:.25;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"}
30%{opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
100%{opacity:.25;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"}
}
.filter-option {
    justify-content:flex-end;
}

.filter-option span{
/*height: 45px;*/
    /*width: 45px;*/
    /* border: 1px solid #000; */
    border-radius: 10px;
    align-items: center;
    display: flex;
    justify-content: center;
    margin-left: 10px;
    cursor: pointer;
    }

    .filter-option span img {
    width: 32px;
    height: 32px;
    margin: 0 auto;
    display: block;
}

.filter-option .active{
	user-select: none;
	opacity:0.5;
	pointer-event:none;
}
.list-view {
    display: none;
}

.auditor-modal {
    position: fixed;
    top: 50%;
    left: auto;
    right: -415px;
    background: #fff;
    z-index: -1;
    opacity: 0;
    width: 400px;
    box-shadow: 0px 2px 8px -5px #484848;
    transform: translateY(-50%);
    border-radius: 10px;
    transition: all .4s linear;
}
.auditor-modal.active-modal {
    right: 0;
    z-index: 99;
    opacity: 1;
}
.auditor-modal h3 {
    font-size: 16px;
    font-weight: 600;
    background-color: #009975;
    color: #fff;
    padding: 20px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.auditor-modal .inner-content {
    padding: 15px 20px;
    overflow-x: auto;
}
.auditor-modal p {
    margin-bottom: 10px;
    font-size: 14px;
    border-bottom: 1px solid #dee2e6;
    padding: 8px 0;
    margin-bottom: 0;
}
.auditor-modal p:first-child {
    padding-top: 0;
}
.auditor-modal p:last-child {
    border: none;
    padding-bottom: 0;
}
.auditor-modal .close-modal {
    position: absolute;
    top: 0;
    left: -30px;
    height: 30px;
    width: 30px;
    background: #009975;
    border: none;
    font-size: 16px;
    color: #fff;
    outline: none;
}
@media (max-width: 992px) {
    .auditor-modal {
        top: 0;
        transform: translateY(0);
    }
}
@media (max-width: 600px) {
    .auditor-modal {
        width: 300px;
        right: -135px;
    }
    .auditor-modal h3 {
        font-size: 18px;
        padding: 15px 20px;
    }
}