@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 100;
    font-display: block;
    src: url(../fonts/Inter-Thin-BETA.woff2) format("woff2"), url(../fonts/Inter-Thin-BETA.woff) format("woff")
}

@font-face {
    font-family: Inter;
    font-style: italic;
    font-weight: 100;
    font-display: block;
    src: url(../fonts/Inter-ThinItalic-BETA.woff2) format("woff2"), url(../fonts/Inter-ThinItalic-BETA.woff) format("woff")
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 200;
    font-display: block;
    src: url(../fonts/Inter-ExtraLight-BETA.woff2) format("woff2"), url(../fonts/Inter-ExtraLight-BETA.woff) format("woff")
}

@font-face {
    font-family: Inter;
    font-style: italic;
    font-weight: 200;
    font-display: block;
    src: url(../fonts/Inter-ExtraLightItalic-BETA.woff2) format("woff2"), url(../fonts/Inter-ExtraLightItalic-BETA.woff) format("woff")
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 300;
    font-display: block;
    src: url(../fonts/Inter-Light-BETA.woff2) format("woff2"), url(../fonts/Inter-Light-BETA.woff) format("woff")
}

@font-face {
    font-family: Inter;
    font-style: italic;
    font-weight: 300;
    font-display: block;
    src: url(../fonts/Inter-LightItalic-BETA.woff2) format("woff2"), url(../fonts/Inter-LightItalic-BETA.woff) format("woff")
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(../fonts/Inter-Regular.woff2) format("woff2"), url(../fonts/Inter-Regular.woff) format("woff")
}

@font-face {
    font-family: Inter;
    font-style: italic;
    font-weight: 400;
    font-display: block;
    src: url(../fonts/Inter-Italic.woff2) format("woff2"), url(../fonts/Inter-Italic.woff) format("woff")
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-display: block;
    src: url(../fonts/Inter-Medium.woff2) format("woff2"), url(../fonts/Inter-Medium.woff) format("woff")
}

@font-face {
    font-family: Inter;
    font-style: italic;
    font-weight: 500;
    font-display: block;
    src: url(../fonts/Inter-MediumItalic.woff2) format("woff2"), url(../fonts/Inter-MediumItalic.woff) format("woff")
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-display: block;
    src: url(../fonts/Inter-SemiBold.woff2) format("woff2"), url(../fonts/Inter-SemiBold.woff) format("woff")
}

@font-face {
    font-family: Inter;
    font-style: italic;
    font-weight: 600;
    font-display: block;
    src: url(../fonts/Inter-SemiBoldItalic.woff2) format("woff2"), url(../fonts/Inter-SemiBoldItalic.woff) format("woff")
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 700;
    font-display: block;
    src: url(../fonts/Inter-Bold.woff2) format("woff2"), url(../fonts/Inter-Bold.woff) format("woff")
}

@font-face {
    font-family: Inter;
    font-style: italic;
    font-weight: 700;
    font-display: block;
    src: url(../fonts/Inter-BoldItalic.woff2) format("woff2"), url(../fonts/Inter-BoldItalic.woff) format("woff")
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 800;
    font-display: block;
    src: url(../fonts/Inter-ExtraBold.woff2) format("woff2"), url(../fonts/Inter-ExtraBold.woff) format("woff")
}

@font-face {
    font-family: Inter;
    font-style: italic;
    font-weight: 800;
    font-display: block;
    src: url(../fonts/Inter-ExtraBoldItalic.woff2) format("woff2"), url(../fonts/Inter-ExtraBoldItalic.woff) format("woff")
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url(../fonts/Inter-Black.woff2) format("woff2"), url(../fonts/Inter-Black.woff) format("woff")
}

@font-face {
    font-family: Inter;
    font-style: italic;
    font-weight: 900;
    font-display: block;
    src: url(../fonts/Inter-BlackItalic.woff2) format("woff2"), url(../fonts/Inter-BlackItalic.woff) format("woff")
}

:root {
    --bs-blue: #3b7ddd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #e83e8c;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #28a745;
    --bs-teal: #20c997;
    --bs-cyan: #17a2b8;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-primary: #3b7ddd;
    --bs-secondary: #6c757d;
    --bs-success: #28a745;
    --bs-info: #17a2b8;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-font-sans-serif: "Inter", "Helvetica Neue", Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, hsla(0, 0%, 100%, 0.15), hsla(0, 0%, 100%, 0))
}

