.link-sidebar,
[data-bs-theme][data-color-theme]:root,
:root {
    --brand-accent: #00bfa6;
    --brand-accent-strong: #009c86;
    --brand-accent-rgb: 0, 191, 166;
    --brand-accent-soft: #e8fbf7;
    --brand-accent-soft-border: rgba(0, 191, 166, 0.22);
    --brand-dark: #16213e;
    --brand-dark-strong: #0d1730;
    --brand-dark-rgb: 22, 33, 62;
    --brand-surface: #f6fbfa;
    --brand-surface-soft: #edf6f4;
    --brand-border: #dce7e5;
    --brand-text: #16213e;
    --brand-muted: #617086;
    --bs-primary: var(--brand-accent);
    --bs-primary-rgb: var(--brand-accent-rgb);
    --bs-light-primary: rgba(var(--brand-accent-rgb), 0.1);
    --bs-primary-bg-subtle: rgba(var(--brand-accent-rgb), 0.12);
    --bs-primary-border-subtle: rgba(var(--brand-accent-rgb), 0.28);
    --bs-primary-text-emphasis: var(--brand-dark);
    --bs-secondary: var(--brand-dark);
    --bs-secondary-rgb: var(--brand-dark-rgb);
    --bs-light-secondary: rgba(var(--brand-dark-rgb), 0.1);
    --bs-secondary-bg-subtle: rgba(var(--brand-dark-rgb), 0.08);
    --bs-secondary-text-emphasis: var(--brand-dark);
    --bs-info: var(--brand-accent);
    --bs-info-rgb: var(--brand-accent-rgb);
    --bs-info-bg-subtle: rgba(var(--brand-accent-rgb), 0.12);
    --bs-info-border-subtle: rgba(var(--brand-accent-rgb), 0.24);
    --bs-info-text-emphasis: var(--brand-dark);
    --bs-link-color: var(--brand-text);
    --bs-link-color-rgb: var(--brand-dark-rgb);
    --bs-link-hover-color: var(--brand-accent-strong);
    --bs-link-hover-color-rgb: 0, 156, 134;
    --bs-dark: var(--brand-dark);
    --bs-dark-rgb: var(--brand-dark-rgb);
    --bs-body-bg: var(--brand-surface);
    --bs-body-color: rgba(22, 33, 62, 0.72);
    --bs-body-color-rgb: 22, 33, 62;
    --bs-secondary-color: rgba(22, 33, 62, 0.76);
    --bs-secondary-color-rgb: 22, 33, 62;
    --bs-tertiary-color: rgba(22, 33, 62, 0.56);
    --bs-tertiary-color-rgb: 22, 33, 62;
    --bs-heading-color: var(--brand-text);
    --bs-border-color: var(--brand-border);
    --bs-border-color-translucent: rgba(22, 33, 62, 0.1);
    --bs-focus-ring-color: rgba(var(--brand-accent-rgb), 0.18);
}

