@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');

:root {
    --sidebar_size: 260px;
    --border_faint: #2125291a;
    --shadow_color: rgba(15, 23, 42, .08);
    --shadow_color_sm: rgba(15, 23, 42, .03);
    --shadow_color_md: rgba(15, 23, 42, .12);
    --shadow_color_lg: rgba(15, 23, 42, .15);
    --warning_bg: #fff8eb;
    --warning_border: #f6e2b8;
    --warning_icon_bg: #ffe8b8;
    --warning_icon: #b7791f;
    --warning_title: #7a4f00;
    --warning_text: #8a5b00;
}

.card,
.modal-content,
.dropdown-menu,
.list-group-item,
.popover,
.offcanvas {
    background-color: var(--surface_color);
    color: var(--text_color);
}

.card-header,
.card-footer,
.modal-header,
.modal-footer,
.popover-header {
    background-color: var(--surface_soft);
    border-color: var(--border_color);
    color: var(--text_heading);
}

.table {
    --bs-table-bg: transparent;
    --bs-table-color: var(--text_color);
    --bs-table-border-color: var(--border_color);
    --bs-table-striped-bg: var(--surface_soft);
    --bs-table-hover-bg: var(--surface_hover);
    color: var(--text_color);
}

.form-control,
.form-select,
.input-group-text {
    background-color: var(--input_bg);
    color: var(--text_color);
    border-color: var(--border_color);
}

.form-control:disabled,
.form-control[readonly],
.form-select:disabled {
    background-color: var(--surface_soft);
    color: var(--text_color);
    opacity: 1;
    border-color: var(--border_color);
}

.bg-light {
    background-color: var(--preview_bg) !important;
}

.bg-white {
    background-color: var(--surface_color) !important;
}

.border-white {
    border-color: var(--border_color) !important;
}

.settings-media-preview.preview-on-light {
    background-color: #eef0f3 !important;
}

.settings-media-preview.preview-on-dark,
.settings-media-preview.bg-dark {
    background-color: #0f1419 !important;
}

.page-link {
    background-color: var(--surface_color);
    border-color: var(--border_color);
    color: var(--text_color);
}

.page-item.disabled .page-link {
    background-color: var(--surface_soft);
    border-color: var(--border_color);
    color: var(--text_muted);
}

.breadcrumb-item,
.breadcrumb-item a {
    color: var(--text_secondary);
}

.breadcrumb-item.active {
    color: var(--text_color);
}

.text-muted {
    color: var(--text_muted) !important;
}

.text-secondary {
    color: var(--text_secondary) !important;
}

.text-dark {
    color: var(--text_color) !important;
}


body {
    font-family: 'Inter', 'Poppins', sans-serif;
    background-color: var(--background_color);
    color: var(--text_color);
    overflow-x: hidden;
}

::-webkit-scrollbar {
    width: 15px;
}

::-webkit-scrollbar-thumb {
    height: 6px;
    border: 4px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    background-color: var(--scrollbar_thumb);
}

::-moz-selection {
    background-color: #555;
    color: var(--text_inverse);
}

::selection {
    background-color: #555;
    color: var(--text_inverse);
}

a {
    text-decoration: none !important;
    color: var(--primary_color);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

a:hover {
    text-decoration: underline;
    color: var(--primary_color);
    opacity: .9;
}

.capitalize {
    text-transform: capitalize;
}

.rounded-50 {
    border-radius: 50px !important;
}

.bg-primary {
    background: var(--primary_color) !important;
}

.bg-yellow {
    background-color: #ffd81d !important;
}

.bg-orange {
    background-color: #FF9800 !important;
}

.bg-pink {
    background-color: #E91E63 !important;
}

.vironeer-file-preview-box {
    border: 2px dashed var(--border_strong);
    border-radius: .5rem;
    background-color: var(--preview_bg);
}

.vironeer-image-preview-box {
    width: 100%;
    border: 1px solid var(--border_color);
    border-radius: .5rem;
    padding: 2px;
    background-color: var(--preview_bg);
}

.vironeer-image-preview-box img {
    width: 100%;
    border-radius: .5rem;
}

.vironeer-image-preview {
    padding: 3rem;
    text-align: center;
    border: 1px solid var(--border_color);
    border-radius: .5rem;
}

.vironeer-image-preview img {
    height: 35px;
}

.settings-media-preview {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 140px;
    min-height: 140px;
    padding: 1.5rem;
    border: 1px solid var(--border_color);
    border-radius: .5rem;
    overflow: hidden;
    background-color: var(--preview_bg);
}

.settings-media-preview.is-wide {
    padding: .75rem;
}

.settings-media-preview img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    width: auto;
    -o-object-fit: contain;
    object-fit: contain;
}

.settings-media-preview.is-wide img {
    width: 100%;
    height: 100%;
    max-height: none;
    -o-object-fit: contain;
    object-fit: contain;
}

.list-group-item.active {
    z-index: 2;
    color: var(--text_inverse);
    background-color: var(--primary_color);
    border-color: var(--primary_color);
}

.custom-list-group .list-group-item {
    padding: 12px 15px;
    font-weight: 400;
}

.custom-list-group.system .list-group-item {
    font-size: 18px;
}

.form-label {
    margin-bottom: .45rem;
    font-size: .875rem;
    font-weight: 500;
    color: var(--text_label);
}

input[type="color"] {
    padding: 3px;
    width: 60px;
    border-radius: .5rem;
}

.form-control[type=file] {
    padding: .35rem .5rem !important;
    overflow: hidden;
    line-height: 1.5;
}

.form-control[type=file]::file-selector-button,
.form-control[type=file]::-webkit-file-upload-button {
    margin: 0 .75rem 0 0;
    padding: .4rem .85rem;
    border: 1px solid var(--border_color);
    border-radius: .4rem;
    background-color: var(--surface_soft);
    color: var(--text_color);
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.4;
    height: auto;
    -webkit-transition: background-color .15s ease, border-color .15s ease;
    -o-transition: background-color .15s ease, border-color .15s ease;
    transition: background-color .15s ease, border-color .15s ease;
}

.form-control[type=file]:hover::file-selector-button,
.form-control[type=file]:hover::-webkit-file-upload-button {
    background-color: var(--surface_muted);
    border-color: var(--border_strong);
}

.form-control,
.form-select {
    border-radius: .5rem;
    border: 1px solid var(--border_color);
    padding: .625rem .95rem;
    font-size: .9375rem;
    line-height: 1.45;
    min-height: 2.75rem;
    color: var(--text_color);
    background-color: var(--input_bg);
    -webkit-transition: border-color .15s ease, box-shadow .15s ease;
    -o-transition: border-color .15s ease, box-shadow .15s ease;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.form-control::placeholder {
    color: var(--text_muted);
}

.form-control:hover,
.form-select:hover {
    border-color: var(--border_strong);
}

.form-control:focus,
.form-select:focus {
    -webkit-box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary_color) 18%, transparent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary_color) 18%, transparent);
    border: 1px solid var(--primary_color);
    outline: none;
}

.form-control[type=file]:focus {
    -webkit-box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary_color) 18%, transparent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary_color) 18%, transparent);
    border: 1px solid var(--primary_color);
    outline: none;
}

textarea.form-control {
    min-height: 7rem;
    padding-top: .75rem;
    padding-bottom: .75rem;
}

.form-control-lg,
.form-select-lg {
    padding: .75rem 1.1rem;
    font-size: 1.0625rem;
    line-height: 1.5;
    min-height: 3.15rem;
    border-radius: .5rem;
}

.form-check-input {
    background-color: var(--input_bg);
    border: 1px solid var(--border_strong);
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: color .12s ease-in-out, background-color .12s ease-in-out, border-color .12s ease-in-out, -webkit-box-shadow .12s ease-in-out;
    transition: color .12s ease-in-out, background-color .12s ease-in-out, border-color .12s ease-in-out, -webkit-box-shadow .12s ease-in-out;
    -o-transition: color .12s ease-in-out, background-color .12s ease-in-out, border-color .12s ease-in-out, box-shadow .12s ease-in-out;
    transition: color .12s ease-in-out, background-color .12s ease-in-out, border-color .12s ease-in-out, box-shadow .12s ease-in-out;
    transition: color .12s ease-in-out, background-color .12s ease-in-out, border-color .12s ease-in-out, box-shadow .12s ease-in-out, -webkit-box-shadow .12s ease-in-out;
}

.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='%2335b992'/></svg>");
}

.form-check-input[type="checkbox"] {
    border-radius: 0.125rem !important;
}

.vironeer-form-check-input[type="checkbox"] {
    border-radius: 2rem !important;
}

.form-check-input:checked {
    background-color: var(--primary_color);
    border-color: var(--primary_color);
}

.form-check-input:focus {
    border-color: var(--primary_color);
    background-color: var(--input_bg);
}

.form-check-input:checked:focus {
    background-color: var(--primary_color);
}

.form-check .form-check-label {
    font-size: .9375rem;
}

.input-group-text {
    border-color: var(--border_color);
}

.vironeer-input-group .input-group-text {
    background-color: var(--input_bg);
    color: var(--text_secondary);
    border-right: 0;
    padding-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.vironeer-input-group .form-control {
    background-color: var(--input_bg);
    border-left: 0;
    padding-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.vironeer-input-group .form-control:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: var(--border_color);
}

.input-group.custom {
    position: relative;
}

.input-group.custom .input-group-text {
    position: absolute;
    height: 100%;
    width: 2.75rem;
    padding: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 20;
    border: none;
    background: transparent;
    color: var(--text_muted);
}

.input-group.custom .input-group-text.right {
    right: 0;
    cursor: pointer;
}

.input-group.custom .form-control {
    border-radius: .5rem !important;
    padding-right: 2.75rem;
    padding-left: 2.75rem;
    background-color: var(--surface_color);
    border: 1px solid var(--border_color);
}

.input-group.custom .form-control:focus,
.input-group.custom .form-control:hover {
    -webkit-box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--text_body) 5%, transparent);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--text_body) 5%, transparent);
}

.input-group.custom .form-control:focus {
    background-color: var(--surface_color);
}

.vironeer-custom-input-group .input-group-text {
    color: var(--text_label);
    background: var(--surface_color);
    border: 1px solid var(--border_color);
    border-radius: .5rem;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
}

.input-group .form-control,
.input-group .form-select,
.input-group .input-group-text,
.input-group .btn {
    min-height: 2.75rem;
}

.input-group .input-group-select {
    padding: 0;
    border: none;
    background: transparent;
}

.input-group .input-group-select:focus {
    outline: 0;
}

.breadcrumb .breadcrumb-item {
    color: var(--text_secondary);
    font-size: .8125rem;
    text-transform: capitalize;
}

.breadcrumb .breadcrumb-item::before {
    color: color-mix(in srgb, var(--text_secondary) 45%, transparent);
}

.breadcrumb .breadcrumb-item a {
    color: var(--text_secondary);
}

