.rt-a11y-toggle,
.rt-a11y-panel,
.rt-a11y-panel * {
    box-sizing: border-box;
}

html.rt-font-extrasmall {
    font-size: 87.5% !important;
}

html.rt-font-small {
    font-size: 93.75% !important;
}

html.rt-font-medium {
    font-size: inherit;
}

html.rt-font-large {
    font-size: 112.5% !important;
}

html.rt-font-xlarge {
    font-size: 125% !important;
}

.rt-a11y-toggle {
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 2147483000;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 44px;
    min-height: 44px;
    padding: 12px 10px;
    border: 0;
    border-radius: 8px 0 0 8px;
    background: #0617ff;
    color: #fff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .22);
    font: 700 13px/1.2 Arial, Helvetica, sans-serif;
    letter-spacing: .04em;
    text-transform: uppercase;
    writing-mode: vertical-rl;
    transform: translateY(-50%) rotate(180deg);
    cursor: pointer;
}

.rt-a11y-toggle:focus-visible,
.rt-a11y-panel button:focus-visible {
    outline: 3px solid #ffbf47;
    outline-offset: 3px;
}

.rt-a11y-toggle-icon {
    font-size: 18px;
    line-height: 1;
    writing-mode: horizontal-tb;
    transform: rotate(180deg);
}

.rt-a11y-panel {
    position: fixed;
    top: 50%;
    right: 48px;
    z-index: 2147483001;
    width: min(292px, calc(100vw - 72px));
    max-height: calc(100vh - 32px);
    overflow-y: auto;
    padding: 22px 24px;
    border: 2px solid #111;
    background: #fff;
    color: #111;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .22);
    font: 400 14px/1.45 Arial, Helvetica, sans-serif;
    transform: translateY(-50%);
}

.rt-a11y-panel[hidden] {
    display: none !important;
}

.rt-a11y-title {
    margin: 0 0 18px;
    padding-bottom: 10px;
    border-bottom: 2px solid currentColor;
    font-size: 18px;
    font-weight: 700;
}

.rt-a11y-group {
    margin: 0 0 18px;
}

.rt-a11y-label {
    display: block;
    margin: 0 0 10px;
    font-weight: 700;
}

.rt-a11y-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    align-items: center;
}

.rt-a11y-panel button {
    min-height: 38px;
    border: 2px solid #0617ff;
    border-radius: 5px;
    background: #0617ff;
    color: #fff;
    font: 700 18px/1 Arial, Helvetica, sans-serif;
    cursor: pointer;
}

.rt-a11y-panel button[aria-pressed="true"] {
    box-shadow: inset 0 0 0 3px #fff, 0 0 0 2px #0617ff;
}

.rt-a11y-panel button:hover {
    filter: brightness(.92);
}

.rt-a11y-reset {
    background: #fff !important;
    color: #111 !important;
    border-color: #111 !important;
}

.rt-a11y-wide-button {
    width: 100%;
    min-height: 44px !important;
    font-size: 15px !important;
    text-transform: uppercase;
}

.rt-a11y-swatches {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 8px;
    margin-top: 12px;
}