*, :after, :before {
    box-sizing: border-box
}

body {
    margin: 0;
    font-family: var(--bs-font-sans-serif);
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #FFFFFF;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

@media (min-width: 1px) and (max-width: 991.98px) {
    .sidebar2 {
        margin-left: -260px
    }

    .sidebar2.collapsed {
        margin-left: 0
    }
}

.sidebar2 [aria-expanded=true]:after, .sidebar2 [data-toggle=collapse2]:not(.collapsed):after {
    transform: rotate(-135deg);
    top: 1.4rem
}

.sidebar2 [data-toggle=collapse] {
    position: relative
}

.sidebar2 [data-toggle=collapse]:after {
    content: " ";
    border: solid;
    border-width: 0 .075rem .075rem 0;
    display: inline-block;
    padding: 2px;
    transform: rotate(45deg);
    position: absolute;
    top: 1.2rem;
    right: 1.5rem;
    transition: all .2s ease-out
}

.sidebar2, .sidebar2-content {
    transition: margin-left .35s ease-in-out, left .35s ease-in-out, margin-right .35s ease-in-out, right .35s ease-in-out;
    background: #222e3c
}

.sidebar2 {
    min-width: 260px;
    max-width: 260px;
    direction: ltr
}
.sidebar2-content {
    display: flex;
    height: 100vh;
    flex-direction: column
}

.sidebar2-brand {
    font-weight: 600;
    font-size: 1.15rem;
    padding: 1.15rem 1.5rem;
    display: block;
    color: #f8f9fa
}

.sidebar2-brand:hover {
    text-decoration: none;
    color: #f8f9fa
}

.sidebar2-brand:focus {
    outline: 0
}

.align2-middle {
    vertical-align: middle !important
}

.sidebar2-nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    flex-grow: 1
}

.sidebar2-header {
    background: transparent;
    padding: 1.5rem 1.5rem .375rem;
    font-size: .75rem;
    color: #ced4da
}

.sidebar2-item.active .sidebar2-link:hover, .sidebar2-item.active > .sidebar2-link {
    color: #e9ecef;
    background: linear-gradient(90deg, rgba(59, 125, 221, .1), rgba(59, 125, 221, .0875) 50%, transparent);
    border-left-color: #3b7ddd
}

.sidebar2-item.active .sidebar2-link:hover i, .sidebar2-item.active .sidebar2-link:hover svg, .sidebar2-item.active > .sidebar2-link i, .sidebar2-item.active > .sidebar2-link svg {
    color: #e9ecef
}

.sidebar2-dropdown .sidebar2-item .sidebar2-link:hover {
    font-weight: 400;
    border-left: 0;
    color: #e9ecef;
    background: transparent
}

.sidebar2-dropdown .sidebar2-item .sidebar2-link:hover:hover:before {
    transform: translateX(4px)
}

.sidebar2-dropdown .sidebar2-item.active .sidebar2-link {
    font-weight: 400;
    border-left: 0;
    color: #518be1;
    background: transparent
}

.sidebar2-link, a.sidebar2-link {
    display: block;
    padding: .625rem 1.625rem;
    font-weight: 400;
    transition: background .1s ease-in-out;
    position: relative;
    text-decoration: none;
    cursor: pointer;
    color: rgba(233, 236, 239, .5);
    background: #222e3c;
    border-left: 3px solid transparent
}

.sidebar2-link i, .sidebar2-link svg, a.sidebar2-link i, a.sidebar2-link svg {
    margin-right: .75rem;
    color: rgba(233, 236, 239, .5)
}

.sidebar2-link:focus {
    outline: 0
}

.sidebar2-link:hover {
    background: #222e3c;
    border-left-color: transparent
}

.sidebar2-link:hover, .sidebar2-link:hover i, .sidebar2-link:hover svg {
    color: rgba(233, 236, 239, .75)
}

.sidebar2-dropdown .sidebar2-link {
    padding: .625rem 1.5rem .625rem 3.25rem;
    font-weight: 400;
    font-size: 90%;
    border-left: 0;
    color: #adb5bd;
    background: transparent
}

.sidebar2-dropdown .sidebar2-link:before {
    content: "→";
    display: inline-block;
    position: relative;
    left: -14px;
    transition: all .1s ease;
    transform: translateX(0)
}

