/*!
 * Theme Name: Default
 * Package : DashLite
 * Author: Softnio
 * Author URI: http://themeforest.net/user/softnio
 * Version	 :	1.0.0
 * Updated	 :	07.23.2020
**/

/* width */
.sm-scrollbar::-webkit-scrollbar {
    width: 8px;
}
/* Track */
.sm-scrollbar::-webkit-scrollbar-track {
    background-color: transparent;
}
/* Handle */
.sm-scrollbar::-webkit-scrollbar-thumb {
    background-color: #dbdfea;
    border-radius: 3px;
}
/* Handle on hover */
.sm-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #8091a7;
}

.pricing {
    position: relative;
    overflow: hidden;
}
.pricing-badge {
    position: absolute;
    background: #6576ff;
    color: #fff;
    top: 0;
    right: -50%;
    transform: rotate(45deg);
    transform-origin: 50% 0;
    padding: 2rem 0 0.5rem;
    width: 100%;
    text-align: center;
}
.btn {
    white-space: nowrap;
}
.table th, .table td {
    vertical-align: middle;
}
.btn-trigger.disabled {
    border: none !important;
}
.merged-table td:first-child, .merged-table th:first-child {
    padding-left: 1rem !important;
}
.merged-table .nk-tb-col:first-child {
    padding-left: 1rem !important;
}
.merged-table td:last-child, .merged-table th:last-child {
    padding-right: 1rem !important;
}
.merged-table .nk-tb-col:last-child {
    padding-right: 1rem !important;
}
.merged-table th, .merged-table td {
    padding: 0.5rem !important;
}
.modal-header-xs {
    padding: 0.5rem;
}
/*
.container-grid {
    position: relative;
    display: flex;
    overflow: hidden;
    height: calc(100vh - 137px);
}

/*container-fluid-lg
.container-fluid-lg {
    width: 100%;
}

.container-fluid-md {
    max-width: 1200px;
    padding: 0 16px;
    margin: 0 auto;
}

.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
    padding-right: 0;
    padding-left: 0;
}
*/
/*
.nk-fmg {
    min-height: calc(100vh - (53px + 49px));
}
.nk-fmg-menu li ul .nk-fmg-menu-item {
    padding: 0.2rem 0.4rem;
}
.nk-fmg-menu li ul .active .nk-fmg-menu-item {
    background: #e4ecf6;
    border-radius: 3px;
}
.nk-fmg-menu li ul .nk-fmg-menu-item:hover {
    background: #f5f6fa;
    border-radius: 3px;
}
.nk-fmg-menu li ul .nk-fmg-menu-item:hover span {
    color: #526484;
}
.dark-mode .active > .nk-fmg-menu-item,
.dark-mode .nk-fmg-menu-item:hover {
    background: #1d2d40 !important;
}
@media (max-width: 991px) {
    .nk-fmg-aside {
        top: 53px;
        min-height: calc(100vh - 53px);
        max-height: calc(100vh - 53px);
    }
}
*/
.nk-fmg-body-content {
    min-height: calc(100vh - (64px + 65px));
}
.wide-xxl {
    max-width: 100%;
}
@media (min-width: 1600px) {
    .wide-xxl {
        max-width: 1600px !important;
    }
}

/*Subscription
.col-xxl-8, .col-xl-8 {
    padding-top: 24px;
    padding-left: 0;
}
*/
/*
.ag-theme-alpine {
    font-family: Roboto, Arial, sans-serif !important;
}
.ag-cell,
.ag-header-cell {
    padding-left: 12px !important;
    padding-right: 12px !important;
}
.ag-selection-checkbox {
    height: 16px !important;
}
.ag-theme-alpine-dark .ag-root-wrapper {
    --ag-border-color: #1d2d40;
    --ag-background-color: #141c26;
}
.ag-theme-alpine-dark .ag-header {
    --ag-header-background-color: #141c26;
    --ag-row-border-color: #1d2d40;
}
.ag-theme-alpine-dark .ag-header-row {
    --ag-foreground-color: #8094ae;
}
.ag-theme-alpine-dark .ag-row {
    --ag-background-color: #141c26;
    --ag-row-border-color: rgba(29,45,64,.5);
    --ag-foreground-color: #8094ae;
}
.ag-theme-alpine-dark .ag-row-odd {
    --ag-odd-row-background-color: #141c26;
}
.ag-theme-alpine-dark {
    font-family: Roboto, Arial, sans-serif !important;
}
.custom-tooltip {
    position: absolute;
    max-width: 400px;
    min-width: 200px;
    height: auto;
    overflow: hidden;
    pointer-events: none;
    background-color: white;
    border: 1px solid #e5e9f2;
    box-shadow: 0 3px 12px 1px rgb(44 55 130 / 15%);
    transition: opacity 1s;
}
.custom-tooltip.ag-tooltip-hiding {
    opacity: 0;
}
.custom-tooltip-note {
    padding: 10px;
    background-color: whitesmoke;
    border-radius: 2px;
}
*/


