:root {
    --brand-green: #3E572E;
    --brand-green-dark: #26391E;
    --brand-green-hover: #314625;
    --brand-gold: #A69057;
    --brand-orange: #FF9015;
    --brand-mint: #EBF4DF;
    --brand-black: #1C191A;
    --ui-background: #F7F8F5;
    --ui-surface: #FFFFFF;
    --ui-border: #DCE5D4;
    --ui-text: #1C191A;
    --ui-text-muted: #6B7167;
    --ui-focus-ring: rgba(166, 144, 87, .35);
    --company-font: "NeoSans", Tahoma, Arial, sans-serif;
}

@font-face {
    font-family: "NeoSans";
    src: url("../../../fonts/644226075-NeoSans-regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

html,
body,
button,
input,
select,
textarea,
.tooltip,
.popover,
.select2-container {
    font-family: var(--company-font);
}

body {
    color: var(--ui-text);
    background: var(--ui-background);
}

a {
    color: var(--brand-green);
}

a:hover,
a:focus {
    color: var(--brand-green-hover);
}

.kt-content,
.kt-wrapper,
.kt-grid__item.kt-grid__item--fluid {
    background-color: var(--ui-background);
}

.kt-page,
.kt-wrapper,
.kt-body,
.kt-content,
.kt-footer,
.kt-container.kt-container--fluid {
    width: 100%;
    max-width: none;
    min-width: 0;
    box-sizing: border-box;
}

#kt_content > .kt-container.kt-container--fluid {
    width: 100%;
    max-width: none;
    min-width: 0;
    padding-right: 30px;
    padding-left: 30px;
    box-sizing: border-box;
}

#kt_content > .kt-container.kt-container--fluid > .kt-portlet,
#kt_content > .kt-container.kt-container--fluid > .card {
    width: 100%;
    max-width: none;
    min-width: 0;
    box-sizing: border-box;
}

.kt-portlet,
.card,
.modal-content,
.dropdown-menu {
    border: 1px solid var(--ui-border);
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(38, 57, 30, .06);
    background: var(--ui-surface);
}

.kt-portlet .kt-portlet__head,
.card-header,
.modal-header {
    border-bottom-color: var(--ui-border);
}

.kt-portlet .kt-portlet__head .kt-portlet__head-label .kt-portlet__head-title,
.kt-subheader .kt-subheader__title,
.modal-title {
    color: var(--brand-black);
    font-weight: 700;
}

.kt-font-brand,
.kt-font-primary {
    color: var(--brand-green) !important;
}

.btn {
    border-radius: 7px;
    font-weight: 600;
    transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.btn:hover {
    transform: translateY(-1px);
}

.btn-brand,
.btn-primary,
.kt-login__btn-primary {
    color: #fff !important;
    background-color: var(--brand-green) !important;
    border-color: var(--brand-green) !important;
}

.btn-brand:hover,
.btn-brand:focus,
.btn-primary:hover,
.btn-primary:focus,
.kt-login__btn-primary:hover,
.kt-login__btn-primary:focus {
    background-color: var(--brand-green-hover) !important;
    border-color: var(--brand-green-hover) !important;
    box-shadow: 0 0 0 .2rem var(--ui-focus-ring) !important;
}

.btn-secondary,
.btn-outline-brand,
.btn-outline-primary {
    color: var(--brand-green) !important;
    background-color: #fff !important;
    border-color: var(--brand-green) !important;
}

.btn-secondary:hover,
.btn-outline-brand:hover,
.btn-outline-primary:hover {
    color: #fff !important;
    background-color: var(--brand-green) !important;
}

.btn-warning {
    background-color: var(--brand-orange) !important;
    border-color: var(--brand-orange) !important;
}

.form-control,
.custom-select,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.bootstrap-select > .dropdown-toggle {
    min-height: 42px;
    color: var(--ui-text);
    border-color: var(--ui-border);
    border-radius: 7px;
    background-color: #fff;
}

.form-control:focus,
.custom-select:focus,
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.bootstrap-select.show > .dropdown-toggle {
    border-color: var(--brand-gold) !important;
    box-shadow: 0 0 0 .2rem var(--ui-focus-ring) !important;
}

.form-control::placeholder {
    color: #92988f;
}

.custom-file-label {
    color: var(--ui-text-muted);
    border-color: var(--ui-border);
    border-radius: 7px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--brand-green);
}