.sidebar2-cta-content {
    padding: 1.5rem;
    margin: 1.75rem;
    border-radius: .3rem;
    background: #2b3947;
    color: #e9ecef
}

.navbar2 {
    position: relative;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: .875rem 1.375rem
}

.navbar2 > .container, .navbar2 > .container-fluid, .navbar2 > .container-lg, .navbar2 > .container-md, .navbar2 > .container-sm, .navbar2 > .container-xl {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between
}

.navbar2 {
    border-bottom: 0;
    
}

@media (max-width: 767.98px) {
    .navbar2 {
        width: 100vw
    }
}

.navbar2 .avatar2 {
    margin-top: -15px;
    margin-bottom: -15px
}

@media (max-width: 575.98px) {
    .navbar2 {
        padding: .75rem
    }
    .navbar2-expand .navbar2-nav .dropdown-menu-lg {
        min-width: 100%
    }
}

.navbar2 input {
    direction: ltr
}

.navbar2-expand .navbar2-nav {
    flex-direction: row
}

.navbar2-expand .navbar2-nav .dropdown-menu {
    position: absolute
}

.navbar2-expand .navbar2-nav .nav2-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar2-expand .navbar2-collapse2 {
    display: flex !important
}

.navbar2-expand .navbar2-toggler {
    display: none
}

.navbar2-light .navbar2-brand, .navbar2-light .navbar2-brand:focus, .navbar2-light .navbar2-brand:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar2-light .navbar2-nav .nav2-link {
    color: rgba(0, 0, 0, .55)
}

.navbar2-light .navbar2-nav .nav2-link:focus, .navbar2-light .navbar2-nav .nav2-link:hover {
    color: rgba(0, 0, 0, .7)
}

.navbar2-light .navbar2-nav .nav2-link.disabled {
    color: rgba(0, 0, 0, .3)
}

.navbar2-light .navbar2-nav .nav2-link.active, .navbar2-light .navbar2-nav .show > .nav2-link {
    color: rgba(0, 0, 0, .9)
}

.navbar2-light .navbar2-toggler {
    color: rgba(0, 0, 0, .55);
    border-color: rgba(0, 0, 0, .1)
}

