@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

:root {
    --primary-color: #21348b;
    --danger-color: #ee2c48;
    --alert-color: #fba81d;
    --white: #fff;
    --grey: #adb5bd;
}

body, .form-control, .btn, .control-label,
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: "Inter", Arial, Helvetica, sans-serif !important;
}

.h1,
h1 {
    font-weight: 800;
}

.h2, .h3, .h4, .h5, .h6, 
h2, h3, h4, h5, h6 {
    font-weight: 700;
}

table.dataTable th, 
table.dataTable td, 
.form-control, 
.custom-control-label, 
label,
.control-label, 
div.dt-container div.dt-info,
.btn,
.alert-warning {
    font-size: .875rem;
}

.badge {
    font-size: 95%;
}

.content-header {
    height: 4.75rem;
}

div.dt-container div.dt-info {
    padding-bottom: 1rem;
}

a,
a:hover {
    color: var(--primary-color);
}

a:hover {
    text-decoration: underline;
}

.btn-primary {
    color: var(--white);
    background-color: var(--primary-color);    
    border-color: var(--primary-color);
}

.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled).active, 
.btn-primary:not(:disabled):not(.disabled):active, 
.show>.btn-primary.dropdown-toggle {
    color: var(--white);    
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    filter: brightness(1.3);
}

.btn-danger {
    background-color: var(--danger-color);
    border-color: var(--danger-color);
}

.alert-warning {
    color: #373737;
    background-color: var(--alert-color);
    line-height: 1.5;
}

/*
.custom-control-input:checked~.custom-control-label::before {
    color: var(--white);
    border-color: var(--grey);
    background-color: var(--grey);
}
*/

.social-icon {
    color: var(--grey);
}


#page-container.sidebar-dark #sidebar {
    background-color: var(--primary-color);
}

#side-overlay .content-header, #sidebar .content-header{
    background: var(--white);
}

.sidebar-dark #sidebar .nav-main-link,
.sidebar-dark #sidebar .nav-main-link > .nav-main-link-icon {
    color: var(--white);
}

.sidebar-dark #sidebar .nav-main-link.active {
    font-weight: bold;
}

.sidebar-dark #sidebar .nav-main-submenu .nav-main-link {
    color: rgba(255, 255, 255, .75);
}

.nav-main-link {
    padding: .75rem 1.25rem;
}

.sidebar-dark #sidebar .nav-main-link:hover {
    color: var(--white);
}

.nav-main-link.nav-main-link-submenu::before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}