.rt-a11y-swatch {
    width: 100%;
    min-width: 30px;
    min-height: 30px !important;
    padding: 0 !important;
    border: 2px solid #111 !important;
    border-radius: 50% !important;
    background: var(--rt-swatch-color, #ffff00) !important;
    color: transparent !important;
    font-size: 0 !important;
}

.rt-a11y-swatch[aria-pressed="true"] {
    outline: 3px solid #0617ff;
    outline-offset: 2px;
    box-shadow: inset 0 0 0 3px #fff !important;
}

.rt-a11y-theme {
    background: #fff !important;
    color: #111 !important;
    border-color: #111 !important;
}

.rt-a11y-reset-all {
    width: 100%;
    min-height: 40px !important;
    margin: 0 0 18px;
    background: #fff !important;
    color: #111 !important;
    border-color: #111 !important;
    font-size: 14px !important;
    text-transform: uppercase;
}

.rt-a11y-help {
    display: block;
    margin-top: 8px;
    font-size: 12px;
    font-style: italic;
}

.rt-a11y-shortcuts {
    margin-top: 24px;
    padding-top: 18px;
    border-top: 1px solid currentColor;
    font-size: 12px;
}

.rt-a11y-shortcuts strong {
    display: block;
    margin-bottom: 12px;
}

html.rt-theme-dark {
    color-scheme: dark;
}

html.rt-theme-dark body,
html.rt-theme-dark .app-root,
html.rt-theme-dark .app-page,
html.rt-theme-dark .app-wrapper,
html.rt-theme-dark .app-main,
html.rt-theme-dark .app-content,
html.rt-theme-dark .content,
html.rt-theme-dark .page-content,
html.rt-theme-dark .modal-content,
html.rt-theme-dark .card,
html.rt-theme-dark .card-body,
html.rt-theme-dark .portlet,
html.rt-theme-dark .table,
html.rt-theme-dark .dropdown-menu {
    background-color: #0f172a !important;
    color: #f9fafb !important;
}

html.rt-theme-dark .app-header,
html.rt-theme-dark #kt_app_header,
html.rt-theme-dark #kt_app_header_container,
html.rt-theme-dark .page-header,
html.rt-theme-dark .page-header-top,
html.rt-theme-dark .page-header-menu,
html.rt-theme-dark .app-footer,
html.rt-theme-dark .page-footer {
    background-color: #111827 !important;
    border-color: #334155 !important;
    color: #f8fafc !important;
}

html.rt-theme-dark .app-sidebar,
html.rt-theme-dark [data-kt-app-layout=dark-sidebar] .app-sidebar,
html.rt-theme-dark .page-sidebar,
html.rt-theme-dark #kt_app_sidebar,
html.rt-theme-dark #kt_app_sidebar_logo,
html.rt-theme-dark #kt_app_sidebar_wrapper,
html.rt-theme-dark #divSidebarmenu,
html.rt-theme-dark .app-sidebar-menu,
html.rt-theme-dark .app-sidebar-wrapper,
html.rt-theme-dark .app-sidebar-footer,
html.rt-theme-dark [data-kt-drawer-name="app-sidebar"] {
    background-color: #020617 !important;
    border-color: #1e293b !important;
    color: #fff !important;
}

html.rt-theme-dark #kt_app_sidebar .menu,
html.rt-theme-dark #kt_app_sidebar .menu-item,
html.rt-theme-dark #kt_app_sidebar .menu-sub,
html.rt-theme-dark #kt_app_sidebar .menu-sub-accordion,
html.rt-theme-dark #kt_app_sidebar .menu-accordion {
    background-color: transparent !important;
}

html.rt-theme-dark #kt_app_sidebar .menu-link {
    background-color: transparent !important;
    color: #f8fafc !important;
}

html.rt-theme-dark #kt_app_sidebar .menu-link:hover,
html.rt-theme-dark #kt_app_sidebar .menu-item.hover > .menu-link,
html.rt-theme-dark #kt_app_sidebar .menu-item.show > .menu-link,
html.rt-theme-dark #kt_app_sidebar .menu-item.here > .menu-link {
    background-color: #1e293b !important;
    color: #fff !important;
}

html.rt-theme-dark #kt_app_sidebar .menu-link.active,
html.rt-theme-dark #kt_app_sidebar .menu-item.active > .menu-link {
    background-color: #2563eb !important;
    color: #fff !important;
}

html.rt-theme-dark #kt_app_sidebar .menu-icon,
html.rt-theme-dark #kt_app_sidebar .menu-icon i,
html.rt-theme-dark #kt_app_sidebar .menu-title,
html.rt-theme-dark #kt_app_sidebar .menu-arrow,
html.rt-theme-dark #kt_app_sidebar .menu-bullet,
html.rt-theme-dark #kt_app_sidebar .bullet {
    color: inherit !important;
}

html.rt-theme-dark .card,
html.rt-theme-dark .portlet,
html.rt-theme-dark .shadow-sm,
html.rt-theme-dark .bg-body,
html.rt-theme-dark .bg-white {
    background-color: #111827 !important;
    border-color: #334155 !important;
    box-shadow: none !important;
}

html.rt-theme-dark .bg-light,
html.rt-theme-dark .bg-gray-100,
html.rt-theme-dark .bg-gray-200,
html.rt-theme-dark .bg-secondary,
html.rt-theme-dark .bg-light-primary,
html.rt-theme-dark .bg-light-success,
html.rt-theme-dark .bg-light-warning,
html.rt-theme-dark .bg-light-info,
html.rt-theme-dark .bg-light-danger,
html.rt-theme-dark .table-striped > tbody > tr:nth-of-type(odd) > *,
html.rt-theme-dark .bg-hover-light:hover,
html.rt-theme-dark .bg-active-light.active {
    background-color: #1f2937 !important;
    color: #f8fafc !important;
}