.icon-wrap {
    width: 52px;
    height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    background: rgba(var(--brand-accent-rgb), 0.12);
    border: 1px solid rgba(var(--brand-accent-rgb), 0.24);
    color: var(--brand-dark);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.icon-wrap i,
.icon-wrap iconify-icon {
    color: inherit;
}

.logo-header img {
    height: 36px;
    object-fit: cover;
    object-position: left;
}

.brand-logo {
    padding: 12px 23px;
}

.sidebar-nav ul .sidebar-item .sidebar-link iconify-icon {
    font-size: 24px;
}

[data-layout=vertical] .link-sidebar .left-sidebar .btn-support-fixed {
    display: block;
    position: absolute;
    bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
}

[data-layout=vertical] .link-sidebar .scroll-sidebar {
    height: calc(100vh - 166px);
    box-shadow: inset 0px -4px 10px -5px rgba(0, 0, 0, 0.1);
}

@media (min-width: 1300px) {
    html[data-layout=vertical] .link-sidebar[data-sidebartype=mini-sidebar].link-sidebar .left-sidebar {
        width: 88px;
    }
}

@keyframes widen {
    from {
        width: 60px;
    }

    to {
        width: 178px;
    }
}

html[data-layout=vertical] .link-sidebar[data-sidebartype=mini-sidebar].link-sidebar .left-sidebar:hover .logo-header img {
    animation: widen 0.2s ease-in forwards;
}

html[data-layout=vertical] .link-sidebar[data-sidebartype=mini-sidebar].link-sidebar .left-sidebar:not(:hover) .btn-support-fixed a span {
    display: none;
}

html[data-layout=vertical] .link-sidebar[data-sidebartype=mini-sidebar].link-sidebar .left-sidebar:not(:hover) .btn-support-fixed a {
    --bs-btn-padding-x: 10px;
    --bs-btn-padding-y: 10px;
    line-height: 1;
}

html[data-layout=vertical] .link-sidebar[data-sidebartype=mini-sidebar].link-sidebar .left-sidebar:hover .btn-support-fixed a i {
    display: none;
}

html[data-layout=vertical] .link-sidebar:not([data-sidebartype=mini-sidebar]) .left-sidebar .btn-support-fixed a i {
    display: none;
}



.sidebar-nav .has-arrow[aria-expanded=true]::after,
.sidebar-nav li.active>.has-arrow::after,
.sidebar-nav li>.has-arrow.active::after,
.sidebar-nav ul .sidebar-item .sidebar-link.active:hover.has-arrow::after {
    border-color: #fff;
}

.sidebar-nav ul .sidebar-item .sidebar-link {
    font-weight: 500;
    margin-bottom: 2px;
    padding: 8px 16px;
    font-size: 16px;
}

.sidebar-nav ul .sidebar-item .sidebar-link:not(.active):hover {
    color: var(--brand-dark);
}

.sidebar-nav ul .sidebar-item .sidebar-link.active:hover {
    color: #ffffff;
}

.sidebar-nav ul .sidebar-item.selected .sidebar-link:not(.active):hover {
    color: #ffffff;
}

.sidebar-nav ul .sidebar-item.selected>.sidebar-link,
.sidebar-nav ul .sidebar-item.selected>.sidebar-link.active,
.sidebar-nav ul .sidebar-item>.sidebar-link.active {
    background-color: var(--brand-dark);
    color: #fff;
}

.sidebar-nav ul .sidebar-item .first-level .sidebar-item>.sidebar-link {
    padding: 4px 21px;
}

.sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link {
    border: 1px solid transparent;
    border-radius: 50px;
}

.sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link:hover {
    border: 1px solid var(--brand-accent);
    color: var(--brand-accent-strong);
}

.sidebar-nav ul .sidebar-item.selected .sidebar-link.has-arrow::after {
    border-color: #ffffff;
}



.form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #bbbbbb;
    opacity: 0.3;
}

.form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: #bbbbbb;
    opacity: 0.3;
}

.form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: #bbbbbb;
    opacity: 0.3;
}

.form-control:-moz-placeholder {
    /* Firefox 18- */
    color: #bbbbbb;
    opacity: 0.3;
}

.card-page {
    min-height: 64vh;
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-content: center;
    align-items: center;
}

.sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link:hover .icon-small {
    background: var(--brand-accent);
}

.icon-logoff {
    background-color: transparent;
    border: 1px solid var(--brand-dark);
    border-radius: 100px;
    padding: 5px;
    line-height: 0px !important
}

.icon-logoff iconify-icon {
    color: var(--brand-dark);
}

.icon-logoff:hover {
    background-color: var(--brand-accent);
    border: 1px solid var(--brand-accent);
    border-radius: 100px;
    padding: 5px;
    line-height: 0px !important
}

.icon-logoff:hover iconify-icon {
    color: #ffffff;
}

.sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link.active .icon-small {
    background: var(--brand-accent);
}

.sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link.active {
    background-color: transparent !important;
    color: var(--brand-accent-strong) !important;
    border-color: var(--brand-accent) !important;
}

.table-responsive .dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: unset;
    border: unset;
}