.navbar2-light .navbar2-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(0,0,0,0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar2-light .navbar2-text {
    color: rgba(0, 0, 0, .55)
}

.navbar2-light .navbar2-text a, .navbar2-light .navbar2-text a:focus, .navbar2-light .navbar2-text a:hover {
    color: rgba(0, 0, 0, .9)
}
.navbar2-bg {
    background: #fff
}

.sidebar2-toggle {
    cursor: pointer;
    width: 26px;
    height: 26px
}

.sidebar2-toggle {
    margin-right: 1rem
}

/*.sidebar2-toggle:hover .hamburger, .sidebar2-toggle:hover .hamburger:after, .sidebar2-toggle:hover .hamburger:before {*/
/*    background: #3b7ddd*/
/*}*/

.d-flex {
    display: flex !important
}

/*.hamburger, .hamburger:after, .hamburger:before {*/
/*    cursor: pointer;*/
/*    border-radius: 1px;*/
/*    height: 3px;*/
/*    width: 24px;*/
/*    background: #495057;*/
/*    display: block;*/
/*    content: "";*/
/*    transition: background .1s ease-in-out, color .1s ease-in-out*/
/*}*/
/*.hamburger {*/
/*    position: relative*/
/*}*/
/*.hamburger:before {*/
/*    top: -7.5px;*/
/*    width: 24px;*/
/*    position: absolute*/
/*}*/

/*.hamburger:after {*/
/*    bottom: -7.5px;*/
/*    width: 16px;*/
/*    position: absolute*/
/*}*/

/*.sidebar2-toggle:hover .hamburger, .sidebar2-toggle:hover .hamburger:after, .sidebar2-toggle:hover .hamburger:before {*/
/*    background: #3b7ddd*/
/*}*/

/*.hamburger-right, .hamburger-right:after, .hamburger-right:before {*/
/*    right: 0*/
/*}*/

.navbar2-collapse {
    align-items: center;
    width: 100%
}

.collapse:not(.show) {
    display: none
}

.navbar2-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar2-nav .nav2-link {
    padding-right: 0;
    padding-left: 0
}

.navbar2-nav .dropdown-menu {
    position: static
}

.navbar2-expand .navbar2-nav {
    flex-direction: row
}

.navbar2-expand .navbar2-nav .dropdown-menu {
    position: absolute
}

.navbar2-expand .navbar2-nav .nav2-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar2-light .navbar2-nav .nav2-link {
    color: rgba(0, 0, 0, .55)
}

.navbar2-light .navbar2-nav .nav2-link:focus, .navbar2-light .navbar2-nav .nav2-link:hover {
    color: rgba(0, 0, 0, .7)
}

.navbar2-light .navbar2-nav .nav2-link.disabled {
    color: rgba(0, 0, 0, .3)
}

.navbar2-light .navbar2-nav .nav2-link.active, .navbar2-light .navbar2-nav .show > .nav2-link {
    color: rgba(0, 0, 0, .9)
}

.navbar2-nav {
    direction: ltr
}

.navbar2-nav .dropdown-menu {
    box-shadow: 0 .1rem .2rem rgba(0, 0, 0, .05)
}

@media (max-width: 575.98px) {
    .navbar2 {
        padding: .75rem
    }

    .nav2-icon {
        padding: .1rem .75rem
    }

    .dropdown, .dropleft, .dropright, .dropup {
        position: inherit
    }

    .navbar2-expand .navbar2-nav .dropdown-menu-lg {
        min-width: 100%
    }

    .nav2-item .nav2-link:after {
        display: none
    }
}

.navbar2-align {
    margin-left: auto
}

.nav2-item .indicator {
    background: #3b7ddd;
    box-shadow: 0 .1rem .2rem rgba(0, 0, 0, .05);
    border-radius: 50%;
    display: block;
    height: 18px;
    width: 18px;
    padding: 1px;
    position: absolute;
    top: 0;
    right: -8px;
    text-align: center;
    transition: top .1s ease-out;
    font-size: .675rem;
    color: #fff
}

.nav2-item:hover .indicator {
    top: -4px
}

.nav2-item a:focus {
    outline: 0
}

.nav2-tabs .nav2-item.show .nav2-link, .nav2-tabs .nav2-link.active {
    color: #495057;
    background-color: #FFFFFF;
    border-color: #dee2e6 #dee2e6 #FFFFFF
}

.nav2-flag, .nav2-icon {
    padding: .1rem .8rem;
    display: block;
    font-size: 1.5rem;
    color: #6c757d;
    transition: background .1s ease-in-out, color .1s ease-in-out;
    line-height: 1.4
}

.nav2-flag:after, .nav2-icon:after {
    display: none !important
}

.nav2-flag.active, .nav2-flag:hover, .nav2-icon.active, .nav2-icon:hover {
    color: #3b7ddd
}

.nav2-flag .feather, .nav2-flag svg, .nav2-icon .feather, .nav2-icon svg {
    width: 20px;
    height: 20px
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle:after {
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty:after {
    margin-left: 0
}

.dropdown-toggle:after {
    border: solid;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    transform: rotate(45deg)
}

.d2-inline-block {
    display: inline-block !important
}

@media (min-width: 576px) {

    .d-sm-none {
        display: none !important
    }
}

.nav2-link {
    display: block;
    padding: .5rem 1rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .nav2-link {
        transition: none
    }
}

.nav2-link:focus, .nav2-link:hover {
    text-decoration: none
}

.nav2-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default
}

.d2-none {
    display: none !important
}

/*@media (min-width: 576px) {*/
    .d2-sm-inline-block {
        display: inline-block !important
    }
/*}*/


.avatar2 {
    width: 40px;
    height: 40px
}

.img2-fluid, .img-thumbnail {
    max-width: 100%;
    height: auto
}

.rounded2 {
    border-radius: .2rem !important
}

.mr2-1 {
    margin-right: .25rem !important
}

.text2-dark {
    color: #212529 !important
}

.dropdown-menu {
    top: auto
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: .875rem;
    color: #495057;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .2rem
}

.dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=top] {
    right: auto;
    bottom: auto
}
.dropdown-menu.show {
    display: block
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .35rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #495057;
    text-align: inherit;
    white-space: nowrap;
    background-color: initial;
    border: 0
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #3b7ddd
}

.dropdown-item.disabled, .dropdown-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: initial
}

.dropdown-item {
    transition: background .1s ease-in-out, color .1s ease-in-out
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

footer.footer {
    padding: 1rem .875rem;
    direction: ltr;
    background: #fff;
}

footer.footer ul {
    margin-bottom: 0
}

@media (max-width: 767.98px) {
    footer.footer {
        width: 100vw
    }
}

.container, .container2-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    width: 100%;
    padding-right: .75rem;
    padding-left: .75rem;
    margin-right: auto;
    margin-left: auto
}