.btn {
    text-decoration: none;
    border-radius: .5rem;
    font-size: .9375rem;
    font-weight: 500;
    line-height: 1.45;
    padding: .625rem .95rem;
    min-height: 2.75rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.vironeer-lang-groups .btn {
    text-transform: capitalize;
}

a.btn {
    text-decoration: none;
}

.spinner-border {
    vertical-align: -.19em;
}

.toggle-btn {
    border-radius: .25rem !important;
}

.btn-group-sm>.btn,
.btn-sm {
    padding: .35rem .7rem;
    font-size: .8125rem;
    border-radius: .4rem;
    min-height: 2rem;
}

.btn:focus,
.btn:active {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.btn.btn-lg {
    padding: 0.4375rem 1.0625rem;
    min-height: calc(1.875rem + 0.875rem);
    font-size: 1.0625rem;
    line-height: 1.625rem;
}

.btn.btn-primary {
    background-color: var(--primary_color);
    border-color: var(--primary_color);
}

.btn.btn-primary:hover,
.btn.btn-primary:active {
    background-color: var(--primary_color);
    border-color: var(--primary_color);
    opacity: .9;
}

.btn.btn-secondary {
    color: var(--text_body);
    background: linear-gradient(180deg, #fff, var(--surface_hover));
    border-color: #c4cdd5;
    box-shadow: 0 1px 0 0 rgb(22 29 37 / 5%);
}

.btn.btn-secondary:hover,
.btn.btn-secondary:active {
    color: var(--text_body);
    background: linear-gradient(180deg, var(--surface_hover), #f4f6f8);
    border-color: #c4cdd5;
}

.btn-fire {
    color: var(--text_inverse);
    background: linear-gradient(180deg, #dc3545, #ad1919);
    border: .1rem solid #d14746;
    box-shadow: 0 1px 0 0 rgb(22 29 37 / 5%);
}

.btn-fire:hover {
    color: var(--text_inverse);
    background: linear-gradient(180deg, #f52e42, #af1c1c);
    border-color: #d14746;
}

.pagination .page-item .page-link {
    padding: 0.1875rem 0.5rem !important;
    text-decoration: none !important;
    background-color: var(--border_soft);
    border: 2px solid var(--border_soft);
    color: var(--text_body);
    border-radius: 2px;
    font-size: .8125rem;
    line-height: 1.125rem;
}

.pagination .page-item .page-link:focus,
.pagination .page-item .page-link:active {
    box-shadow: none;
}

.pagination .page-item.active .page-link {
    background-color: var(--primary_color);
    border-color: var(--primary_color);
    color: var(--text_inverse);
}

.pagination .page-item.disabled .page-link {
    color: #8fa7b2;
    pointer-events: none;
    background-color: var(--surface_muted);
    border-color: var(--surface_muted);
}

.pagination .page-item:not(:last-child) {
    margin-right: .25rem;
}

.tb-w-1x {
    min-width: 1rem;
}

.tb-w-2x {
    min-width: 2rem;
}

.tb-w-3x {
    min-width: 3rem;
}

.tb-w-4x {
    min-width: 4rem;
}

.tb-w-5x {
    min-width: 5rem;
}

.tb-w-6x {
    min-width: 6rem;
}

.tb-w-7x {
    min-width: 7rem;
}

.tb-w-8x {
    min-width: 8rem;
}

.tb-w-9x {
    min-width: 9rem;
}

.tb-w-10x {
    min-width: 10rem;
}

.tb-w-11x {
    min-width: 11rem;
}

.tb-w-12x {
    min-width: 12rem;
}

.tb-w-13x {
    min-width: 13rem;
}

.tb-w-14x {
    min-width: 14rem;
}

.tb-w-15x {
    min-width: 15rem;
}

.tb-w-16x {
    min-width: 16rem;
}

.tb-w-17x {
    min-width: 17rem;
}

.tb-w-18x {
    min-width: 18rem;
}

.tb-w-19x {
    min-width: 19rem;
}

.tb-w-20x {
    min-width: 20rem;
}

.tb-w-21x {
    min-width: 21rem;
}

.tb-w-22x {
    min-width: 22rem;
}

.tb-w-23x {
    min-width: 23rem;
}

.tb-w-24x {
    min-width: 24rem;
}

.tb-w-25x {
    min-width: 25rem;
}

.tb-w-26x {
    min-width: 26rem;
}

.tb-w-27x {
    min-width: 27rem;
}

.tb-w-28x {
    min-width: 28rem;
}

.tb-w-29x {
    min-width: 29rem;
}

.tb-w-30x {
    min-width: 30rem;
}

.tb-w-31x {
    min-width: 31rem;
}

.tb-w-32x {
    min-width: 32rem;
}

.tb-w-33x {
    min-width: 33rem;
}

.tb-w-34x {
    min-width: 34rem;
}

.tb-w-35x {
    min-width: 35rem;
}

.tb-w-36x {
    min-width: 36rem;
}

.tb-w-37x {
    min-width: 37rem;
}

.tb-w-38x {
    min-width: 38rem;
}

.tb-w-39x {
    min-width: 39rem;
}

.tb-w-40x {
    min-width: 40rem;
}

.tb-w-41x {
    min-width: 41rem;
}

.tb-w-42x {
    min-width: 42rem;
}

.tb-w-43x {
    min-width: 43rem;
}

.tb-w-44x {
    min-width: 44rem;
}

.tb-w-45x {
    min-width: 45rem;
}

.tb-w-46x {
    min-width: 46rem;
}

.tb-w-47x {
    min-width: 47rem;
}

.tb-w-48x {
    min-width: 48rem;
}

.tb-w-49x {
    min-width: 49rem;
}

.tb-w-50x {
    min-width: 50rem;
}

.container-max-xxl {
    max-width: 1560px;
}

.container-max-xl {
    max-width: 1140px;
}

.container-max-lg {
    max-width: 960px;
}

.container-max-md {
    max-width: 720px;
}

.vironeer-divider {
    position: relative;
    text-align: center;
}

.vironeer-divider p {
    position: relative;
    display: inline-block;
    background-color: var(--surface_color);
    padding: .125rem .5rem 0;
    color: var(--text_secondary);
    font-size: .6875rem;
    margin-top: -.25rem;
    margin-bottom: -.25rem;
    text-transform: uppercase;
}

.vironeer-divider::before {
    position: absolute;
    content: "";
    display: block;
    background: var(--border_faint);
    height: 1px;
    width: 100%;
    top: 50%;
}

.vironeer-sidebar {
    position: fixed;
    height: 100%;
    width: var(--sidebar_size);
    left: 0;
    top: 0;
    background-color: var(--sidebar_color);
    border-right: 1px solid var(--border_color);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    z-index: 1000;
}

.vironeer-sidebar .overlay {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: color-mix(in srgb, var(--surface_subtle) 80%, transparent);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    opacity: 0;
    z-index: -1;
}

@media (max-width: 1199.98px) {
    .vironeer-sidebar .overlay {
        display: block;
        visibility: hidden;
    }
}

.vironeer-sidebar.active {
    left: calc(var(--sidebar_size)*-1);
}

@media (max-width: 1199.98px) {
    .vironeer-sidebar {
        left: calc(var(--sidebar_size)*-1);
    }

    .vironeer-sidebar.active {
        left: 0;
    }

    .vironeer-sidebar.active .overlay {
        visibility: visible;
        opacity: 1;
    }
}

.vironeer-sidebar .vironeer-sidebar-header {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    background-color: var(--sidebar_color);
}

.vironeer-sidebar .vironeer-sidebar-header .vironeer-sidebar-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    width: 100%;
    max-width: 150px;
    height: 40px;
}

.vironeer-sidebar .vironeer-sidebar-header .vironeer-sidebar-logo img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
}

.vironeer-sidebar .vironeer-sidebar-header .vironeer-sidebar-logo .admin-logo-light {
    display: none;
}

.vironeer-sidebar .vironeer-sidebar-menu {
    position: relative;
    height: calc(100% - 60px - 76px);
    background-color: var(--sidebar_color);
}

.vironeer-sidebar .vironeer-sidebar-user {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .75rem;
    height: 76px;
    padding: .875rem 1rem;
    text-decoration: none;
    color: var(--text_color);
    border-top: 1px solid var(--border_color);
    background-color: var(--sidebar_color);
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

.vironeer-sidebar .vironeer-sidebar-user:hover,
.vironeer-sidebar .vironeer-sidebar-user.current {
    background-color: color-mix(in srgb, var(--primary_color) 12%, var(--mix_base));
}

.vironeer-sidebar .vironeer-sidebar-user .vironeer-sidebar-user-avatar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
}

.vironeer-sidebar .vironeer-sidebar-user .vironeer-sidebar-user-avatar img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
}

.vironeer-sidebar .vironeer-sidebar-user .vironeer-sidebar-user-info {
    min-width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    line-height: 1.2;
}

.vironeer-sidebar .vironeer-sidebar-user .vironeer-sidebar-user-name {
    font-size: .875rem;
    font-weight: 600;
    color: var(--text_color);
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.vironeer-sidebar .vironeer-sidebar-user .vironeer-sidebar-user-email {
    margin-top: .2rem;
    font-size: .75rem;
    color: var(--text_secondary);
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.vironeer-sidebar .vironeer-sidebar-user .vironeer-sidebar-user-arrow {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: var(--text_muted);
    font-size: .75rem;
    line-height: 1;
}

.vironeer-sidebar .vironeer-sidebar-menu .vironeer-sidebar-links {
    padding-top: .6rem;
    padding-bottom: .6rem;
}

.vironeer-sidebar .vironeer-sidebar-menu .vironeer-sidebar-links:not(:last-child) {
    border-bottom: 1px solid var(--shadow_color_sm);
}

.vironeer-sidebar .vironeer-sidebar-menu .vironeer-sidebar-links .vironeer-sidebar-links-title {
    color: var(--text_muted);
    font-weight: 500;
    font-size: .6875rem;
    line-height: .6875rem;
    padding: .5625rem 1.25rem;
    text-transform: uppercase;
}

.vironeer-sidebar .vironeer-sidebar-menu .vironeer-sidebar-links .vironeer-sidebar-links-cont .vironeer-sidebar-link {
    text-decoration: none;
}

.vironeer-sidebar .vironeer-sidebar-menu .vironeer-sidebar-links .vironeer-sidebar-links-cont .vironeer-sidebar-link .vironeer-sidebar-link-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .875rem;
    line-height: 1.125rem;
    padding: .9rem 1.25rem;
    color: var(--text_color);
    cursor: pointer;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    margin-bottom: 1px;
    border-radius: 8px;
    margin-left: 8px;
    margin-right: 8px;
    padding-left: calc(1.25rem - 8px);
    padding-right: calc(1.25rem - 8px);
}

.vironeer-sidebar .vironeer-sidebar-menu .vironeer-sidebar-links .vironeer-sidebar-links-cont .vironeer-sidebar-link .vironeer-sidebar-link-title>span:first-child i {
    width: 28px;
    margin-right: 8px;
    font-size: 1.05rem;
}

.vironeer-sidebar .vironeer-sidebar-menu .vironeer-sidebar-links .vironeer-sidebar-links-cont .vironeer-sidebar-link .vironeer-sidebar-link-title .arrow {
    margin-left: auto;
    font-size: 13px;
    color: var(--text_muted);
}

.vironeer-sidebar .vironeer-sidebar-menu .vironeer-sidebar-links .vironeer-sidebar-links-cont .vironeer-sidebar-link .vironeer-sidebar-link-title .arrow i {
    width: auto;
    margin-right: 0;
    font-size: .75rem;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.vironeer-sidebar .vironeer-sidebar-menu .vironeer-sidebar-links .vironeer-sidebar-links-cont .vironeer-sidebar-link .vironeer-sidebar-link-title .counter {
    font-size: 10px;
    padding: 0.125rem 0.5rem calc(.125rem - 1px);
    background-color: var(--primary_color);
    color: var(--text_inverse);
    margin-left: auto;
    border-radius: 20px;
}

.vironeer-sidebar .vironeer-sidebar-menu .vironeer-sidebar-links .vironeer-sidebar-links-cont .vironeer-sidebar-link .vironeer-sidebar-link-title .counter + .arrow {
    margin-left: .35rem;
}

.vironeer-sidebar .vironeer-sidebar-menu .vironeer-sidebar-links .vironeer-sidebar-links-cont .vironeer-sidebar-link .vironeer-sidebar-link-title .counter.disabled {
    background-color: var(--surface_soft);
    color: var(--text_secondary);
}

.vironeer-sidebar .vironeer-sidebar-menu .vironeer-sidebar-links .vironeer-sidebar-links-cont .vironeer-sidebar-link.current>.vironeer-sidebar-link-title {
    background-color: color-mix(in srgb, var(--primary_color) 16%, var(--mix_base));
    color: var(--text_color);
    font-weight: 500;
}

.vironeer-sidebar .vironeer-sidebar-menu .vironeer-sidebar-links .vironeer-sidebar-links-cont .vironeer-sidebar-link .vironeer-sidebar-link-title:hover {
    background-color: color-mix(in srgb, var(--primary_color) 12%, var(--mix_base));
}

.vironeer-sidebar .vironeer-sidebar-menu .vironeer-sidebar-links .vironeer-sidebar-links-cont .vironeer-sidebar-link .vironeer-sidebar-link-menu {
    height: 0;
    overflow: hidden;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.vironeer-sidebar .vironeer-sidebar-menu .vironeer-sidebar-links .vironeer-sidebar-links-cont .vironeer-sidebar-link.active .vironeer-sidebar-link-menu {
    margin-bottom: 5px;
}

.vironeer-sidebar .vironeer-sidebar-menu .vironeer-sidebar-links .vironeer-sidebar-links-cont .vironeer-sidebar-link .vironeer-sidebar-link-menu .vironeer-sidebar-link .vironeer-sidebar-link-title {
    padding: .75rem calc(1.25rem - 8px) .75rem 40px;
    margin-bottom: 0;
}

.vironeer-sidebar .vironeer-sidebar-menu .vironeer-sidebar-links .vironeer-sidebar-links-cont .vironeer-sidebar-link.active .vironeer-sidebar-link-title .arrow i {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.vironeer-page-content {
    position: relative;
    width: calc(100% - var(--sidebar_size));
    min-height: 100vh;
    margin-left: auto;
    -webkit-transition: .3s width, .3s margin;
    -o-transition: .3s width, .3s margin;
    transition: .3s width, .3s margin;
    padding-top: 60px;
    padding-bottom: 92px;
}

.vironeer-page-content.active {
    width: 100%;
}

.vironeer-page-content.active .vironeer-page-header {
    width: 100%;
}

.vironeer-page-content.active .vironeer-page-body {
    padding-right: 0;
    padding-left: 0;
}

@media (max-width: 1199.98px) {
    .vironeer-page-content {
        width: 100%;
    }
}

.vironeer-page-content .vironeer-page-header {
    position: fixed;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(100% - var(--sidebar_size));
    height: 60px;
    background-color: var(--navbar_color);
    border-bottom: 1px solid var(--border_color);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--text_body);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    z-index: 200;
}

.vironeer-page-content .vironeer-page-header .vironeer-header-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--surface_color);
    border: 1px solid var(--border_color);
    color: var(--text_color);
    border-radius: .5rem;
    padding: .4rem .85rem;
    font-size: .8125rem;
    font-weight: 500;
    line-height: 1.2;
    min-height: 34px;
}

.vironeer-page-content .vironeer-page-header .vironeer-header-btn i {
    font-size: .95rem;
    color: var(--text_heading);
    font-weight: 600;
}

.vironeer-page-content .vironeer-page-header .vironeer-header-btn:hover,
.vironeer-page-content .vironeer-page-header .vironeer-header-btn:focus,
.vironeer-page-content .vironeer-page-header .vironeer-header-btn:active {
    background-color: var(--surface_soft);
    border-color: var(--border_strong);
    color: var(--text_color);
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media (max-width: 1199.98px) {
    .vironeer-page-content .vironeer-page-header {
        width: 100%;
    }
}

.vironeer-page-content .vironeer-page-header .vironeer-sibebar-icon {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 1rem;
    width: 34px;
    min-width: 34px;
    padding-left: 0;
    padding-right: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.vironeer-page-content .vironeer-page-header .vironeer-sibebar-icon i {
    font-size: 1.2rem;
    line-height: 1;
    color: var(--text_heading);
}

.vironeer-page-content .vironeer-page-header .vironeer-header-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .7rem;
    margin-left: auto;
    margin-right: 1rem;
}

.vironeer-page-content .vironeer-page-header .vironeer-notifications {
    position: relative;
    margin: 0;
    z-index: 200;
}

.vironeer-search-box {
    width: 100%;
}

.vironeer-page-content .vironeer-page-header .vironeer-notifications.active .vironeer-notifications-title {
    background-color: var(--surface_soft);
    border-color: var(--border_strong);
}

.vironeer-page-content .vironeer-page-header .vironeer-notifications.active .vironeer-notifications-menu {
    display: block;
}

.vironeer-page-content .vironeer-page-header .admin-theme-toggle,
.vironeer-page-content .vironeer-page-header .vironeer-notifications .vironeer-notifications-title {
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 34px;
    padding-left: .75rem;
    padding-right: .75rem;
    cursor: pointer;
}

.vironeer-page-content .vironeer-page-header .admin-theme-toggle i,
.vironeer-page-content .vironeer-page-header .vironeer-notifications .vironeer-notifications-title i {
    font-size: .95rem;
    line-height: 1;
    color: var(--text_heading);
}

.vironeer-page-content .vironeer-page-header .vironeer-notifications .vironeer-notifications-title .counter {
    position: absolute;
    top: -5px;
    right: -5px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 .35rem;
    border-radius: 999px;
    border: 2px solid var(--surface_color);
    background-color: var(--primary_color);
    color: var(--text_inverse);
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
}

.vironeer-page-content .vironeer-page-header .vironeer-notifications .vironeer-notifications-title .counter.disabled {
    background-color: var(--text_secondary);
}

.vironeer-page-content .vironeer-page-header .vironeer-notifications .vironeer-notifications-menu {
    display: none;
    position: absolute;
    top: 50px;
    right: 0;
    width: 360px;
    background-color: var(--surface_color);
    border-radius: .125rem;
    -webkit-box-shadow: 0 1px 15px var(--shadow_color_lg), 0 1px 3px var(--shadow_color_md), inset 0 -1px var(--shadow_color_sm);
    box-shadow: 0 1px 15px var(--shadow_color_lg), 0 1px 3px var(--shadow_color_md), inset 0 -1px var(--shadow_color_sm);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    z-index: 200;
}

.vironeer-page-content .vironeer-page-header .vironeer-notifications .vironeer-notifications-menu::before {
    position: absolute;
    content: '';
    border-width: 0 5px 5px;
    border-style: solid;
    border-right-color: transparent;
    border-bottom-color: var(--surface_color);
    border-left-color: transparent;
    border-top-color: transparent;
    top: -5px;
    right: 10px;
}

@media (max-width: 399.98px) {
    .vironeer-page-content .vironeer-page-header .vironeer-notifications .vironeer-notifications-menu {
        right: -60px;
    }
}

.vironeer-page-content .vironeer-page-header .vironeer-notifications .vironeer-notifications-menu .vironeer-notifications-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: .5rem 1rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid var(--border_faint);
}

.vironeer-page-content .vironeer-page-header .vironeer-notifications .vironeer-notifications-menu .vironeer-notifications-header .vironeer-notifications-header-title {
    font-size: .875rem;
    font-weight: 500;
}

.vironeer-page-content .vironeer-page-header .vironeer-notifications .vironeer-notifications-menu .vironeer-notifications-header a {
    font-size: .8125rem;
}

.vironeer-page-content .vironeer-page-header .vironeer-notifications .vironeer-notifications-menu .vironeer-notifications-header span {
    font-size: .8125rem;
}

.vironeer-page-content .vironeer-page-header .vironeer-notifications .vironeer-notifications-menu .vironeer-notifications-body {
    margin: 0;
    min-height: 5vh;
    max-height: 238px;
    overflow-x: hidden;
    overflow-y: auto;
}

@media (max-height: 500px) {
    .vironeer-page-content .vironeer-page-header .vironeer-notifications .vironeer-notifications-menu .vironeer-notifications-body {
        max-height: 50vh;
    }
}

.vironeer-page-content .vironeer-page-header .vironeer-notifications .vironeer-notifications-menu .vironeer-notifications-body .vironeer-notification {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .5rem 1rem;
    text-decoration: none;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.vironeer-page-content .vironeer-page-header .vironeer-notifications .vironeer-notifications-menu .vironeer-notifications-body .vironeer-notification:hover {
    background-color: var(--surface_muted);
}

.vironeer-page-content .vironeer-page-header .vironeer-notifications .vironeer-notifications-menu .vironeer-notifications-body .vironeer-notification .vironeer-notification-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: .125rem;
    margin-right: .75rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.vironeer-page-content .vironeer-page-header .vironeer-notifications .vironeer-notifications-menu .vironeer-notifications-body .vironeer-notification .vironeer-notification-image img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.vironeer-page-content .vironeer-page-header .vironeer-notifications .vironeer-notifications-menu .vironeer-notifications-body .vironeer-notification .vironeer-notification-info .unread {
    color: #f52a2a;
    font-size: 8px;
}

.flashit {
    color: #f2f;
    -webkit-animation: flash linear 1s infinite;
    animation: flash linear 1s infinite;
}

@-webkit-keyframes flash {
    0% {
        opacity: 1;
    }

    50% {
        opacity: .1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes flash {
    0% {
        opacity: 1;
    }

    50% {
        opacity: .1;
    }

    100% {
        opacity: 1;
    }
}

.notifications-card {
    overflow: hidden;
}

.notifications-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.notifications-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .9rem;
    padding: .95rem 1.15rem;
    border-bottom: 1px solid var(--border_soft);
    text-decoration: none;
    color: inherit;
    -webkit-transition: background-color .15s ease;
    transition: background-color .15s ease;
}

.notifications-item:last-child {
    border-bottom: 0;
    border-bottom-left-radius: calc(.5rem - 1px);
    border-bottom-right-radius: calc(.5rem - 1px);
}

a.notifications-item:hover,
a.notifications-item:focus {
    background-color: var(--surface_hover);
    color: inherit;
    text-decoration: none;
}

.notifications-item.is-unread {
    background-color: color-mix(in srgb, var(--primary_color) 4%, var(--mix_base));
}

.notifications-item-avatar {
    width: 44px;
    height: 44px;
    min-width: 44px;
    overflow: hidden;
    border-radius: .65rem;
    background-color: var(--surface_hover);
    border: 1px solid var(--border_soft);
}

.notifications-item-avatar img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.notifications-item-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .15rem;
    min-width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.notifications-item-title {
    font-size: .925rem;
    font-weight: 600;
    color: var(--text_color);
    line-height: 1.35;
}

.notifications-item-text {
    font-size: .775rem;
    color: var(--text_secondary);
    line-height: 1.3;
}

.notifications-item-dot {
    width: 8px;
    height: 8px;
    min-width: 8px;
    border-radius: 50%;
    background-color: var(--primary_color);
}

.notifications-item-arrow {
    color: var(--text_muted);
    font-size: .85rem;
}

.vironeer-page-content .vironeer-page-header .vironeer-notifications .vironeer-notifications-menu .vironeer-notifications-body .vironeer-notification .vironeer-notification-info {
    width: calc(100% - 50px);
}

.vironeer-page-content .vironeer-page-header .vironeer-notifications .vironeer-notifications-menu .vironeer-notifications-body .vironeer-notification .vironeer-notification-info .vironeer-notification-title {
    font-size: .875rem;
    font-weight: 500;
    color: var(--text_body);
}

.vironeer-page-content .vironeer-page-header .vironeer-notifications .vironeer-notifications-menu .vironeer-notifications-body .vironeer-notification .vironeer-notification-info .vironeer-notification-text {
    color: #6c757d;
    font-size: .8125rem;
    margin-top: .125rem;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

.vironeer-page-content .vironeer-page-header .vironeer-notifications .vironeer-notifications-menu .vironeer-notifications-footer {
    display: block;
    padding: 0.375rem 1rem calc(.375rem + 1px);
    text-align: center;
    text-decoration: none;
    color: #6c757d;
    font-size: .8125rem;
    border-top: 1px solid var(--border_faint);
}

.vironeer-page-content .vironeer-page-header .vironeer-notifications .vironeer-notifications-menu .vironeer-notifications-footer:hover {
    background-color: var(--surface_muted);
}

.vironeer-page-content .vironeer-page-header .vironeer-user-menu {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

.vironeer-page-content .vironeer-page-header .vironeer-user-menu .vironeer-user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .5rem;
    padding: 0;
    background: transparent;
    border: 0;
    cursor: pointer;
}

.vironeer-page-content .vironeer-page-header .vironeer-user-menu .vironeer-user:hover,
.vironeer-page-content .vironeer-page-header .vironeer-user-menu .vironeer-user.show {
    background: transparent;
}

.vironeer-page-content .vironeer-page-header .vironeer-user-menu .vironeer-user .vironeer-user-avatar {
    width: 32px;
    height: 32px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.vironeer-page-content .vironeer-page-header .vironeer-user-menu .vironeer-user .vironeer-user-avatar img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: .5rem;
}

.vironeer-page-content .vironeer-page-header .vironeer-user-menu .vironeer-user .vironeer-user-info {
    line-height: 1;
    min-width: 0;
}

.vironeer-page-content .vironeer-page-header .vironeer-user-menu .vironeer-user .vironeer-user-info .vironeer-user-title {
    font-size: .875rem;
    font-weight: 500;
    color: var(--text_color);
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.vironeer-page-content .vironeer-page-header .vironeer-user-menu .vironeer-user .vironeer-user-arrow {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--text_secondary);
    font-size: .7rem;
    line-height: 1;
}

.vironeer-page-content .vironeer-page-header .vironeer-user-menu .dropdown-menu {
    background-color: var(--surface_color);
    color: var(--text_color);
    position: absolute;
    top: 50px;
    right: 0;
    left: auto;
    min-width: 180px;
    margin: 0 !important;
    padding: .35rem;
    border: 1px solid var(--border_color);
    border-radius: .5rem;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    -webkit-box-shadow: 0 8px 24px var(--shadow_color);
    box-shadow: 0 8px 24px var(--shadow_color);
}

.vironeer-page-content .vironeer-page-header .vironeer-user-menu .dropdown-menu::before,
.vironeer-page-content .vironeer-page-header .vironeer-user-menu .dropdown-menu::after {
    position: absolute;
    content: '';
    border-width: 0 6px 6px;
    border-style: solid;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
    right: 12px;
}

.vironeer-page-content .vironeer-page-header .vironeer-user-menu .dropdown-menu::before {
    top: -6px;
    border-bottom-color: var(--border_color);
}

.vironeer-page-content .vironeer-page-header .vironeer-user-menu .dropdown-menu::after {
    top: -5px;
    border-bottom-color: var(--surface_color);
}

.vironeer-page-content .vironeer-page-header .vironeer-user-menu .dropdown-menu .dropdown-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .5rem;
    padding: .55rem .75rem;
    border-radius: .375rem;
    font-size: .875rem;
    color: var(--text_color);
}

.vironeer-page-content .vironeer-page-header .vironeer-user-menu .dropdown-menu .dropdown-item i {
    font-size: 1rem;
    line-height: 1;
}

.vironeer-page-content .vironeer-page-header .vironeer-user-menu .dropdown-menu .dropdown-item:hover,
.vironeer-page-content .vironeer-page-header .vironeer-user-menu .dropdown-menu .dropdown-item:focus {
    background-color: var(--surface_muted);
    opacity: 1;
}

.vironeer-page-content .vironeer-page-header .vironeer-user-menu .dropdown-menu .dropdown-item.text-danger:hover,
.vironeer-page-content .vironeer-page-header .vironeer-user-menu .dropdown-menu .dropdown-item.text-danger:focus {
    background-color: color-mix(in srgb, #ef4444 12%, var(--mix_base));
    color: #dc3545;
}

.vironeer-page-content .vironeer-page-header .vironeer-user-menu .dropdown-menu .dropdown-divider {
    margin: .35rem 0;
    border-top-color: var(--border_soft) !important;
}

.vironeer-page-content .vironeer-page-body {
    padding-right: 1rem;
    padding-left: 1rem;
    color: var(--text_body);
}

@media (max-width: 1199.98px) {
    .vironeer-page-content .vironeer-page-body {
        padding-right: 0;
        padding-left: 0;
    }
}

.vironeer-dashboard-alert {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.15rem;
    border: 1px solid transparent;
    border-radius: .75rem;
}

.vironeer-dashboard-alert-warning {
    background-color: var(--warning_bg);
    border-color: var(--warning_border);
    color: var(--warning_text);
}

.vironeer-dashboard-alert-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    min-width: 42px;
    border-radius: .65rem;
    background-color: var(--warning_icon_bg);
    color: var(--warning_icon);
    font-size: 1.15rem;
}

.vironeer-dashboard-alert-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
}

.vironeer-dashboard-alert-title {
    font-size: .95rem;
    font-weight: 600;
    color: var(--warning_title);
    line-height: 1.3;
}

.vironeer-dashboard-alert-text {
    font-size: .875rem;
    color: var(--warning_text);
    line-height: 1.45;
}

.vironeer-dashboard-alert-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    background-color: #f0b429;
    border: 1px solid #e0a820;
    color: #3d2c00;
    font-size: .8125rem;
    font-weight: 600;
    border-radius: .5rem;
    padding: .45rem .9rem;
}

.vironeer-dashboard-alert-btn:hover,
.vironeer-dashboard-alert-btn:focus,
.vironeer-dashboard-alert-btn:active {
    background-color: #e0a820;
    border-color: #d09510;
    color: #2d2000;
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media (max-width: 767.98px) {
    .vironeer-dashboard-alert {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .vironeer-dashboard-alert-btn {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.dropdown-menu {
    --bs-dropdown-bg: var(--surface_color);
    --bs-dropdown-color: var(--text_color);
    --bs-dropdown-border-color: var(--border_color);
    --bs-dropdown-link-color: var(--text_color);
    --bs-dropdown-link-hover-color: var(--text_heading);
    --bs-dropdown-link-hover-bg: var(--surface_hover);
    --bs-dropdown-link-active-color: var(--text_inverse);
    --bs-dropdown-link-active-bg: var(--primary_color);
    --bs-dropdown-divider-bg: var(--border_soft);
    border: 1px solid var(--border_color);
    background-color: var(--surface_color);
    color: var(--text_color);
    -webkit-box-shadow: 0 1px 15px var(--shadow_color_lg), 0 1px 3px var(--shadow_color_md), inset 0 -1px var(--shadow_color_sm);
    box-shadow: 0 1px 15px var(--shadow_color_lg), 0 1px 3px var(--shadow_color_md), inset 0 -1px var(--shadow_color_sm);
}

.dropdown-menu-lg {
    width: 12rem !important;
}

.dropdown-menu .dropdown-item {
    text-decoration: none;
    color: var(--text_color);
}

.dropdown-menu .dropdown-item i {
    color: var(--text_secondary);
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--primary_color);
    color: var(--text_inverse);
}

.dropdown-menu .dropdown-item.active i,
.dropdown-menu .dropdown-item:active i {
    color: var(--text_inverse);
}

.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus {
    color: var(--text_heading);
    background-color: var(--surface_hover);
    opacity: 1;
}

.dropdown-menu .dropdown-item:hover i,
.dropdown-menu .dropdown-item:focus i {
    color: var(--primary_color);
}

.dropdown-menu .dropdown-item.active:hover i,
.dropdown-menu .dropdown-item.active:focus i,
.dropdown-menu .dropdown-item:active:hover i,
.dropdown-menu .dropdown-item:active:focus i {
    color: var(--text_inverse);
}

.dropdown-menu .dropdown-item.text-danger,
.dropdown-menu .dropdown-item.text-danger i {
    color: #f87171 !important;
}

.dropdown-menu .dropdown-item.text-danger:hover,
.dropdown-menu .dropdown-item.text-danger:focus {
    background-color: color-mix(in srgb, #ef4444 14%, var(--mix_base));
    color: #fca5a5 !important;
}

.dropdown-menu .dropdown-divider,
.dropdown-divider {
    height: 0;
    margin: .35rem 0;
    overflow: hidden;
    opacity: 1;
    border: 0;
    border-top: 1px solid var(--border_soft) !important;
    background-color: transparent;
}

.card {
    background-color: var(--surface_color);
    color: var(--text_color);
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid var(--border_color);
    border-radius: .5rem;
    font-size: .9375rem;
    height: 100%;
}

.counter-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.1rem;
    height: 100%;
    padding: 1.35rem 1.4rem;
    background-color: var(--surface_color);
    border: 1px solid var(--border_color);
    border-radius: .5rem;
    text-decoration: none;
    color: inherit;
    -webkit-transition: border-color .15s ease, background-color .15s ease;
    transition: border-color .15s ease, background-color .15s ease;
}

a.counter-card-link:hover,
a.counter-card-link:focus {
    border-color: color-mix(in srgb, var(--primary_color) 35%, var(--border_color));
    background-color: color-mix(in srgb, var(--primary_color) 4%, var(--mix_base));
    color: inherit;
    text-decoration: none;
}

.dashboard-equal-row>[class*="col-"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.dashboard-equal-row>[class*="col-"]>.card {
    width: 100%;
    height: 100% !important;
}

.dashboard-equal-row>[class*="col-"]>.card>.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.dashboard-equal-row>[class*="col-"]>.card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.dashboard-chart {
    position: relative;
    min-height: 400px;
}

.dashboard-chart .apexcharts-tooltip {
    border: 1px solid var(--border_color) !important;
    box-shadow: 0 8px 24px var(--shadow_color) !important;
    border-radius: .5rem !important;
}

.dashboard-chart .apexcharts-tooltip-title {
    background: var(--surface_hover) !important;
    border-bottom: 1px solid var(--border_soft) !important;
}

.dashboard-card-menu {
    padding: .15rem .35rem;
    line-height: 1;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.dashboard-card-menu:hover,
.dashboard-card-menu:focus,
.dashboard-card-menu:active,
.dashboard-card-menu.show {
    background-color: var(--surface_muted);
    box-shadow: none;
}

.dashboard-card-menu i {
    font-size: 1rem;
}

.settings-index-search {
    position: relative;
    width: min(280px, 70vw);
}

.settings-index-search i {
    position: absolute;
    top: 50%;
    left: .85rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: var(--text_muted);
    font-size: .9rem;
    pointer-events: none;
}

.settings-index-search .form-control {
    padding-left: 2.25rem;
    min-height: 2.5rem;
    height: 2.5rem;
}

.settings-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
    height: 100%;
    padding: 1.15rem 1.2rem;
    background-color: var(--surface_color);
    border: 1px solid var(--border_color);
    border-radius: .65rem;
    text-decoration: none;
    color: inherit;
    -webkit-transition: border-color .15s ease, background-color .15s ease;
    transition: border-color .15s ease, background-color .15s ease;
}

.settings-card:hover,
.settings-card:focus {
    border-color: color-mix(in srgb, var(--primary_color) 35%, var(--border_color));
    background-color: color-mix(in srgb, var(--primary_color) 4%, var(--mix_base));
    color: inherit;
    text-decoration: none;
}

.settings-card-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: .65rem;
    background-color: color-mix(in srgb, var(--primary_color) 12%, var(--mix_base));
    color: var(--primary_color);
    font-size: 1.15rem;
}

.settings-card-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .2rem;
    min-width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.settings-card-title {
    font-size: .95rem;
    font-weight: 600;
    color: var(--text_color);
    line-height: 1.3;
}

.settings-card-text {
    font-size: .8125rem;
    color: var(--text_secondary);
    line-height: 1.4;
}

.settings-card-arrow {
    color: var(--text_muted);
    font-size: .9rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.settings-card:hover .settings-card-arrow {
    color: var(--primary_color);
}

.settings-cards-empty {
    padding: 2rem 0;
}

.dashboard-quick-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .75rem;
}

.dashboard-quick-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    min-width: 140px;
    gap: .75rem;
    padding: .8rem 1.05rem;
    background-color: var(--surface_color);
    border: 1px solid var(--border_color);
    border-radius: .5rem;
    color: var(--text_label);
    font-size: .9375rem;
    font-weight: 500;
    text-decoration: none;
    -webkit-transition: border-color .15s ease, background-color .15s ease, color .15s ease;
    transition: border-color .15s ease, background-color .15s ease, color .15s ease;
}

.dashboard-quick-link:hover,
.dashboard-quick-link:focus {
    border-color: color-mix(in srgb, var(--primary_color) 35%, var(--border_color));
    background-color: color-mix(in srgb, var(--primary_color) 6%, var(--mix_base));
    color: var(--primary_color);
    text-decoration: none;
}

.dashboard-quick-link-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: .5rem;
    background-color: color-mix(in srgb, var(--primary_color) 12%, var(--mix_base));
    color: var(--primary_color);
    font-size: 1.05rem;
}

.dashboard-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.dashboard-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .95rem;
    padding: 1.05rem 1.25rem;
    border-bottom: 1px solid var(--border_soft);
    text-decoration: none;
    color: inherit;
    -webkit-transition: background-color .15s ease;
    transition: background-color .15s ease;
}

.dashboard-list-item:last-child {
    border-bottom: 0;
}

.dashboard-list-item:hover,
.dashboard-list-item:focus {
    background-color: var(--surface_hover);
    color: inherit;
    text-decoration: none;
}

.dashboard-list-avatar {
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}

.dashboard-list-thumb {
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: .5rem;
    -o-object-fit: cover;
    object-fit: cover;
    background-color: var(--surface_soft);
    border: 1px solid var(--border_color);
}

.dashboard-list-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: .65rem;
    background-color: color-mix(in srgb, var(--primary_color) 12%, var(--mix_base));
    color: var(--primary_color);
    font-size: 1.15rem;
}

.dashboard-list-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .15rem;
    min-width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.dashboard-list-title {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text_color);
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dashboard-list-text {
    font-size: .85rem;
    color: var(--text_secondary);
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dashboard-list-arrow {
    color: var(--text_muted);
    font-size: .85rem;
}

.dashboard-list-item .badge {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.counter-card-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    min-width: 54px;
    border-radius: .65rem;
    font-size: 1.4rem;
    line-height: 1;
}

.counter-card-icon.is-primary {
    background-color: color-mix(in srgb, var(--primary_color) 14%, var(--mix_base));
    color: var(--primary_color);
}

.counter-card-icon.is-blue {
    background-color: color-mix(in srgb, #2f6fed 14%, var(--mix_base));
    color: #2f6fed;
}

.counter-card-icon.is-info {
    background-color: color-mix(in srgb, #0f9bb4 14%, var(--mix_base));
    color: #0f9bb4;
}

.counter-card-icon.is-danger {
    background-color: color-mix(in srgb, #e03137 14%, var(--mix_base));
    color: #e03137;
}

.counter-card-icon.is-orange {
    background-color: color-mix(in srgb, #e67e22 14%, var(--mix_base));
    color: #e67e22;
}

.counter-card-icon.is-purple {
    background-color: color-mix(in srgb, #7c5cfc 14%, var(--mix_base));
    color: #7c5cfc;
}

.counter-card-icon.is-green {
    background-color: color-mix(in srgb, #2f9e44 14%, var(--mix_base));
    color: #2f9e44;
}

.counter-card-meta {
    min-width: 0;
}

.counter-card-label {
    margin-bottom: .3rem;
    font-size: .9rem;
    font-weight: 500;
    color: var(--text_secondary);
    line-height: 1.2;
}

.counter-card-value {
    margin-bottom: 0;
    font-size: 1.7rem;
    font-weight: 700;
    color: var(--text_color);
    line-height: 1.2;
}

.system-info-help-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--surface_color);
    border: 1px solid var(--border_color);
    color: var(--text_color);
    border-radius: .5rem;
    padding: .45rem .9rem;
    font-size: .8125rem;
    font-weight: 500;
}

.system-info-help-btn:hover,
.system-info-help-btn:focus,
.system-info-help-btn:active {
    background-color: var(--surface_soft);
    border-color: var(--border_strong);
    color: var(--text_heading);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.uploaded-media-notice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.15rem;
    background-color: color-mix(in srgb, var(--primary_color) 6%, var(--mix_base));
    border: 1px solid color-mix(in srgb, var(--primary_color) 18%, var(--border_color));
    border-radius: .75rem;
}

.uploaded-media-notice-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    min-width: 42px;
    border-radius: .65rem;
    background-color: color-mix(in srgb, var(--primary_color) 14%, var(--mix_base));
    color: var(--primary_color);
    font-size: 1.15rem;
}

.uploaded-media-notice-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
}

.uploaded-media-notice-title {
    font-size: .95rem;
    font-weight: 600;
    color: var(--text_color);
    line-height: 1.3;
}

.uploaded-media-notice-text {
    font-size: .875rem;
    color: var(--text_secondary);
    line-height: 1.45;
}

.uploaded-media-count {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 2rem;
    height: 2rem;
    padding: 0 .55rem;
    border-radius: .5rem;
    background-color: var(--surface_color);
    border: 1px solid var(--border_color);
    color: var(--text_color);
    font-size: .8125rem;
    font-weight: 600;
}

.uploaded-media-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    background-color: var(--surface_color);
    border: 1px solid var(--border_color);
    border-radius: .65rem;
    overflow: hidden;
}

.uploaded-media-preview {
    display: block;
    aspect-ratio: 16 / 10;
    background-color: var(--surface_hover);
    border-bottom: 1px solid var(--border_soft);
    overflow: hidden;
}

.uploaded-media-preview img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
}

.uploaded-media-card:hover .uploaded-media-preview img {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
}

.uploaded-media-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .75rem;
    padding: .9rem 1rem;
}

.uploaded-media-meta {
    min-width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.uploaded-media-name {
    font-size: .875rem;
    font-weight: 600;
    color: var(--text_color);
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.uploaded-media-date {
    margin-top: .2rem;
    font-size: .775rem;
    color: var(--text_secondary);
    line-height: 1.3;
}

.uploaded-media-menu {
    padding: .15rem .35rem;
    line-height: 1;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.uploaded-media-menu:hover,
.uploaded-media-menu:focus,
.uploaded-media-menu:active,
.uploaded-media-menu.show {
    background-color: var(--surface_muted);
    box-shadow: none;
}

@media (max-width: 575.98px) {
    .uploaded-media-notice {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.system-info-card {
    background-color: var(--surface_color);
    border: 1px solid var(--border_color);
    border-radius: .5rem;
    padding: 1.25rem;
}

.system-info-card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .85rem;
    margin-bottom: 1.15rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--border_color);
}

.system-info-card-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    min-width: 42px;
    border-radius: .65rem;
    font-size: 1.15rem;
}

.system-info-card-icon.is-primary {
    background-color: color-mix(in srgb, var(--primary_color) 14%, var(--mix_base));
    color: var(--primary_color);
}

.system-info-card-icon.is-blue {
    background-color: color-mix(in srgb, #2f6fed 14%, var(--mix_base));
    color: #2f6fed;
}

.system-info-card-icon.is-orange {
    background-color: color-mix(in srgb, #e67e22 14%, var(--mix_base));
    color: #e67e22;
}

.system-info-card-title {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text_color);
    line-height: 1.3;
}

.system-info-card-subtitle {
    margin-top: .15rem;
    font-size: .8125rem;
    color: var(--text_secondary);
    line-height: 1.35;
}

.system-info-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.system-info-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 1rem;
    padding: .8rem 0;
    border-bottom: 1px solid var(--surface_muted);
}

.system-info-row:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.system-info-row:first-child {
    padding-top: 0;
}

.system-info-label {
    font-size: .875rem;
    font-weight: 500;
    color: var(--text_secondary);
}

.system-info-value {
    font-size: .875rem;
    font-weight: 600;
    color: var(--text_color);
    text-align: right;
    word-break: break-word;
}

.system-info-badge {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .2rem .55rem;
    border-radius: 999px;
    background-color: color-mix(in srgb, var(--primary_color) 14%, var(--mix_base));
    color: var(--primary_color);
    font-size: .75rem;
    font-weight: 600;
}

.system-info-badge.is-blue {
    background-color: color-mix(in srgb, #2f6fed 14%, var(--mix_base));
    color: #2f6fed;
}

.system-info-cache .system-info-card-header {
    margin-bottom: 1rem;
}

.system-info-cache-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .4rem;
    white-space: nowrap;
    background-color: var(--surface_color);
    border: 1px solid var(--border_color);
    color: var(--text_color);
    font-size: .8125rem;
    font-weight: 600;
    border-radius: .5rem;
    padding: .5rem .9rem;
    margin-left: auto;
}

.system-info-cache-btn:hover,
.system-info-cache-btn:focus,
.system-info-cache-btn:active {
    background-color: var(--surface_soft);
    border-color: var(--border_strong);
    color: var(--text_heading);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.system-info-cache-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.system-info-cache-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .55rem;
    padding: .75rem .85rem;
    background-color: var(--surface_subtle);
    border: 1px solid var(--border_color);
    border-radius: .5rem;
    font-size: .875rem;
    color: var(--text_label);
}

.system-info-cache-item i {
    color: var(--primary_color);
    font-size: 1rem;
    line-height: 1;
}

@media (max-width: 767.98px) {
    .system-info-card-header {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .system-info-cache-btn {
        width: 100%;
        margin-left: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .system-info-cache-grid {
        grid-template-columns: 1fr;
    }

    .system-info-value {
        text-align: left;
    }
}

.card-header {
    padding: .8rem 1rem;
    background: var(--sidebar_color);
    font-size: 17px;
    font-weight: 500;
    border-bottom: 1px solid var(--border_color);
}

.card>.card-header:first-child {
    border-top-left-radius: calc(.5rem - 1px);
    border-top-right-radius: calc(.5rem - 1px);
}

.card>.card-footer:last-child {
    border-bottom-left-radius: calc(.5rem - 1px);
    border-bottom-right-radius: calc(.5rem - 1px);
}

.card>.card-body:first-child,
.card>.list-group:first-child,
.card>.table-responsive:first-child,
.card>.table:first-child {
    border-top-left-radius: calc(.5rem - 1px);
    border-top-right-radius: calc(.5rem - 1px);
}

.card>.card-body:last-child,
.card>.list-group:last-child,
.card>.table-responsive:last-child,
.card>.table:last-child {
    border-bottom-left-radius: calc(.5rem - 1px);
    border-bottom-right-radius: calc(.5rem - 1px);
}

.custom-card {
    height: auto !important
}

.vhp-400 {
    height: 400px;
}

.vhp-460 {
    height: 460px;
}

.vironeer-box {
    padding: 1.25rem;
    height: 100%;
}

.vironeer-box.v2 {
    padding: 0;
}

.vironeer-box.v2 .vironeer-box-header {
    padding-top: 1.25rem;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
}

.vironeer-box.v2 .vironeer-box-body {
    display: block;
    padding: 0;
}

.vironeer-box.v2 .vironeer-box-body>* {
    width: 100%;
}

.vironeer-box .vironeer-box-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.25rem;
}

.vironeer-box .vironeer-box-header .vironeer-box-header-title {
    color: var(--text_secondary);
    font-size: .875rem;
    font-weight: 400;
}

.vironeer-box .vironeer-box-header .vironeer-box-header-title.large {
    font-size: 1.0625rem;
    font-weight: 500;
    color: var(--text_body);
}

.vironeer-box .vironeer-box-header .vironeer-box-header-action {
    margin-right: -.625rem;
}

.vironeer-box .vironeer-box-header .vironeer-box-header-action .btn {
    margin-top: -.3125rem;
    margin-bottom: -.3125rem;
    border: none;
    background-color: var(--surface_color);
    padding-right: 10px;
    padding-left: 10px;
}

.vironeer-box .vironeer-box-header .vironeer-box-header-action .btn i {
    font-size: 12px;
    color: #6c757d;
}

.vironeer-box .vironeer-box-header .vironeer-box-header-action .btn:focus {
    -webkit-box-shadow: 0 0 0 2px var(--surface_color), 0 0 0 4px #3d464d;
    box-shadow: 0 0 0 2px var(--surface_color), 0 0 0 4px #3d464d;
}

.btn-soft-text {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .4rem;
    background-color: var(--surface_color);
    border: 1px solid var(--border_color);
    border-radius: .5rem;
    color: var(--text_color);
    font-size: .9375rem;
    font-weight: 500;
    padding: .625rem .95rem;
    min-height: 2.75rem;
}

.btn-soft-text i {
    font-size: 1rem;
    color: var(--text_heading);
    line-height: 1;
}

.btn-soft-text.w-100 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.btn-soft-text:hover,
.btn-soft-text:focus,
.btn-soft-text:active,
.btn-soft-text.show {
    background-color: var(--surface_soft);
    border-color: var(--border_strong);
    color: var(--text_heading);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-soft-text .quick-access-arrow {
    font-size: .7rem;
    color: var(--text_secondary);
    line-height: 1;
    margin-left: .1rem;
    -webkit-transition: transform .2s ease;
    -o-transition: transform .2s ease;
    transition: transform .2s ease;
}

.btn-soft-text[aria-expanded="true"] .quick-access-arrow {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.quick-access-menu {
    min-width: 230px;
    padding: .4rem;
    border: 1px solid var(--border_color);
    border-radius: .5rem;
    -webkit-box-shadow: 0 8px 24px var(--shadow_color);
    box-shadow: 0 8px 24px var(--shadow_color);
}

.quick-access-menu .dropdown-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .65rem;
    padding: .6rem .75rem;
    border-radius: .375rem;
    font-size: .875rem;
    color: var(--text_color);
}

.quick-access-menu .dropdown-item i {
    width: 1rem;
    font-size: 1rem;
    line-height: 1;
    color: var(--text_secondary);
}

.quick-access-menu .dropdown-item:hover,
.quick-access-menu .dropdown-item:focus {
    background-color: var(--surface_muted);
    color: var(--text_heading);
}

.quick-access-menu .dropdown-item:hover i,
.quick-access-menu .dropdown-item:focus i {
    color: var(--primary_color);
}

.quick-access-menu .dropdown-divider {
    margin: .35rem 0;
    border-top-color: var(--border_color);
}

.table .dropdown-menu .dropdown-item,
.datatable .dropdown-menu .dropdown-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .65rem;
    color: var(--text_color);
}

.table .dropdown-menu .dropdown-item i,
.datatable .dropdown-menu .dropdown-item i {
    width: 1rem;
    font-size: 1rem;
    line-height: 1;
    color: var(--text_secondary);
    margin: 0 !important;
}

.table .dropdown-menu .dropdown-item:hover i,
.table .dropdown-menu .dropdown-item:focus i,
.datatable .dropdown-menu .dropdown-item:hover i,
.datatable .dropdown-menu .dropdown-item:focus i {
    color: var(--primary_color);
}

.table .dropdown-menu .dropdown-item.active i,
.table .dropdown-menu .dropdown-item:active i,
.datatable .dropdown-menu .dropdown-item.active i,
.datatable .dropdown-menu .dropdown-item:active i,
.table .dropdown-menu .dropdown-item.active:hover i,
.table .dropdown-menu .dropdown-item.active:focus i,
.datatable .dropdown-menu .dropdown-item.active:hover i,
.datatable .dropdown-menu .dropdown-item.active:focus i {
    color: var(--text_inverse);
}

.table .dropdown-menu .dropdown-item.text-danger,
.table .dropdown-menu .dropdown-item.text-danger i,
.datatable .dropdown-menu .dropdown-item.text-danger,
.datatable .dropdown-menu .dropdown-item.text-danger i {
    color: #f87171 !important;
}

.vironeer-box .vironeer-box-body {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .125rem 0;
}

.vironeer-box .vironeer-box-body>* {
    width: 50%;
}

.vironeer-box .vironeer-box-body .vironeer-box-body-title {
    margin-right: .75rem;
    font-size: 2rem;
    font-weight: 500;
    line-height: 1;
}

.vironeer-box .vironeer-box-body .vironeer-box-body-per {
    font-size: .875rem;
    font-weight: 500;
    text-align: end;
}

.vironeer-box .vironeer-box-body .vironeer-box-body-per.up {
    color: #47ad24;
}

.vironeer-box .vironeer-box-body .vironeer-box-body-per.up i {
    margin-right: 3px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.vironeer-box .vironeer-box-body .vironeer-box-body-per.down {
    color: #e52e2e;
}

.vironeer-box .vironeer-box-body .vironeer-box-body-per.down i {
    margin-right: 2px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

.vironeer-box .vironeer-box-body .vironeer-box-body-text {
    color: var(--text_secondary);
    font-size: .75rem;
    margin-top: .25rem;
    text-align: end;
}

.vironeer-box .vironeer-box-body .vironeer-box-body-counter span {
    display: block;
    background: #e2fff6;
    border-radius: .125rem;
    color: #03855f;
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 1;
    margin: 0 1.25rem .75rem;
    padding: 1.5rem 1.25rem;
    text-align: center;
}

.vironeer-counter-box {
    background: var(--primary_color);
    display: block;
    color: var(--text_inverse);
    padding: 30px 30px 20px 30px;
    position: relative;
    border-radius: .5rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid var(--border_color);
}

.vironeer-counter-box.white {
    background: var(--surface_color);
    color: #333;
}

.vironeer-counter-box:before {
    content: '';
    width: 110px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.vironeer-counter-box .vironeer-counter-box-icon {
    position: relative;
    width: 110px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    right: 0;
    text-align: center;
    font-size: 40px;
    font-size: 4rem;
    color: rgba(255, 255, 255, 25%);
}

.vironeer-counter-box .vironeer-counter-box-title {
    margin: 0 0 5px 0;
    font-size: 1.4rem;
    font-weight: 400;
}

.vironeer-counter-box .vironeer-counter-box-number {
    font-size: 1.6rem;
    font-weight: 700;
    margin: 0;
}

.vironeer-normal-table {
    margin-bottom: 0 !important;
}

.vironeer-normal-table thead th {
    padding-top: .625rem;
    padding-bottom: .625rem;
    border-top: 0;
    border-bottom: 0 !important;
}

.vironeer-normal-table thead th:first-child {
    padding-left: 1.25rem;
}

.vironeer-normal-table thead th:last-child {
    padding-right: 1.25rem;
}

.vironeer-normal-table tbody td {
    padding-top: .75rem;
    padding-bottom: .75rem;
    border-top: 1px solid var(--border_faint) !important;
    border-bottom: 0;
    vertical-align: middle;
    white-space: nowrap;
}

.vironeer-normal-table tbody td:first-child {
    padding-left: 1.25rem;
}

.vironeer-normal-table tbody td:last-child {
    padding-right: 1.25rem;
}

.vironeer-box .vironeer-box-body .vironeer-box-body-table.v2 {
    overflow-x: auto;
}

.vironeer-box .vironeer-box-body .vironeer-box-body-table.v2 table tbody td {
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.vironeer-box .vironeer-box-body .vironeer-box-body-table table {
    width: 100%;
}

.vironeer-box .vironeer-box-body .vironeer-box-body-table table thead th {
    color: #6c757d;
    padding-top: .5rem;
    padding-right: .5rem;
    padding-bottom: .5rem;
    padding-left: .5rem;
    font-size: .8125rem;
    font-weight: 500;
    white-space: nowrap;
}

.vironeer-box .vironeer-box-body .vironeer-box-body-table table thead th:first-child {
    padding-left: 1.25rem;
}

.vironeer-box .vironeer-box-body .vironeer-box-body-table table thead th:last-child {
    padding-right: 1.25rem;
}

.vironeer-box .vironeer-box-body .vironeer-box-body-table table tbody td {
    border-top: 1px solid var(--border_faint);
    padding-top: .25rem;
    padding-right: .5rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem;
    white-space: nowrap;
}

.vironeer-box .vironeer-box-body .vironeer-box-body-table table tbody td a {
    color: var(--text_body);
}

.vironeer-box .vironeer-box-body .vironeer-box-body-table table tbody td:first-child {
    padding-left: 1.25rem;
}

.vironeer-box .vironeer-box-body .vironeer-box-body-table table tbody td:last-child {
    padding-right: 1.25rem;
}

.vironeer-box .vironeer-box-body .vironeer-box-body-table table .co img {
    border-radius: .125rem;
    height: 1rem;
    -o-object-fit: none;
    object-fit: none;
    -o-object-position: center;
    object-position: center;
    width: 1.375rem;
}

.vironeer-box .vironeer-box-body .vironeer-box-body-table table .name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.vironeer-box .vironeer-box-body .vironeer-box-body-table table .name .name-char {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--border_soft);
    color: #77838c;
    text-decoration: none;
    margin-right: 0.5rem;
    font-weight: 500;
    font-size: 95%;
}

@media (max-width: 991.98px) {
    .vironeer-box.table-box .vironeer-box-body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        padding-right: 1.25rem;
        padding-bottom: 1.25rem;
    }

    .vironeer-box.table-box .vironeer-box-body .vironeer-box-body-table {
        margin-bottom: 0;
        border: 1px solid var(--border_faint);
        border-radius: .125rem;
    }

    .vironeer-box.table-box .vironeer-box-body .vironeer-box-body-table table thead th {
        padding-right: .75rem;
        padding-left: .75rem;
    }

    .vironeer-box.table-box .vironeer-box-body .vironeer-box-body-table table tbody td {
        padding-right: .75rem;
        padding-left: .75rem;
    }

    .vironeer-box.table-box .vironeer-box-body-counter {
        width: auto;
    }

    .vironeer-box.table-box .vironeer-box-body-counter span {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 100%;
        min-width: 12rem;
    }
}

@media (max-width: 767.98px) {
    .vironeer-box.table-box .vironeer-box-body {
        display: block;
        padding-right: 0;
        padding-bottom: 1rem;
    }

    .vironeer-box.table-box .vironeer-box-body .vironeer-box-body-table {
        border: 0;
        border-bottom: 1px solid var(--border_faint);
    }

    .vironeer-box.table-box .vironeer-box-body .vironeer-box-body-table table thead th {
        padding-right: 1.25rem;
        padding-left: 1.25rem;
    }

    .vironeer-box.table-box .vironeer-box-body .vironeer-box-body-table table tbody td {
        padding-right: 1.25rem;
        padding-left: 1.25rem;
    }
}

@media (max-width: 1399.98px) {
    .vironeer-box.chart-box .vironeer-box-body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        padding-top: 0;
        padding-right: 1.75rem;
        padding-bottom: 1.75em;
    }

    .vironeer-box.chart-box .vironeer-box-body .vironeer-box-body-table {
        margin-bottom: 0;
        border: 1px solid var(--border_faint);
        border-radius: .125rem;
    }

    .vironeer-box.chart-box .vironeer-box-body .vironeer-box-body-table table thead th {
        padding-right: .75rem;
        padding-left: .75rem;
    }

    .vironeer-box.chart-box .vironeer-box-body .vironeer-box-body-table table tbody td {
        padding-right: .75rem;
        padding-left: .75rem;
    }

    .vironeer-box.chart-box .chart {
        width: 400px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
}

@media (max-width: 1399.98px) and (max-width: 991.98px) {
    .vironeer-box.chart-box .chart {
        width: 290px;
    }
}

@media (max-width: 1399.98px) and (max-width: 767.98px) {
    .vironeer-box.chart-box .chart {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .vironeer-box.chart-box .vironeer-box-body {
        display: block;
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 1rem;
    }

    .vironeer-box.chart-box .vironeer-box-body .vironeer-box-body-table {
        border: 0;
        border-bottom: 1px solid var(--border_faint);
    }

    .vironeer-box.chart-box .vironeer-box-body .vironeer-box-body-table table thead th {
        padding-right: 1.25rem;
        padding-left: 1.25rem;
    }

    .vironeer-box.chart-box .vironeer-box-body .vironeer-box-body-table table tbody td {
        padding-right: 1.25rem;
        padding-left: 1.25rem;
    }
}

.vironeer-box.chart-bar .vironeer-box-body {
    height: 100%;
    margin-top: -1.25rem;
}

@media (max-width: 991.98px) {
    .vironeer-box.chart-bar .vironeer-box-body {
        height: auto;
        margin-top: auto;
    }
}

.vironeer-box.counter-card.active .vironeer-box-body {
    display: block;
}

.vironeer-box.counter-card.active .vironeer-box-body>* {
    width: 100%;
}

.vironeer-box.counter-card.active .vironeer-box-body .vironeer-box-body-title {
    text-align: center;
    margin-bottom: .75rem !important;
}

.vironeer-box.counter-card.active .vironeer-box-body .vironeer-box-body-text,
.vironeer-box.counter-card.active .vironeer-box-body .vironeer-box-body-per {
    text-align: center;
}

.badge {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    padding: .3rem .7rem;
    font-size: .75rem;
    line-height: 1.2;
    border-radius: .375rem;
    letter-spacing: .01em;
}

.badge.bg-primary {
    background-color: color-mix(in srgb, var(--primary_color) 14%, var(--mix_base)) !important;
    color: var(--primary_color) !important;
}

.badge.bg-secondary {
    background-color: var(--surface_muted) !important;
    color: var(--text_label) !important;
}

.badge.bg-warning {
    background-color: var(--warning_icon_bg) !important;
    color: #b45309 !important;
}

.badge.bg-danger {
    background-color: color-mix(in srgb, #ef4444 16%, var(--mix_base)) !important;
    color: #b91c1c !important;
}

.badge.bg-success {
    background-color: #dcfce7 !important;
    color: #15803d !important;
}

.badge.bg-info {
    background-color: #e0f2fe !important;
    color: #0369a1 !important;
}

.badge.bg-dark {
    background-color: var(--border_color) !important;
    color: var(--text_color) !important;
}

.badge.bg-girl {
    background-color: #f3e8ff !important;
    color: #7e22ce !important;
}

.dot {
    display: inline-block;
    height: .4375rem;
    width: .4375rem;
    margin-right: .375rem;
    border-radius: .09375rem;
}

.dot.dot-primary {
    background-color: #3377ff;
}

.dot.dot-secondary {
    background-color: #29cccc;
}

.dot.dot-danger {
    background-color: #e62e2e;
}

.dot.dot-warning {
    background-color: #ffd333;
}

.dot.dot-green {
    background-color: #5dc728;
}

.chart-bar {
    top: 0;
    width: 100% !important;
}

@media (max-width: 991.98px) {
    .chart-bar {
        position: static;
        height: auto;
        min-height: 200px;
    }
}

.chart {
    margin-top: -10px;
    margin-bottom: 15px;
}

@media (max-width: 1399.98px) {
    .chart {
        margin-bottom: 0;
    }
}

@media (max-width: 767.98px) {
    .chart {
        margin-bottom: 15px;
    }
}

.vironeer-timeline {
    width: 100% !important;
}

.vironeer-timeline .vironeer-timeline-list {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 5px;
}

.vironeer-timeline .vironeer-timeline-list::before {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, currentColor), color-stop(currentColor), to(#0000));
    background: -o-linear-gradient(top, currentColor 0, currentColor calc(100% - 1.75rem), #0000);
    background: linear-gradient(180deg, currentColor 0, currentColor calc(100% - 1.75rem), #0000);
    color: var(--border_faint);
    content: "";
    display: block;
    position: absolute;
    top: .5rem;
    bottom: 0;
    width: .125rem;
}

.vironeer-timeline .vironeer-timeline-list .vironeer-timeline-list-item {
    display: block;
    position: relative;
    padding-bottom: 1.25rem;
    padding-left: 1.25rem;
    font-size: .875rem;
}

.vironeer-timeline .vironeer-timeline-list .vironeer-timeline-list-item .vironeer-timeline-list-item-title {
    color: #6c757d;
}

.vironeer-timeline .vironeer-timeline-list .vironeer-timeline-list-item::before {
    position: absolute;
    display: block;
    content: '';
    background: var(--primary_color);
    border-radius: 50%;
    width: .875rem;
    height: .875rem;
    top: .1875rem;
    left: -.375rem;
    border: .125rem solid #fff;
}

.vironeer-random-lists .vironeer-random-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.75rem 1.25rem;
    border-top: 1px solid rgba(108, 117, 125, 0.15);
}

.vironeer-random-lists .vironeer-random-list .vironeer-random-list-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

.vironeer-random-lists .vironeer-random-list .vironeer-random-list-cont .vironeer-random-list-img {
    margin-right: 1rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.vironeer-random-lists .vironeer-random-list .vironeer-random-list-cont .vironeer-random-list-img img {
    border-radius: 3px;
    height: 40px;
}

.vironeer-random-lists .vironeer-random-list .vironeer-random-list-cont .vironeer-random-list-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

.vironeer-random-lists .vironeer-random-list .vironeer-random-list-cont .vironeer-random-list-info .vironeer-random-list-title {
    font-size: 0.875rem;
    color: var(--text_body);
    font-weight: 500;
}

.vironeer-random-lists .vironeer-random-list .vironeer-random-list-cont .vironeer-random-list-info .vironeer-random-list-text {
    font-size: 0.8125rem;
    color: #6c757d;
}

.vironeer-random-lists .vironeer-random-list .vironeer-random-list-cont .vironeer-random-list-info .vironeer-random-list-text a {
    color: #6c757d;
}

@media (max-width: 575.98px) {
    .vironeer-random-lists .vironeer-random-list .vironeer-random-list-cont .vironeer-random-list-info {
        display: block;
    }
}

.setting-item {
    text-decoration: none !important;
    color: var(--text_body);
    height: 100%;
}

.setting-item i {
    opacity: .6;
    font-size: 18px;
}

.setting-item:hover {
    color: var(--text_body);
    background-color: var(--surface_muted);
}

.setting-item .setting-item-text {
    font-size: 0.875rem;
}

footer {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 52px;
    background: #0000;
    border-top: 1px solid var(--border_faint);
    color: #6c757d;
    font-size: .8125rem;
    padding: 1rem 1.5rem;
    width: 100%;
    bottom: 0;
}

.vironeer-sign-container {
    width: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 304 304' width='304' height='304'%3E%3Cpath fill='%23e2e9f1' fill-opacity='0.4' d='M44.1 224a5 5 0 1 1 0 2H0v-2h44.1zm160 48a5 5 0 1 1 0 2H82v-2h122.1zm57.8-46a5 5 0 1 1 0-2H304v2h-42.1zm0 16a5 5 0 1 1 0-2H304v2h-42.1zm6.2-114a5 5 0 1 1 0 2h-86.2a5 5 0 1 1 0-2h86.2zm-256-48a5 5 0 1 1 0 2H0v-2h12.1zm185.8 34a5 5 0 1 1 0-2h86.2a5 5 0 1 1 0 2h-86.2zM258 12.1a5 5 0 1 1-2 0V0h2v12.1zm-64 208a5 5 0 1 1-2 0v-54.2a5 5 0 1 1 2 0v54.2zm48-198.2V80h62v2h-64V21.9a5 5 0 1 1 2 0zm16 16V64h46v2h-48V37.9a5 5 0 1 1 2 0zm-128 96V208h16v12.1a5 5 0 1 1-2 0V210h-16v-76.1a5 5 0 1 1 2 0zm-5.9-21.9a5 5 0 1 1 0 2H114v48H85.9a5 5 0 1 1 0-2H112v-48h12.1zm-6.2 130a5 5 0 1 1 0-2H176v-74.1a5 5 0 1 1 2 0V242h-60.1zm-16-64a5 5 0 1 1 0-2H114v48h10.1a5 5 0 1 1 0 2H112v-48h-10.1zM66 284.1a5 5 0 1 1-2 0V274H50v30h-2v-32h18v12.1zM236.1 176a5 5 0 1 1 0 2H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30a5 5 0 1 1 0-2H274v44.1a5 5 0 1 1-2 0V146h-10.1zm-64 96a5 5 0 1 1 0-2H208v-80h16v-14h-42.1a5 5 0 1 1 0-2H226v18h-16v80h-12.1zm86.2-210a5 5 0 1 1 0 2H272V0h2v32h10.1zM98 101.9V146H53.9a5 5 0 1 1 0-2H96v-42.1a5 5 0 1 1 2 0zM53.9 34a5 5 0 1 1 0-2H80V0h2v34H53.9zm60.1 3.9V66H82v64H69.9a5 5 0 1 1 0-2H80V64h32V37.9a5 5 0 1 1 2 0zM101.9 82a5 5 0 1 1 0-2H128V37.9a5 5 0 1 1 2 0V82h-28.1zm16-64a5 5 0 1 1 0-2H146v44.1a5 5 0 1 1-2 0V18h-26.1zm102.2 270a5 5 0 1 1 0 2H98v14h-2v-16h124.1zM242 149.9V160h16v34h-16v62h48v48h-2v-46h-48v-66h16v-30h-16v-12.1a5 5 0 1 1 2 0zM53.9 18a5 5 0 1 1 0-2H64V2H48V0h18v18H53.9zm112 32a5 5 0 1 1 0-2H192V0h50v2h-48v48h-28.1zm-48-48a5 5 0 0 1-9.8-2h2.07a3 3 0 1 0 5.66 0H178v34h-18V21.9a5 5 0 1 1 2 0V32h14V2h-58.1zm0 96a5 5 0 1 1 0-2H137l32-32h39V21.9a5 5 0 1 1 2 0V66h-40.17l-32 32H117.9zm28.1 90.1a5 5 0 1 1-2 0v-76.51L175.59 80H224V21.9a5 5 0 1 1 2 0V82h-49.59L146 112.41v75.69zm16 32a5 5 0 1 1-2 0v-99.51L184.59 96H300.1a5 5 0 0 1 3.9-3.9v2.07a3 3 0 0 0 0 5.66v2.07a5 5 0 0 1-3.9-3.9H185.41L162 121.41v98.69zm-144-64a5 5 0 1 1-2 0v-3.51l48-48V48h32V0h2v50H66v55.41l-48 48v2.69zM50 53.9v43.51l-48 48V208h26.1a5 5 0 1 1 0 2H0v-65.41l48-48V53.9a5 5 0 1 1 2 0zm-16 16V89.41l-34 34v-2.82l32-32V69.9a5 5 0 1 1 2 0zM12.1 32a5 5 0 1 1 0 2H9.41L0 43.41V40.6L8.59 32h3.51zm265.8 18a5 5 0 1 1 0-2h18.69l7.41-7.41v2.82L297.41 50H277.9zm-16 160a5 5 0 1 1 0-2H288v-71.41l16-16v2.82l-14 14V210h-28.1zm-208 32a5 5 0 1 1 0-2H64v-22.59L40.59 194H21.9a5 5 0 1 1 0-2H41.41L66 216.59V242H53.9zm150.2 14a5 5 0 1 1 0 2H96v-56.6L56.6 162H37.9a5 5 0 1 1 0-2h19.5L98 200.6V256h106.1zm-150.2 2a5 5 0 1 1 0-2H80v-46.59L48.59 178H21.9a5 5 0 1 1 0-2H49.41L82 208.59V258H53.9zM34 39.8v1.61L9.41 66H0v-2h8.59L32 40.59V0h2v39.8zM2 300.1a5 5 0 0 1 3.9 3.9H3.83A3 3 0 0 0 0 302.17V256h18v48h-2v-46H2v42.1zM34 241v63h-2v-62H0v-2h34v1zM17 18H0v-2h16V0h2v18h-1zm273-2h14v2h-16V0h2v16zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1A5.02 5.02 0 0 1 6 97a5 5 0 0 1-6 4.9v-2.07a3 3 0 1 0 0-5.66V92.1zM80 272h2v32h-2v-32zm37.9 32h-2.07a3 3 0 0 0-5.66 0h-2.07a5 5 0 0 1 9.8 0zM5.9 0A5.02 5.02 0 0 1 0 5.9V3.83A3 3 0 0 0 3.83 0H5.9zm294.2 0h2.07A3 3 0 0 0 304 3.83V5.9a5 5 0 0 1-3.9-5.9zm3.9 300.1v2.07a3 3 0 0 0-1.83 1.83h-2.07a5 5 0 0 1 3.9-3.9zM97 100a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-48 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 96a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-144a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM49 36a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM33 68a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 240a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm80-176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm112 176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 180a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 84a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'%3E%3C/path%3E%3C/svg%3E");
    background-position: center;
    background-color: var(--surface_color);
}

.vironeer-sign-container .vironeer-sign-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 100vh;
    padding: 3rem;
}

@media (max-width: 575.98px) {
    .vironeer-sign-container .vironeer-sign-form {
        padding: 1.5rem 1rem;
    }
}

.vironeer-sign-container .vironeer-sign-form .vironeer-divider {
    margin-right: -2rem;
    margin-left: -2rem;
}

@media (max-width: 575.98px) {
    .vironeer-sign-container .vironeer-sign-form .vironeer-divider {
        margin-right: -1.25rem;
        margin-left: -1.25rem;
    }
}

.vironeer-sign-container .vironeer-sign-form .card {
    height: auto;
    width: 25rem;
    padding: 2rem;
    box-shadow: 0 7px 14px 0 rgb(60 66 87 / 12%), 0 3px 6px 0 rgb(0 0 0 / 12%);
}

@media (max-width: 575.98px) {
    .vironeer-sign-container .vironeer-sign-form .card {
        width: 100%;
        max-width: 25rem;
        min-height: auto;
        padding: 1.5rem;
    }
}

.vironeer-sign-container .vironeer-sign-form .card .card-text {
    font-size: 0.875rem;
    padding-top: 0.125rem;
    padding-bottom: 0.25rem;
    margin-top: 0.25rem;
    margin-bottom: 1.5rem;
}

.vironeer-social-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.vironeer-social-links .vironeer-social-link {
    width: 45px;
    height: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: .125rem;
    color: var(--text_inverse);
}

.vironeer-social-links .vironeer-social-link:not(:last-child) {
    margin-right: 10px;
}

.vironeer-social-links .vironeer-social-link.facebook-link {
    background-color: #1877f2;
}

.vironeer-social-links .vironeer-social-link.google-link {
    background-color: #DB4437;
}

.vironeer-social-links .vironeer-social-link.twitter-link {
    background-color: #1DA1F2;
}

.vironeer-social-links .vironeer-social-link:hover {
    opacity: .8;
}

.vironeer-user-box {
    display: flex;
}

.vironeer-user-box .vironeer-user-avatar {
    width: 40px;
    height: 40px;
    margin-right: 1rem;
}

.vironeer-user-box .vironeer-user-avatar img {
    width: 100%;
    height: 100%;
    border-radius: .125rem;
}

.vironeer-content-box {
    display: flex;
}

.vironeer-content-box .vironeer-content-image {
    width: 40px;
    height: 40px;
    margin-right: 1rem;
}

.vironeer-content-box .vironeer-content-image img {
    width: 100%;
    height: 100%;
    border-radius: .125rem;
}

.article-table-media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 60px;
    height: 44px;
    min-width: 60px;
    margin-right: 1rem;
    overflow: hidden;
    border: 1px solid var(--border_color);
    border-radius: .5rem;
    background-color: var(--surface_color);
}

.article-table-media img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
}

.article-table-media.is-empty {
    background-color: color-mix(in srgb, var(--primary_color) 10%, var(--mix_base));
    border-color: color-mix(in srgb, var(--primary_color) 18%, var(--surface_color));
    color: var(--primary_color);
    font-size: 1.15rem;
    line-height: 1;
}

.card>.dataTables_wrapper {
    border-radius: inherit;
}

.card>.dataTables_wrapper>.top:first-child {
    border-top-left-radius: calc(.5rem - 1px);
    border-top-right-radius: calc(.5rem - 1px);
}

.card>.dataTables_wrapper>.bottom:last-child {
    border-bottom-left-radius: calc(.5rem - 1px);
    border-bottom-right-radius: calc(.5rem - 1px);
}

.dataTables_wrapper {
    font-size: .9375rem;
    color: var(--text_color);
}

.dataTables_wrapper .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--border_color);
    background-color: var(--sidebar_color);
}

.dataTables_wrapper .top .dataTables_filter {
    width: 100%;
    max-width: none;
    text-align: start;
}

.dataTables_wrapper .top .dataTables_filter label {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    font-size: 0;
    line-height: 0;
    color: transparent;
}

.dataTables_wrapper .top .dataTables_filter label::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 1rem;
    width: .95rem;
    height: .95rem;
    margin-top: -.475rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%239ca3af' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85zm-5.242.656a5 5 0 1 1 0-10 5 5 0 0 1 0 10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    pointer-events: none;
    z-index: 2;
}

.dataTables_wrapper .top .dataTables_filter .form-control {
    display: block;
    width: 100% !important;
    min-height: 2.5rem;
    height: 2.5rem;
    margin: 0 !important;
    padding: .5rem .95rem .5rem 2.55rem !important;
    font-size: .875rem;
    line-height: 1.4;
    color: var(--text_color);
    background-color: var(--surface_color) !important;
    background-image: none !important;
    border: 1px solid var(--border_color);
    border-radius: .5rem;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.dataTables_wrapper .top .dataTables_filter .form-control:hover {
    border-color: var(--border_strong);
}

.dataTables_wrapper .top .dataTables_filter .form-control:focus {
    border-color: var(--primary_color);
    -webkit-box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary_color) 18%, transparent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary_color) 18%, transparent);
    outline: none;
}

.dataTables_wrapper .top .dataTables_filter .form-control::-webkit-input-placeholder {
    color: var(--text_muted);
}

.dataTables_wrapper .top .dataTables_filter .form-control::-moz-placeholder {
    color: var(--text_muted);
    opacity: 1;
}

.dataTables_wrapper .table-wrapper {
    overflow-x: auto;
    overflow-y: hidden;
}

.dataTables_wrapper .table-wrapper table.dataTable {
    width: 100% !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0;
}

.dataTables_wrapper .table-wrapper table.dataTable thead th {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .85rem 1.75rem .85rem 1rem;
    background-color: var(--surface_color);
    border-top: 0 !important;
    border-bottom: 1px solid var(--border_color) !important;
    color: var(--text_secondary);
    font-size: .8125rem;
    font-weight: 600;
    text-transform: none;
    letter-spacing: normal;
    white-space: nowrap;
    vertical-align: middle;
}

.dataTables_wrapper .table-wrapper table.dataTable thead th.sorting,
.dataTables_wrapper .table-wrapper table.dataTable thead th.sorting_asc,
.dataTables_wrapper .table-wrapper table.dataTable thead th.sorting_desc,
.dataTables_wrapper .table-wrapper table.dataTable thead th.sorting_asc_disabled,
.dataTables_wrapper .table-wrapper table.dataTable thead th.sorting_desc_disabled {
    padding-right: 1.75rem;
}

.dataTables_wrapper .table-wrapper table.dataTable thead .sorting:before,
.dataTables_wrapper .table-wrapper table.dataTable thead .sorting:after,
.dataTables_wrapper .table-wrapper table.dataTable thead .sorting_asc:before,
.dataTables_wrapper .table-wrapper table.dataTable thead .sorting_asc:after,
.dataTables_wrapper .table-wrapper table.dataTable thead .sorting_desc:before,
.dataTables_wrapper .table-wrapper table.dataTable thead .sorting_desc:after,
.dataTables_wrapper .table-wrapper table.dataTable thead .sorting_asc_disabled:before,
.dataTables_wrapper .table-wrapper table.dataTable thead .sorting_asc_disabled:after,
.dataTables_wrapper .table-wrapper table.dataTable thead .sorting_desc_disabled:before,
.dataTables_wrapper .table-wrapper table.dataTable thead .sorting_desc_disabled:after {
    bottom: auto !important;
    top: 50% !important;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: .7rem;
    line-height: 1;
}

.dataTables_wrapper .table-wrapper table.dataTable thead th:first-child {
    padding-left: 1.25rem;
}

.dataTables_wrapper .table-wrapper table.dataTable thead th:last-child {
    padding-right: 1.25rem;
}

.dataTables_wrapper .table-wrapper table.dataTable thead th.sorting:hover,
.dataTables_wrapper .table-wrapper table.dataTable thead th.sorting_asc:hover,
.dataTables_wrapper .table-wrapper table.dataTable thead th.sorting_desc:hover {
    background-color: var(--sidebar_color);
    color: var(--text_color);
}

.dataTables_wrapper .table-wrapper table.dataTable tbody td {
    padding: .95rem 1rem;
    border-top: 0 !important;
    border-bottom: 1px solid var(--border_color) !important;
    color: var(--text_color);
    vertical-align: middle;
    white-space: nowrap;
    background-color: var(--surface_color);
}

.dataTables_wrapper .table-wrapper table.dataTable tbody tr:last-child td {
    border-bottom: 0 !important;
}

.dataTables_wrapper .table-wrapper table.dataTable tbody td:first-child {
    padding-left: 1.25rem;
}

.dataTables_wrapper .table-wrapper table.dataTable tbody td:last-child {
    padding-right: 1.25rem;
}

.dataTables_wrapper .table-wrapper table.dataTable tbody tr:hover td {
    background-color: var(--surface_subtle);
}

.dataTables_wrapper .bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .75rem;
    border-top: 1px solid var(--border_color);
    padding: .9rem 1.25rem;
    background-color: var(--sidebar_color);
    text-align: center;
}

.dataTables_wrapper .bottom .dataTables_paginate {
    order: 1;
}

.dataTables_wrapper .bottom .dataTables_paginate .pagination {
    margin: 0;
    gap: .3rem;
}

.dataTables_wrapper .bottom .dataTables_paginate .pagination .page-item {
    margin: 0;
}

.dataTables_wrapper .bottom .dataTables_paginate .pagination .page-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 2rem;
    min-height: 2rem;
    padding: .25rem .55rem !important;
    background-color: var(--surface_color);
    border: 1px solid var(--border_color) !important;
    border-radius: .4rem !important;
    color: var(--text_color);
    font-size: .8125rem;
    font-weight: 500;
    line-height: 1.2;
}

.dataTables_wrapper .bottom .dataTables_paginate .pagination .page-item.active .page-link {
    background-color: var(--primary_color);
    border-color: var(--primary_color) !important;
    color: var(--text_inverse);
}

.dataTables_wrapper .bottom .dataTables_paginate .pagination .page-item.disabled .page-link {
    background-color: var(--surface_muted);
    border-color: var(--border_color) !important;
    color: var(--text_muted);
}

@media (max-width: 991.98px) {
    .dataTables_wrapper .bottom .dataTables_paginate {
        width: 100%;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .dataTables_wrapper .bottom .dataTables_paginate ul.pagination {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.dataTables_wrapper .bottom .dataTables_info {
    position: relative;
    order: 2;
    margin: 0 0 0 auto;
    padding: 0 .9rem 0 0;
    color: var(--text_secondary);
    font-size: .8125rem;
}

.dataTables_wrapper .bottom .dataTables_info::after {
    position: absolute;
    top: 50%;
    right: 0;
    content: '';
    width: 1px;
    height: .9rem;
    margin-top: -.45rem;
    background-color: var(--border_strong);
}

@media (max-width: 767.98px) {
    .dataTables_wrapper .bottom .dataTables_info {
        width: 100%;
        margin: 0;
        padding: 0;
        text-align: center;
    }

    .dataTables_wrapper .bottom .dataTables_info::after {
        display: none;
    }
}

.dataTables_wrapper .bottom .dataTables_length {
    order: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--text_secondary);
    font-size: .8125rem;
}

.dataTables_wrapper .bottom .dataTables_length label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .45rem;
    margin: 0;
}

@media (max-width: 991.98px) {
    .dataTables_wrapper .bottom .dataTables_length {
        margin-right: auto;
    }
}

@media (max-width: 767.98px) {
    .dataTables_wrapper .bottom .dataTables_length {
        width: 100%;
        margin: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.dataTables_wrapper .bottom .dataTables_length .form-select,
.dataTables_wrapper .bottom .dataTables_length select {
    display: inline-block;
    width: auto;
    min-width: 4rem;
    min-height: 2rem !important;
    height: 2rem;
    margin: 0;
    padding: .2rem 1.75rem .2rem .55rem !important;
    font-size: .8125rem !important;
    line-height: 1.2;
    color: var(--text_color);
    background-color: var(--surface_color);
    border: 1px solid var(--border_color);
    border-radius: .4rem;
}

@-webkit-keyframes loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.storage-accordion .accordion-button {
    display: grid;
    grid-template-columns: 1fr max-content max-content;
    align-items: center;
    grid-gap: 10px;
    color: var(--text_inverse);
}

.storage-accordion .accordion-button::after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
}

.swal-text {
    text-align: center;
    line-height: 1.5;
}

.vironeer-ext-icon {
    width: 25px;
    height: 25px;
}

.translate-notice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: .9rem;
    padding: 1rem 1.15rem;
    border: 1px solid var(--warning_border);
    border-radius: .5rem;
    background-color: var(--warning_bg);
}

.translate-notice-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: .5rem;
    background-color: var(--warning_icon_bg);
    color: var(--warning_icon);
    font-size: 1rem;
    line-height: 1;
}

.translate-notice-title {
    font-size: .95rem;
    font-weight: 600;
    color: var(--warning_title);
    line-height: 1.35;
}

.translate-notice-text {
    font-size: .875rem;
    color: var(--warning_text);
    line-height: 1.5;
}

.translate-card-header {
    padding-bottom: 1rem !important;
}

.translate-groups {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .5rem;
}

.translate-search {
    position: relative;
}

.translate-search-icon {
    position: absolute;
    top: 50%;
    left: .95rem;
    z-index: 2;
    color: var(--text_muted);
    font-size: .95rem;
    line-height: 1;
    pointer-events: none;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.translate-search .form-control {
    padding-left: 2.4rem;
}

[dir="rtl"] .translate-search-icon {
    left: auto;
    right: .95rem;
}

[dir="rtl"] .translate-search .form-control {
    padding-left: .95rem;
    padding-right: 2.4rem;
}

.translate-group-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .45rem .8rem;
    border: 1px solid var(--border_color);
    border-radius: .5rem;
    background-color: var(--surface_color);
    color: var(--text_label);
    font-size: .8125rem;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
    text-transform: capitalize;
    -webkit-transition: background-color .15s ease, border-color .15s ease, color .15s ease;
    -o-transition: background-color .15s ease, border-color .15s ease, color .15s ease;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

.translate-group-link:hover {
    background-color: var(--surface_soft);
    border-color: var(--border_strong);
    color: var(--text_color);
}

.translate-group-link.is-active {
    background-color: color-mix(in srgb, var(--primary_color) 12%, var(--mix_base));
    border-color: color-mix(in srgb, var(--primary_color) 30%, var(--surface_color));
    color: var(--primary_color);
}

.translate-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .85rem;
}

.translate-section-title {
    margin-top: .35rem;
    padding: .65rem .85rem;
    border-radius: .5rem;
    background-color: color-mix(in srgb, var(--primary_color) 10%, var(--mix_base));
    color: var(--primary_color);
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.3;
    text-transform: capitalize;
}

.translate-row {
    padding: 1rem 1.05rem;
    border: 1px solid var(--border_color);
    border-radius: .5rem;
    background-color: var(--surface_color);
}

.translate-row-label {
    margin-bottom: .7rem;
    font-size: .8125rem;
    font-weight: 600;
    color: var(--text_secondary);
    line-height: 1.3;
    text-transform: capitalize;
}

.translate-row-fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: .75rem;
}

.translate-field {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    min-width: 0;
}

.translate-field-badge {
    display: inline-block;
    margin-bottom: .4rem;
    padding: .15rem .45rem;
    border-radius: .35rem;
    background-color: var(--surface_muted);
    color: var(--text_secondary);
    font-size: .7rem;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.translate-field-badge.is-primary {
    background-color: color-mix(in srgb, var(--primary_color) 12%, var(--mix_base));
    color: var(--primary_color);
}

.translate-fields {
    resize: none;
    min-height: 2.75rem !important;
    height: 2.75rem;
    padding-top: .625rem !important;
    padding-bottom: .625rem !important;
}

.translate-source {
    background-color: var(--surface_soft) !important;
    color: var(--text_label) !important;
}

.translate-source:focus {
    border-color: var(--border_color) !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.translate-row-arrow {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--text_muted);
    font-size: .95rem;
    padding-top: 1.4rem;
}

@media (max-width: 991.98px) {
    .translate-row-fields {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .translate-row-arrow {
        display: none;
    }
}

.note {
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.note strong {
    font-weight: 500;
}

.note small {
    font-weight: 300;
}

.note .icon {
    margin-right: 1rem !important;
}

.note-warning {
    color: #000000;
    background-color: rgb(254 245 234);
    border-color: #ba8900;
}

.note-warning .icon {
    color: #ba8900;
}

.note-info {
    color: #000000;
    background-color: rgb(255 240 254);
    border-color: #7d307d;
}

.note-info .icon {
    color: #7d307d;
}

.note-success {
    color: #000000;
    background-color: rgb(223 255 245);
    border-color: #0d672f;
}

.note-success .icon {
    color: #0d672f;
}

.note-danger {
    color: #000000;
    background-color: rgb(255 223 223);
    border-color: #b94545;
}

.note-danger .icon {
    color: #b94545;
}

.empty {
    padding: 8rem 3rem;
    text-align: center;
}

.empty svg {
    width: 150px;
    height: 150px;
}

.empty h1 {
    font-size: 25px;
    color: #4e4e4e;
}

.empty p {
    color: #676767;
}

.empty-sm,
.empty-small {
    padding: 3rem 4rem;
    text-align: center;
}

.empty-sm svg,
.empty-small svg {
    width: 120px;
    height: 120px;
}

.empty-sm h1,
.empty-small h1 {
    font-size: 18px;
}

.empty-small p {
    color: #676767;
    font-size: 14px;
}

.empty p {
    font-size: 14px;
}

.swal2-popup {
    font-family: 'Inter', 'Poppins', sans-serif;
}

.swal2-styled.swal2-default-outline:focus {
    box-shadow: none;
}

.colorpicker .clr-field {
    width: 100%;
}

.colorpicker .clr-field button {
    width: 22px;
    height: 22px;
    left: 10px;
    right: auto;
    border-radius: 5px;
}

.colorpicker .clr-field input {
    padding-left: 40px;
}

.border-bottom-small {
    border-bottom: 1px solid var(--border_faint);
}

.avatar {
    position: relative;
}

.error-icon {
    position: absolute;
    z-index: 9999;
    color: #dd3444;
    font-size: 80px;
    top: 18px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.form-number .form-select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
    height: auto;
    padding: .375rem 2rem .375rem .75rem;
}

.form-number .form-control {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.modal-header {
    padding: .8rem 1rem;
    background: var(--sidebar_color);
    border-bottom: 1px solid var(--border_color);
}

.modal-header .modal-title {
    font-size: 17px;
    font-weight: 500;
    color: var(--text_color);
}

.modal-content {
    background-color: var(--surface_color);
    color: var(--text_color);
    border: 1px solid var(--border_color);
    border-radius: .5rem;
    overflow: hidden;
}

.custom-modal .modal-header .modal-title {
    font-size: 16px;
}

.custom-modal .modal-header .btn-close {
    font-size: 13px;
}

.sortable-table .ui-sortable-helper {
    width: 100% !important;
    background-color: var(--surface_color);
}

.sortable-table .sortable-table-placeholder {
    background: rgba(52, 108, 176, .12);
    border: 2px dashed #346cb0;
    height: 75px !important;
}

.sortable-table .sortable-table-handle {
    cursor: move;
}

.menu-builder-card {
    height: auto;
    overflow: hidden;
    background-color: var(--surface_color);
    border: 1px solid var(--border_color);
    border-radius: .5rem;
}

.menu-builder-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu-builder-item,
.menu-builder .dd-handle.menu-builder-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .75rem;
    margin: 0 !important;
    padding: .95rem 1.15rem;
    background-color: var(--surface_color);
    border: 0 !important;
    border-bottom: 1px solid var(--border_soft) !important;
    color: var(--text_color);
    cursor: default;
}

.menu-builder-list>.menu-builder-item:first-child,
.menu-builder>.dd-list>.dd-item:first-child>.menu-builder-item {
    border-top-left-radius: calc(.5rem - 1px);
    border-top-right-radius: calc(.5rem - 1px);
}

.menu-builder-list>.menu-builder-item:last-child,
.menu-builder>.dd-list>.dd-item:last-child:not(:has(> .dd-list))>.menu-builder-item,
.menu-builder>.dd-list>.dd-item:last-child>.dd-list>.dd-item:last-child>.menu-builder-item {
    border-bottom: 0 !important;
    border-bottom-left-radius: calc(.5rem - 1px);
    border-bottom-right-radius: calc(.5rem - 1px);
}

.menu-builder .dd-handle.menu-builder-item:hover,
.menu-builder .dd-handle.menu-builder-item:focus {
    background-color: var(--surface_color);
    color: var(--text_color);
    text-decoration: none;
}

.menu-builder-drag {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1.25rem;
    color: var(--text_muted);
    font-size: 1.05rem;
    line-height: 1;
    cursor: grab;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.menu-builder-drag:active {
    cursor: grabbing;
}

.menu-builder-title {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
    font-size: .95rem;
    font-weight: 600;
    color: var(--text_color);
    line-height: 1.35;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.menu-builder-actions {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .45rem;
    margin-left: auto;
}

.menu-builder-actions form {
    display: inline;
    margin: 0;
}

.menu-builder-action {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: 1px solid var(--border_color);
    border-radius: .5rem;
    background-color: var(--surface_color);
    color: var(--text_secondary);
    font-size: .875rem;
    line-height: 1;
    text-decoration: none;
    -webkit-transition: background-color .15s ease, border-color .15s ease, color .15s ease;
    -o-transition: background-color .15s ease, border-color .15s ease, color .15s ease;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

.menu-builder-action:hover,
.menu-builder-action:focus {
    background-color: var(--surface_soft);
    border-color: var(--border_strong);
    color: var(--text_color);
}

.menu-builder-action.is-danger:hover,
.menu-builder-action.is-danger:focus {
    background-color: color-mix(in srgb, #ef4444 12%, var(--mix_base));
    border-color: #fecaca;
    color: #b91c1c;
}

.menu-builder .dd-list {
    display: block;
    margin: 0 !important;
    padding: 0 !important;
}

.menu-builder .dd-list .dd-list {
    margin: 0 !important;
    padding: 0 !important;
    background-color: var(--surface_color);
    border: 0 !important;
}

.menu-builder .dd-list .dd-list .dd-handle,
.menu-builder .dd-list .dd-list .menu-builder-item {
    width: 100%;
    margin: 0 !important;
    padding-left: 2.65rem !important;
    border-left: 0 !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.menu-builder .dd-item {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.menu-builder .dd-item>button {
    display: none;
}

.menu-builder .dd-item .drag-indicator {
    display: none !important;
}

.menu-builder .dd-placeholder,
.vironeer-sort-menu .vironeer-navigation-placeholder {
    margin: 0;
    min-height: 3.25rem;
    background: color-mix(in srgb, var(--primary_color) 8%, var(--mix_base));
    border: 1px dashed color-mix(in srgb, var(--primary_color) 45%, var(--surface_color));
    list-style-type: none;
}

.menu-builder .dd-dragel {
    z-index: 20;
}

.menu-builder .dd-dragel .menu-builder-item {
    border: 1px solid var(--border_color);
    border-radius: .5rem;
    -webkit-box-shadow: 0 8px 20px var(--shadow_color);
    box-shadow: 0 8px 20px var(--shadow_color);
}

.vironeer-sort-menu .vironeer-navigation-handle {
    cursor: grab;
}

.smtp-status-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
    padding: 1.1rem 1.2rem;
    border: 1px solid var(--border_color);
    border-radius: .5rem;
    background-color: var(--surface_color);
}

.smtp-status-card.is-enabled {
    background-color: color-mix(in srgb, var(--primary_color) 8%, var(--mix_base));
    border-color: color-mix(in srgb, var(--primary_color) 28%, var(--border_color));
}

.smtp-status-card.is-disabled {
    background-color: var(--warning_bg);
    border-color: var(--warning_border);
}

.smtp-status-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: .65rem;
    font-size: 1.2rem;
}

.smtp-status-card.is-enabled .smtp-status-icon {
    background-color: color-mix(in srgb, var(--primary_color) 16%, var(--mix_base));
    color: var(--primary_color);
}

.smtp-status-card.is-disabled .smtp-status-icon {
    background-color: var(--warning_icon_bg);
    color: var(--warning_icon);
}

.smtp-status-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
}

.smtp-status-title {
    font-size: .95rem;
    font-weight: 600;
    color: var(--text_color);
    line-height: 1.3;
}

.smtp-status-text {
    font-size: .875rem;
    color: var(--text_secondary);
    line-height: 1.45;
}

.smtp-status-badge {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .3rem .7rem;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 600;
    white-space: nowrap;
}

.smtp-status-card.is-enabled .smtp-status-badge {
    background-color: color-mix(in srgb, var(--primary_color) 16%, var(--mix_base));
    color: var(--primary_color);
}

.smtp-status-card.is-disabled .smtp-status-badge {
    background-color: var(--warning_icon_bg);
    color: var(--warning_text);
}

.smtp-card-header-icon {
    color: var(--text_heading);
    font-size: 1rem;
}

.mail-template-name,
.page-table-name,
.oauth-provider-name {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .7rem;
    font-weight: 600;
    text-decoration: none;
}

.mail-template-name:hover,
.page-table-name:hover,
.oauth-provider-name:hover {
    color: var(--primary_color);
}

.mail-template-name-icon,
.page-table-name-icon,
.oauth-provider-name-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: .5rem;
    background-color: color-mix(in srgb, var(--primary_color) 10%, var(--mix_base));
    border: 1px solid color-mix(in srgb, var(--primary_color) 18%, var(--surface_color));
    color: var(--primary_color);
    font-size: 1rem;
    line-height: 1;
}

.page-table-name-meta,
.oauth-provider-name-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .15rem;
    min-width: 0;
}

.page-table-name-title,
.oauth-provider-name-title {
    color: var(--text_color);
    line-height: 1.3;
}

.page-table-name:hover .page-table-name-title,
.oauth-provider-name:hover .oauth-provider-name-title {
    color: var(--primary_color);
}

.page-table-name-slug,
.oauth-provider-name-alias {
    font-size: .75rem;
    font-weight: 500;
    color: var(--text_muted);
    line-height: 1.2;
    text-transform: lowercase;
}

.mail-template-shortcodes-hint {
    font-size: .875rem;
    color: var(--text_secondary);
    line-height: 1.45;
}

.mail-template-shortcodes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .65rem;
}

.mail-template-shortcode {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .25rem;
    padding: .75rem .85rem;
    border: 1px solid var(--border_color);
    border-radius: .5rem;
    background-color: var(--surface_soft);
}

.mail-template-shortcode-key {
    display: inline-block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: .2rem .45rem;
    border-radius: .35rem;
    background-color: color-mix(in srgb, var(--primary_color) 12%, var(--mix_base));
    color: var(--primary_color);
    font-size: .8125rem;
    font-weight: 600;
    line-height: 1.3;
}

.mail-template-shortcode-value {
    font-size: .8125rem;
    color: var(--text_secondary);
    line-height: 1.4;
}

.smtp-test-text {
    font-size: .875rem;
    color: var(--text_secondary);
    line-height: 1.45;
}

@media (max-width: 767.98px) {
    .smtp-status-card {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .smtp-status-badge {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.bootstrap-tagsinput {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .35rem;
    width: 100%;
    min-height: 2.75rem;
    padding: .45rem .75rem;
    font-size: .9375rem;
    line-height: 1.45;
    color: var(--text_color);
    background-color: var(--surface_color);
    border: 1px solid var(--border_color);
    border-radius: .5rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color .15s ease, box-shadow .15s ease;
    -o-transition: border-color .15s ease, box-shadow .15s ease;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.bootstrap-tagsinput:hover {
    border-color: var(--border_strong);
}

.bootstrap-tagsinput.focus,
.bootstrap-tagsinput:focus-within {
    border-color: var(--primary_color);
    -webkit-box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary_color) 18%, transparent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary_color) 18%, transparent);
    outline: none;
}

.bootstrap-tagsinput input {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 120px;
    width: auto !important;
    max-width: 100%;
    height: auto;
    min-height: 1.6rem;
    margin: 0;
    padding: .15rem .25rem;
    border: 0 !important;
    background: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    font-size: .9375rem;
    line-height: 1.45;
    color: var(--text_color);
}

.bootstrap-tagsinput input:focus {
    border: 0 !important;
    outline: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.bootstrap-tagsinput input::-webkit-input-placeholder {
    color: var(--text_muted);
}

.bootstrap-tagsinput input::-moz-placeholder {
    color: var(--text_muted);
    opacity: 1;
}

.bootstrap-tagsinput input:-ms-input-placeholder {
    color: var(--text_muted);
}

.bootstrap-tagsinput .tag {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .35rem;
    margin: 0;
    padding: .3rem .55rem;
    background-color: color-mix(in srgb, var(--primary_color) 14%, var(--mix_base));
    color: var(--primary_color);
    border-radius: .375rem;
    font-size: .8125rem;
    font-weight: 500;
    line-height: 1.2;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.bootstrap-tagsinput .tag [data-role="remove"] {
    margin-left: 0;
    cursor: pointer;
    opacity: .75;
}

.bootstrap-tagsinput .tag [data-role="remove"]:after {
    content: "\00d7";
    padding: 0;
    font-size: .95rem;
    line-height: 1;
}

.bootstrap-tagsinput .tag [data-role="remove"]:hover {
    opacity: 1;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.language-list-group-item .flag {
    vertical-align: bottom;
}

.ck {
    --ck-border-radius: .5rem;
    --ck-color-base-background: var(--surface_color);
    --ck-color-base-foreground: var(--surface_soft);
    --ck-color-base-text: var(--text_color);
    --ck-color-base-border: var(--border_color);
    --ck-color-base-focus: var(--primary_color);
    --ck-color-base-active: var(--primary_color);
    --ck-color-base-active-focus: var(--primary_color);
    --ck-color-focus-border: var(--primary_color);
    --ck-color-focus-outer-shadow: color-mix(in srgb, var(--primary_color) 18%, transparent);
    --ck-color-focus-disabled-shadow: color-mix(in srgb, var(--primary_color) 18%, transparent);
    --ck-focus-ring: 1px solid var(--primary_color);
    --ck-focus-outer-shadow: 0 0 0 3px color-mix(in srgb, var(--primary_color) 18%, transparent);
    --ck-inner-shadow: none;
    --ck-color-text: var(--text_color);
    --ck-color-button-default: var(--text_color);
    --ck-color-button-default-background: transparent;
    --ck-color-button-default-hover-background: var(--surface_hover);
    --ck-color-button-default-active-background: var(--surface_muted);
    --ck-color-button-default-disabled-background: transparent;
    --ck-color-button-on-color: var(--primary_color);
    --ck-color-button-on-background: color-mix(in srgb, var(--primary_color) 12%, var(--mix_base));
    --ck-color-button-on-hover-background: color-mix(in srgb, var(--primary_color) 18%, var(--mix_base));
    --ck-color-button-on-active-background: color-mix(in srgb, var(--primary_color) 22%, var(--mix_base));
    --ck-color-list-background: var(--surface_color);
    --ck-color-list-button-hover-background: var(--surface_muted);
    --ck-color-list-button-on-background: var(--primary_color);
    --ck-color-list-button-on-background-focus: var(--primary_color);
    --ck-color-list-button-on-text: var(--text_inverse);
    --ck-color-dropdown-panel-background: var(--surface_color);
    --ck-color-panel-background: var(--surface_color);
    --ck-color-toolbar-background: var(--surface_soft);
    --ck-color-input-background: var(--input_bg);
    --ck-color-input-text: var(--text_color);
    --ck-color-link-default: var(--primary_color);
    --ck-color-link-selected-background: color-mix(in srgb, var(--primary_color) 12%, transparent);
    --ck-color-link-fake-selection: color-mix(in srgb, var(--primary_color) 22%, transparent);
    --ck-color-widget-type-around-button-active: var(--primary_color);
    --ck-color-resizer: var(--primary_color);
    --ck-color-upload-bar-background: var(--primary_color);
    --ck-color-table-focused-cell-background: color-mix(in srgb, var(--primary_color) 16%, transparent);
    --ck-color-input-border: var(--border_color);
    --ck-color-panel-border: var(--border_color);
    --ck-color-toolbar-border: var(--border_color);
    --ck-color-dropdown-panel-border: var(--border_color);
    --ck-color-engine-placeholder-text: var(--text_muted);
}

.ck.ck-editor .ck-toolbar {
    border: 1px solid var(--border_color) !important;
    border-bottom: 0 !important;
    border-radius: .5rem .5rem 0 0 !important;
    background-color: var(--surface_soft) !important;
}

.ck.ck-editor .ck-toolbar .ck-button,
.ck.ck-editor .ck-toolbar .ck-dropdown__button,
.ck.ck-editor .ck-toolbar .ck-button__label,
.ck.ck-editor .ck-toolbar .ck-icon {
    color: var(--text_color) !important;
}

.ck.ck-editor .ck-toolbar .ck-icon {
    fill: currentColor !important;
}

.ck.ck-editor .ck-toolbar .ck-toolbar__separator {
    background: var(--border_color) !important;
}

.ck.ck-editor .ck-editor__main>.ck-editor__editable {
    min-height: 500px !important;
    border: 1px solid var(--border_color) !important;
    border-radius: 0 0 .5rem .5rem !important;
    background-color: var(--surface_color) !important;
    color: var(--text_color) !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: border-color .15s ease, box-shadow .15s ease;
    -o-transition: border-color .15s ease, box-shadow .15s ease;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.ckeditor-lg .ck-editor__editable {
    min-height: 700px !important;
}

.ck.ck-editor .ck-editor__main>.ck-editor__editable:hover {
    border-color: var(--border_strong) !important;
}

.ck.ck-editor .ck-editor__main>.ck-editor__editable.ck-focused {
    border-color: var(--primary_color) !important;
    -webkit-box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary_color) 18%, transparent) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary_color) 18%, transparent) !important;
    outline: none !important;
}

.ck.ck-editor.ck-editor_focused .ck-toolbar,
.ck.ck-editor:focus-within .ck-toolbar {
    border-color: var(--primary_color) !important;
}

.ck.ck-button.ck-on:not(.ck-disabled),
.ck.ck-button.ck-on:not(.ck-disabled):hover,
.ck.ck-button.ck-on:not(.ck-disabled):active {
    color: var(--primary_color) !important;
    background: color-mix(in srgb, var(--primary_color) 12%, var(--mix_base)) !important;
}

.ck.ck-list__item .ck-button.ck-on,
.ck.ck-list__item .ck-button.ck-on:hover,
.ck.ck-list__item .ck-button.ck-on:focus {
    background: var(--primary_color) !important;
    color: var(--text_inverse) !important;
}

.ck.ck-list__item .ck-button.ck-on .ck-button__label,
.ck.ck-list__item .ck-button.ck-on .ck-icon {
    color: var(--text_inverse) !important;
}

.ck.ck-dropdown__panel,
.ck.ck-balloon-panel {
    border: 1px solid var(--border_color) !important;
    border-radius: .5rem !important;
    -webkit-box-shadow: 0 8px 20px var(--shadow_color) !important;
    box-shadow: 0 8px 20px var(--shadow_color) !important;
}

.ck.ck-input:focus,
.ck.ck-labeled-field-view.ck-labeled-field-view_focused>.ck.ck-labeled-field-view__input-wrapper>.ck.ck-input {
    border-color: var(--primary_color) !important;
    -webkit-box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary_color) 18%, transparent) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary_color) 18%, transparent) !important;
}

.bootstrap-select {
    padding: 0 !important;
    width: 100% !important;
    border: 0 !important;
    min-height: 0 !important;
    background: transparent !important;
}

.bootstrap-select>.dropdown-toggle {
    position: relative !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
    width: 100%;
    min-height: 2.75rem !important;
    height: 2.75rem !important;
    padding: 0 2.4rem 0 .95rem !important;
    font-size: .9375rem !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
    color: var(--text_color) !important;
    background-color: var(--input_bg) !important;
    background-image: none !important;
    border: 1px solid var(--border_color) !important;
    border-radius: .5rem !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.bootstrap-select>.dropdown-toggle .filter-option-inner-inner {
    color: var(--text_color) !important;
}

.bootstrap-select>.dropdown-toggle:hover {
    border-color: var(--border_strong) !important;
}

.bootstrap-select>.dropdown-toggle:focus,
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle,
.bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
    border-color: var(--primary_color) !important;
    -webkit-box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary_color) 18%, transparent) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary_color) 18%, transparent) !important;
}