.btn-primary,
.btn-secondary,
.btn-success,
.btn-info,
.btn-dark,
.btn-danger,
.btn-warning {
    --bs-btn-bg: var(--brand-dark);
    --bs-btn-border-color: var(--brand-dark);
    --bs-btn-color: #fff;
    --bs-btn-hover-bg: var(--brand-dark-strong);
    --bs-btn-hover-border-color: var(--brand-dark-strong);
    --bs-btn-hover-color: #fff;
    --bs-btn-active-bg: var(--brand-dark-strong);
    --bs-btn-active-border-color: var(--brand-dark-strong);
    --bs-btn-active-color: #fff;
    --bs-btn-disabled-bg: var(--brand-dark);
    --bs-btn-disabled-border-color: var(--brand-dark);
    --bs-btn-disabled-color: #fff;
    --bs-btn-focus-shadow-rgb: var(--brand-dark-rgb);
}

.btn-outline-primary,
.btn-outline-secondary,
.btn-outline-success,
.btn-outline-info,
.btn-outline-dark,
.btn-outline-light,
.btn-outline-danger,
.btn-outline-warning {
    --bs-btn-color: var(--brand-dark);
    --bs-btn-border-color: var(--brand-dark);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--brand-dark);
    --bs-btn-hover-border-color: var(--brand-dark);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--brand-dark-strong);
    --bs-btn-active-border-color: var(--brand-dark-strong);
    --bs-btn-disabled-color: var(--brand-dark);
    --bs-btn-disabled-border-color: var(--brand-dark);
    --bs-btn-focus-shadow-rgb: var(--brand-dark-rgb);
}

.btn-primary,
.btn-secondary,
.btn-success,
.btn-info,
.btn-dark,
.btn-danger,
.btn-warning {
    background-color: var(--brand-dark) !important;
    border-color: var(--brand-dark) !important;
    color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active {
    background-color: var(--brand-dark-strong) !important;
    border-color: var(--brand-dark-strong) !important;
    color: #ffffff !important;
}

.btn-primary.disabled,
.btn-primary:disabled,
.btn-secondary.disabled,
.btn-secondary:disabled,
.btn-success.disabled,
.btn-success:disabled,
.btn-info.disabled,
.btn-info:disabled,
.btn-dark.disabled,
.btn-dark:disabled,
.btn-danger.disabled,
.btn-danger:disabled,
.btn-warning.disabled,
.btn-warning:disabled {
    background-color: var(--brand-dark) !important;
    border-color: var(--brand-dark) !important;
    color: #ffffff !important;
    opacity: .65;
}

.btn-outline-primary,
.btn-outline-secondary,
.btn-outline-success,
.btn-outline-info,
.btn-outline-dark,
.btn-outline-light,
.btn-outline-danger,
.btn-outline-warning {
    background-color: transparent !important;
    border-color: var(--brand-dark) !important;
    color: var(--brand-dark) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary:active,
.btn-outline-success:hover,
.btn-outline-success:focus,
.btn-outline-success:active,
.btn-outline-info:hover,
.btn-outline-info:focus,
.btn-outline-info:active,
.btn-outline-dark:hover,
.btn-outline-dark:focus,
.btn-outline-dark:active,
.btn-outline-light:hover,
.btn-outline-light:focus,
.btn-outline-light:active,
.btn-outline-danger:hover,
.btn-outline-danger:focus,
.btn-outline-danger:active,
.btn-outline-warning:hover,
.btn-outline-warning:focus,
.btn-outline-warning:active {
    background-color: var(--brand-dark) !important;
    border-color: var(--brand-dark) !important;
    color: #ffffff !important;
}

.text-primary {
    color: var(--brand-accent-strong) !important;
}

.bg-primary,
.btn-check:checked + .btn-outline-primary,
.btn-check:active + .btn-outline-primary,
.show > .btn-outline-primary.dropdown-toggle {
    background-color: var(--brand-accent) !important;
    border-color: var(--brand-accent) !important;
}

.bg-primary-subtle {
    background-color: var(--brand-accent-soft) !important;
}

.border-primary {
    border-color: rgba(var(--brand-accent-rgb), 0.32) !important;
}

.form-check-input:checked,
.form-check-input[type=checkbox]:indeterminate {
    background-color: var(--brand-accent);
    border-color: var(--brand-accent);
}

.form-check-input:focus,
.form-control:focus,
.form-select:focus,
.btn:focus,
.btn-close:focus,
.page-link:focus {
    border-color: rgba(var(--brand-accent-rgb), 0.35);
    box-shadow: 0 0 0 .2rem rgba(var(--brand-accent-rgb), 0.14) !important;
}