@import "light_icon.css";

html,
body {
    background: #f5f5fa;
    color: #525f7f;
}

/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0, 0, 0, 0.7);
}

a,
button,
select {
    color: #868e96;
}

input[disabled],
textarea[disabled],
select[disabled='disabled'] {
    color: rgba(0, 0, 0, 1);
    background: white;
}
/* 
select {
    background-image: linear-gradient(45deg, transparent 50%, black 50%),
        linear-gradient(135deg, black 50%, transparent 50%),
        linear-gradient(to right, rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.00));
    background-position: calc(100% - 10px) calc(1em + 0px),
        calc(100% - 5px) calc(1em + 0px),
        100% 0;
    background-size: 5px 5px,
        5px 5px,
        2.5em 2.5em;
    background-repeat: no-repeat;
}  */

.btn-primary {
    color: #fff;
    background-color: #484848;
    border-color: #3b3b3b;
}

.btn-primary:hover {
    color: #fff;
    background-color: #383838;
    border-color: #303030;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show>.btn-primary.dropdown-toggle {
    color: #d8d8d8;
    background-color: #383838;
    border-color: #303030;
}

.header {
    background: #fff;
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.1);
}

.header .user b {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    color: #888;
}

.header ul li {
    color: #252525;
    border-right: solid 1px rgba(0, 0, 0, 0.1);
}

.header ul li.active,
.header ul li:focus,
.header ul li:hover {
    background: rgba(255, 255, 255, 0.3);
}

.drop-down {
    background: #ffffff;
    color: #252525;
    border: 1px solid #e7e7e7;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2)
}

.drop-down:after {
    background: #fff;
    box-shadow: -2px -2px 0px rgba(0, 0, 0, 0.1);
}

.dropdown-content-body li {
    border-top: 1px solid #eef5f9;
}

.dropdown-content-body li.active,
.dropdown-content-body li:focus,
.dropdown-content-body li:hover {
    background: #eef5f9;
    border-top: 1px solid #eef5f9;
}

.dropdown-content-body li a.active,
.dropdown-content-body li a:focus,
.dropdown-content-body li a:hover {
    color: #868e96;
}

.dropdown-profile .trial-day {
    color: #5873fe;
}

.dropdown-profile li a {
    color: #373757;
}

.dropdown-profile li a.active,
.dropdown-profile li a:focus,
.dropdown-profile li a:hover {
    color: #373757;
}

.dropdown-content-heading i {
    color: #5873fe;
}

.notification-heading {
    color: #373757;
}

.notification-unread {
    background: #eef5f9;
}

.notification-unread .notification-heading {
    color: #555;
}

.notification .notificationCount {
    background: #28a745;
}

.more-link {
    color: #00569f;
}

.more-link:after {
    border-left: solid 4px #00569f;
}

.more-link:hover {
    color: #00569f !important;
}

/*--------------------  Sidebar start -------------------- */

aside {
    background: #fff;
    box-shadow: 2px 0px 16px rgba(0, 0, 0, 0.2);
}

.sidebar {
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}


.sidebar-hide .logo {
    background: url('../../images/theme/light/logosmall.png') 8px center no-repeat;
}

.sidebar .nav-content>ul li.label {
    color: rgba(160, 180, 200, 0.55);
}

.sidebar .nav-content>ul li.content {
    color: #D8D8D8;
}

.sidebar .nav-content>ul li>ul {
    background: #f2f2f2 !important;
}

.sidebar .nav-content>ul li>a:hover {
    background: #e8e8e8;
}

.sidebar .nav-content>ul>li>ul>li.active>a {
    background: #f8f8f8 !important;
}

.sidebar .nav-content>ul li.active>a::before {
    background: #00569f;
}

.sidebar .nav-content>ul>li.label,
.sidebar .nav-content>ul>li.content,
.sidebar .nav-content>ul>li>a {
    border-top: solid 1px rgba(0, 0, 0, 0.05);
}

.sidebar .nav-content>ul>li:last-child>a {
    border-bottom: solid 1px rgba(0, 0, 0, 0.05);
}

.sidebar .nav-content>ul>li.open>a {
    background: #f1f1f7;
}

.sidebar .nav-content>ul>li>ul>li.label,
.sidebar .nav-content>ul>li>ul>li.content,
.sidebar .nav-content>ul>li>ul>li>a {
    border-top: solid 1px #fff;
    color: #525f7f;
}

.sidebar .nav-content>ul>li>ul>li.active>a,
.sidebar .nav-content>ul>li>ul>li.open>a,
.sidebar .nav-content>ul>li>ul>li>ul {
    background: #242634;
}