.kt-checkbox > span,
.kt-radio > span {
    border-color: #b9c6b2;
}

.kt-checkbox > input:checked ~ span,
.kt-radio > input:checked ~ span {
    background-color: var(--brand-green);
    border-color: var(--brand-green);
}

.table,
.dataTable {
    color: var(--ui-text);
    background: var(--ui-surface);
}

.table thead,
.dataTables_wrapper .dataTable thead {
    background: var(--brand-green-dark) !important;
}

.table thead th,
.dataTables_wrapper .dataTable thead th {
    color: #fff !important;
    border-color: rgba(255, 255, 255, .12) !important;
    font-weight: 600;
}

.table td,
.table th,
.dataTables_wrapper .dataTable td,
.dataTables_wrapper .dataTable th {
    border-color: var(--ui-border);
    vertical-align: middle;
}

.table-hover tbody tr:hover,
.dataTables_wrapper .dataTable tbody tr:hover {
    background: var(--brand-mint);
}

.pagination .page-item.active > .page-link,
.dataTables_wrapper .dataTables_paginate .pagination .page-item.active > .page-link {
    background: var(--brand-green);
    border-color: var(--brand-green);
}

.alert-success {
    color: var(--brand-green-dark);
    background: var(--brand-mint);
    border-color: #cedfc2;
}

.badge-success,
.kt-badge--success {
    background: var(--brand-green) !important;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: var(--brand-green);
    border-color: var(--ui-border) var(--ui-border) #fff;
}

.nav-tabs .nav-link.active::after {
    background: var(--brand-gold);
}

.modal-backdrop.show {
    opacity: .42;
}

.company-logo-preview {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px;
    height: 150px;
    padding: 16px;
    border: 1px dashed var(--ui-border);
    border-radius: 10px;
    background: var(--ui-background);
}

.company-logo-preview img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

/* Admin shell, header and vertical navigation */
:root {
    --company-aside-width: 270px;
    --company-aside-minimized-width: 76px;
}

#kt_aside.company-sidebar-shell {
    position: fixed;
    top: 0;
    bottom: auto;
    z-index: 1001;
    display: flex;
    flex-direction: column;
    width: var(--company-aside-width);
    height: 100vh;
    height: 100dvh;
    min-height: 0;
    overflow: hidden;
    box-sizing: border-box;
    background: var(--brand-green-dark);
    box-shadow: 8px 0 30px rgba(28, 25, 26, .12);
}

[dir="rtl"] #kt_aside.company-sidebar-shell {
    right: 0;
    left: auto;
    box-shadow: -8px 0 30px rgba(28, 25, 26, .12);
}

[dir="ltr"] #kt_aside.company-sidebar-shell {
    right: auto;
    left: 0;
}

#kt_aside_brand.company-sidebar-brand {
    position: relative;
    z-index: 2;
    display: flex;
    flex: 0 0 78px;
    align-items: center;
    justify-content: space-between;
    height: 78px;
    min-height: 78px;
    padding: 10px 18px;
    border-bottom: 1px solid rgba(255, 255, 255, .09);
    background: var(--brand-green-dark);
}

.kt-aside__brand-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 58px;
    min-width: 0;
}

.company-aside-logo {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 190px;
    max-height: 58px;
    padding: 5px 8px;
    border-radius: 7px;
    background: rgba(255, 255, 255, .96);
    object-fit: contain;
}

.company-aside-logo--small {
    display: none;
    width: 42px;
    height: 42px;
    padding: 4px;
}

.kt-aside__brand .kt-aside__brand-aside-toggler {
    width: 30px;
    height: 30px;
    color: rgba(255, 255, 255, .75);
    border: 0;
    border-radius: 6px;
    background: rgba(255, 255, 255, .08);
}

