:root {
    --bs-blue: #007bff;
    --bs-indigo: #6610f2;
    --bs-purple: #696cff;
    --bs-pink: #e83e8c;
    --bs-red: #ff3e1d;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffab00;
    --bs-green: #71dd37;
    --bs-teal: #20c997;
    --bs-cyan: #03c3ec;
    --bs-white: #fff;
    --bs-gray: rgba(67, 89, 113, 0.6);
    --bs-gray-dark: rgba(67, 89, 113, 0.8);
    --bs-gray-25: rgba(67, 89, 113, 0.025);
    --bs-gray-50: rgba(67, 89, 113, 0.05);
    --bs-primary: #696cff;
    --bs-secondary: #8592a3;
    --bs-success: #71dd37;
    --bs-info: #03c3ec;
    --bs-warning: #ffab00;
    --bs-danger: #ff3e1d;
    --bs-light: #fcfdfd;
    --bs-dark: #233446;
    --bs-gray: rgba(67, 89, 113, 0.1);
    --bs-primary-rgb: 105, 108, 255;
    --bs-secondary-rgb: 133, 146, 163;
    --bs-success-rgb: 113, 221, 55;
    --bs-info-rgb: 3, 195, 236;
    --bs-warning-rgb: 255, 171, 0;
    --bs-danger-rgb: 255, 62, 29;
    --bs-light-rgb: 252, 253, 253;
    --bs-dark-rgb: 35, 52, 70;
    --bs-gray-rgb: 67, 89, 113;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 67, 89, 113;
    --bs-body-color-rgb: 105, 122, 141;
    --bs-body-bg-rgb: 245, 245, 249;
    --bs-font-sans-serif: "Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    --bs-font-monospace: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-root-font-size: 16px;
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 0.9375rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.53;
    --bs-body-color: #697a8d;
    --bs-body-bg: #f5f5f9
}

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

:root {
    font-size: var(--bs-root-font-size)
}

:root {
    scroll-behavior: smooth
}

body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(67,89,113,0)
}

h6,.h6,h5,.h5,h4,.h4,h3,.h3,h2,.h2,h1,.h1 {
    margin-top: 0;
    margin-bottom: 1rem;
    font-weight: 500;
    line-height: 1.1;
    color: #566a7f
}

h3,.h3 {
    font-size: calc(1.2875rem + 0.45vw)
}

h3,.h3 {
    font-size: 1.625rem
}

h5,.h5 {
    font-size: 1.125rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

ol,ul {
    padding-left: 2rem
}

ol,ul,dl {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,ul ul,ol ul,ul ol {
    margin-bottom: 0
}

small,.small {
    font-size: 85%
}

a {
    text-decoration: none
}

img,svg {
    vertical-align: middle
}

label {
    display: inline-block
}

.container,.container-fluid,.container-xxl,.container-xl,.container-lg,.container-md,.container-sm {
    width: 100%;
    padding-right: var(--bs-gutter-x, 1.625rem);
    padding-left: var(--bs-gutter-x, 1.625rem);
    margin-right: auto;
    margin-left: auto
}

.container-xxl,.container-xl,.container-lg,.container-md,.container-sm,.container {
    max-width: 1440px
}

.row {
    --bs-gutter-x: 1.625rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1*var(--bs-gutter-y));
    margin-right: calc(-0.5*var(--bs-gutter-x));
    margin-left: calc(-0.5*var(--bs-gutter-x))
}

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

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

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

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}


.col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

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

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }

.col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-md-12 {
    flex: 0 0 auto;
    width: 100%
}

.col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

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

.col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.fade {
    transition: opacity .15s linear
}

.fade:not(.show) {
    opacity: 0
}

.dropup,.dropend,.dropdown,.dropstart {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .5em;
    vertical-align: middle;
    content: "";
    margin-top: -0.28em;
    width: .42em;
    height: .42em;
    border: 1px solid;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg)
}

.dropdown-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 12rem;
    padding: .3125rem 0;
    margin: 0;
    font-size: 0.9375rem;
    color: #697a8d;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid transparent;
    border-radius: .375rem
}

.dropdown-menu-end {
    --bs-position: end
}

.nav-link {
    display: block;
    padding: .5rem 1.25rem;
    color: #8e9baa;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: .5rem;
    padding-bottom: .5rem
}

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

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

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

.navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start
}

.navbar-expand-xl .navbar-nav {
    flex-direction: row
}

.navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand-xl .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid #d9dee3;
    border-radius: .5rem
}

.card-body {
    flex: 1 1 auto;
    padding: 1.5rem 1.5rem
}

.card-title {
    margin-bottom: .875rem
}

:root {
    color-scheme: light
}

.container-p-y:not([class^=pt-]):not([class*=" pt-"]) {
    padding-top: 1.625rem !important
}

.container-p-y:not([class^=pb-]):not([class*=" pb-"]) {
    padding-bottom: 1.625rem !important
}

.dropdown-menu {
    margin: .125rem 0;
    box-shadow: 0 .25rem 1rem rgba(161,172,184,.45);
    -webkit-animation: dropdownAnimation .1s;
    animation: dropdownAnimation .1s
}

.dropdown-toggle.hide-arrow::before,.dropdown-toggle.hide-arrow::after,.dropdown-toggle-hide-arrow>.dropdown-toggle::before,.dropdown-toggle-hide-arrow>.dropdown-toggle::after {
    display: none
}

.dropdown-toggle::after {
    margin-top: -0.28em;
    width: .42em;
    height: .42em;
    border: 1px solid;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg)
}

.navbar {
    z-index: 2
}

.card {
    background-clip: padding-box;
    box-shadow: 0 2px 6px 0 rgba(67,89,113,.12)
}

.d-block {
    display: block !important
}

.d-flex {
    display: flex !important
}

.w-px-40 {
    width: 40px !important
}

