/* inter-regular - cyrillic_latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/inter-v18-cyrillic_latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-italic - cyrillic_latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/inter-v18-cyrillic_latin_latin-ext-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-500 - cyrillic_latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/inter-v18-cyrillic_latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-500italic - cyrillic_latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: italic;
    font-weight: 500;
    src: url('../fonts/inter-v18-cyrillic_latin_latin-ext-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-600 - cyrillic_latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/inter-v18-cyrillic_latin_latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-600italic - cyrillic_latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: italic;
    font-weight: 600;
    src: url('../fonts/inter-v18-cyrillic_latin_latin-ext-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-700 - cyrillic_latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/inter-v18-cyrillic_latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-700italic - cyrillic_latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/inter-v18-cyrillic_latin_latin-ext-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

html, body {
    font-family: 'Inter', sans-serif !important;
}

.c-sidebar {
    background: rgba(246, 247, 249, 1);
    font-family: 'Inter';
    font-weight: 500;
    font-size: 15px;
}

.c-sidebar .c-sidebar-brand, .c-sidebar .c-sidebar-header {
    background: rgba(246, 247, 249, 1);
}

.c-sidebar-brand-full{
    font-family: Inter;
    font-weight: 500;
    font-size: 15px;
    line-height: 140%;
    letter-spacing: 0%;
    color: rgba(20, 24, 31, 1);
}

.c-sidebar-brand .c-sidebar-brand-full:hover {
    color: rgba(20, 24, 31, 1);
    text-decoration: none;
}

.c-sidebar .c-sidebar-nav-dropdown-toggle, .c-sidebar .c-sidebar-nav-link {
    color: rgba(20, 24, 31, 1);
    margin-left: 16px;
    margin-right: 16px;
}

.c-sidebar .c-sidebar-nav-dropdown.c-show .c-sidebar-nav-dropdown-toggle, .c-sidebar .c-sidebar-nav-dropdown.c-show .c-sidebar-nav-link {
    color: rgba(20, 24, 31, 1);
}

.c-sidebar .c-sidebar-nav-dropdown-toggle .c-sidebar-nav-icon, .c-sidebar .c-sidebar-nav-link .c-sidebar-nav-icon  {
    color: rgba(20, 24, 31, 1);
}

.c-sidebar .c-active.c-sidebar-nav-dropdown-toggle .c-sidebar-nav-icon, .c-sidebar .c-sidebar-nav-link.c-active .c-sidebar-nav-icon {
    color: rgba(51, 72, 255, 1);
}

.c-active {
    color: rgba(51, 72, 255, 1)!important;
}

.c-sidebar .c-active.c-sidebar-nav-dropdown-toggle, .c-sidebar .c-sidebar-nav-link.c-active {
    background: rgba(224, 237, 255, 1);
    color: rgba(51, 72, 255, 1);
    margin-left: 16px;
    margin-right: 16px;
    margin-top:4px;
    margin-bottom:4px;
    border-radius: 8px;
}

.c-sidebar-nav-link .c-active {
    color: rgba(51, 72, 255, 1)!important;
}

@media (hover: hover), (-ms-high-contrast:none) {
    .c-sidebar .c-sidebar-nav-dropdown-toggle:hover, .c-sidebar .c-sidebar-nav-link:hover {
        background: rgba(224, 237, 255, 1);
        color: rgba(51, 72, 255, 1);
        border-radius: 8px;
    }
    .c-sidebar .c-sidebar-nav-dropdown-toggle:hover .c-sidebar-nav-icon, .c-sidebar .c-sidebar-nav-link:hover .c-sidebar-nav-icon {
        color: rgba(51, 72, 255, 1);
    }

    .c-header-brand {
        text-decoration: none!important;
        color: rgba(20, 24, 31, 1)!important;
    }

    .c-sidebar .c-sidebar-nav-dropdown-toggle:hover, .c-sidebar .c-sidebar-nav-link:hover {
        color: rgba(51, 72, 255, 1)!important;
    }
}

.c-header .c-header-brand {
    font-family: Inter;
    font-weight: 500;
    font-size: 15px;
    line-height: 140%;
    letter-spacing: 0%;
    color: rgba(20, 24, 31, 1);
}


.c-header-fixed {
    justify-content: space-between!important;
    border-bottom: 1px solid rgba(220, 224, 229, 1);
}

.c-header .c-header-toggler {
    min-width: 0px;
    color: rgba(20, 24, 31, 1);
}

.c-main {
    background: white;
}

.card-header {
    background: #f6f7f9;
}

.sidebar-collapse-button {
    position: relative;
    z-index: 999;
    right: -15px;
    margin-left: 0px;
    border-radius: 40px;
    border: 1px solid;
    border-color: rgba(220, 224, 229, 1);
    background: white;


    width: 30px;
    height: 30px;
    min-width: 30px;
    max-width: 30px;
    min-height: 30px;
    max-height: 30px;
}

.dt-buttons .btn {
    margin-bottom: 5px;
}

.login-page {
    background: rgba(246, 247, 249, 1);
}

.btn {
    border-radius: 8px!important;
}

.btn-sm {
    border-radius: 6px!important;
}
.btn-xs {
    border-radius: 4px!important;
}

.c-sidebar-nav-dropdown {
    background: #f6f7f9!important;
    color: rgba(20, 24, 31, 1)!important;
}

.c-sidebar-nav-dropdown-items .c-sidebar-nav-item .c-sidebar-nav-link {
    margin-left: 32px;
    color: rgba(20, 24, 31, 1);
}

.c-sidebar .c-sidebar-nav-dropdown-toggle::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='rgba(0, 0, 0, 0.8)' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E")!important;
}

.c-sidebar-lg-show {
    width: 280px;
}

@media (min-width: 992px) and (min-width: 992px) {
    html:not([dir="rtl"]) .c-sidebar.c-sidebar-lg-show:not(.c-sidebar-right).c-sidebar-fixed ~ .c-wrapper, html:not([dir="rtl"]) .c-sidebar.c-sidebar-show:not(.c-sidebar-right).c-sidebar-fixed ~ .c-wrapper {
        margin-left: 280px;
    }
}