.image-card {
    display: flex;
    align-items: center;
}

.image-card-image {
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    position: relative;
}

.image-card-image img {
    max-width: 100%;
    max-height: 100%;
}

.image-card-image.xxl {
    height: 200px;
    width: 200px;
}

.image-card-image.xl {
    height: 96px;
    width: 96px;
}

.image-card-image.lg {
    height: 64px;
    width: 64px;
}

.image-card-image.md {
    height: 48px;
    width: 48px;
}

.image-card-image.sm {
    height: 32px;
    width: 32px;
}

.image-card-image.xs {
    height: 24px;
    width: 24px;
}
.image-card-name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 400;
    display: block;
}
.image-card-image+.image-card-name {
    margin-left: 0.75rem;
}

.flex-row > div:last-child {
    margin-right: 0 !important;
}

.flex-column > div:last-child {
    margin-bottom: 0 !important;
}

.w-16px {
    width: 16px;
}
.h-max-16px {
    max-height: 16px;
}
.w-max-24px {
    max-width: 24px;
}
.w-24px {
    width: 24px;
}
.h-max-24px {
    max-height: 24px;
}
.w-32px {
    width: 32px;
}
.ms-32px {
    margin-left: 32px;
}
.w-40px {
    width: 40px;
}
.w-max-36px {
    max-width: 36px;
}
.h-max-36px {
    max-height: 36px;
}
.h-max-48px {
    max-height: 48px;
}
.h-max-60px {
    max-height: 60px;
}
.w-min-36px {
    min-width: 36px;
}
.w-min-48px {
    min-width: 48px;
}
.w-48px {
    width: 48px;
}

.w-max-48px {
    max-width: 48px;
}
.w-max-60px {
    max-width: 60px;
}
.w-max-650px {
    max-width: 650px;
}
.w-50px {
    width: 50px;
}

.w-60px {
    width: 60px;
}
.w-min-60px {
    min-width: 60px;
}
.h-16px {
    height: 16px;
}

.h-48px {
    height: 48px;
}

.h-20px {
    height: 20px;
}

.h-24px {
    height: 24px;
}

.h-28px {
    height: 28px;
}

.h-max-28px {
    max-height: 28px;
}
.h-30px {
    height: 30px;
}
.h-32px {
    height: 32px;
}

.h-36px {
    height: 36px;
}
.h-64px {
    height: 64px;
}
.h-40px {
    height: 40px;
}

.h-80 {
    height: 80%;
}

.h-90 {
    height: 90%;
}

.h-95 {
    height: 95%;
}

.h-98 {
    height: 98%;
}

.mh-80 {
    max-height: 80%;
}

.mh-90 {
    max-height: 90%;
}

.mh-95 {
    max-height: 95%;
}

.mh-98 {
    max-height: 98%;
}

.lh-16px {
    line-height: 16px;
}

.lh-20px {
    line-height: 20px;
}

.lh-24px {
    line-height: 24px;
}

.lh-28px {
    line-height: 28px;
}

.lh-32px {
    line-height: 32px;
}

.lh-36px {
    line-height: 36px;
}

.lh-40px {
    line-height: 40px;
}
.logo-img-xl {
    max-height: 48px;
}
.logo-img-xl {
    max-height: 120px;
}
.logo-img-xxl {
    max-height: 200px;
}
.modal-open .modal {
    overflow: hidden;
}

.modal-xxl { max-width: 96%; }
@media (min-width: 1800px) { .modal-xxl { max-width: 1728px; } }

