/* Minification failed. Returning unminified contents.
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(35,17): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-color'
(39,17): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-color'
(57,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(61,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-color'
(62,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-color'
(68,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --background-color: #fbf9fa;
    --primary-color: #007afe;
    --primary-active: #e0efff;
    --surface-color: #FFFFFF;
    --secondary-color: #002d5a;
    --secondary-active-color: #002d5a33;
    --tertiary-color: #39393c;
    --warning-color: #da6612;
}

.navbar-static-side {
    font-family: "Roboto", sans-serif;
}

.nav > li > a {
    color: black !important;
}

.sendjim-svg-logo {
    color:black;
}

#login-page .sendjim-svg-logo {
    color: black !important;
}

#userNameTitle {
    color: black !important;
}

#companyNameTitle {
    color: var(--tertiary-color) !important;
}

.sidebar-counter {
    color: var(--tertiary-color) !important;
}

.navbar-static-side {
    border-right: rgba(0,0,0, 0.12) solid 1px;
}

.sidebar-items.active a {
    color: #333 !important;
    background-color: #33333333 !important;
}

#side-menu li.sidebar-items.active a i {
    opacity:1;
    color:black !important;
}

.gray-bg, .navbar-fixed-top, .navbar-static-top {
    background-color: var(--background-color) !important;
}

.btn-warning {
    background-color: var(--warning-color) !important;
    border-color: var(--warning-color) !important;
}

/** Dark mode */
@media (prefers-color-scheme: dark) {
    :root {
        --surface-color: #252525;
    }

    .nav li.sidebar-items a {
        color: white !important;
    }
    
    .sidebar-items.active a {
        color: white !important;
        background-color: #11111177 !important;
    }

    .sendjim-svg-logo {
        color: white;
    }

    #userNameTitle {
        color: white !important;
    }

    #side-menu li.sidebar-items.active a i {
        opacity:1;
        color:white !important;
    }

    #companyNameTitle {
        color: #EEE !important;
    }
}