html.rt-theme-dark .border,
html.rt-theme-dark .border-top,
html.rt-theme-dark .border-bottom,
html.rt-theme-dark .border-start,
html.rt-theme-dark .border-end,
html.rt-theme-dark hr {
    border-color: #334155 !important;
}

html.rt-theme-dark .custom-control-label,
html.rt-theme-dark .control-label,
html.rt-theme-dark .help-block,
html.rt-theme-dark .form-text,
html.rt-theme-dark small {
    color: #e5e7eb !important;
}

html.rt-theme-dark .text-gray-100,
html.rt-theme-dark .text-gray-200,
html.rt-theme-dark .text-gray-300,
html.rt-theme-dark .text-gray-400,
html.rt-theme-dark .text-gray-500,
html.rt-theme-dark .text-gray-600,
html.rt-theme-dark .text-gray-700,
html.rt-theme-dark .text-gray-800,
html.rt-theme-dark .text-gray-900,
html.rt-theme-dark .text-dark,
html.rt-theme-dark .text-muted,
html.rt-theme-dark h1,
html.rt-theme-dark h2,
html.rt-theme-dark h3,
html.rt-theme-dark h4,
html.rt-theme-dark h5,
html.rt-theme-dark h6,
html.rt-theme-dark p,
html.rt-theme-dark span,
html.rt-theme-dark div,
html.rt-theme-dark label,
html.rt-theme-dark .form-label,
html.rt-theme-dark .menu-title,
html.rt-theme-dark .menu-link,
html.rt-theme-dark .fw-bold,
html.rt-theme-dark .fw-semibold {
    color: #f8fafc !important;
}

html.rt-theme-dark input,
html.rt-theme-dark select,
html.rt-theme-dark textarea,
html.rt-theme-dark .form-control,
html.rt-theme-dark .form-select {
    background-color: #1f2937 !important;
    color: #fff !important;
    border-color: #6b7280 !important;
}

html.rt-theme-dark a {
    color: #93c5fd !important;
}

html.rt-theme-dark .btn:not(.rt-a11y-toggle):not(.rt-a11y-panel button),
html.rt-theme-dark button:not(.rt-a11y-toggle):not(.rt-a11y-panel button),
html.rt-theme-dark input[type="button"],
html.rt-theme-dark input[type="submit"] {
    color: #fff !important;
}

html.rt-theme-dark .btn:not(.btn-light):not(.btn-secondary) span,
html.rt-theme-dark button:not(.rt-a11y-toggle):not(.rt-a11y-panel button) span {
    color: inherit !important;
}

html.rt-theme-dark .rt-a11y-toggle,
html.rt-theme-dark .rt-a11y-toggle span {
    color: #fff !important;
}

html.rt-theme-dark .rt-a11y-panel {
    background: #111827;
    color: #fff;
    border-color: #fff;
}

html.rt-theme-dark .rt-a11y-panel *,
html.rt-theme-dark .rt-a11y-panel .rt-a11y-title,
html.rt-theme-dark .rt-a11y-panel .rt-a11y-label,
html.rt-theme-dark .rt-a11y-panel .rt-a11y-help,
html.rt-theme-dark .rt-a11y-panel .rt-a11y-shortcuts {
    color: #fff !important;
}

html.rt-theme-dark .rt-a11y-panel .rt-a11y-reset,
html.rt-theme-dark .rt-a11y-panel .rt-a11y-theme,
html.rt-theme-dark .rt-a11y-panel .rt-a11y-reset-all {
    color: #111 !important;
}

html.rt-high-contrast {
    --rt-contrast-accent: #ffff00;
    color-scheme: light;
}

html.rt-high-contrast body,
html.rt-high-contrast .app-root,
html.rt-high-contrast .app-page,
html.rt-high-contrast .app-wrapper,
html.rt-high-contrast .app-main,
html.rt-high-contrast .app-content,
html.rt-high-contrast .content,
html.rt-high-contrast .page-content,
html.rt-high-contrast .modal-content,
html.rt-high-contrast .card,
html.rt-high-contrast .card-body,
html.rt-high-contrast .portlet,
html.rt-high-contrast .table,
html.rt-high-contrast .dropdown-menu {
    background: #000 !important;
    color: #fff !important;
}