.kt-aside__brand .kt-aside__brand-aside-toggler:hover {
    color: #fff;
    background: rgba(255, 255, 255, .15);
}

#kt_aside_menu_wrapper,
#kt_aside_menu,
.kt-aside-menu .kt-menu__nav,
.kt-aside-menu .kt-menu__submenu,
.kt-aside-menu .kt-menu__subnav {
    background: var(--brand-green-dark) !important;
}

#kt_aside_menu_wrapper.company-sidebar-scroll-region {
    position: relative;
    display: block;
    flex: 1 1 auto;
    width: 100%;
    height: auto;
    min-height: 0;
    overflow: hidden;
}

#kt_aside_menu.company-sidebar-menu {
    width: 100%;
    height: 100%;
    min-height: 0;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    overscroll-behavior-y: none;
    -webkit-overflow-scrolling: touch;
}

#kt_aside_menu > .company-sidebar-nav {
    min-height: max-content;
    margin: 0;
    padding: 12px 10px 16px;
}

.kt-aside-menu .kt-menu__nav > .kt-menu__item {
    margin-bottom: 4px;
}

.kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link,
.kt-aside-menu .kt-menu__subnav .kt-menu__item > .kt-menu__link {
    min-height: 44px;
    padding: 10px 13px;
    border-radius: 7px;
}

.kt-aside-menu .kt-menu__item > .kt-menu__link .kt-menu__link-text,
.kt-aside-menu .kt-menu__item > .kt-menu__link .kt-menu__link-icon,
.kt-aside-menu .kt-menu__item > .kt-menu__link .kt-menu__ver-arrow {
    color: rgba(255, 255, 255, .76);
}

.kt-aside-menu .kt-menu__item > .kt-menu__link .kt-menu__link-icon {
    flex: 0 0 34px;
    font-size: 1.25rem;
}

.kt-aside-menu .kt-menu__item:hover > .kt-menu__link,
.kt-aside-menu .kt-menu__item.kt-menu__item--open > .kt-menu__link {
    background: rgba(235, 244, 223, .09) !important;
}

.kt-aside-menu .kt-menu__item:hover > .kt-menu__link .kt-menu__link-text,
.kt-aside-menu .kt-menu__item:hover > .kt-menu__link .kt-menu__link-icon,
.kt-aside-menu .kt-menu__item.kt-menu__item--open > .kt-menu__link .kt-menu__link-text,
.kt-aside-menu .kt-menu__item.kt-menu__item--open > .kt-menu__link .kt-menu__link-icon {
    color: #fff !important;
}

.kt-aside-menu .kt-menu__item.kt-menu__item--active > .kt-menu__link,
.kt-aside-menu .kt-menu__item.kt-menu__item--here > .kt-menu__link {
    position: relative;
    background: var(--brand-green-hover) !important;
}

.kt-aside-menu .kt-menu__item.kt-menu__item--active > .kt-menu__link::before,
.kt-aside-menu .kt-menu__item.kt-menu__item--here > .kt-menu__link::before {
    position: absolute;
    inset-inline-start: 0;
    top: 8px;
    bottom: 8px;
    width: 3px;
    content: "";
    border-radius: 3px;
    background: var(--brand-gold);
}

.kt-aside-menu .kt-menu__item.kt-menu__item--active > .kt-menu__link .kt-menu__link-text,
.kt-aside-menu .kt-menu__item.kt-menu__item--active > .kt-menu__link .kt-menu__link-icon,
.kt-aside-menu .kt-menu__item.kt-menu__item--here > .kt-menu__link .kt-menu__link-text,
.kt-aside-menu .kt-menu__item.kt-menu__item--here > .kt-menu__link .kt-menu__link-icon {
    color: #fff !important;
}

.kt-aside-menu .kt-menu__subnav {
    padding: 4px 12px 8px 0;
}

[dir="ltr"] .kt-aside-menu .kt-menu__subnav {
    padding-right: 0;
    padding-left: 12px;
}

.kt-aside-menu .kt-menu__link-bullet.kt-menu__link-bullet--dot > span {
    background: var(--brand-gold);
}

