[data-style="light"] .app-brand-logo .dark-logo,
[data-style="light"] .app-logo .dark-logo {
    display: block;
}

[data-style="light"] .app-brand-logo .white-logo,
[data-style="light"] .app-logo .white-logo {
    display: none;
}

[data-style="dark"] .app-brand-logo .dark-logo,
[data-style="dark"] .app-logo .dark-logo {
    display: none;
}

[data-style="dark"] .app-logo .white-logo,
[data-style="dark"] .app-brand-logo .white-logo {
    display: block;
}

.page-notifications {
    position: fixed;
    width: 300px;
    left: 50%;
    bottom: 0;
    z-index: 9999;
    transform: translate(-50%, 0);
}

.init_mobile_group2 .iti__flag {
    --iti-path-flags-1x: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/24.1.1/img/flags.png");
    --iti-path-flags-2x: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/24.1.1/img/flags@2x.png");
}

.init_mobile_group2 .iti {
    width: 100%;
}

.init_mobile_group2 .iti--inline-dropdown .iti__dropdown-content {
    z-index: 10;
}


.swal-modal .swal-footer {
    text-align: center;
}

.app-brand-logo {
    width: 160px;
}

.app-brand-small-logo {
    display: none;
}

.layout-menu-collapsed:not(.layout-menu-hover) .app-brand-small-logo {
    display: block;
}

.layout-menu-collapsed:not(.layout-menu-hover) .app-brand-logo {
    display: none;
}

/* OTP Modal */
@media (min-width: 576px) {
    .modal.otp-modal .modal-dialog {
        max-width: 440px;
    }
}

.modal.otp-modal .modal-header {
    display: block;
    text-align: center;
}

.modal.otp-modal .modal-header .modal-title {
    font-size: 20px;
    font-weight: 600;
}

.modal.otp-modal .modal-body .modal-desc-wrap {
    text-align: center;
    color: var(--at-primary);
    font-size: 16px;
    font-weight: 500;
    word-break: break-word;
}

.modal.otp-modal .modal-body .modal-desc-wrap span {
    position: relative;
    display: block;
    font-weight: 400;
    color: #757575;
    font-size: 14px;
    margin: 0 0 5px;
}

.modal.otp-modal .modal-body .otp-form-group {
    text-align: center;
    max-width: 240px;
    margin: 0 auto 20px;
}

.modal.otp-modal .modal-body .otp-form-group .form-control {
    height: 46px;
    text-align: center;
    font-size: 16px;
    letter-spacing: 10px;
    text-indent: 9px;
}

.modal.otp-modal .modal-body .otp-form-group .resend-wrap {
    margin-bottom: 20px;
}

.modal.otp-modal .modal-body .otp-form-group .resend-wrap .resend-otp-wrap {
    font-size: 13px;
}

/* / OTP Modal */

/* Page Loader */
.page-loader-wrap {
    position: fixed;
    z-index: 10000;
    background-color: rgba(255, 255, 255, 0.5);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
}

.page-loader-wrap .page-loader {
    position: absolute;
    display: block;
    color: #18a999;
    height: 70px;
    width: 70px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: rgb(255, 255, 255);
    border-radius: 50%;
    box-shadow: 0 4px 16px rgba(117, 131, 135, 0.21), rgba(10, 37, 64, 0.25) 0px -2px 6px 0px inset;
    text-align: center;
}

.page-loader-wrap .page-loader img {
    height: 100px;
    width: 100px;
}

/* ./ Page Loader */

.input-validation-only {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    opacity: 0 !important;
    display: block !important;
    visibility: visible !important;
}

/* Datatable */
#datatable-row-context {
    position: absolute;
    z-index: 100000;
    display: none;
}

.mt-datatable-wrap {
    opacity: 0;
    max-width: 100%;
}

.mt-datatable-wrap .dataTables_wrapper .dataTables_paginate .pagination .page-item+.page-item {
    margin-left: 5px;
}