.bootstrap-select>.dropdown-toggle::after,
.bootstrap-select>.dropdown-toggle .caret {
    display: none !important;
}

.bootstrap-select>.dropdown-toggle::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 1rem;
    bottom: auto;
    width: .75rem;
    height: .75rem;
    margin: 0;
    border: 0;
    background-color: var(--text_secondary);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
}

.bootstrap-select>.dropdown-toggle .filter-option {
    position: static !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: start !important;
    overflow: hidden;
}

.bootstrap-select>.dropdown-toggle .filter-option-inner,
.bootstrap-select>.dropdown-toggle .filter-option-inner-inner {
    display: block !important;
    width: 100%;
    max-width: 100%;
    height: auto !important;
    line-height: 1.45 !important;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bootstrap-select .dropdown-menu {
    border: 1px solid var(--border_color);
    border-radius: .5rem;
    padding: .35rem;
    margin-top: .35rem !important;
    -webkit-box-shadow: 0 8px 24px var(--shadow_color);
    box-shadow: 0 8px 24px var(--shadow_color);
}

.bootstrap-select .dropdown-menu .dropdown-item {
    border-radius: .375rem;
    padding: .55rem .75rem;
    font-size: .875rem;
}

.bootstrap-select .btn-check:focus+.btn-light,
.btn-light:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-select-lg.bootstrap-select>.dropdown-toggle {
    min-height: 3.15rem !important;
    height: 3.15rem !important;
    padding: 0 1.1rem !important;
    padding-right: 2.5rem !important;
    font-size: 1.0625rem !important;
}

.fa-lg {
    vertical-align: initial;
}

.tickets-paragrah {
    color: #777;
}

.tickets-paragrah>*:last-child {
    margin-bottom: 0;
}

.tickets-user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.tickets-user img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    -webkit-margin-end: 12px;
    margin-inline-end: 12px;
}