/*
.colorchecker {
    position: relative;
    padding-left: 44px;
    height: 32px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    color: #526484;
    display: inline-flex;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.colorchecker input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.colorchecker .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 32px;
    width: 32px;
    background-color: #fff;
    border: 1px solid #bdbdbd;
    padding: 2px;
    border-radius: 2px;
    transition: all 0.3s;
}

.colorchecker .checkmark > span {
    display: block;
    height: 100%;
    border-radius: 1px;
}

.colorchecker:hover .checktext {
    color: #6576ff;
}

.colorchecker:hover input ~ .checkmark {
    border-color: #6576ff;
    box-shadow: 0 0 0 2px rgb(101 118 255 / 20%);
}

.colorchecker input:checked ~ .checkmark {
}

.colorchecker input:checked ~ .checkmark:after {
    content: "";
    color: white;
    position: absolute;
    top: 2px;
    left: 8px;
    font-size: 16px;
    font-weight: 500;
    font-family: "Nioicon";
}

.colorchecker label {
    margin-bottom: 0;
}

.link-list-opt li .colorchecker {
    margin: .625rem 1.25rem;
}

.colorradio {
    display: flex;
    align-items: center;
    position: relative;
    width: 32px;
    height: 32px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.colorradio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.colorradio .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 32px;
    width: 32px;
    transition: all 0.3s;
}

.colorradio:hover input ~ .checkmark {
    border-radius: 20% !important;
}

.colorradio input:checked ~ .checkmark {
    border-radius: 50% !important;
}

.colorradio .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.colorradio input:checked ~ .checkmark:after {
}

.colorradio .checkmark:after {
}
*/

.tag-wrapper {
    display: flex !important;
    align-items: center !important;
    padding: .25rem .5rem;
    border-radius: 4px;
    max-width: 100%;
}
.tag-block {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 2px;
    margin-right: .375rem;
}
.d-flex .tag-block:last-child {
    margin-right: 0;
}

.sticky-sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}
.rate-option {
    padding: 0.75rem;
    border: 3px solid #dbdfea;
    border-radius: 4px;
    cursor: pointer;
}
.dark-mode .rate-option {
    border-color: #1d2d40;
}
.rate-option.selected {
    border-color: #2263b3;
}
.rate-option:hover {
    border-color: #2263b3;
}
.rate-option .amount {
    font-weight: 500;
    font-size: 16px;
    text-align: right;
}
.rate-option .info {
    text-align: right;
}
.multi-packages {
    padding: 1rem 0.75rem;
    border: 3px solid #dbdfea;
    border-radius: 4px;
}
.dark-mode .multi-packages {
    border-color: #1d2d40;
}
.location-option {
    padding: 0.75rem;
    border: 3px solid #dbdfea;
    border-radius: 4px;
    cursor: pointer;
}
.dark-mode .location-option {
    border-color: #1d2d40;
}
.location-option.selected {
    border-color: #2263b3;
}
.location-option:hover {
    border-color: #2263b3;
}
.location-option .amount {
    font-weight: 500;
    font-size: 14px;
    text-align: right;
}
.location-option .info {
    text-align: right;
}
.section-line { overflow: hidden; text-align: center; margin: 0; padding: 0; }
.section-line-info { position: relative; display: inline-block; padding: 0 .75rem; color: #8094ae; font-size: 13px; line-height: 1.4; }
.section-line-info span,
.section-line-info strong {
    color: #526484;
}
.section-line-info:before,
.section-line-info:after {
    position: absolute; height: 1px; background: #e5e9f2; content: ''; width: 100vw; top: 50%;
}
.section-line-info:before { right: 100%; }
.section-line-info:after { left: 100%; }
.link-list-plain.li-col16x > li {
    border-right: 1px solid #e5e9f2;
    border-bottom: 1px solid #e5e9f2;
    border-top: 0;
}

.tag-colors .li-col16x {
    width: 480px;
}

.li-col16x > li {
    width: 6.25%;
    float: left;
}

.tag-colors a {
    padding: 0 !important;
    width: 30px;
    height: 30px;
    border-radius: 4px;
}

/*
.loading {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 900;
}

.spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -25px;
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 10px;
}

.spinner > div {
    z-index: 999;
    background-color: #FFFFFF;
    height: 100%;
    width: 6px;
    display: inline-block;

    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}
*/
@-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4)
    }
    20% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes sk-stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }
    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}

.modal-footer-sm {
    padding: 0.5rem 1.25rem;
}
.footer {
    margin-top: auto;
}
.modal-header-sm .close {
    padding: 0.75rem 1.25rem;
    margin: -0.75rem -1.25rem -0.75rem auto;
}

.btn-trigger + .dropdown-menu-right {
    margin: .25rem -.25rem 0 0;
}

.btn-trigger + .dropdown-menu-left {
    margin: .25rem 0 0 -.25rem;
}

