@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Space+Grotesk:wght@300..700&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Space+Grotesk:wght@300..700&display=swap");

/* Inter sans serif */
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap");

/* @font-face {
    font-family: "HelveticaNeue";
    src: url("../font/HelveticaNeue-Bold.otf") format("OpenType"),
        url("../font/HelveticaNeue-Light.otf") format("OpenType"),
        url("../font/HelveticaNeue-Medium.otf") format("OpenType"),
        url("../font/HelveticaNeue-Roman.otf") format("OpenType"),
        url("../font/HelveticaNeue-Thin.otf") format("OpenType");
} */

body {
    font-family: "Inter", sans-serif;
    /* font-family: "HelveticaNeue"; */

    font-style: normal;
    font-weight: 400;
}
html.semi-dark .sidebar-wrapper {
    background-color: #05321d;
    border-right: 1px solid #e4e4e400;
    box-shadow: 0 0.1rem 0.7rem rgb(0 0 0 / 32%) !important;
}
html.semi-dark .sidebar-wrapper .sidebar-header {
    background-color: #05321d;
    border-right: 1px solid #e4e4e400;
    border-bottom: 1px solid rgb(255 255 255 / 15%);
}
html.semi-dark .sidebar-wrapper .sidebar-header .logo-text {
    color: #e7e9ec;
}
html.semi-dark .sidebar-wrapper .sidebar-header .toggle-icon {
    color: #e7e9ec;
}
html.semi-dark .sidebar-wrapper .metismenu a {
    color: #ffffff;
}
html.semi-dark .sidebar-wrapper .metismenu .mm-active > a,
html.semi-dark .sidebar-wrapper .metismenu a:active,
html.semi-dark .sidebar-wrapper .metismenu a:focus,
html.semi-dark .sidebar-wrapper .metismenu a:hover {
    color: #ffffff;
    text-decoration: none;
    background: #739e64;
}
html.semi-dark .sidebar-wrapper .metismenu ul {
    border: 1px solid #ffffff00;
    background: rgb(255 255 255 / 0%);
}
html.semi-dark .simplebar-scrollbar:before {
    background: rgba(255, 255, 255, 0.4);
}
html.semi-dark .logo-icon {
    filter: invert(1) grayscale(100%) brightness(200%);
}
html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-1,
html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-10,
html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-11,
html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-12,
html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-2,
html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-3,
html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-4,
html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-5,
html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-6,
html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-7,
html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-8,
html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-9 {
    color: inherit;
}

html.minimal-theme .topbar {
    background: #f8f9fe;
    border-bottom: 1px solid #dee2e6;
    box-shadow: none !important;
}
html.minimal-theme .sidebar-wrapper .metismenu ul {
    background: #f8f9fe;
    border-bottom: 1px solid #dee2e6;
    box-shadow: none !important;
}
html.minimal-theme .topbar .search-control {
    background-color: #f8f9fe;
    border: 1px solid #dee2e6;
}
html.minimal-theme .topbar .user-box {
    border-left: 1px solid #dee2e6;
}
html.minimal-theme .sidebar-wrapper {
    background: #f8f9fe;
    border-right: 1px solid #dee2e6;
    box-shadow: none !important;
}
html.minimal-theme .sidebar-header {
    background: #f8f9fe;
    border-bottom: 1px solid #dee2e6;
    background-clip: padding-box;
    border-right: 1px solid #dee2e6;
}

html.minimal-theme .page-footer {
    background: #f8f9fe;
}

@media screen and (min-width: 1025px) {
    html.minimal-theme .wrapper.toggled.sidebar-hovered .sidebar-wrapper {
        box-shadow: 0 0.3rem 0.8rem rgba(0, 0, 0, 0.12) !important;
    }
}