.tickets-user a {
    margin-bottom: 0;
}

.ticket-show {
    width: 100%;
}

.ticket-panel,
.ticket-side-panel {
    height: auto;
    border: 1px solid var(--border_color);
    border-radius: .5rem;
    background-color: var(--surface_color);
    overflow: hidden;
}

.ticket-panel-header,
.ticket-side-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: .85rem;
    padding: .9rem 1.15rem;
    background-color: var(--sidebar_color);
    border-bottom: 1px solid var(--border_color);
}

.ticket-panel-body,
.ticket-side-body {
    padding: 1.15rem 1.25rem;
}

.ticket-panel-header-icon {
    color: var(--text_secondary);
    font-size: 1rem;
}

.ticket-panel-title {
    font-size: .95rem;
    font-weight: 600;
    color: var(--text_color);
    line-height: 1.3;
}

.ticket-panel-time {
    font-size: .8125rem;
    color: var(--text_secondary);
    white-space: nowrap;
}

.ticket-author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .65rem;
    min-width: 0;
}

.ticket-author-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .65rem;
    min-width: 0;
    text-decoration: none;
    color: inherit;
}

.ticket-author-avatar {
    width: 36px;
    height: 36px;
    border-radius: .55rem;
    -o-object-fit: cover;
    object-fit: cover;
    border: 1px solid var(--border_color);
    background-color: var(--surface_color);
}

