:root {
    --primary-color: #262595;  /* Example primary color */
    --secondary-color: #fd0000; /* Example secondary color */
    --background-color: #f5f5f5; /* Example background color */
    --text-color: #000000; /* Example text color */
    --text-color-white: #fff; /* Example text color */
    --gradient1: linear-gradient(90deg, #DB220E -116%, #262595 184%)
}

/* Data Tables Responsive */
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before{
    background-color:#3f98c2;
}

table.dataTable.dtr-column>tbody>tr>td.control:before,table.dataTable.dtr-column>tbody>tr>th.control:before{
    background-color:#3f98c2;
}

/* div.dataTables_wrapper div.dataTables_processing{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    margin-top: -26px;
    text-align: center;
    padding: 1em 0;
} */


.modal-backdrop{
    z-index: 1040 !important;
}

.modal{
    z-index: 1050 !important;
    padding-right: 0px;
    /* display: none !important; */
}

.light-logo{
    width: 75%;
    height: auto !important;
}

.toast-success {
    background-color: #28a745;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 15px;
    width: 400px;
    font-weight: 600;
    opacity: 0.9 !important;
}

.toast-error {
    background-color: #dc3545;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 15px;
    width: 400px;
    font-weight: 600;
    opacity: 0.9 !important;
}

/* system stylesheet */
.topbar{
    background: var(--gradient1);
}

.text-themecolor{
    color: var(--primary-color) !important;
}

.sidebar-nav ul li a{
    font-weight: 500 !important;
}

.sidebar-nav ul li a.active, .sidebar-nav ul li a:hover,
.sidebar-nav ul li a.active i, .sidebar-nav ul li a:hover i{
    color: var(--primary-color) !important;
    font-weight: 500;
}

.topbar ul.dropdown-user li a{
    font-weight: 400;
}

.topbar ul.dropdown-user li a:hover{
    background: var(--primary-color) !important;
    color: var(--text-color-white) !important;
}

.list-group-item{
    color: var(--primary-color);
    font-weight: 400;
}

.list-group-item.active{
    color: var(--text-color-white) !important;
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    font-weight: 400;
}

.list-group-item:hover{
    color: var(--text-color-white);
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    font-weight: 400;
}

.profile-tab li a.nav-link{
    font-weight: 400;
}

.profile-tab li a.nav-link:hover{
    color: var(--primary-color) !important;
    font-weight: 400;
}

.profile-tab li a.nav-link.active{
    border-bottom: 2px solid var(--primary-color) !important;
    color: var(--primary-color) !important;
}

@media screen and (max-width: 1170px) {
    .dark-logo {
        height: auto !important;
        width: 60px !important;
    }
}

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

}