.mt-datatable-wrap .dataTables_wrapper .dataTables_paginate .pagination .page-item .page-link {
    line-height: 1.172;
    padding: 6px 10px;
    min-width: 30px;
    text-align: center;
    border-radius: 5px;
}

.mt-datatable-wrap .table> :not(caption)>*>* {
    padding: 0.7rem 0.5rem;
}

.mt-datatable-wrap .table-responsive {
    /*max-height: 600px;*/
    overflow: auto;
    margin: 6px 0;
}

.mt-datatable-wrap table.dataTable {
    width: 100% !important;
    min-width: 100%;
    margin: 0 !important;
}

.mt-datatable-wrap table.dataTable thead {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    top: 0;
    z-index: 2;
}

.mt-datatable-wrap table.dataTable thead>tr>th:not(.col-hl),
.mt-datatable-wrap table.dataTable thead>tr>th.sorting:not(.col-hl) {
    background-color: #ffffff;
}

.mt-datatable-wrap table.dataTable tr.filters .form-control,
.mt-datatable-wrap table.dataTable tr.filters .form-select {
    min-width: 120px;
}

.mt-datatable-wrap table.dataTable tr td {
    vertical-align: middle;
}

.mt-datatable-wrap table.dataTable.table-striped>tbody>tr.odd>* {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.03);
}

.mt-datatable-wrap table.dataTable.table-striped>tbody>tr:hover>* {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.06);
}

.mt-datatable-wrap table.dataTable .dt-action .dt-action-btn {
    border: none;
    width: 30px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    text-align: center;
    background-color: #ffffff;
    box-shadow: 0 0px 12px #e2e2e2;
    color: #18a999;
}

.mt-datatable-wrap table.dataTable .dt-action .dt-action-btn::after {
    display: none;
}

.mt-datatable-wrap table.dataTable .dt-action .dt-action-btn i {
    vertical-align: middle;
}

.mt-datatable-wrap table.dataTable .dt-action .dt-action-btn:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.mt-datatable-wrap table.dataTable .dt-action .dt-action-btn.show {
    background-color: #18a999;
    color: #ffffff;
}

.mt-datatable-wrap .dataTables_wrapper .dataTables_length {
    float: left;
    margin-top: 0;
}

.mt-datatable-wrap .dataTables_wrapper .dataTables_info {
    float: left;
    margin-top: 0;
    margin-left: 10px;
    padding: 10px;
    border-left: 1px solid #a8b1bb;
}

.mt-datatable-wrap .bulk-action-form {
    max-width: 300px;
}

.mt-datatable-wrap .table-col-hover .col-hl {
    background-color: #f5f5f5;
}

.mt-datatable-wrap .datatable-x-scroll-btn {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 4;
}

.grid-stack-item-content .card {
    box-shadow: none !important;
}

.grid-stack-item-content {
    box-shadow: 0 0.25rem 0.875rem 0 rgba(38, 43, 67, 0.16);
    background-clip: padding-box;
    border-radius: 0.625rem;
}

.card .index-btn-wrap {
    position: absolute;
    right: 20px;
}

.mt-datatable-wrap .table th {
    text-transform: inherit;
    font-size: inherit;
    letter-spacing: inherit;
}

/* ./ Datatable */

#template-customizer {
    display: none !important;
}

.resize-none {
    resize: none !important;
}

ul.feature {
    list-style: none;
    padding-left: 0;
}

ul.feature li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
}

ul.feature li i.ri-checkbox-circle-fill {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

ul.feature li i.ri-checkbox-circle-fill:not(.inactive) {
    color: var(--global-color-accent);
}

body .popover {
    max-width: 500px;
}

.init_imagecrop_preview .item-remove,
.init_fileupload_preview .item-remove {
    text-align: right;
}

.cardMaster.active {
    border: 2px solid var(--global-color-primary);
}

.calendar-table select.form-select {
    padding: 5px !important;
    width: 50% !important;
}

.text-elipsis-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.added-cards {
    max-height: 420px;
    overflow-y: auto;
}

.ui-resizable-handle.ui-resizable-se {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="gray"><path d="M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z"></path></svg>') !important;
    background-size: 25px 25px;
}