.ticket-author-name {
    font-size: .9375rem;
    font-weight: 600;
    color: var(--text_color);
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.ticket-subject {
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--text_color);
    line-height: 1.4;
}

.ticket-message {
    font-size: .9375rem;
    color: var(--text_label);
    line-height: 1.65;
    word-break: break-word;
}

.ticket-message>*:last-child {
    margin-bottom: 0;
}

.ticket-attachments {
    margin-top: 1.25rem;
    padding-top: 1.15rem;
    border-top: 1px solid var(--border_soft);
}

.ticket-attachments-title {
    font-size: .8125rem;
    font-weight: 600;
    color: var(--text_color);
}

.ticket-attachments-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .65rem;
}

.ticket-attachment {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .65rem;
    max-width: 100%;
    padding: .7rem .85rem;
    border: 1px solid var(--border_color);
    border-radius: .5rem;
    background-color: var(--surface_subtle);
    color: var(--text_color);
    text-decoration: none;
    -webkit-transition: border-color .15s ease, background-color .15s ease, color .15s ease;
    -o-transition: border-color .15s ease, background-color .15s ease, color .15s ease;
    transition: border-color .15s ease, background-color .15s ease, color .15s ease;
}

.ticket-attachment:hover {
    border-color: color-mix(in srgb, var(--primary_color) 35%, var(--border_color));
    background-color: color-mix(in srgb, var(--primary_color) 6%, var(--mix_base));
    color: var(--primary_color);
}