.company-admin-header,
.company-admin-header .kt-header__top {
    height: 64px;
    border-bottom: 1px solid var(--ui-border);
    background: #fff;
    box-shadow: 0 4px 16px rgba(38, 57, 30, .04);
}

.company-header-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: none;
    min-width: 0;
    padding-right: 30px;
    padding-left: 30px;
    box-sizing: border-box;
}

.company-header-title {
    display: flex;
    flex-direction: column;
    min-width: 0;
    color: var(--brand-black);
    font-size: 1.1rem;
    font-weight: 700;
}

.company-header-title small {
    margin-top: 3px;
    color: var(--ui-text-muted);
    font-size: .75rem;
    font-weight: 400;
}

.company-admin-header .kt-header__topbar-icon,
.company-admin-header .kt-header__topbar-wrapper img {
    border-radius: 8px;
}

.company-admin-header .kt-header__topbar-icon:hover,
.company-admin-header .kt-header__topbar-item.show .kt-header__topbar-icon {
    background: var(--brand-mint) !important;
}

.company-admin-header .kt-header__topbar-icon svg g [fill] {
    fill: var(--brand-green);
}

.kt-subheader {
    min-height: 54px;
    margin: 0;
    border-bottom: 1px solid var(--ui-border);
    background: #fff;
}

.kt-subheader .company-subheader-container,
.kt-subheader .kt-subheader__main {
    display: flex;
    align-items: center;
}

.kt-subheader .company-subheader-container {
    justify-content: space-between;
    width: 100%;
    max-width: none;
    min-width: 0;
    padding-right: 30px;
    padding-left: 30px;
    box-sizing: border-box;
}

.company-subheader-actions {
    flex: 0 0 auto;
    min-width: 0;
}

.company-breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
    color: var(--ui-text-muted);
}

.company-breadcrumb-home {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: var(--ui-text-muted);
}

.company-breadcrumb-home:hover {
    color: var(--brand-green);
}

.company-breadcrumb-separator {
    display: inline-flex;
    align-items: center;
    color: #b6bdb1;
}

.company-breadcrumb-current {
    overflow: hidden;
    color: var(--ui-text-muted);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kt-footer {
    border-top: 1px solid var(--ui-border);
    background: #fff;
}

.company-footer-container {
    width: 100%;
    max-width: none;
    min-width: 0;
    padding-right: 30px;
    padding-left: 30px;
    box-sizing: border-box;
}

.kt-header-mobile {
    background: var(--brand-green-dark);
    box-shadow: 0 4px 15px rgba(28, 25, 26, .16);
}

.company-mobile-logo {
    width: 44px;
    height: 44px;
    padding: 4px;
    border-radius: 7px;
    background: #fff;
    object-fit: contain;
}

.kt-header-mobile .kt-header-mobile__toolbar-toggler span,
.kt-header-mobile .kt-header-mobile__toolbar-toggler span::before,
.kt-header-mobile .kt-header-mobile__toolbar-toggler span::after {
    background: #fff !important;
}

@media (min-width: 1025px) {
    .kt-page {
        align-items: stretch;
        width: 100%;
        min-width: 0;
        padding-inline-start: var(--company-aside-width);
        transition: padding-inline-start .25s ease;
    }

    #kt_aside.company-sidebar-shell {
        width: var(--company-aside-width);
    }

    .kt-aside--fixed .kt-wrapper {
        flex: 1 1 0;
        width: auto;
        max-width: none;
        min-width: 0;
        padding: 0 !important;
    }

    .kt-aside--fixed .kt-header {
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        max-width: none;
        min-width: 0;
    }

    .kt-aside--minimize .kt-page,
    .kt-aside--minimize-hover .kt-page {
        padding-inline-start: var(--company-aside-minimized-width);
    }

    .kt-aside--minimize #kt_aside.company-sidebar-shell {
        width: var(--company-aside-minimized-width);
    }

    .kt-aside--minimize .company-aside-logo--full,
    .kt-aside--minimize .kt-aside-menu .kt-menu__link-text,
    .kt-aside--minimize .kt-aside-menu .kt-menu__ver-arrow,
    .kt-aside--minimize .kt-aside-menu .kt-menu__submenu {
        display: none !important;
    }

    .kt-aside--minimize .company-aside-logo--small {
        display: block !important;
        width: 38px;
        height: 38px;
    }

    .kt-aside--minimize .kt-aside__brand {
        justify-content: center;
        flex-direction: column;
        gap: 4px;
        height: 90px;
        padding: 7px;
    }

    .kt-aside--minimize .kt-aside__brand-logo {
        width: 42px;
        height: 42px;
    }

    .kt-aside--minimize .kt-aside__brand-aside-toggler {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: 26px;
        height: 24px;
    }

    .kt-aside--minimize .kt-aside-menu .kt-menu__link {
        justify-content: center;
        padding-right: 10px;
        padding-left: 10px;
    }

    .kt-aside--minimize .kt-aside-menu .kt-menu__link-icon {
        flex: 0 0 auto;
        margin: 0;
    }
}