html.rt-high-contrast .bg-primary,
html.rt-high-contrast .bg-success,
html.rt-high-contrast .bg-warning,
html.rt-high-contrast .bg-info,
html.rt-high-contrast .bg-danger,
html.rt-high-contrast .bg-light,
html.rt-high-contrast .bg-secondary,
html.rt-high-contrast .bg-white,
html.rt-high-contrast .table-striped > tbody > tr:nth-of-type(odd) > * {
    background: #000 !important;
    color: #fff !important;
    border-color: var(--rt-contrast-accent) !important;
}

html.rt-high-contrast .app-header,
html.rt-high-contrast #kt_app_header,
html.rt-high-contrast #kt_app_header_container,
html.rt-high-contrast .page-header,
html.rt-high-contrast .page-header-top,
html.rt-high-contrast .page-header-menu,
html.rt-high-contrast .app-footer,
html.rt-high-contrast .page-footer,
html.rt-high-contrast .app-sidebar,
html.rt-high-contrast [data-kt-app-layout=dark-sidebar] .app-sidebar,
html.rt-high-contrast .page-sidebar,
html.rt-high-contrast #kt_app_sidebar,
html.rt-high-contrast #kt_app_sidebar_logo,
html.rt-high-contrast #kt_app_sidebar_wrapper,
html.rt-high-contrast #divSidebarmenu,
html.rt-high-contrast .app-sidebar-menu,
html.rt-high-contrast .app-sidebar-wrapper,
html.rt-high-contrast .app-sidebar-footer,
html.rt-high-contrast [data-kt-drawer-name="app-sidebar"] {
    background: #000 !important;
    border-color: #fff !important;
    color: #fff !important;
}

html.rt-high-contrast #kt_app_sidebar .menu,
html.rt-high-contrast #kt_app_sidebar .menu-item,
html.rt-high-contrast #kt_app_sidebar .menu-sub,
html.rt-high-contrast #kt_app_sidebar .menu-sub-accordion,
html.rt-high-contrast #kt_app_sidebar .menu-accordion {
    background: transparent !important;
}

html.rt-high-contrast #kt_app_sidebar .menu-link {
    background: transparent !important;
    color: #fff !important;
    border: 1px solid transparent !important;
}

html.rt-high-contrast #kt_app_sidebar .menu-link:hover,
html.rt-high-contrast #kt_app_sidebar .menu-item.hover > .menu-link,
html.rt-high-contrast #kt_app_sidebar .menu-item.show > .menu-link,
html.rt-high-contrast #kt_app_sidebar .menu-item.here > .menu-link,
html.rt-high-contrast #kt_app_sidebar .menu-link.active,
html.rt-high-contrast #kt_app_sidebar .menu-item.active > .menu-link {
    background: var(--rt-contrast-accent) !important;
    color: #000 !important;
    border-color: #fff !important;
}

html.rt-high-contrast #kt_app_sidebar .menu-link:hover *,
html.rt-high-contrast #kt_app_sidebar .menu-item.hover > .menu-link *,
html.rt-high-contrast #kt_app_sidebar .menu-item.show > .menu-link *,
html.rt-high-contrast #kt_app_sidebar .menu-item.here > .menu-link *,
html.rt-high-contrast #kt_app_sidebar .menu-link.active *,
html.rt-high-contrast #kt_app_sidebar .menu-item.active > .menu-link * {
    color: #000 !important;
}

html.rt-high-contrast .card,
html.rt-high-contrast .portlet,
html.rt-high-contrast .shadow-sm,
html.rt-high-contrast .bg-body,
html.rt-high-contrast .bg-white {
    background: #000 !important;
    border: 1px solid #fff !important;
    box-shadow: none !important;
}

html.rt-high-contrast .text-gray-100,
html.rt-high-contrast .text-gray-200,
html.rt-high-contrast .text-gray-300,
html.rt-high-contrast .text-gray-400,
html.rt-high-contrast .text-gray-500,
html.rt-high-contrast .text-gray-600,
html.rt-high-contrast .text-gray-700,
html.rt-high-contrast .text-gray-800,
html.rt-high-contrast .text-gray-900,
html.rt-high-contrast .text-dark,
html.rt-high-contrast .text-muted,
html.rt-high-contrast h1,
html.rt-high-contrast h2,
html.rt-high-contrast h3,
html.rt-high-contrast h4,
html.rt-high-contrast h5,
html.rt-high-contrast h6,
html.rt-high-contrast p,
html.rt-high-contrast span,
html.rt-high-contrast div,
html.rt-high-contrast label,
html.rt-high-contrast .form-label,
html.rt-high-contrast .menu-title,
html.rt-high-contrast .menu-link,
html.rt-high-contrast .fw-bold,
html.rt-high-contrast .fw-semibold {
    color: #fff !important;
}

