.sweet-alert h2 {
    color: #575757 !important
}

.dark-mode .form-control {
    background: transparent !important;
    background-color: transparent !important;
}

.auth-form-container .modal-head {
    background: rgba(241, 241, 241, 0.8);
}

.auth-form-container h4 {
    color: #5c666f !important;
    font-weight: 500;
    font-size: 20px;
}

.auth-form-container label,
.auth-form-container p {
    color: #5c666f !important;
}

.auth-form-container .nav-tabs {
    justify-content: space-around
}

.auth-form-container .nav-tabs .nav-link.active {
    color: #cc3333;
}

.text-cherry {
    color: #cc3333 !important;
}

.auth-form-container .nav-tabs .nav-link {
    color: #5c666f;
    font-weight: 500;
    font-size: 22px;
    text-transform: capitalize;
}

.auth-form-container input {
    background-color: transparent !important;
}

.auth-form-container .close {
    color: black !important;
    background: white;
    border-radius: 50%;
}

.auth-form-container .custom-radio .custom-control-label::before {
    background: transparent !important
}

.nav-tabs .nav-link:after {
    background: transparent !important
}

.auth-form-container .account_type {
    justify-content: space-around;
}

.auth-toggle-data {
    display: none;
}

.auth-toggle-data.active {
    display: block;
}

#help_modal .modal-body {
    max-height: 100%;
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: #babac0 transparent;
}

#help_modal .modal-body::-webkit-scrollbar {
    width: 4px;
}

#help_modal .modal-body::-webkit-scrollbar-thumb {
    background-color: #babac0;
    border-radius: 15px;
    border: 0;
}

.table thead {
    background: #F9FAFB;
}

.dark-mode .table thead {
    background-color: #161010;
}

.dark-mode .dark-switch:before {
    background-color: #212d3d !important;
    border-color: #384d69 !important;
}

.dark-mode .bg-light {
    background-color: #161010 !important;
}

.dark-mode .dropdown-menu {
    border-color: #3D2222 !important;
}

.dark-mode .nk-quick-nav-icon:hover {
    color: #cc3333 !important;
}

.dark-mode .nk-quick-nav-icon:hover::before,
.dark-mode .link-list-plain a:hover,
.dark-mode .link-list-opt a:hover,
.dark-mode .link-check li a:hover,
.dark-mode .btn-trigger:before,
.dark-mode .btn-trigger.active:hover:before,
.dark-mode .nk-quick-nav-icon:before {
    background-color: #3D2222 !important;
}

.dark-mode .nk-msg-profile-toggle,
.dark-mode .custom-control-label::before,
.dark-mode .form-control,
.dark-mode div.dataTables_wrapper div.dataTables_filter input,
div.dataTables_wrapper div.dataTables_filter .dark-mode input,
.dark-mode .dual-listbox .dual-listbox__search,
.dual-listbox .dark-mode .dual-listbox__search,
.dark-mode .input-mail,
.dark-mode .form-file-label,
.dark-mode .input-group-text,
.dark-mode .form-select,
.dark-mode .swal2-input,
.dark-mode .swal2-file,
.dark-mode .swal2-textarea,
.dark-mode .select2-container--default .select2-selection--single,
.dark-mode .select2-container--default .select2-selection--multiple,
.dark-mode .select2-dropdown,
.dark-mode .note-popover .popover-content .dropdown-style>li[aria-label=pre],
.dark-mode .note-editor .note-toolbar .dropdown-style>li[aria-label=pre],
.dark-mode .link-bdr-t,
.link-tidy .dark-mode li+li,
.link-list-opt .dark-mode li+li,
.link-list-plain .dark-mode li+li,
.dark-mode .link-check+.link-check,
.dark-mode .link-tidy li+li,
.dark-mode .link-list+.link-list,
.dark-mode .link-list-opt li+li,
.dark-mode .link-list-plain li,
.dark-mode .link-list-plain li+li {
    border-color: #3D2222 !important;
    box-shadow: none !important;
}