@media (max-width: 1024.98px) {
    .kt-page,
    .kt-wrapper,
    .kt-body,
    .kt-content,
    .kt-footer {
        width: 100%;
        max-width: none;
        min-width: 0;
    }

    .kt-page {
        padding-inline-start: 0;
    }

    #kt_aside.company-sidebar-shell {
        position: fixed;
        top: 0;
        bottom: auto;
        width: var(--company-aside-width);
        max-width: calc(100vw - 32px);
        height: 100vh;
        height: 100dvh;
        min-height: 0;
        overflow: hidden;
        transition: transform .25s ease !important;
    }

    [dir="rtl"] .kt-aside {
        right: 0 !important;
        left: auto !important;
        transform: translateX(110%) !important;
    }

    [dir="ltr"] .kt-aside {
        right: auto !important;
        left: 0 !important;
        transform: translateX(-110%) !important;
    }

    [dir="rtl"] body.kt-aside--on .kt-aside,
    [dir="ltr"] body.kt-aside--on .kt-aside {
        transform: translateX(0) !important;
    }

    html.company-sidebar-open,
    html.company-sidebar-open body,
    body.kt-aside--on {
        overflow: hidden;
        overscroll-behavior: none;
    }

    .kt-aside__brand-aside-toggler {
        display: none;
    }

    .company-admin-header {
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        max-width: none;
        min-width: 0;
        height: 0;
        min-height: 0;
        border: 0;
        box-shadow: none;
    }

    .company-admin-header .kt-header__top,
    .company-admin-header .company-header-container {
        height: 0;
        min-height: 0;
        padding: 0;
        border: 0;
        box-shadow: none;
    }

    .company-admin-header .kt-header__topbar {
        top: 60px;
    }

    .company-header-title {
        display: none;
    }

    .company-header-container {
        justify-content: flex-end;
        padding-right: 15px;
        padding-left: 15px;
    }

    #kt_content > .kt-container.kt-container--fluid,
    .company-footer-container {
        padding-right: 15px;
        padding-left: 15px;
    }

    .kt-subheader .company-subheader-container {
        align-items: stretch;
        flex-direction: column;
        gap: 8px;
        padding: 9px 15px;
    }

    .kt-subheader .kt-subheader__main {
        align-items: flex-start;
        flex-direction: column;
        gap: 5px;
        width: 100%;
        padding: 0;
    }

    .kt-subheader .kt-subheader__main .kt-subheader__title {
        padding: 0;
    }

    .company-subheader-actions {
        width: 100%;
    }

    .table-responsive {
        display: block;
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .table-responsive > .table {
        width: max-content;
        min-width: 100%;
        margin-bottom: 0;
    }
}

/* Authentication */
.company-auth-page {
    min-height: 100vh;
    color: var(--ui-text);
    background:
        radial-gradient(circle at 15% 15%, rgba(166, 144, 87, .13), transparent 34%),
        linear-gradient(135deg, var(--ui-background) 0%, var(--brand-mint) 100%);
}

.company-auth-shell {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(380px, 520px);
    min-height: 100vh;
}