html.rt-high-contrast a,
html.rt-high-contrast a * {
    color: var(--rt-contrast-accent) !important;
    text-decoration: underline !important;
}

html.rt-high-contrast input,
html.rt-high-contrast select,
html.rt-high-contrast textarea,
html.rt-high-contrast .form-control,
html.rt-high-contrast .form-select {
    background: #000 !important;
    color: #fff !important;
    border: 2px solid #fff !important;
}

html.rt-high-contrast button,
html.rt-high-contrast .btn,
html.rt-high-contrast input[type="button"],
html.rt-high-contrast input[type="submit"] {
    background: var(--rt-contrast-accent) !important;
    color: #000 !important;
    border: 2px solid #fff !important;
}

html.rt-high-contrast button *,
html.rt-high-contrast .btn *,
html.rt-high-contrast input[type="button"] *,
html.rt-high-contrast input[type="submit"] *,
html.rt-high-contrast a.btn,
html.rt-high-contrast a.btn *,
html.rt-high-contrast .btn-primary,
html.rt-high-contrast .btn-primary *,
html.rt-high-contrast .btn-success,
html.rt-high-contrast .btn-success *,
html.rt-high-contrast .btn-warning,
html.rt-high-contrast .btn-warning * {
    color: #000 !important;
    text-decoration: none !important;
}

html.rt-high-contrast table,
html.rt-high-contrast th,
html.rt-high-contrast td {
    border-color: #fff !important;
}

html.rt-high-contrast .progress,
html.rt-high-contrast .progress-bar {
    background-color: #fff !important;
}

html.rt-high-contrast .progress-bar {
    border: 1px solid var(--rt-contrast-accent) !important;
}

html.rt-high-contrast img {
    filter: contrast(1.15);
}

html.rt-high-contrast .rt-a11y-panel {
    background: #111827 !important;
    color: #fff !important;
    border-color: #fff !important;
}

html.rt-high-contrast .rt-a11y-panel *,
html.rt-high-contrast .rt-a11y-panel .rt-a11y-title,
html.rt-high-contrast .rt-a11y-panel .rt-a11y-label,
html.rt-high-contrast .rt-a11y-panel .rt-a11y-help,
html.rt-high-contrast .rt-a11y-panel .rt-a11y-shortcuts {
    color: #fff !important;
}

html.rt-high-contrast .rt-a11y-panel button {
    background: var(--rt-contrast-accent) !important;
    color: #000 !important;
    border-color: #fff !important;
}

html.rt-high-contrast .rt-a11y-panel .rt-a11y-reset-all {
    background: #fff !important;
    color: #000 !important;
    border-color: #fff !important;
}

html.rt-high-contrast button,
html.rt-high-contrast button *,
html.rt-high-contrast .btn,
html.rt-high-contrast .btn *,
html.rt-high-contrast a.btn,
html.rt-high-contrast a.btn *,
html.rt-high-contrast input[type="button"],
html.rt-high-contrast input[type="submit"],
html.rt-high-contrast #kt_app_sidebar .menu-link:hover,
html.rt-high-contrast #kt_app_sidebar .menu-link:hover *,
html.rt-high-contrast #kt_app_sidebar .menu-link.active,
html.rt-high-contrast #kt_app_sidebar .menu-link.active *,
html.rt-high-contrast #kt_app_sidebar .menu-item.active > .menu-link,
html.rt-high-contrast #kt_app_sidebar .menu-item.active > .menu-link *,
html.rt-high-contrast #kt_app_sidebar .menu-item.here > .menu-link,
html.rt-high-contrast #kt_app_sidebar .menu-item.here > .menu-link *,
html.rt-high-contrast #kt_app_sidebar .menu-item.show > .menu-link,
html.rt-high-contrast #kt_app_sidebar .menu-item.show > .menu-link * {
    color: #000 !important;
    text-decoration: none !important;
}

html.rt-high-contrast .rt-a11y-swatch {
    background: var(--rt-swatch-color, #ffff00) !important;
    color: transparent !important;
    border-color: #fff !important;
}

@media (max-width: 575px) {
    .rt-a11y-panel {
        right: 42px;
        padding: 18px;
    }

    .rt-a11y-toggle {
        padding: 10px 8px;
        font-size: 11px;
    }
}