.ticket-attachment-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    min-width: 32px;
    border-radius: .45rem;
    background-color: var(--surface_color);
    border: 1px solid var(--border_color);
    color: var(--text_secondary);
}

.ticket-attachment:hover .ticket-attachment-icon {
    border-color: color-mix(in srgb, var(--primary_color) 28%, var(--border_color));
    color: var(--primary_color);
}

.ticket-attachment-name {
    font-size: .8125rem;
    font-weight: 500;
    line-height: 1.35;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ticket-attachment-download {
    margin-left: auto;
    color: var(--text_secondary);
    font-size: .9rem;
}

.ticket-attachment:hover .ticket-attachment-download {
    color: var(--primary_color);
}

.ticket-user-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .85rem;
    padding: .85rem 1rem;
    border: 1px solid var(--border_color);
    border-radius: .5rem;
    background-color: var(--surface_subtle);
    text-decoration: none;
    color: inherit;
    -webkit-transition: border-color .15s ease, background-color .15s ease;
    -o-transition: border-color .15s ease, background-color .15s ease;
    transition: border-color .15s ease, background-color .15s ease;
}

.ticket-user-card:hover {
    border-color: color-mix(in srgb, var(--primary_color) 35%, var(--border_color));
    background-color: color-mix(in srgb, var(--primary_color) 6%, var(--mix_base));
}