.btn-trigger .icon {
    font-size: 1.5em;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
.page-title, .nav-tabs,
body {
    font-family: Roboto, Arial, sans-serif;
}

.page-title {
    font-weight: 400;
}

.bg-whitesmoke {
    background-color: #f5f5f5 !important;
}

.select2-dropdown {
    z-index: 1053;
}

.select2-icon .select2-selection--single {
    display: flex;
    align-items: center;
}
.select2-icon .select2-selection__rendered {
    padding-top: 0;
    padding-bottom: 0;
    width: 100%;
}

.select2-icon .select2-selection__clear {
    top: 2px;
    padding: 0 5px;
}

textarea.textarea-xs {
    min-height: 60px;
}
.pagination .page-item {
    margin-right: 6px;
}

.pagination .page-item:last-child {
    margin-right: 0;
}

.page-item .page-link {
    border-radius: 3px;
}

.page-link {
    font-size: 14px;
    font-weight: 500;
    border: none;
    min-width: 24px;
    padding: 0.325rem 0.5rem;
}

.page-link .icon + span,
.page-link span + .icon {
    padding-left: 8px;
}
.page-item .page-link:hover,
.page-item.active .page-link {
    background-color: #3c4d62;
    border-color: #3c4d62;
}
.dark-mode .page-item .page-link:hover,
.dark-mode .page-item.active .page-link {
    background-color: #28374b !important;
    border-color: #28374b !important;
}
.page-item .page-link:hover {
    color: white;
}

.dropdown-menu-wrapper {
    width: 240px;
    max-height: 400px;
    overflow-x: hidden;
}
.dropdown-menu-wrapper .custom-control-pro .custom-control-label {
    border: none;
}
.dropdown-menu-wrapper .custom-control-pro .custom-control-label:hover {
    background: #f5f6fa;
}
.dark-mode .dropdown-menu-wrapper .custom-control-pro .custom-control-label:hover {
    background: #2a3a4e;
}
.dropdown-menu-wrapper .custom-control-stacked > * {
    margin: 0;
}
.grid-body {
    height: calc(100vh - 232px);
}
.grid-footer {
    padding: 7px 0;
}
.grid-pagination {
    padding: 0.25rem;
    min-width: 2rem;
    font-weight: 700;
    font-size: 0.8125rem;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #fff;
    border-radius: 4px;
}
.tb-head {
    border: 1px solid transparent;
    padding: 0.2rem 0.4rem;
    border-radius: 4px;
}
.tb-head.active {
    background-color: #e6e8e9;
}
.tb-head:hover {
    background-color: #364a63;
    color: white;
}
#clear-all-filters {
    display: none;
}
.hide {
    display: none;
}
.text-menu {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}
.edit-order-note {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    width: 100%;
}
.user-avatar-xxs, .user-avatar.xxs { height: 20px; width: 20px; font-size: 9px; font-weight: 700; }

.user-avatar-xxs .status, .user-avatar.xxs .status { bottom: -2px; right: -2px; }
.in-modal {
    z-index: 1052;
}

/*the container must be positioned relative:*/
.autocomplete {
    position: relative;
    display: inline-block;
}
.autocomplete-items {
    position: absolute;
    border: 1px solid #dbdfea;
    border-radius: 4px;
    box-shadow: 0 0 0 3px rgba(101, 118, 255, 0.1);
    z-index: 99;
    top: 40px;
    left: 0;
    right: 0;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}
.autocomplete-items div {
    padding: 0.5rem 1rem;
    cursor: pointer;
    background-color: #fff;
}
/*when hovering an item:*/
.autocomplete-items div:hover {
    background-color: whitesmoke;
}
/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
    background-color: whitesmoke !important;
}
.label-h-form {
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.25rem;
}
.g-h-form {
    margin: -1.25rem -0.5rem !important;
}
.g-h-form > li, .g-h-form > div {
    padding: 1.25rem 0.5rem !important;
}
@media (min-width: 1540px) {
    .card-aside {
        width: 300px;
    }
}

.user-avatar img, [class^="user-avatar"]:not([class*="-group"]) img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