[dir="rtl"] .company-auth-shell {
    grid-template-columns: minmax(380px, 520px) minmax(0, 1fr);
}

.company-auth-brand {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 64px;
    color: #fff;
    text-align: center;
    background: linear-gradient(145deg, var(--brand-green-dark), var(--brand-green));
}

.company-auth-brand::before,
.company-auth-brand::after {
    position: absolute;
    content: "";
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 50%;
}

.company-auth-brand::before {
    width: 420px;
    height: 420px;
    inset-inline-start: -160px;
    top: -180px;
}

.company-auth-brand::after {
    width: 300px;
    height: 300px;
    inset-inline-end: -100px;
    bottom: -120px;
}

.company-auth-brand__logo {
    position: relative;
    z-index: 1;
    width: min(320px, 76%);
    max-height: 160px;
    padding: 18px;
    border-radius: 14px;
    background: rgba(255, 255, 255, .96);
    object-fit: contain;
}

.company-auth-brand__symbol {
    position: absolute;
    inset-inline-end: 7%;
    bottom: 5%;
    width: 180px;
    opacity: .08;
}

.company-auth-brand__title {
    position: relative;
    z-index: 1;
    margin-top: 30px;
    font-size: 1.5rem;
    line-height: 1.7;
}

.company-auth-main {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 48px;
    background: #fff;
}

.company-auth-card {
    width: 100%;
    max-width: 410px;
}

.company-auth-card__mobile-logo {
    display: none;
    max-width: 220px;
    max-height: 100px;
    margin: 0 auto 28px;
    object-fit: contain;
}

.company-auth-card h1 {
    margin-bottom: 10px;
    color: var(--brand-black);
    font-size: 1.85rem;
    font-weight: 700;
}

.company-auth-card__lead {
    margin-bottom: 32px;
    color: var(--ui-text-muted);
    line-height: 1.8;
}

.company-auth-card .form-group,
.company-auth-card .input-group {
    display: block;
    margin-bottom: 20px;
}

.company-auth-card .form-control {
    width: 100%;
    height: 48px;
    padding: 12px 14px;
    color: var(--ui-text) !important;
    background: #fff !important;
}

.company-auth-card .btn {
    min-height: 48px;
}

.company-auth-card .error,
.company-auth-card .invalid-feedback {
    display: block;
    margin-top: 7px;
    color: #b42318;
}

.company-auth-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 8px 0 24px;
}

.company-auth-submit {
    width: 100%;
}

@media (max-width: 991.98px) {
    .company-auth-shell,
    [dir="rtl"] .company-auth-shell {
        display: block;
    }

    .company-auth-brand {
        display: none;
    }

    .company-auth-main {
        min-height: 100vh;
        padding: 32px 22px;
    }

    .company-auth-card__mobile-logo {
        display: block;
    }
}

@media (max-width: 575.98px) {
    .company-auth-main {
        align-items: flex-start;
        padding-top: 36px;
    }

    .company-auth-actions {
        align-items: flex-start;
        flex-direction: column;
    }

    .kt-container {
        padding-right: 14px;
        padding-left: 14px;
    }

    .kt-portlet {
        border-radius: 9px;
    }
}

/* Unified administrative data tables */
table.admin-data-table,
.admin-data-table--metronic {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
}