.ticket-user-avatar {
    width: 48px;
    height: 48px;
    border-radius: .65rem;
    -o-object-fit: cover;
    object-fit: cover;
    border: 1px solid var(--border_color);
    background-color: var(--surface_color);
}

.ticket-user-meta {
    min-width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.ticket-user-name {
    font-size: .95rem;
    font-weight: 600;
    color: var(--text_color);
    line-height: 1.3;
}

.ticket-user-email {
    font-size: .8125rem;
    color: var(--text_secondary);
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.ticket-user-arrow {
    color: var(--text_muted);
    font-size: .8rem;
}

.ticket-info-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.ticket-info-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 1rem;
    padding: .8rem 0;
    border-bottom: 1px solid var(--surface_muted);
}

.ticket-info-row:first-child {
    padding-top: 0;
}

.ticket-info-row:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.ticket-info-label {
    font-size: .875rem;
    font-weight: 500;
    color: var(--text_secondary);
}

.ticket-info-value {
    font-size: .875rem;
    font-weight: 600;
    color: var(--text_color);
    text-align: right;
    word-break: break-word;
}

.ticket-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .65rem;
    margin-top: 1.25rem;
    padding-top: 1.15rem;
    border-top: 1px solid var(--border_soft);
}

@media (max-width: 575.98px) {

    .ticket-panel-header,
    .ticket-side-header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .ticket-attachment {
        width: 100%;
    }
}