.dx-widget {
    font-family: Roboto, Arial, sans-serif !important;
}
.dx-command-select {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
}
.dark-mode .dx-checkbox-icon {
    border-color: #384d69 !important;
    background-color: #141c26 !important;
}
.dark-mode .dx-datagrid-headers {
    color: #8091a7 !important;
}
.dark-mode .dx-datagrid {
    background-color: #141c26 !important;
}
.dark-mode .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td,
.dark-mode .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td,
.dark-mode .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td,
.dark-mode .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {
    background-color: #1f2b3a !important;
}
.dark-mode .dx-datagrid-headers,
.dark-mode .dx-datagrid-borders > .dx-datagrid-filter-panel,
.dark-mode .dx-datagrid-borders > .dx-datagrid-rowsview,
.dark-mode .dx-datagrid-borders > .dx-datagrid-total-footer,
.dark-mode .dx-datagrid-headers .dx-datagrid-table .dx-row > td,
.dark-mode .dx-datagrid .dx-row-lines > td {
    border-color: #384d69 !important;
}
.dark-mode .dx-loadpanel-content {
    border-color: #384d69 !important;
    background: #1f2b3a !important;
}
/*
.nk-header-brand {
    padding-top: 8px;
    padding-bottom: 8px;
}
.nk-menu > li.nk-menu-item > .nk-menu-link {
    padding: 0.85rem 0;
}
.nk-header-tools {
    padding-top: 4px;
    padding-bottom: 4px;
}
.nk-content {
    padding: 1rem;
}
*/
.card-inner.filters,
.card-inner.p-125
{
    padding: 1.25rem;
}
.progress-job-result {
    width: 100%;
    max-height: calc(100vh - 300px);
    border-radius: 4px;
    border: 1px solid #dbdfea;
    overflow-y: auto;
    overflow-x: hidden;
}

@-webkit-keyframes flash-bg {
    from { background-color: #fce9e7; }
    to { background-color: inherit; }
}
@-moz-keyframes flash-bg {
    from { background-color: #fce9e7; }
    to { background-color: inherit; }
}
@-o-keyframes flash-bg {
    from { background-color: #fce9e7; }
    to { background-color: inherit; }
}
@keyframes flash-bg {
    from { background-color: #fce9e7; }
    to { background-color: inherit; }
}
.flash-bg {
    -webkit-animation: flash-bg 1s infinite; /* Safari 4+ */
    -moz-animation:    flash-bg 1s infinite; /* Fx 5+ */
    -o-animation:      flash-bg 1s infinite; /* Opera 12+ */
    animation:         flash-bg 1s infinite; /* IE 10+ */
}

@-webkit-keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}
@-moz-keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}
@-o-keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}
@keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}
.flash {
    -webkit-animation: flash 1s infinite; /* Safari 4+ */
    -moz-animation:    flash 1s infinite; /* Fx 5+ */
    -o-animation:      flash 1s infinite; /* Opera 12+ */
    animation:         flash 1s infinite; /* IE 10+ */
}
.icon-span {
    display: flex;
    align-items: center;
}
.icon-span .icon {
    font-size: 1rem;
    line-height: 1.5rem;
    width: 1.5rem;
}
.icon-span .icon:not(:first-child) {
    margin-left: 0.25rem;
}
.grid-images {
    display: flex;
    align-items: center;
}
.grid-images img {
    height: 24px;
    max-width: 32px;
}
.grid-images img:not(:first-child) {
    margin-left: 0.5rem;
}
.dx-tooltip-wrapper .dx-overlay-content {
    text-align: left;
}
.ps-36px {
    padding-left: 36px;
}
ul > li.disabled {
    pointer-events: none;
}

ul.customer-detail li {
    display: flex;
    font-size: .875rem;
    line-height: 1.4rem;
    padding: 0.25rem 0;
}
ul.customer-detail li .icon {
    font-size: 1rem;
    width: 1.5rem;
    line-height: inherit;
    display: inline-block;
}
em.icon {
    line-height: 1;
}
em.icon.size-24px {
    height: 24px;
    width: 24px;
    text-align: center;
}

.recent-label {
    top: 65px;
    background-color: #fff;
    width: 400px;
    height: calc(100vh - 65px);
    padding: 1.5rem;
}
.recent-label + .toggle-overlay {
    z-index: 700;
}
.dark-mode .recent-label {
    background: #101924;
    box-shadow: -10px 15px 30px 5px rgba(0, 0, 0, 0.4);
}

.required-field {
    font-weight: 500 !important;
    --bs-text-opacity: 1;
    color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}
.dark-mode .required-field {

}
.card-inner.bbs:not(:last-child) {
    border-bottom-style: dot-dot-dash;
}
.import-message-box {
    padding: 10px;
    width: 100%;
    max-height: calc(100vh - 500px);
    min-height: 100px;
    border-radius: 4px;
    border: 1px solid #dbdfea;
    overflow-y: visible;
    overflow-x: hidden;
}