.dataTables_wrapper table.admin-data-table thead > tr > th,
table.admin-data-table thead > tr > th,
.admin-data-table--metronic .kt-datatable__head .kt-datatable__row > .kt-datatable__cell {
    padding: 14px 12px;
    border-color: rgba(255, 255, 255, .16) !important;
    background: #26391E !important;
    color: #FFFFFF !important;
    font-weight: 700;
    line-height: 1.35;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.dataTables_wrapper table.admin-data-table thead > tr > th:hover,
table.admin-data-table thead > tr > th:hover,
.admin-data-table--metronic .kt-datatable__head .kt-datatable__row > .kt-datatable__cell:hover {
    background: #2f4725 !important;
    color: #FFFFFF !important;
}

.admin-data-table thead .sorting::before,
.admin-data-table thead .sorting_asc::before,
.admin-data-table thead .sorting_desc::before,
.admin-data-table thead .sorting::after,
.admin-data-table thead .sorting_asc::after,
.admin-data-table thead .sorting_desc::after {
    color: rgba(255, 255, 255, .9) !important;
    opacity: .68 !important;
}

.admin-data-table thead .sorting_asc::before,
.admin-data-table thead .sorting_desc::after {
    opacity: 1 !important;
}

.admin-data-table--metronic .kt-datatable__head .kt-datatable__cell > span,
.admin-data-table--metronic .kt-datatable__head .kt-datatable__cell .kt-datatable__cell-label,
.admin-data-table--metronic .kt-datatable__head .kt-datatable__cell i {
    color: #FFFFFF !important;
    font-weight: 700;
}

.admin-data-table__actions-column,
.admin-data-table__actions-cell {
    width: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
    text-align: center !important;
    vertical-align: middle !important;
}

.table-row-actions,
.table-bulk-actions {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.table-row-actions__trigger {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    min-width: 34px;
    height: 34px;
    padding: 0;
    border: 1px solid #26391E !important;
    border-radius: 8px;
    background: #26391E !important;
    color: #FFFFFF !important;
    box-shadow: 0 3px 12px rgba(38, 57, 30, .16);
    line-height: 1;
    vertical-align: middle;
    cursor: pointer;
}

.table-row-actions__trigger::after {
    display: none !important;
    content: none !important;
}

.table-row-actions__trigger:hover,
.table-row-actions.show .table-row-actions__trigger {
    border-color: #355a29 !important;
    background: #355a29 !important;
    color: #FFFFFF !important;
    box-shadow: 0 5px 14px rgba(38, 57, 30, .24);
}

.table-row-actions__trigger:focus,
.table-row-actions__trigger:focus-visible {
    outline: 3px solid rgba(82, 119, 65, .28);
    outline-offset: 2px;
}

.table-row-actions__trigger:disabled,
.table-row-actions__trigger.disabled {
    cursor: not-allowed;
    opacity: .5;
    box-shadow: none;
}

.table-row-actions__trigger i {
    width: auto;
    margin: 0 !important;
    color: #FFFFFF !important;
    font-size: 19px;
    line-height: 1;
}

.table-row-actions__menu,
.table-bulk-actions__menu {
    min-width: 220px;
    max-width: 280px;
    max-width: min(280px, calc(100vw - 24px));
    padding: 7px;
    border: 1px solid #e2e8de;
    border-radius: 9px;
    background: #FFFFFF !important;
    color: #30382d !important;
    box-shadow: 0 12px 32px rgba(28, 42, 23, .18);
    z-index: 1060;
    text-align: start;
}

.table-row-actions__menu.show,
.table-bulk-actions__menu.show {
    display: flex;
    flex-direction: column;
}

.table-row-actions__menu .table-row-actions__item,
.table-bulk-actions__menu .table-bulk-actions__item {
    appearance: none;
    display: flex !important;
    align-items: center;
    gap: 10px;
    width: 100% !important;
    min-height: 40px;
    margin: 0;
    padding: 8px 10px;
    border: 0 !important;
    border-radius: 6px;
    background: transparent !important;
    color: #30382d !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.45;
    text-align: right;
    text-decoration: none !important;
    white-space: normal;
}

.table-row-actions__icon {
    display: inline-flex;
    flex: 0 0 20px;
    align-items: center;
    justify-content: center;
    width: 20px;
    min-width: 20px;
    height: 20px;
    color: #52634b !important;
}

.table-row-actions__icon i,
.table-bulk-actions__menu .table-bulk-actions__item i {
    width: auto;
    margin: 0 !important;
    color: inherit !important;
    font-size: 17px;
    line-height: 1;
    text-align: center;
}

.table-row-actions__label {
    display: block;
    flex: 1 1 auto;
    min-width: 0;
    color: inherit !important;
    text-align: right;
}

.table-row-actions__menu .table-row-actions__item:hover,
.table-row-actions__menu .table-row-actions__item:focus,
.table-bulk-actions__menu .table-bulk-actions__item:hover {
    background: #f1f5ef !important;
    color: #26391E !important;
    outline: 0;
}

.table-row-actions__menu .table-row-actions__item--danger,
.table-row-actions__danger-container,
.table-bulk-actions__menu .table-bulk-actions__item--danger {
    order: 99;
}

.table-row-actions__menu .table-row-actions__item--danger,
.table-row-actions__danger-container > .table-row-actions__item--danger,
.table-bulk-actions__menu .table-bulk-actions__item--danger {
    margin-top: 5px;
    border-top: 1px solid #f2d9dc;
    border-radius: 0 0 6px 6px;
    background: transparent !important;
    color: #c82333 !important;
}

.table-row-actions__menu .table-row-actions__item--danger:hover,
.table-row-actions__menu .table-row-actions__item--danger:focus {
    background: #fff0f1 !important;
    color: #b21f2d !important;
}

.table-row-actions__menu .table-row-actions__item--danger .table-row-actions__icon,
.table-bulk-actions__menu .table-bulk-actions__item--danger i {
    color: #c82333 !important;
}

.table-row-actions__menu .row {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0;
}

.table-row-actions__menu .row > [class*="col-"] {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    padding: 0;
}

.table-row-actions__action-container,
.table-row-actions__menu li,
.table-row-actions__form {
    width: 100%;
    margin: 0;
}

.table-row-actions__menu ul,
.table-row-actions__menu .kt-nav {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.table-row-actions__form button.table-row-actions__item {
    appearance: none;
    border: 0 !important;
    background: transparent !important;
    font: inherit;
    text-align: right;
}

.table-row-actions__danger-container {
    width: 100%;
}

.table-row-actions__danger-container > .table-row-actions__item--danger {
    margin-top: 0;
}

[dir="ltr"] .table-row-actions__menu .table-row-actions__item,
[dir="ltr"] .table-row-actions__label,
[dir="ltr"] .table-row-actions__form button.table-row-actions__item {
    text-align: left;
}

.table-bulk-actions {
    margin-bottom: 14px;
}

.table-bulk-actions__trigger {
    min-height: 38px;
    border-radius: 8px;
}

.table-bulk-actions__trigger.disabled,
.table-bulk-actions__trigger:disabled {
    cursor: not-allowed;
    opacity: .55;
}

.table-bulk-actions__count {
    display: inline-block;
    min-width: 1.2em;
    margin-inline-start: 4px;
}

.admin-data-table .kt-checkbox,
.admin-data-table--metronic .kt-checkbox {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 20px;
    margin: 0;
    vertical-align: middle;
}

.admin-data-table .kt-checkbox > span,
.admin-data-table--metronic .kt-checkbox > span {
    width: 20px;
    height: 20px;
}

.table-responsive.table-actions-open,
.dataTables_scrollBody.table-actions-open,
.dataTables_scrollBody.dropdown-visible {
    overflow: visible !important;
}

[dir="rtl"] .table-row-actions__menu,
[dir="rtl"] .table-bulk-actions__menu {
    right: auto;
    left: 0;
}

@media (max-width: 767.98px) {
    .dataTables_wrapper table.admin-data-table thead > tr > th,
    table.admin-data-table thead > tr > th,
    .admin-data-table--metronic .kt-datatable__head .kt-datatable__row > .kt-datatable__cell {
        padding: 11px 9px;
        font-size: 13px;
    }

    .table-row-actions__menu,
    .table-bulk-actions__menu {
        position: fixed !important;
        top: auto !important;
        right: 12px !important;
        bottom: 12px !important;
        left: 12px !important;
        width: auto;
        min-width: 0;
        max-width: none;
        transform: none !important;
        max-height: calc(100dvh - 24px);
        overflow-y: auto;
    }

    .table-responsive.table-actions-open,
    .dataTables_scrollBody.table-actions-open,
    .dataTables_scrollBody.dropdown-visible,
    div.dataTables_scrollBody.dropdown-visible {
        overflow: auto !important;
    }
}