.profile-page {
    width: 100%;
}

.profile-status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
    padding: 1.15rem 1.25rem;
    border: 1px solid var(--border_color);
    border-radius: .5rem;
    background-color: var(--surface_color);
}

.profile-status.is-secure {
    background-color: color-mix(in srgb, var(--primary_color) 8%, var(--mix_base));
    border-color: color-mix(in srgb, var(--primary_color) 28%, var(--border_color));
}

.profile-status.is-warning {
    background-color: var(--warning_bg);
    border-color: var(--warning_border);
}

.profile-status-avatar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 56px;
    flex: 0 0 56px;
    width: 56px;
    height: 56px;
}

.profile-status-avatar img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: .75rem;
    border: 1px solid var(--border_color);
    background-color: var(--surface_color);
}

.profile-status-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
}

.profile-status-name {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text_color);
    line-height: 1.3;
}

.profile-status-email {
    font-size: .875rem;
    color: var(--text_secondary);
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.profile-status-meta {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.profile-status-badge {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .35rem;
    padding: .35rem .75rem;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 600;
    white-space: nowrap;
    background-color: var(--warning_icon_bg);
    color: #8a5b00;
}

.profile-status.is-secure .profile-status-badge,
.profile-status-badge.is-secure {
    background-color: color-mix(in srgb, var(--primary_color) 16%, var(--mix_base));
    color: var(--primary_color);
}

.profile-status.is-warning .profile-status-badge,
.profile-status-badge.is-warning {
    background-color: var(--warning_icon_bg);
    color: #8a5b00;
}

.profile-panel {
    display: block;
    height: auto;
    border: 1px solid var(--border_color);
    border-radius: .5rem;
    background-color: var(--surface_color);
    overflow: hidden;
}

.profile-panel-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .85rem;
    padding: 1rem 1.25rem;
    background-color: var(--sidebar_color);
    border-bottom: 1px solid var(--border_color);
}

.profile-panel-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: .65rem;
    background-color: var(--surface_color);
    border: 1px solid var(--border_color);
    color: var(--text_secondary);
    font-size: 1.05rem;
}

.profile-panel-icon.is-secure {
    background-color: color-mix(in srgb, var(--primary_color) 16%, var(--mix_base));
    border-color: color-mix(in srgb, var(--primary_color) 28%, var(--border_color));
    color: var(--primary_color);
}

.profile-panel-icon.is-warning {
    background-color: var(--warning_icon_bg);
    border-color: var(--warning_border);
    color: #b7791f;
}

.profile-panel-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: .75rem;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
}

.profile-panel-title {
    font-size: .95rem;
    font-weight: 600;
    color: var(--text_color);
    line-height: 1.3;
}

.profile-panel-subtitle {
    margin-top: .15rem;
    font-size: .8125rem;
    color: var(--text_secondary);
    line-height: 1.4;
}

.profile-panel-body {
    padding: 1.25rem;
}

.profile-avatar-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.15rem;
    margin-bottom: 1.35rem;
}

.profile-avatar-media {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 72px;
    flex: 0 0 72px;
    width: 72px;
    height: 72px;
}

.profile-avatar-preview {
    width: 100%;
    height: 100%;
    border-radius: .7rem;
    -o-object-fit: cover;
    object-fit: cover;
    background-color: var(--surface_color);
    display: block;
}

.profile-avatar-copy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: .45rem;
    min-width: 0;
}

.profile-avatar-copy .btn-soft-text {
    padding: .45rem .85rem;
    font-size: .875rem;
    min-height: 2.35rem;
    border-radius: .45rem;
}

.profile-avatar-copy .btn-soft-text i {
    font-size: .95rem;
}

.profile-avatar-text {
    font-size: .8125rem;
    color: var(--text_secondary);
    line-height: 1.4;
}

.profile-2fa-lead {
    font-size: .875rem;
    color: var(--text_secondary);
    line-height: 1.55;
}

.profile-2fa-setup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: 1rem;
}

.profile-2fa-qr-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 220px;
    flex: 0 0 220px;
    width: 220px;
    padding: 1rem;
    border: 1px solid var(--border_color);
    border-radius: .5rem;
    background-color: var(--surface_subtle);
    text-align: center;
}

.profile-2fa-qr {
    margin-bottom: .85rem;
}

.profile-2fa-qr img,
.profile-2fa-qr svg {
    max-width: 160px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
    border-radius: .35rem;
    background-color: var(--surface_color);
}

.profile-2fa-qr-hint {
    font-size: .75rem;
    color: var(--text_secondary);
    line-height: 1.4;
}

.profile-2fa-actions {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
    padding: 1rem 1.1rem;
    border: 1px solid var(--border_color);
    border-radius: .5rem;
    background-color: var(--surface_subtle);
}

.profile-2fa-disable {
    max-width: 360px;
    padding: 1rem 1.1rem;
    border: 1px solid var(--border_color);
    border-radius: .5rem;
    background-color: var(--surface_subtle);
}

.profile-2fa-apps-title {
    font-size: .875rem;
    color: var(--text_secondary);
    line-height: 1.5;
}

.profile-2fa-apps-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .65rem;
}

.profile-2fa-app {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .5rem;
    padding: .65rem .85rem;
    border: 1px solid var(--border_color);
    border-radius: .5rem;
    background-color: var(--surface_color);
    color: var(--text_color);
    font-size: .8125rem;
    text-decoration: none;
    -webkit-transition: border-color .15s ease, color .15s ease, background-color .15s ease;
    -o-transition: border-color .15s ease, color .15s ease, background-color .15s ease;
    transition: border-color .15s ease, color .15s ease, background-color .15s ease;
}

.profile-2fa-app i {
    color: var(--text_secondary);
    font-size: 1rem;
}

.profile-2fa-app:hover {
    border-color: color-mix(in srgb, var(--primary_color) 35%, var(--border_color));
    color: var(--primary_color);
    background-color: color-mix(in srgb, var(--primary_color) 6%, var(--mix_base));
}

.profile-2fa-app:hover i {
    color: var(--primary_color);
}

@media (max-width: 767.98px) {
    .profile-status {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .profile-status-meta,
    .profile-status-badge {
        width: 100%;
    }

    .profile-status-badge {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .profile-panel-heading {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .profile-avatar-field {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 1rem;
    }

    .profile-2fa-setup {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .profile-2fa-qr-card {
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }

    .profile-2fa-app {
        width: 100%;
    }
}
/* Legacy imgbob utilities retained for existing views */
.bg-lg-1 {
    background: #396afc !important;
    background: -webkit-linear-gradient(to right, #2948ff, #396afc) !important;
    background: linear-gradient(to right, #2948ff, #396afc) !important;
}

.bg-lg-2 {
    background: #7b4397 !important;
    background: -webkit-linear-gradient(to right, #dc2430, #7b4397) !important;
    background: linear-gradient(to right, #dc2430, #7b4397) !important;
}

.bg-lg-3 {
    background: #0F2027 !important;
    background: -webkit-linear-gradient(to right, #2C5364, #203A43, #0F2027) !important;
    background: linear-gradient(to right, #2C5364, #203A43, #0F2027) !important;
}

.bg-lg-4 {
    background: #8E2DE2 !important;
    background: -webkit-linear-gradient(to right, #4A00E0, #8E2DE2) !important;
    background: linear-gradient(to right, #4A00E0, #8E2DE2) !important;
}

.bg-lg-5 {
    background: #485563 !important;
    background: -webkit-linear-gradient(to right, #29323c, #485563) !important;
    background: linear-gradient(to right, #29323c, #485563) !important;
}

.bg-lg-6 {
    background: #000428 !important;
    background: -webkit-linear-gradient(to right, #004e92, #000428) !important;
    background: linear-gradient(to right, #004e92, #000428) !important;
}

.bg-lg-7 {
    background: #8E0E00 !important;
    background: -webkit-linear-gradient(to right, #8E0E00, #1F1C18) !important;
    background: linear-gradient(to right, #8E0E00, #1F1C18) !important;
}

.bg-lg-8 {
    background: #5caf2e !important;
    background: -webkit-linear-gradient(to right, #5caf2e, #5bb42b) !important;
    background: linear-gradient(to right, #5caf2e, #5bb42b) !important
}

.bg-lg-9 {
    background: #005C97 !important;
    background: -webkit-linear-gradient(to right, #363795, #005C97) !important;
    background: linear-gradient(to right, #363795, #005C97) !important;
}

.bg-lg-10 {
    background: #2d6bef;
    background: linear-gradient(to right, #2d6bef, #35afe5) !important;
}

.bg-lg-11 {
    background: #11998e !important;
    background: -webkit-linear-gradient(to left, #38ef7d, #11998e) !important;
    background: linear-gradient(to left, #38ef7d, #11998e) !important;
}

.bg-lg-12 {
    background: #06beb6!important;
    background: -webkit-linear-gradient(to left, #48b1bf, #06beb6)!important;
    background: linear-gradient(to left, #48b1bf, #06beb6)!important;
}

.bg-lg-13 {
    background: #159957!important;
    background: -webkit-linear-gradient(to left, #155799, #159957)!important;
    background: linear-gradient(to left, #155799, #159957)!important;
}

.bg-lg-14 {
    background: #41295a!important;
    background: -webkit-linear-gradient(to left, #2F0743, #41295a)!important;
    background: linear-gradient(to left, #2F0743, #41295a)!important;
}

.bg-lg-15 {
    background: #f85032!important;
    background: -webkit-linear-gradient(to bottom, #e73827, #f85032)!important;
    background: linear-gradient(to bottom, #e73827, #f85032)!important;
}

.bg-lg-16 {
    background: #76b852!important;
    background: -webkit-linear-gradient(to top, #8DC26F, #76b852)!important;
    background: linear-gradient(to top, #8DC26F, #76b852)!important;
}

.bg-lg-17 {
    background: #e53935 !important;
    background: -webkit-linear-gradient(to right, #e35d5b, #e53935) !important;
    background: linear-gradient(to right, #e35d5b, #e53935) !important;
}

.bg-c-1 {
    background: #3f0b74 !important;
}

.bg-c-2 {
    background: #0b4f74 !important;
}

.bg-c-3 {
    background: #0b7469 !important;
}

.bg-c-4 {
    background: #42a424 !important;
}

.bg-c-5 {
    background: #00b9cd !important;
}

.bg-c-6 {
    background: #d65c0c !important;
}

.bg-c-7 {
    background: #dd6201 !important;
}

.bg-c-8 {
    background: #005d7a !important;
}

.bg-c-9 {
    background: #a61559 !important;
}

.bg-c-10 {
    background: #b0226e !important
}

.bg-c-11 {
    background: #0045AD !important;
}

.bg-c-12 {
    background: #afa501 !important;
}

.btn-amazon {
    background-color: #f56600;
    border-color: #f56600;
    color: #fff;
}

.btn-amazon:hover {
    background-color: #f56600;
    border-color: #f56600;
    color: #fff;
    opacity: .8;
}

.btn-wasabi {
    background-color: #00ce3e;
    border-color: #00ce3e;
    color: #fff;
}

.btn-wasabi:hover {
    background-color: #00ce3e;
    border-color: #00ce3e;
    color: #fff;
    opacity: .8;
}

.btn-digitalocean {
    background-color: #0069ff;
    border-color: #0069ff;
    color: #fff;
}

.btn-digitalocean:hover {
    background-color: #0069ff;
    border-color: #0069ff;
    color: #fff;
    opacity: .8;
}

.btn-green {
    color: #fff;
    background-color: #06ad22;
    border-color: #06ad22;
}

.btn-green:hover {
    color: #fff;
    background-color: #049c1e;
    border-color: #049c1e;
}

.btn-red {
    color: #fff;
    background-color: #ce1628;
    border-color: #ce1628;
}

.btn-red:hover {
    color: #fff;
    background-color: #b91626;
    border-color: #b91626;
}

.btn.btn-blue {
    color: #fff;
    background-color: var(--primary_color);
    border-color: var(--primary_color);
}

.btn.btn-blue:hover {
    color: #fff;
    background-color: var(--secondary_color);
    border-color: var(--secondary_color);
}

/* Legacy color token aliases (frontend + older admin snippets) */
:root {
  --primaryColor: var(--primary_color);
  --secondaryColor: var(--secondary_color);
  --thirdColor: var(--secondary_color);
  --bgColor: var(--background_color);
}

/* Legacy utility classes */
.red {
    color: #dc3545;
}

.capitalize {
    text-transform: capitalize;
}

.rounded-50 {
    border-radius: 50px !important;
}

/* Auth sign screen polish */
.vironeer-sign-container {
    background-color: var(--surface_muted) !important;
}

.vironeer-sign-container .vironeer-sign-form .card {
    border: 1px solid var(--border_color);
    border-radius: .75rem;
}

.vironeer-sign-container .vironeer-sign-logo {
    margin-bottom: 1.5rem;
    text-align: center;
}

.vironeer-sign-container .vironeer-sign-logo img {
    max-height: 48px;
    max-width: 180px;
    width: auto;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
}

.vironeer-sign-container .vironeer-sign-header .h3 {
    color: var(--text_heading);
    font-weight: 600;
}

.vironeer-sign-container .form-label {
    font-weight: 500;
    color: var(--text_label);
}

.vironeer-sign-container .form-control-lg {
    border-radius: .5rem;
    min-height: 48px;
}

.vironeer-sign-container .btn-lg {
    border-radius: .5rem;
    min-height: 48px;
    font-weight: 600;
}

/* Chart.js canvas inside FowTickets-style dashboard cards */
.dashboard-chart canvas {
    width: 100% !important;
    height: 400px !important;
}

.dashboard-list .empty-small {
    border-top: 0;
    padding: 1.5rem 0;
}

.upload-view-preview {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 360px;
    padding: 1.25rem;
    background-color: var(--preview_bg);
    border: 1px solid var(--border_color);
    border-radius: .5rem;
}

.upload-view-preview img {
    max-width: 100%;
    max-height: 70vh;
    width: auto;
    height: auto;
    border-radius: .5rem;
    -o-object-fit: contain;
    object-fit: contain;
}