.min-w-60 {
    min-width: 60px;
}
.table-actions {
    width: 4%;
    text-align: center;
}
.input-group {
    display: flex !important;
}
.input-group>:not(:nth-child(2)):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) .select2-selection {
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
    display: flex !important;
}

/* custom theme css for sidebar start */

@media (min-width: 992px) {
    .sidebar-main-resized {
        transition: 0.5s ease !important;
    }
    .sidebar {
        position: absolute !important;
        width: 300px !important;
        left: 0 !important;
        transition: 0.5s !important;
    }
    .sidebar.sidebar-main-resized.sidebar-main-unfold {
        width: 300px !important;
        position: absolute !important;
    }
    .sidebar.sidebar-main-resized {
        width: 60px !important;
        position: absolute !important;
    }
    .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-collapsed) + * {
        margin-left: 60px !important;
    }
    .dashboard-content {
        margin-left: 300px !important;
    }
    .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .nav-sidebar .nav-link > icon {
        margin-left: 20px;
    }
    .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .nav-sidebar .nav-link > span {
        display: inline-block !important;
        margin-left: 20px;
        justify-content: start;
        text-align: start;
    }
    .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) h5.sidebar-resize-hide {
        display: block !important;
    }
    .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .nav-sidebar .nav-item {
        width: 100%!important;
    }
    .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .nav-sidebar .nav-link {
        -ms-flex-pack: center;
        justify-content: start;
        padding-left: 20px;
    }
    .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .nav-sidebar .nav-item-header {
        text-align: start;
        margin-left: 19px;
    }
    .sidebar-section-body {
        justify-content: start !important;
        padding: 24px 24px 24px 14px !important;
    }
    .sidebar-section .sidebar-section-body .media a {
        margin-right: 15px;
    }
    .sidebar-content {
        overflow-x: hidden;
    }
    #theme-change:hover #selected-theme {
        display: block;
    }
    #theme-change:hover .dropdown-item:after {
        transform: rotate(180deg);
        transition: 0.5s;
        top: 12px;
    }
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}
select[readonly].select2-hidden-accessible + .select2-container {
    pointer-events: none;
    touch-action: none;
}
select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
    background: rgba(206, 196, 196, 0.31);
    box-shadow: none;
}
select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow, select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
    display: none;
}
.nav-sidebar .nav-link i {
    width: 16px;
}

.select-status .input-group > .select2-container--default {
    width: auto !important;
    flex: 1 1 auto !important;
}
.font-size-lg {
    font-size: 1rem;
}
.search-transaction-and-payment-request {
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    display: block !important;
    transform: translateY(-20px);
    opacity: 0;
}

.search-transaction-and-payment-request.show {
    transform: translateY(0);
    opacity: 1;
}


#show_omni_icon {
    opacity: .75;
}

@media (min-width: 992px) {
    .search-transaction-and-payment-request {
        margin-top: 46px;
    }
    .navbar-search {
        height: 40px;
        align-items: center;
        position: relative;
        transition: width 0.5s ease;
    }

    #searchInput {
        width: 0;
        opacity: 0;
        visibility: hidden;
        position: absolute;
        left: 0;
    }

    #search-icon {
        transition: 0.6s;
        transform: translateX(440px);
    }

    .navbar-search.expanded {
        width: 100%;
    }

    .navbar-search.expanded #searchInput {
        width: 100%;
        opacity: 1;
        visibility: visible;
        border: 1px solid #4d4d51;
        transition: width 0.3s ease, opacity 0.3s ease 0.3s, visibility 0.3s ease 0.3s;
    }

    .navbar-search.expanded #search-icon {
        transform: translateX(0px);
    }

    .navbar-search.expanded #cancelSearch {
        opacity: 1;
        visibility: visible;
        transition: opacity 0.5s ease 0.5s, visibility 0.5s ease 0.5s;
    }

    #cancelSearch {
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.5s ease, visibility 0.5s ease;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    #show_omni_search {
        display: none;
    }
}
@media (min-width: 1124px) and (max-width: 1140px) {
    #search-icon {
        transition: 0.5s;
        transform: translateX(420px);
    }
}
@media (min-width: 1100px) and (max-width: 1124px) {

    #search-icon {
        transition: 0.5s;
        transform: translateX(400px);
    }
}

@media (min-width: 1085px) and (max-width: 1099px) {

    #search-icon {
        transition: 0.5s;
        transform: translateX(380px);
    }
}

@media (min-width: 1060px) and (max-width: 1084px) {

    #search-icon {
        transition: 0.5s;
        transform: translateX(360px);
    }
}

@media (min-width: 1035px) and (max-width: 1059px) {

    #search-icon {
        transition: 0.5s;
        transform: translateX(340px);
    }
}

@media (min-width: 1020px) and (max-width: 1034px) {

    #search-icon {
        transition: 0.5s;
        transform: translateX(320px);
    }
}

@media (min-width: 1000px) and (max-width: 1020px) {

    #search-icon {
        transition: 0.5s;
        transform: translateX(300px);
    }
}

@media (min-width: 992px) and (max-width: 1000px) {

    #search-icon {
        transition: 0.5s;
        transform: translateX(290px);
    }
}

.nav-item.nav-item-submenu .badge-count {
    display: inline;
}

.nav-item.nav-item-submenu.nav-item-open .badge-count {
    display: none;
}

.loading-spinner {
    height: 2rem;
    width: 2rem;
}
.phone-with-prefix #profile_setting_countryCode, .phone-with-prefix #user_countryCode, .phone-with-prefix #client_countryCode {
    width: 100%;
    max-width: 68px;
    text-align: center;
    border-right: none;
}
 #loaderPreview {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(255, 255, 255, 0.7);
     z-index: 10;
     display: none;
     align-items: center;
     justify-content: center;
 }

#loaderPreview::after {
    content: "";
    width: 40px;
    height: 40px;
    border: 4px solid #ccc;
    border-top-color: #007bff;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.filter-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.filter-toggle .filter-icon {
    font-weight: bold;
}
.portal-preview-nav-active-link {
    background-color: rgba(var(--white-rgb), 0.15);
}