.row2 {
    --bs-gutter-x: 24px;
    --bs-gutter-y: 0;
    display: flex;
    flex: 1 0 100%;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) / -2);
    margin-left: calc(var(--bs-gutter-x) / -2)
}

.row2 > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) / 2);
    padding-left: calc(var(--bs-gutter-x) / 2);
    margin-top: var(--bs-gutter-y)
}

.text2-muted {
    color: #6c757d !important
}

.col2-6 {
    flex: 0 0 auto;
    width: 50%
}

.text2-left {
    text-align: left !important
}

.mb2-0 {
    margin-bottom: 0 !important
}

.mb2-2 {
    margin-bottom: .5rem !important
}

.mb2-3 {
    margin-bottom: 1rem !important
}

.text2-sm {
    font-size: .75rem
}

.text2-muted {
    color: #6c757d !important
}

.col2-6 {
    flex: 0 0 auto;
    width: 50%
}

.text2-right {
    text-align: right !important
}

.list2-inline, .list-unstyled {
    padding-left: 0;
    list-style: none
}

.list2-inline-item {
    display: inline-block
}

.list2-inline-item:not(:last-child) {
    margin-right: .5rem
}

.main2 {
    display: flex;
    width: 100%;
    min-width: 0;
    min-height: 100vh;
    transition: margin-left .35s ease-in-out, left .35s ease-in-out, margin-right .35s ease-in-out, right .35s ease-in-out;
    background: #FFFFFF;
    flex-direction: column;
    overflow: hidden;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

@media (min-width: 992px) {
    .main2 {
       
    }
}

.wrapper2 {
    align-items: stretch;
    display: flex;
    width: 100%;
    background: #222e3c
}

.simplebar-wrapper {
    overflow: hidden;
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit
}

.simplebar-height-auto-observer-wrapper {
    box-sizing: inherit !important;
    height: 100%;
    width: 100%;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    flex-grow: inherit;
    flex-shrink: 0;
    flex-basis: 0
}

.simplebar-height-auto-observer {
    box-sizing: inherit;
    display: block;
    opacity: 0;
    top: 0;
    left: 0;
    height: 1000%;
    width: 1000%;
    min-height: 1px;
    min-width: 1px;
    z-index: -1
}

.simplebar-height-auto-observer, .simplebar-track {
    position: absolute;
    overflow: hidden;
    pointer-events: none
}

.simplebar-mask {
    direction: inherit;
    overflow: hidden;
    width: auto !important;
    height: auto !important;
    z-index: 0
}

.simplebar-offset {
    direction: inherit !important;
    box-sizing: inherit !important;
    resize: none !important;
    -webkit-overflow-scrolling: touch
}

.simplebar-content-wrapper {
    direction: inherit;
    box-sizing: border-box !important;
    position: relative;
    display: block;
    height: 100%;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.simplebar-content-wrapper::-webkit-scrollbar, .simplebar-hide-scrollbar::-webkit-scrollbar {
    width: 0;
    height: 0
}

.simplebar-content:after, .simplebar-content:before {
    content: " ";
    display: table
}

[data-simplebar].simplebar-dragging .simplebar-content {
    pointer-events: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.simplebar-content {
    display: flex;
    flex-direction: column;
    height: 100vh;
    padding-bottom: 0 !important
}

.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none
}

.simplebar-height-auto-observer, .simplebar-track {
    position: absolute;
    overflow: hidden;
    pointer-events: none
}

.simplebar-track {
    z-index: 1;
    right: 0;
    bottom: 0
}
[data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events: all
}

.simplebar-track.simplebar-vertical {
    top: 0;
    width: 11px
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    top: 2px;
    bottom: 2px
}

.simplebar-track.simplebar-horizontal {
    left: 0;
    height: 11px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
    height: 100%;
    left: 2px;
    right: 2px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    right: auto;
    left: 0;
    top: 2px;
    height: 7px;
    min-height: 0;
    min-width: 10px;
    width: auto
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
    right: auto;
    left: 0
}

.d2-inline-block {
    display: inline-block !important
}

@media (min-width: 576px) {
    .d2-sm-none {
        display: none !important
    }
}