.loading {
    filter: blur(2px);
    pointer-events: none;
}
.sidebar {
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2) !important;
    background-color: var(--background) !important
}

.sidebar-dark .nav-sidebar > .nav-item > .nav-link.active{
    background-color:var(--primary-color)!important;
    color:var(--light)!important;
}
.sidebar-user-material-body>.card-body{
    background-color:var(--dark-light)!important;
}
.navbar {
    /*background-color: var(--background) !important;
    color:var(--dark)!important*/
    background-color: var(--success-color) !important;
    color: white !important;
}


.secondary-color {
    color: var(--secondary-color) !important;
}
.primary-color {
    color: var(--primary-color) !important;
}
.bg-secondary-color {
    background-color: var(--secondary-color) !important;
    color:white
}
.bg-primary-color {
    background-color: var(--primary-color) !important;
    color: white !important
}

.daterangepicker td.active{
    background-color:var(--primary-color)!important
}
.ranges ul li.active {
    color: var(--light)!important;
    background-color: var(--primary-color)!important;
}
.form-control.active:focus{
    border-bottom-color: var(--dark) !important
}
.form-control:focus {
    outline: 0;
    box-shadow: 0 0 0 0 transparent, 0 1px 0 var(--dark)!important;
}
.nav-item a{
    font-family:'TitilliumWeb-SemiBold'!important;
    font-size:.8rem!important
}
.dropdown-item.active{
    background-color:var(--dark)!important
}
.sidebar-user{
    background-color:var(--dark-light)!important
}
.page-item.active .page-link{
    background-color:var(--primary-color)!important
}
.nav-item a{
    color:var(--dark)!important
}
.mr-18 {
    margin-right: 18rem !important
}
.action.btn{
    background-color:var(--secondary-color)!important
}
.breadcrumb-line{
    background-color:var(--light)!important
}
.displayNone {
    display: none !important;
}