.dark-mode .progress,
.dark-mode .data-head,
.dark-mode .custom-control-label::before,
.dark-mode .input-group-text,
.dark-mode .nk-msg-profile-toggle {
    background-color: #181212 !important;
}

.dark-mode .btn-dim.btn-outline-light,
.dark-mode .dt-buttons .btn-dim.btn-secondary,
.dt-buttons .dark-mode .btn-dim.btn-secondary {
    background-color: #181212;
    border-color: #3d2222;
}

.dark-mode .btn-dim.btn-outline-light:not(:disabled):not(.disabled):hover,
.dark-mode .btn-white.btn-outline-light:not(:disabled):not(.disabled):hover,
.dark-mode .dt-buttons .btn-secondary:not(:disabled):not(.disabled):hover,
.dt-buttons .dark-mode .btn-secondary:not(:disabled):not(.disabled):hover,
.dark-mode .btn-dim.btn-outline-light:not(:disabled):not(.disabled):active,
.dark-mode .btn-white.btn-outline-light:not(:disabled):not(.disabled):active,
.dark-mode .dt-buttons .btn-secondary:not(:disabled):not(.disabled):active,
.dt-buttons .dark-mode .btn-secondary:not(:disabled):not(.disabled):active,
.dark-mode .show>.btn-white.btn-outline-light.dropdown-toggle,
.dark-mode .dt-buttons .show>.dropdown-toggle.btn-secondary,
.dt-buttons .dark-mode .show>.dropdown-toggle.btn-secondary {
    background: #402c2c;
    border-color: #3d2222;
    color: #fff;
}

.dark-mode .nk-chat-panel,
.dark-mode .chat-item:hover,
.dark-mode .chat-item.current,
.dark-mode .chat-item:hover .chat-actions,
.dark-mode .chat-members .user-card:hover,
.dark-mode .chat-members .user-actions,
.dark-mode .nk-profile-content,
.dark-mode .nk-msg-item.active,
.dark-mode .nk-msg-item.current,
.dark-mode .channel-list a:hover,
.dark-mode .channel-list a.active {
    background: #402c2c !important;
}

.dark-mode .dropdown-menu {
    background-color: #181212;
}

.dropdown-item {
    color: #8091a7;
}

.white-space-unset {
    white-space: unset !important;
}

.table.dataTable.nowrap td {
    vertical-align: middle !important;
}

.sales_amount .amount {
    color: #9d72ff !important
}

.sales_amount .amount small {
    color: #798bff
}


.sub-note {
    font-size: 0.8em;
    color: #8094ae;
    font-weight: 300
}

div.dataTables_wrapper div.dataTables_length select {
    margin: 0 0.5em;
}

.long-text {
    white-space: break-spaces;
}

.short-text {
    white-space: break-spaces;
    width: 150px;
    display: inline-block;
}

label.upload-area {
    cursor: pointer;
}

.msg_attachment {
    display: none;
}

label.upload-area .ni {
    line-height: inherit;
    color: #526484;
    width: 1.75rem
}

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

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(155, 155, 155, 0.5);
    border-radius: 20px;
    border: transparent;
}

.sender_msg {
    background: #402c2c;
    padding: 0.2em 0.8em;
    color: white;
    border-radius: 0.2em;
}

.nk-reply-entry p {
    line-height: 1.5;
    margin-bottom: 0;
}

#macro_dropdown {
    display: none;
    position: absolute;
    background-color: #192431;
    /* min-width: 150px; */
    max-width: 250px;
    /* box-shadow: 0px 8px 16px 0px rgb(75 75 75 / 20%); */
    z-index: 1;
    height: 195px;
    overflow-y: auto;
    width: 200px;
}

#macro_dropdown a {
    color: white;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

#macro_dropdown a:hover {
    background-color: #0e151e;
}

.ql-container {
    min-height: 100px !important;
}

.ql-editor {
    height: 100px !important;
    max-height: 100px !important;
    overflow: auto;
}

.ql-toolbar+.ql-container {
    border: 0;
}