.h-auto {
    height: auto !important
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.justify-content-between {
    justify-content: space-between !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.order-0 {
    order: 0 !important
}

.order-1 {
    order: 1 !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

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

.mb-4 {
    margin-bottom: 1.5rem !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.fw-semibold {
    font-weight: 600 !important
}

.fw-bolder {
    font-weight: 900 !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important
}

.text-success {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important
}

.text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important
}

.rounded {
    border-radius: .375rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.flex-md-row {
    flex-direction: row !important
}

.mb-md-0 {
    margin-bottom: 0 !important
}

.px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

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

.align-items-xl-center {
    align-items: center !important
}

.text-center {
    text-align: center !important
}

.me-3 {
    margin-right: 1rem !important
}

.ms-2 {
    margin-left: .5rem !important
}

.ms-auto {
    margin-left: auto !important
}

.me-xl-0 {
    margin-right: 0 !important
}

body {
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -moz-font-feature-settings: "liga" on;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.container,.container-fluid,.container-sm,.container-md,.container-lg,.container-xl,.container-xxl {
    padding-right: 1rem;
    padding-left: 1rem
}

.container,.container-fluid,.container-sm,.container-md,.container-lg,.container-xl,.container-xxl {
    padding-right: 1.625rem;
    padding-left: 1.625rem
}

.menu {
    display: flex
}

.menu .app-brand {
    width: 100%
}

.menu .ps__thumb-y,.menu .ps__rail-y {
    width: .125rem !important
}

.menu .ps__rail-y {
    right: .25rem !important;
    left: auto !important;
    background: none !important
}

.menu-inner {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    height: 100%
}

.menu-inner-shadow {
    display: none;
    position: absolute;
    top: 4.225rem;
    height: 3rem;
    width: 100%;
    pointer-events: none;
    z-index: 2
}

html:not(.layout-menu-fixed) .menu-inner-shadow {
    display: none !important
}

.menu-item {
    align-items: flex-start;
    justify-content: flex-start
}

.menu-item,.menu-header,.menu-divider,.menu-block {
    flex: 0 0 auto;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none
}

.menu-icon {
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: .5rem;
    font-size: 1.25rem
}

.menu:not(.menu-no-animation) .menu-icon {
    transition: margin-right .3s ease
}

.menu-link {
    position: relative;
    display: flex;
    align-items: center;
    flex: 0 1 auto;
    margin: 0
}

.menu:not(.menu-no-animation) .menu-link {
    transition-duration: .3s;
    transition-property: color,background-color
}

.menu-link>:not(.menu-icon) {
    flex: 0 1 auto;
    opacity: 1
}

.menu:not(.menu-no-animation) .menu-link>:not(.menu-icon) {
    transition: opacity .3s ease-in-out
}

.menu-vertical {
    flex-direction: column
}

.menu-vertical:not(.menu-no-animation) {
    transition: width .3s
}

.menu-vertical,.menu-vertical .menu-block,.menu-vertical .menu-inner>.menu-item,.menu-vertical .menu-inner>.menu-header {
    width: 16.25rem
}

.menu-vertical .menu-inner {
    flex-direction: column;
    flex: 1 1 auto
}

.menu-vertical .menu-inner>.menu-item {
    margin: .0625rem 0
}

.menu-vertical .menu-inner>.menu-item .menu-link {
    margin: 0rem 1rem
}

.menu-vertical .menu-item .menu-link,.menu-vertical .menu-block {
    padding: .625rem 1rem
}

.menu-vertical .menu-item .menu-link {
    font-size: .9375rem
}

.menu-vertical .menu-icon {
    width: 1.5rem
}

.layout-container {
    min-height: 100vh
}

.layout-wrapper,.layout-container {
    width: 100%;
    display: flex;
    flex: 1 1 auto;
    align-items: stretch
}

.layout-page,.content-wrapper,.content-wrapper>*,.layout-menu {
    min-height: 1px
}

.layout-navbar,.content-footer {
    flex: 0 0 auto
}

.layout-page {
    display: flex;
    flex: 1 1 auto;
    align-items: stretch;
    padding: 0
}

.content-wrapper {
    display: flex;
    align-items: stretch;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: space-between
}

.content-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100vw;
    height: 100vh;
    background-color: #435971
}

.content-backdrop.fade {
    opacity: 0
}

.content-backdrop.fade {
    z-index: -1
}

.layout-navbar {
    position: relative;
    padding-top: .25rem;
    padding-bottom: .2rem;
    height: 3.875rem;
    flex-wrap: nowrap;
    color: #697a8d;
    z-index: 2
}

.layout-navbar .navbar-nav-right {
    flex-basis: 100%
}

.layout-navbar.navbar-detached {
    width: calc(100% - (1.625rem * 2));
    margin: .75rem auto 0;
    border-radius: .375rem;
    padding: 0 1.5rem
}

.layout-navbar.navbar-detached.container-xxl {
    max-width: calc(1440px - calc(1.625rem * 2))
}

.layout-menu {
    position: relative;
    flex: 1 0 auto
}

.layout-content-navbar .layout-page {
    flex-basis: 100%;
    flex-direction: column;
    width: 0;
    min-width: 0;
    max-width: 100%
}

.layout-content-navbar .content-wrapper {
    width: 100%
}

html:not(.layout-navbar-fixed):not(.layout-menu-fixed):not(.layout-menu-fixed-offcanvas) .layout-page,html:not(.layout-navbar-fixed) .layout-content-navbar .layout-page {
    padding-top: 0 !important
}

html:not(.layout-footer-fixed) .content-wrapper {
    padding-bottom: 0 !important
}

.layout-content-navbar .layout-navbar {
    z-index: 9
}

.layout-content-navbar .layout-menu {
    z-index: 10
}

.layout-no-transition .layout-menu,.layout-no-transition .layout-menu .menu,.layout-no-transition .layout-menu .menu-item,.layout-no-transition .layout-menu-horizontal,.layout-no-transition .layout-menu-horizontal .menu,.layout-no-transition .layout-menu-horizontal .menu-item {
    transition: none !important;
    -webkit-animation: none !important;
    animation: none !important
}

.app-brand {
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    overflow: hidden;
    line-height: 1;
    min-height: 1px;
    align-items: center
}

.app-brand-link {
    display: flex;
    align-items: center
}

.app-brand-logo {
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    overflow: hidden;
    min-height: 1px
}

.app-brand-text {
    flex-shrink: 0;
    opacity: 1;
    transition: opacity .15s ease-in-out
}

.menu-vertical .app-brand {
    padding-right: 2rem;
    padding-left: 2rem
}

.avatar {
    position: relative;
    width: 2.375rem;
    height: 2.375rem;
    cursor: pointer;
}

.avatar img {
    width: 100%;
    height: 100%
}

.avatar.avatar-online:after,.avatar.avatar-offline:after,.avatar.avatar-away:after,.avatar.avatar-busy:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 3px;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    box-shadow: 0 0 0 2px #fff
}

.avatar.avatar-online:after {
    background-color: #71dd37
}