.sidebar .nav-content>ul>li>ul>li>ul>li.active>a,
.sidebar .nav-content>ul>li>ul>li>ul>li.open>a,
.sidebar .nav-content>ul>li>ul>li>ul>li>ul {
    background: #1c1d28;
}

.sidebar-hide .sidebar.sidebar-hide-to-small .nav-content>ul li:hover>ul {
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    border-top: 1px solid #eee;
    -webkit-box-shadow: 0 2px 2px 0 #e7e7e7;
    box-shadow: 0 2px 2px 0 #e7e7e7;
}

.sidebar.sidebar-overlap-content~.content-wrap:after {
    background-color: rgba(255, 255, 255, 0.7);
}

.sidebar .nav>.nav-pane {
    background: rgba(0, 0, 0, 0.25);
}

.sidebar.sidebar-light .nav>.nav-pane {
    background: rgba(0, 0, 0, 0.15);
}

.sidebar.sidebar-light .nav-content>ul>li.content,
.sidebar.sidebar-light .nav-content>ul>li>a {
    color: #919191;
}

.sidebar.sidebar-light .nav-content>ul>li:hover>a {
    color: #474747;
}

.sidebar.sidebar-light .nav-content>ul>li.active>a,
.sidebar.sidebar-light .nav-content>ul>li.open>a {
    color: #fff;
}

.sidebar.sidebar-light .nav-content>ul>li.active>a,
.sidebar.sidebar-light .nav-content>ul>li.open>a,
.sidebar.sidebar-light .nav-content>ul>li>ul {
    background: #206da9;
}

.sidebar.sidebar-light .nav-content>ul>li>ul>li.active>a,
.sidebar.sidebar-light .nav-content>ul>li>ul>li.open>a,
.sidebar.sidebar-light .nav-content>ul>li>ul>li>ul {
    background: #1d6298;
}

.sidebar.sidebar-light .nav-content>ul>li>ul>li>ul>li.active>a,
.sidebar.sidebar-light .nav-content>ul>li>ul>li>ul>li.open>a,
.sidebar.sidebar-light .nav-content>ul>li>ul>li>ul>li>ul {
    background: #195786;
}

.sidebar.sidebar-light {
    background: #F8F8F8;
}

.sidebar .nav-content>ul li>a {
    color: #444444;
}

.sidebar .nav-content>ul li>a {
    color: #7c87a1;
}

.sidebar .nav-content>ul>li.active>a,
.sidebar .nav-content>ul>li>ul {
    background: #f5f5fa;
}

.sidebar .nav-content>ul li.active>a {
    color: #00569f;

}

/*    nav icon
--------------------------*/

.mobNav .line {
    background-color: #252525;
}

/*--------------------  Sidebar End -------------------- */


.main-container {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.card i {
    color: #fff;
}

.card .stat-text {
    color: #7c7c7c;
}

.card .stat-digit {
    color: #525f7f;
}

.card small {
    color: #a4aaaf;
}

.panel {
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    background-color: #fff;
}

.panel .panel-heading .btn-toggle-collapse i:before,
.panel .panel-heading .btn-toggle-collapse i:after {
    background: #000;
}

.panel .panel-heading .btn-remove i:before,
.panel .panel-heading .btn-remove i:after {
    background: #000;
}

.panel .panel-note {
    color: #777777;
}

.panel.panel-headline .panel-heading .panel-subtitle {
    color: #8D99A8;
}

.panel-footer {
    background-color: #fafafa;
}

form-control {
    -moz-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.1);
    border-color: #eaeaea;
    background-color: #fcfcfc;
    /* font-size: 12px; */
}

.rating-header {
    color: #525f7f;
}

table.dataTable.no-footer {
    border-bottom: 1px solid rgba(120, 130, 140, 0.13) ;
}

table.dataTable .even {
    background: rgba(0, 0, 0, 0.02)
}

.dataTables_scrollHeadInner {
    background: #f8f9fa;
}

.page-item.active .page-link {
    background-color: #00569f;
    border-color: #00569f;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current{
    background: #00569f !important;
    border-color: #00569f !important;
    color: #ffffff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
    background: #00569f !important;
    border-color: #00569f !important;
    color: #ffffff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button{
    color: #007bff !important;
    background: #fff !important;
    border: 1px solid #dee2e6 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    text-decoration: none !important;    color: #0160b0 !important;
    background: #e9ecef !important;
    border-color: #dee2e6 !important;
}

.page-link {
    color: #0056b3;
}

.page-link:hover {
    color: #0160b0;
}

footer {
    border-top: solid 1px rgba(0, 0, 0, 0.1);
}

.scrolltop {
    color: #fff;
    background: #00569f;
}