.ql-toolbar.ql-snow {
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

.attachment_icon {
    cursor: pointer;
    display: inline-flex;
}

.xl_name {
    white-space: break-spaces;
    width: 250px
}

.lg_name {
    white-space: break-spaces;
    width: 225px;
}

.min-width-300 {
    min-width: 300px
}

.min-width-200 {
    min-width: 200px
}

.min-width-150 {
    min-width: 150px
}

.version_logs {
    cursor: pointer;
}

.hover-link:hover {
    text-decoration: underline !important;
}

/* For summernote override unordered and order list */
.note-editable ul {
    list-style: disc !important;
    list-style-position: inside !important;
}

.note-editable ol {
    list-style: decimal !important;
    list-style-position: inside !important;
}

.opening-status::before {
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    height: 12px;
    width: 12px;
    border: 2px solid #fff;
    border-radius: 50%;
}

.opening-status.open::before {
    background: #0fac81;
}

.opening-status.close::before {
    background: #e3360d;
}

.open-time-list span {
    display: inline-block;
    min-width: 90px;
    font-weight: bold;
}

.status-text {
    text-align: center;
    border-bottom: 1px solid #ecf2ff;
}

.status-text .text-title2 {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 0;
}

.status-text .text-body2 {
    font-size: 12px;
}

.px-20 {
    padding-left: 20px;
    padding-right: 20px;
}

.card-table thead {
    display: none;
}

.card-table tbody tr td {
    display: block;
    border: 0;
    padding: 0 !important;
    margin-bottom: 20px;
    text-wrap: wrap;
}

.card-table tbody tr td:last-child {
    margin-bottom: 0;
}

.card-table tbody {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    margin-bottom: -28px;
}

.card-table tbody tr {
    width: calc(25% - 28px);
    margin-left: 14px;
    margin-right: 14px;
    margin-top: 0 !important;
    margin-bottom: 28px;
    padding: 24px;
}

.dataTables_length select option {
    color: #333 !important;
}

.link-cherry {
    color: #526484
}

.dark-mode .link-cherry {
    color: #b6c6e3
}

.link-cherry:hover {
    color: #CC3333 !important;
}

.custom-control .custom-control-input[disabled]~.custom-control-label,
.custom-control .custom-control-input:disabled~.custom-control-label {
    color: #b6c6e3 !important;
}

.dark-mode .nk-sidebar {
    background-color: #181212 !important;
}

.dark-mode .badge-dim.bg-success {
    background-color: #402C2C !important;
    border-color: #402C2C !important;
    color: #cc3333;
}

.dark-mode .btn-light {
    border-color: #402C2C !important;
}

.dark-mode .dropdown-inner {
    background-color: #181212 !important;
}

.dark-mode .custom-control-label::before {
    background-color: transparent !important;
}

.dark-mode .page-item.disabled .page-link {
    background-color: transparent !important;
}

.nk-msg-profile-overlay {
    background: rgb(16 25 36 / 10%);
}

.dark-mode .popover-header {
    background-color: #161010;
}

.max-w-1024 {
    max-width: 1024px;
}

@media (max-width: 576px) {
    .dark-mode .nk-block-tools-toggle .toggle-expand-content {
        background-color: #3d2222;
    }
}

/* Add new styles for mobile landscape handling */
@media screen and (max-width: 991px) and (orientation: landscape) {
    .nk-reply-form {
        display: none;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1000;
        background-color: #181212;
    }

    .nk-reply-form.show-reply-form {
        display: block;
    }

    .chat-input-trigger {
        position: fixed;
        bottom: 15px;
        right: 15px;
        width: 36px;
        height: 36px;
        padding: 0 !important;
        border-radius: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
        z-index: 1001;
        cursor: pointer;
    }
}

@media screen and (max-width: 1200px) {
    .card-table tbody tr {
        width: calc(33.33% - 28px);
    }
}

@media screen and (max-width: 991px) {
    .card-table tbody tr {
        width: calc(50% - 28px);
    }
}

@media screen and (max-width: 768px) {
    .dataTables_filter {
        margin-top: -37px
    }
}

@media screen and (max-width: 576px) {
    .card-table tbody tr {
        width: calc(100% - 28px);
    }
}