@keyframes zoomOut {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.5);
    }

    100% {
        transform: scale(1);
    }
}

.notification-body {
    max-height: calc(100vh - 150px);
    /* Adjust based on available viewport height */
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;

    -webkit-overflow-scrolling: touch;
    /* Enables smooth scrolling on iOS */
    touch-action: auto;
    /* Ensures touch scrolling works properly */
}

.select2-container--default .select2-selection--multiple {
    border-radius: 5px !important;
}

.auditDateRange {
    caret-color: transparent; /* hides the blinking cursor */
}


/* .dataTables_scroll{
    background:#e8ecf1;
} */

.no-border {
    border: none !important;
    background: transparent;
}

.right-border {
    border-right: none;
}

.toggle-icons {
    position: relative;
}

.calendar-table td {
    color: black;
}

.toggle-details {
    /* background-color: #e31b69;
    border-color: #e31b69;
    color: #fff;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 10px;
    padding-left: 10px;
    border-radius: 5px;
    font-size: 20px;
    cursor: pointer; */


    color: #fff;
    margin-left: auto;
    transition: transform 0.3sease;
    transform: none !important;
    background-image: none !important;
    background-color: #f42e7b;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    position: absolute;
    left: 5px;
    top: -15px;
    font-size: 20px;
    cursor: pointer;
}

.null-details {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 10px;
    padding-left: 10px;
}

.notification-body.loading {
    position: relative;
}

#viewReason .viewReason {
    height: 100px;
}

select option {
    color: #000;
}

.selected-option {
    color: #000 !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid var(--pinkcolor);
}

.select2-results__options {
    box-shadow: 0 10px 10px #333;
    border: 1px solid var(--pinkcolor);
    border-top: 0;
}

.notification-body.loading::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    /* Dark background with transparency */
    z-index: 500;
    /* Ensure it appears above the content */
}

.loading-text {
    font-weight: 500;
    font-size: 18px;
    color: black;
    margin-left: 6%;
}

.image-frame {
    width: 100px;
    height: 100px;
    overflow: hidden;
    position: relative;
}

.image-frame img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.image-frame .bi-pencil-fill {
    left: 85px;
    position: absolute;
}

.mt-50 {
    margin-top: 50%;
}

.image-frame input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.notification-bell.zoom {
    animation: zoomOut 1s ease-in-out;
}

.CurrentAccount span {
    color: var(--GreenColor) !important;
}

.acTitle {
    color: var(--GreenColor) !important;
}

.modal-blur {
    filter: blur(5px);
    pointer-events: none;
}

.spinner-border {
    position: absolute;
    /* Position the spinner absolutely inside the container */
    top: 50%;
    /* Position the spinner at the vertical center */
    left: 50%;
    /* Position the spinner at the horizontal center */
    transform: translate(-50%, -50%);
    /* Adjust the spinner position to exactly center it */
    z-index: 1000;
    /* Ensure it's above other content */
}

.permission-modal .title-all-text {

    font-size: 14px;
    line-height: 22px;
    color: #000000;
    font-weight: 400;
    font-family: 'roboto';
    margin-left: -9px;
    position: relative;
    top: 4px !important;
    cursor: pointer;
}

.enable_all_permission .slider {
    top: -2px !important
}

.canvas-blur {
    filter: blur(5px);
    pointer-events: none;
    /* Prevent interaction with the canvas */
    transition: filter 0.3s ease-in-out;
    /* Smooth blur transition */
}

.ncData a:hover {
    color: var(--pinkcolor) !important;
    text-decoration: underline !important;
}

.ncData a {
    color: var(--pinkcolor) !important;
    text-decoration: underline !important;
}


.select2-container {
    min-width: 136px;
    background: #fff;
    color: #000;
}

.modal-footer .btn {

    text-transform: capitalize
}

.modal-backdrop-custom {
    background: rgba(0, 0, 0, 0.1) !important;
    /* Dark background */
    position: absolute;
    z-index: 1040;
    /* Below active modal but above the page */
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}


.form-control {
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
}

.form-check-input:focus {
    box-shadow: none !important;
}

.swal2-container button {
    box-shadow: none !important;
}

.swal2-success-line-tip {
    background-color: var(--GreenColor) !important;
}

.swal2-success-line-long {
    background-color: var(--GreenColor) !important;
}

.swal2-success-line {
    background-color: var(--GreenColor) !important;
}

.swal2-success-ring {
    border: .25em solid rgb(10 6 50) !important;
}

.swal2-html-container {
    color: var(--pinkcolor) !important;
}

.swal2-title {
    color: var(--GreenColor) !important;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #eb9dbb !important;
    background-color: #eb9dbb !important;
    color: white !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid var(--pinkcolor) !important;
    background-color: var(--pinkcolor) !important;
    color: white !important;
}

.card-body {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 20px !important;
}

.apvd-btn {
    background-color: #19b159;
}

/* Tooltip container */
.tooltip-custom {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

/* Tooltip text */
.tooltip-custom .tooltip-text {
    position: absolute;
    height: 20px;
    width: 65px !important;
    font-size: 10px !important;
    border: 1px solid black !important;
    top: -26px;
    left: -16px;
    background-color: #000000;
    padding: 2px;
    display: none;
    color: white;
}

.upcoming_updates p {
    font-size: 14px;
    line-height: 17px;
    color: #f94c34;
    font-weight: 500;
    font-family: "Roboto";
    font-style: italic;
    padding-top: 10px;
    padding-bottom: -4px;
}

.upcoming_updates {
    border-radius: 5px;
    background-color: #ffefed;
    border: 1px solid #f94c34;
}

/* Show the tooltip when hovering */
.tooltip-custom:hover .tooltip-text {
    display: block;
    opacity: 1;
}

/* Tooltip arrow */
.tooltip-custom .tooltip-text::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.75) transparent transparent transparent;
}


input[type="text"]:read-only,
input[type="email"]:read-only,
input[type="password"]:read-only,
input[type="number"]:read-only {
    pointer-events: not-allowed !important;
    caret-color: transparent !important;
    background-color: #eeeef3;
}

input[type="text"]:read-only:hover,
input[type="email"]:read-only:hover,
input[type="password"]:read-only:hover,
input[type="number"]:read-only:hover {
    cursor: not-allowed;
    background-color: #eeeef3;
}


input:readonly:hover {
    cursor: not-allowed;
    /* Show "not-allowed" icon on hover */
}

.form-select:disabled:hover {
    cursor: not-allowed;
}


.btn-view {
    outline-color: var(--pinkcolor);
    border-color: var(--pinkcolor);
}

.view-inactive-reason {
    /* color: var(--pinkcolor);
    text-decoration: underline;
    text-decoration-color: var(--pinkcolor);
    text-underline-offset: 2px; */
}

.rejd-btn {
    background-color: #f94c34;
}

.pac-container.pac-logo {
    z-index: 999999 !important;
}

.c-img {
    height: 43px;
}

.iti__selected-country {
    background-color: none !important;
}

.permanently-delete:hover {
    color: #f94c34;
    border-color: #fa644f;
}

.telephone-detail {
    width: 384px !important;
}

.bg-paybgcolor {
    --tw-bg-opacity: 1;
    background-color: rgb(238 255 245 / var(--tw-bg-opacity)) !important;
}

.lt-greenish {
    background-color: #cef6de;
    padding-top: 5px;
    text-align: center;
    height: 36px;
    width: 142px;
}

.resend_log:hover img {
    filter: brightness(0) invert(1) !important;
}


.lt-yellow {
    background-color: #fbf8ab;
    padding-top: 5px;
    text-align: center;
    height: 36px;
    width: 142px;
}

.lt-pink {
    background-color: #ffcdd4;
    padding-top: 5px;
    text-align: center;
    height: 36px;
    width: 142px;

}

.CardsPayment {
    border-radius: 5px;
    background-color: #fefefe;
    border: 1px solid #c6ccd4;
    padding: 31px 16px;
}

.CardsPayment p {
    font-size: 16px;
    line-height: 28px;
    color: #000000;
    font-weight: 500;
    font-family: "Roboto";
    margin: 0;

}

.CardsPayment .d-flex {
    justify-content: space-between;
    gap: 10px;
}

.pay-card-btns {
    background-color: white;
    border-color: #bfbfbf;
    border-width: 1px !important;
    width: 200px
}

.error {
    font-size: 12px;
    line-height: 21px;
    color: #ff0000;
    font-weight: 400;
    font-family: "Roboto";
    font-style: italic;
}

button,
input[type="button"],
input[type="submit"],
input[type="reset"],
select,
input {
    cursor: pointer;
}


input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="url"],
input[type="search"],
textarea {
    cursor: text;
}

.account-id-error {
    font-size: 12px;
    line-height: 21px;
    color: #ff0000;
    font-weight: 400;
    font-family: "Roboto";
    font-style: italic;
    margin-left: 0.5rem;
}

/* .d-none {
    display: none !important;
} */

input,
textarea,
select,
button {
    font-style: normal !important;
    font-family: "Roboto", sans-serif !important;
    /* // font-size: 1rem !important; */
}




input,
textarea {
    color: #000 !important;
}

.fw-bold {
    font-weight: bold !important;
}

.fw-500 {
    font-weight: 500 !important;
}

.fw-400 {
    font-weight: 400 !important;
}

.fw-300 {
    font-weight: 300 !important;
}

.fw-600 {
    font-weight: 600 !important;
}

.fw-700 {
    font-weight: 700 !important;
}

.fsize-12 {
    font-size: 12px !important;
}

.fsize-13 {
    font-size: 13px !important;
}

.fsize-14 {
    font-size: 14px !important;
}

.fsize-16 {
    font-size: 16px !important;
}

.fsize-18 {
    font-size: 18px !important;
}

.fsize-20 {
    font-size: 20px !important;
}

.fsize-22 {
    font-size: 22px !important;
}

.password {
    cursor: pointer;
    color: #000000;
}

.delete_user {
    cursor: pointer;
}

#example_filter {
    display: none;
}

.search-input {
    height: 42px;
}

.add_staff_button {
    cursor: pointer;
}

.telephone-add {
    width: 421px !important;
}

.available-account {
    margin-top: 1px;
    margin-left: 0px;
    font-size: 12px;
    font-weight: 400;
}

.available-account span {
    text-decoration: underline;
    font-size: 14px;
    color: #1681e4;

    margin: 0 3px;
    /* This sets both margin-left and margin-right to 5px */
}

span.resend_email {
    width: 23px;
    display: inline-flex;
    height: 23px;
    background: #fd6074;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    font-size: 12px;
    margin-left: 6px;
    color: white;
    ;
}

.email-error-icon {
    margin-bottom: 22px;
}

.bg-inputcolor {
    --tw-bg-opacity: 1;
    background-color: #ecf0ef !important;
}


.input-container {
    position: relative;
    display: flex;
    align-items: center;
}

.input-container input {
    width: 100%;
    padding-right: 70px;
    /* Reserve space for "Change" text */
    padding-left: 10px;
    height: 40px;
    box-sizing: border-box;
}

.input-container .change-text {
    position: absolute;
    right: 10px;
    /* Adjust spacing */
    top: 50%;
    transform: translateY(-50%);
    color: red;
    cursor: pointer;
}

/* #loginTooltip {
    position: fixed;
    margin-top: .4%;
    right: 40px; 
    border: 2px solid black;
    outline-style: solid;
    outline-color: #476f66;
    border: 1px solid var(--GreenColor);
    border-radius: 5px;
    text-align: center;
    padding: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 9999;
    font-size: 14px;
    max-width: 300px;
} */

#loginTooltip {
    position: fixed;
    margin-top: .4%;
    right: 40px;
    border: 2px solid black;
    outline-style: solid;
    outline-color: #476f66;
    border: 1px solid var(--GreenColor);
    border-radius: 5px;
    text-align: center;
    padding: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 9999;
    font-size: 14px;
    max-width: 400px;
}

.closeIcon {
    position: absolute;
    top: -32px;
    right: -12px;
    font-size: 39px;
    cursor: pointer;
    color: #476f66;
}


.pointer {
    cursor: pointer !important;
}

.pt-2 {
    padding-top: 1rem !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

/* .mb-2 {
    margin-bottom: 1rem !important;
} */

.applyBtn {
    background-color: var(--pinkcolor);
    color: white !important;
    border-color: var(--pinkcolor);

}

/* Very Weak */
.colored-div.very_weak_p>li:nth-child(1) {
    background-color: #fa4936;
}

.colored-div.very_weak_p>li:nth-child(2) {
    background-color: #ebebeb;
}

.colored-div.very_weak_p>li:nth-child(3) {
    background-color: #ebebeb;
}

.colored-div.very_weak_p>li:nth-child(4) {
    background-color: #ebebeb;
}

.colored-div.very_weak_p>li:nth-child(5) {
    background-color: #ebebeb;
    /* Add your particular color for this additional div */
}

/* Weak */
.colored-div.weak_p>li:nth-child(1) {
    background-color: #fa4936;
}

.colored-div.weak_p>li:nth-child(2) {
    background-color: #fccd78;
}

.colored-div.weak_p>li:nth-child(3) {
    background-color: #ebebeb;
}

.colored-div.weak_p>li:nth-child(4) {
    background-color: #ebebeb;
}

.colored-div.weak_p>li:nth-child(5) {
    background-color: #ebebeb;
    /* Add your particular color for this additional div */
}

/* Average */
.colored-div.average_p>li:nth-child(1) {
    background-color: #fa4936;
}

.colored-div.average_p>li:nth-child(2) {
    background-color: #fccd78;
}

.colored-div.average_p>li:nth-child(3) {
    background-color: #2196f3;
}

.colored-div.average_p>li:nth-child(4) {
    background-color: #ebebeb;
}

.colored-div.average_p>li:nth-child(5) {
    background-color: #ebebeb;
    /* Add your particular color for this additional div */
}

/* Good */
.colored-div.good_p>li:nth-child(1) {
    background-color: #fa4936;
}

.colored-div.good_p>li:nth-child(2) {
    background-color: #fccd78;
}

.colored-div.good_p>li:nth-child(3) {
    background-color: #2196f3;
}

.colored-div.good_p>li:nth-child(4) {
    background-color: #7ce568;
}

.colored-div.good_p>li:nth-child(5) {
    background-color: #ebebeb;
    /* Add your particular color for this additional div */
}

/* Strong */
.colored-div.strong_p>li:nth-child(1) {
    background-color: #fa4936;
}

.colored-div.strong_p>li:nth-child(2) {
    background-color: #fccd78;
}

.colored-div.strong_p>li:nth-child(3) {
    background-color: #2196f3;
}

.colored-div.strong_p>li:nth-child(4) {
    background-color: #7ce568;
}

.colored-div.strong_p>li:nth-child(5) {
    background-color: #043d3d;
    /* Add your particular color for this additional div */
}

.text-darkgreen {
    color: #043d3d;
}

.text-red-500 {
    color: red;
}

.rounded-lg {
    border-radius: 0.5rem;
}

.w-20 {
    width: 5rem;
}

.h-1 {
    height: 0.25rem;
}



.colored-div {
    display: flex;

    gap: 0.5rem;

    margin-top: 0.25rem;

}

.active_start_weekend {
    background-color: #0fc27e !important;
    color: white;
}

.active_end_weekend {
    background-color: #ff435b !important;
    color: white;
}

.active_time_format {
    background-color: #476f66 !important;
    color: white;
}

.kbw-signature {
    width: 542px;
    height: 220px;
}

#sig canvas {
    width: 519px;
    height: 200px;
}

.type_signature {
    font-family: "Jersey 25", sans-serif;
    font-size: 45px;
    padding-left: 8px;
    padding-right: 8px;
}


.recursive-lobster {
    font-family: "Recursive", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings:
        "slnt" 0,
        "CASL" 0,
        "CRSV" 0.5,
        "MONO" 0;
}

.cursive {
    font-family: "Cedarville Cursive";
    font-weight: 400;
}

.jersey {
    font-family: "Jersey 25", sans-serif;
    font-weight: 400;
}

.dancing-script {
    font-family: "Dancing Script", cursive;
    font-weight: 400;
    font-style: normal;
}

.poetsen {
    font-family: "Poetsen One", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.jacquard {
    font-family: "Jacquard 24", system-ui;
    font-weight: 400;
    font-style: normal;
}

#zip_code-error {
    margin-left: 244px;
}

#card-number-error {
    margin-left: 244px;
}

#card_holder_name-error {
    margin-left: 244px;
}

.error-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    /* Two equal columns */
    gap: 20px;
    /* Gap between columns */
    width: 100%;
}

.err_con {
    width: 100%;
}


#account_holder_name-error {
    margin-left: 242px;
}

#account-number-error {
    margin-left: 242px;
}

#confirm-account-number-error {
    margin-left: 242px;
}

#routingnumber-error {
    margin-left: 242px;
}

#card_detail_err {
    margin-left: 242px
}

#bank-error {
    margin-left: 242px;
}

.otp_submit {
    background-color: var(--pinkcolor);

}

.disable-link {
    pointer-events: none;
    color: #f089b0 !important;
    cursor: not-allowed;
}

.disable_btn {
    pointer-events: none;
    background-color: #f089b0;
    cursor: not-allowed;
    border-color: #f089b0;
}

button:disabled,
button.disabled {

    cursor: not-allowed;
    transform: none;
}

.invalid {
    color: red;
}

.active_signature_tab {
    border-bottom: 1px solid #476f66;
    color: #476f66;
}

.password-criteria img {
    width: 1rem;
    height: 1rem;
}

.text_black {
    color: black !important;
}

.h-tab {
    display: block;

}




/* styles.css */
.disable-button {
    background-color: #476f66;
    width: 100%;
    padding: 12px;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    cursor: not-allowed;
    white-space: nowrap;
    color: white;
    opacity: 0.5;
}

.original-button {
    background-color: #476f66;
    width: 100%;
    padding: 12px;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    white-space: nowrap;
    color: white;
}

.audit_cl {
    height: 372px;
    width: 616px;
    overflow: scroll;
    overflow-x: scroll;
}

.login_box {
    position: relative;
    bottom: 40px;
}

.view-audit-button-mobile {
    display: flex;
    gap: 1rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    justify-content: space-between;
    /* Distributes buttons evenly */
    position: relative;
    /* Keeps them in flow */
    margin-top: 1rem;
    /* Space between table and buttons */
}

@media (max-height: 799px) {
    .permission-modal .accordion {
        max-height: 300px !important;
        overflow-y: auto;
        /* Ensures vertical scroll only if needed */
        min-height: 300px !important;
    }


}


@media (min-width:320px) {
    /*
    .loginForm img {
        margin-top: 1rem;
    }*/

    /* .w-20 {
        width: 3rem !important;
    } */

    .trusted_line {
        line-height: 17px !important;
    }

    .otp-input {
        padding-left: 4px !important;
    }


    /* .pay-rate-modal {
        margin-left: 19px;
        width: 96%;
    } */

    .login_box {
        position: relative;
        bottom: 15px;
    }


}

@media (min-width:480px) {
    /*
    .loginForm img {
        margin-top: 1rem;
    }*/

    .trusted_line {
        line-height: 17px !important;
    }

    .otp-input {
        padding-left: 4px !important;
    }

    .login_box {
        position: relative;
        bottom: 15px;
    }


}




@media (min-width: 769px) {
    .disable-button {
        width: 100%;
    }

    .original-button {
        width: 100%;
    }

    .portal-box {
        display: none !important;
    }

    /* .p-text {
        max-width: 99px !important;
        word-wrap: break-word;
    } */

    /* .customDate i {
        position: absolute;
        pointer-events: none;
        top: 5px !important;
        right: 10px;
        color: #8b8b8b;
      } */

    .customDate i.bi.bi-calendar {
        top: 5px !important;
    }
}

@media (min-width: 1270px) and (max-width: 1300px) and (min-height: 550px) and (max-height: 730px) {

    .register {
        height: 100% !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }

    .pay_will_later {
        margin-left: -10px;
    }

    .req_hcp_list {
        height: 200px !important;
        overflow: auto;
    }

    .weekend_save_btn {
        margin-top: 46px !important;
    }

    .login_box {
        position: relative;
        bottom: 19px;
    }

    #contact-section {

        overflow: auto;
    }

    .dt-length {
        position: sticky;
        top: 0;
        /* Adjust as necessary */
        z-index: 100;
        /* Ensures it stays on top of other elements */
        background-color: white;
    }

}


@media (min-width: 1024px) {
    .disable-button {
        width: 11.25rem;
    }

    .original-button {
        width: 11rem;
    }
}

@media (min-width: 1280px) {
    .disable-button {
        width: 13rem;
    }

    .original-button {
        width: 13rem;
    }


}

@media (min-width: 1536px) {
    .disable-button {
        width: 11rem;
    }

    .original-button {
        width: 11rem;
    }
}








.column-index {
    width: 3%;
}

.admin_email {
    margin-right: 95px;
}

.req_td {
    width: 12% !important;
}

#loading {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    display: block;
    opacity: 0.7;
    background-color: #f0f0f0;
    z-index: 999999;
    text-align: center;
}

#loading-image {
    position: absolute;
    top: 40%;
    left: 45%;
    z-index: 1000;
    border: 5px;
}





.hcp-footer-btn {
    margin-top: 10px;
    margin-left: 2px;
}

.req_hcp_list {
    height: 300px;
    overflow: auto;
}

.toggle-check {
    margin-top: 10px;
}


.mx790 {
    --bs-modal-width: 790px !important;
}

.mx650 {
    --bs-modal-width: 650px !important;
}

.mxC-600 {
    --bs-offcanvas-width: 600px !important;
}

/*
#ViewAudit thead th,
#ViewAudit tbody td {
    min-width: 70px;

    text-align: left;

}*/

#ViewAudit thead th.activity-column,
#ViewAudit tbody td.activity-column {
    max-width: 200px;

    white-space: normal;

    word-wrap: break-word;

}

.billRateDiv>div {
    display: flex;
    align-items: center;
    /* Align toggle and text */
    gap: 0px;
    /* Adjust spacing */
}

/* .billRateDiv{

} */

.header-container {
    display: flex;
    align-items: center;
    /* Align items vertically */
    gap: 10px;
    /* Space between logo and text */
}

.logo img {
    height: 40px;
    /* Adjust logo size */
}

.portal-title {
    font-size: 12px;
    margin: 0;

    text-align: center;
    background-color: var(--pinkcolor);
    color: white;
    height: 23px;
    width: 90px;
    padding-top: 3px;
    border-radius: 57px;

    font-weight: 800;
    margin-left: 10px;
}

.portal-text {
    position: relative;
}



.delete-row * {
    background-color: #fef6f6 !important;
}

.modal-header.h5 {
    color: black;
}

.modal-title2 {
    color: var(--GreenColor);
}

.btn-sbt {
    background-color: var(--pinkcolor);
    color: white;
}

.apv-btn {
    background-color: #19b159;
    color: white;
    border: #19b159;
}

.apv-btn:hover {
    background-color: #19b159;
    color: white;
    border: #19b159;
    transform: scale(1.05);
    /* Slight zoom effect */
    transition: transform 0.3s ease
}

.apv-btn:active {
    background-color: #19b159;
    color: white;
    border: #19b159;
}

.page-link:focus {
    box-shadow: none;
}

.mr-10 {
    margin-right: 10px !important;
}

.rej-btn {
    background-color: #f94c34;
    color: white;
    border: #f94c34;
}

.rej-btn:hover {
    background-color: #f94c34;
    color: white;
    border: #f94c34;
    transform: scale(1.05);
    /* Slight zoom effect */
    transition: transform 0.3s ease
}

.rej-btn:active {
    background-color: #f94c34;
    color: white;
    border: #f94c34;
}

.pen-btn {
    background-color: #9eb3ae;
    color: white;
}

.view-detail-btn {
    border-color: var(--pinkcolor);
    color: var(--pinkcolor);
}

.p-text {
    color: var(--GreenColor) !important;
    /* word-wrap: break-word; */

}

.restore_account,
.restore_account:hover,
.restore_account:active {
    border-color: var(--GreenColor) !important;
    color: var(--GreenColor) !important;
    border-radius: 6px !important;
}

#resend_btn {
    color: #F42E7B;
}

#resend_btn:hover {
    color: #f94c34;
}

.permanently-delete {
    border-color: #fa644f;
    color: #fa644f;
    border-radius: 6px;
}

.permanently-delete:active {
    background-color: none !important;
    color: #fa644f !important;
}

.rejected_div {
    border: 1px solid #bfbfbf;
    /* Set the border width, style, and color */
    padding: 10px;
    /* Add padding for better spacing */
    border-radius: 5px;
    /* Optional: Round the corners */
}

.loginTooltip p {
    color: black;
}

.rejected_div label {
    color: black !important;
}

.rejected_div li {
    color: black;
}

.rejected_div p {
    color: var(--GreenColor) !important;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
    box-shadow: 0 0 0 1000px white inset !important;
    -webkit-text-fill-color: #000 !important;
}

.hcps_div {
    max-height: 300px;
    overflow: auto;
}

.requested_hcps {
    max-height: 300px;
    overflow: auto;
}

.loginForm button {
    width: 100%;
    height: 52px;
    margin-bottom: 10px;
    font-size: 18px !important;


}

.hcp-height {
    max-height: 730px;
    overflow-y: auto;
    /* Enable vertical scroll */
    overflow-x: hidden;
}

.bill_tooltip {
    position: relative;
    align-items: center;
    gap: 6px;
}


.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #fefefe;
    border: 1px solid var(--pinkcolor);
    color: var(--pinkcolor);
    border-radius: 4px;
    box-sizing: border-box;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0;
    padding-left: 18px;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: var(--pinkcolor);
    border-right: none;
    border: none !important;
    /* padding: 0px !important; */
}

.select2-container--default .select2-selection--multiple {

    max-height: 80px;
    /* Restrict the maximum height */
    overflow-y: auto;
    /* Enable vertical scrolling */
    overflow-x: hidden;
    /* Disable horizontal scrolling */
    white-space: nowrap;
    /* Prevent text wrapping */
}

.timer {
    color: var(--GreenColor);
}

.form-control:focus {
    box-shadow: #1a0ea552 0 0 0px 0.10rem !important;
    border-color: #1a0ea552;
}

.form-valid:focus {
    box-shadow: #1a0ea552 0 0 0px 0.10rem !important;
    border-color: #1a0ea552;
}

#desktopRequestTypeStatus {
    max-width: 143px;
}

input.form-control:focus,
select.form-control:focus,
textarea.form-control:focus {
    box-shadow: #1a0ea552 0 0 0px 0.10rem !important;
    border-color: #1a0ea552;
    outline: none !important;
}

input:focus:not(.select2-container *),
select:focus:not(.select2-container *),
textarea:focus:not(.select2-container *) {
    box-shadow: #1a0ea552 0 0 0px 0.10rem !important;
    border-color: #1a0ea552;
    outline: none !important;
}




.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    line-height: 0 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {

    padding-left: 0px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
    background-color: white !important;
    color: var(--pinkcolor) !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
    background-color: white;
    color: var(--pinkcolor);
}

.tipData3 {
    position: absolute;
    right: 0;
    width: 500px;
    padding: 10px;
    background-color: #fbf7aa;
    border: 3px solid #f9e98e;
    filter: drop-shadow(5.803px 3.914px 25px rgba(0, 0, 0, 0.3));
    font-size: 14px;
    word-wrap: break-word;
    white-space: normal;
    z-index: 1000;
    top: 30px;
}

.pd-5 {
    padding: 5px !important;
}

.w-34 {
    width: 34px !important;
}

.tipData3::after {
    content: '';
    position: absolute;
    top: -22px;
    right: 0px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #fbf7aa transparent;
    z-index: 1001;
}

.table tr:last-child .tipData3,
.table tr:nth-last-child(2) .tipData3,
.table tr:nth-last-child(3) .tipData3,
.table tr:nth-last-child(4) .tipData3 {
    top: auto;
    right: 254px;
    bottom: 690px;
    position: fixed;
}


/* .table tr:last-child .tipData3,
.table tr:nth-last-child(2) .tipData3,
.table tr:nth-last-child(3) .tipData3,
.table tr:nth-last-child(4) .tipData3 {
    top: auto;
    bottom: 30px;
} */

/* .table tr:last-child .tipData3::after,
.table tr:nth-last-child(2) .tipData3::after,
.table tr:nth-last-child(3) .tipData3::after,
.table tr:nth-last-child(4) .tipData3::after {
    top: auto;
    bottom: -22px;
    border-color: #fbf7aa transparent transparent transparent;
} */

.table tr:last-child .tipData3::after,
.table tr:nth-last-child(2) .tipData3::after,
.table tr:nth-last-child(3) .tipData3::after,
.table tr:nth-last-child(4) .tipData3::after {
    top: 160px;
    bottom: -22px;
    right: -4px;
    border-color: #fbf7aa transparent transparent transparent;
}

.bill_tooltip .tipData3 {
    pointer-events: auto;
    /* Ensure tooltip is interactable */
}


.tooltip_main {
    position: relative;
    display: flex;
    align-items: center;
    gap: 6px;
}

.tipData2 {
    position: absolute;
    left: 0;
    max-width: 500px;
    padding: 10px;
    background-color: #fbf7aa;
    border: 3px solid #f9e98e;
    filter: drop-shadow(5.803px 3.914px 25px rgba(0, 0, 0, 0.3));
    font-size: 14px;
    word-wrap: break-word;
    white-space: normal;
    z-index: 1000;
    top: 30px;
}

.tipData2::after {
    content: '';
    position: absolute;
    top: -22px;
    left: -2px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #fbf7aa transparent;
    z-index: 1001;
}



.status-tooltip {
    position: relative;
}

.status-tooltip:hover .statusData {
    display: flex;
}

.status-tooltip:hover .verifiedData {
    display: flex;
}

.tooltip.show {
    opacity: 1 !important;
    /* Make background fully visible */
}

.tooltip-inner {
    max-width: 400px !important;
    text-align: left;
    white-space: normal !important;
    padding: 10px;
    font-size: 14px;
    background-color: #fbf7aa !important;
    border: 3px solid #f9e98e;
    filter: drop-shadow(5.803px 3.914px 25px rgba(0, 0, 0, 0.3));
    color: black;
}

.auditResetBtn {
    min-height: 37px;
}

.auditKeyword {
    padding-left: 30px;
}

.auditDateRangeBox {
    position: relative;
}

.auditDateRangeBox .bi-chevron-left {
    top: 8px;
    left: 20px;
}

.auditDateRangeBox .bi-chevron-right {
    top: 8px;
    right: 20px;
}

.auditSearchBox {
    position: relative;
}

.auditSearchIcon {
    position: absolute;
    top: 8px;
    left: 20px;
}

.verifiedData {
    position: absolute;
    left: 0;
    min-width: 350px;
    max-width: 500px;
    padding: 10px;
    background-color: #fbf7aa;
    border: 3px solid #f9e98e;
    filter: drop-shadow(5.803px 3.914px 25px rgba(0, 0, 0, 0.3));
    font-size: 14px;
    word-wrap: break-word;
    white-space: normal;
    z-index: 1000;
    top: 35px;
    display: none;
}

.verifiedData::after {
    content: '';
    position: absolute;
    top: -22px;
    left: -2px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #fbf7aa transparent;
    z-index: 1001;
}


.statusData {
    position: absolute;
    left: 0;
    min-width: 350px;
    max-width: 500px;
    padding: 10px;
    background-color: #fbf7aa !important;
    border: 3px solid #f9e98e;
    filter: drop-shadow(5.803px 3.914px 25px rgba(0, 0, 0, 0.3));
    font-size: 14px;
    word-wrap: break-word;
    white-space: normal;
    z-index: 1000;
    top: 15px;
    display: none;
}

.statusData::after {
    content: '';
    position: absolute;
    top: -22px;
    left: -2px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #fbf7aa transparent;
    z-index: 1001;
}

.table tr:last-child .tipData2,
.table tr:nth-last-child(2) .tipData2,
.table tr:nth-last-child(3) .tipData2,
.table tr:nth-last-child(4) .tipData2 {
    top: auto;
    bottom: 30px;
}

.table tr:last-child .tipData2::after,
.table tr:nth-last-child(2) .tipData2::after,
.table tr:nth-last-child(3) .tipData2::after,
.table tr:nth-last-child(4) .tipData2::after {
    top: auto;
    bottom: -22px;
    border-color: #fbf7aa transparent transparent transparent;
}

.tooltip_main .tipData2 {
    pointer-events: auto;
    /* Ensure tooltip is interactable */
}

.mx100 {
    max-width: 100px;
}

.filterModal label.switch.nfSwitch .slider {
    width: 36px !important;
    height: 22px !important;
}

.permission-modal .slider::before {
    position: absolute;
    content: "";
    width: 10px !important;
    height: 10px !important;
    border-radius: 2px;
    left: 3px;
    bottom: 5px !important;
    background-color: white;
    transition: 0.4s ease-in-out;
}

.accordion-header .slider {
    left: -37px !important;
    background-color: #ebebeb;
}

.permission-modal .title-all-slider .slider {
    margin-top: 5px !important;
}

.permission-modal .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0px;
    right: 0;
    bottom: 0;
    background-color: #e0e0e9;
    ;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    border-radius: 5px;
    height: 19px;
    width: 35px;
    margin-top: 10px;
}

.filterModal label.switch.nfSwitch .slider::before {
    width: 13px;
    height: 16px;
    left: 4px;
}

.iti__selected-country-primary {
    border-right: 1px Solid #c6ccd4;
}

.mb-10 {
    margin-bottom: 10px;
}

.mt-5 {
    margin-top: 5px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-16 {
    margin-top: 16px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mt-20 {
    margin-top: 20px !important;
}

.mb-30 {
    margin-bottom: 30px;
}

.mt-30 {
    margin-top: 30px !important;
}

.pb-16 {
    padding-bottom: 16px !important;
}

/* .btn-sbt:hover {
    background-color: #fa644f !important;
    color: white !important;
    border-color: #fa644f !important;
} */

.modal-content table thead tr:first-child {
    border-width: 2px;
    border-style: solid;
    border-color: #bfbfbf;
}

.lt-blck {
    color: #25233c;
}

.swal2-icon.swal2-warning {
    border-color: #100a54 !important;
    color: #100a54 !important;
}

/* .hcptype-label {
    display: block;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-word;
    margin-top: 5px;
    text-align: center;
} */

.highlight {
    color: var(--pinkcolor) !important;

}

.iti__selected-country :active {
    background-color: transparent !important;
    /* Specific override for this button */
}

.invoiceTabs a:first-child.highlight:before {
    left: 42% !important;
    /* Adjust position for the first tab */
}

.invoiceTabs a:first-child.highlight:before,
.invoiceTabs a:first-child:hover:before {
    left: 42% !important;
    /* Adjust position for the first tab */
}


.invoiceTabs a:hover:before,
.invoiceTabs a.highlight:before {
    content: "";
    width: 43px;
    height: 6px;
    border-radius: 5px;
    background-color: var(--pinkcolor) !important;
    ;
    color: var(--pinkcolor) !important;
    position: absolute;
    bottom: 0;
}



.invoiceTabs a:hover:before,
.invoiceTabs a.highlight:before {
    content: "";
    width: 43px;
    height: 6px;
    border-radius: 5px;
    background-color: var(--pinkcolor) !important;
    ;
    color: var(--pinkcolor) !important;
    position: absolute;
    bottom: -2px;
    left: 50%;
    transform: translateX(-50%);
}

.del-accounts {
    display: flex;
    /* Enable flexbox */
    gap: 8px;
    /* Add space between buttons */
    align-items: center;
    /* Center buttons vertically */
}

.cardImg {
    display: flex;
    align-items: center;
    gap: 10px;
}

.tableWrapper p {
    margin: 0;
    font-size: 14px;
}

.bg-reason {
    width: 95% !important;
    margin-left: 10px !important;
}

.payment-details-tabs .accordion-button::after {
    content: "";
    /* Default icon */
    font-size: 20px;
    /* Adjust size */
    color: #000;
    /* Icon color */
    margin-left: auto;
    /* Push icon to the right */
    transition: transform 0.3s ease;
    transform: none !important;
    background-image: none !important;
    background-color: #476f66 !important;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    color: #fff;
    position: absolute;
    left: 12px;
}

.payment-details-tabs .accordion-body {
    border-radius: 0px 0px 5px 5px !important;
    background-color: #fefefe;
    border: 1px solid #c6ccd4;
    /*padding: 12px; */
    border-top: 0;
}


@media(max-height:600px) {
    .shiftango-logo {
        margin-top: 24px;
    }
}

@media(max-height: 450px) and (orientation: landscape) {
    body {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        margin: 0;
        overflow: hidden;
        background-color: #f8f9fa;
    }

    .landscape-message {
        display: block !important;
        text-align: center;
        font-size: 18px;
        color: #333;
    }

    .loginForm {
        display: none !important;
    }

    .authCright {
        display: none;
    }

    #main,
    .portalWrapper,
    header {
        display: none !important;
    }

    #header {
        display: none !important;
    }
}

/* Default hidden message */
.landscape-message {
    display: none;
}

@media (max-width: 768px) {
    .req-btn {
        width: 50%;
    }

    .portal-title {
        display: none;
    }

    .loading-text {

        margin-left: 9%;
    }

    .del-accounts .btn {
        padding: 0.5rem;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    table tr td .switch {
        height: 26px !important;
    }

    /* .notification-body {
max-height:400px !important ;

    }*/

    .icon-button {
        position: relative;
    }

    .notofy {
        margin-left: -20px;
        margin-right: 6px;
        color: white;
        padding-bottom: 2px;
        width: 17px !important;
        height: 16px !important;
        font-size: 9px;
        position: absolute;
        top: 3px;
        left: 15px;

    }

    .del-accounts .btn span {
        display: none;
    }

    .del-accounts .btn i {
        font-size: 16px;
    }

    .iti__tel-input {
        width: calc(100% - 70px);
        /* Adjust phone input width for the flag */
    }

    .modal-footer {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        gap: 10px;
    }

    .modal-footer .btn {
        flex: 1;
        max-width: 48%;
        margin: 5px 1%;
        text-align: center;
        text-transform: capitalize
    }

    .modal-footer:has(> .btn:only-child) {
        justify-content: flex-end;
    }

    .modal-footer:has(> .btn:only-child) .btn {
        flex: 0;
        max-width: unset;
        margin: 0 0 0 auto
    }


    .pagetitle {
        padding-left: 0px !important;
    }

    .settingButtons {
        flex-direction: column;
        gap: 15px;
    }

    .settingButtons .btn {
        width: 100%;
        text-align: center;
        font-size: 16px;
    }

    .portal-box {
        position: absolute;
        color: white;
        background-color: var(--pinkcolor);
        bottom: -30px;
        right: 130px;
        width: 121px;
        height: 30px;
        text-align: center;
        border-radius: 0 0 20px 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 800;
        font-size: 14px;
    }

    /* Creating the U-shape opening at the top */
    .portal-box::before {
        content: "";
        position: absolute;
        top: -15px;
        /* Moves the cutout to the top */
        left: 50%;
        transform: translateX(-50%);
        width: 60px;
        /* Adjust width of the opening */
        height: 30px;
        background-color: var(--background-color);
        /* Match the page background */
        border-radius: 0 0 50px 50px;
        /* Curved top edges for the U-shape */
    }


}

.settingButtons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}



@media (max-width: 576px) {



    .iti__tel-input {
        width: 100%;
        /* Make telephone input fill the full width */
    }

    span.slider label {
        max-width: 300px;
    }
}

@media (max-width: 1150px) {
    .CardSelectionTable .mobHide {
        display: none;
    }


}

@media (min-width: 1150px) {

    #card-credits .accordion,
    #banks-transfer .accordion {
        display: none;
    }

    span.slider label {
        max-width: 159px;
    }
}

.CardSelectionTable {
    padding: 0px;
    border: none;
}

.CardSelectionTable tr td:last-child {
    border-right: 1px solid #c6ccd4;
    border-radius: 0px 5px 5px 0px;
}

.CardSelectionTable tr td:first-child {
    border-left: 1px solid #c6ccd4;
    border-radius: 5px 0px 0px 5px;
}

.CardSelectionTable tr:hover {
    cursor: pointer;
}

.CardSelectionTable tr:hover td {
    background: #eefff5;
}

.CardSelectionTable tr:has(input[type="radio"]:checked) td {
    background: #eefff5;
}

.CardSelectionTable tr td {
    background-color: #fefefe;
    border-top: 1px solid #c6ccd4;
    border-bottom: 1px solid #c6ccd4;
    padding: 14px 12px;
}

.CardSelectionTable tr td .deleteBtn {
    float: right;
}

.CardSelectionTable table {
    border-collapse: separate;
    border-spacing: 0 1em;
}

.CardSelectionTable p {
    line-height: 21px;
}

.CardSelectionTable p b {

    font-size: 18px;
    font-weight: 700;
    display: block;
}

.cardImg {
    /*display: inline-table; */
    align-items: center;
    /*gap: 10px;*/
    width: 100%;
}

.cardImg img {
    width: 100%;
    max-width: 55px;
    float: left;
    margin-right: 10px;
}

.pType {
    display: flex;
    align-items: center;
}

.pType svg {
    display: none;
}

.atPay p {
    font-size: 12px;
    font-weight: 500;
}

.atPay {
    display: flex;
    align-items: center;
    gap: 10px;
}

.customCreditBtn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* margin-left: -30px; */
}

.customCreditBtn .cardImg {
    flex: 1;
}




.title-all-slider label {
    margin-right: -7px !important;
}


.permission-modal .accordion-body .sub-permission-text {
    float: left;
    width: auto;
    margin-left: -19px;
    font-size: 14px;
    line-height: 22px;
    color: #000000;
    font-weight: 400;
    font-family: 'roboto';
    padding-top: 4px;
    cursor: pointer;
}

.mx500 {
    max-width: 700px;
}

.permission-text {
    padding-top: 2px;
    font-size: 14px;
    line-height: 22px;
    color: #000000;
    font-weight: 400;
    font-family: 'roboto';
    margin-left: -45px;
    top: 8px;
    position: absolute;
    cursor: pointer;
}







.permission-modal .accordion-body {
    padding-left: 60px;
    padding-top: 6px;
    padding-bottom: 6px;
}


.searchPermission {
    position: relative;
}

.searchPermission .bi-search {
    position: absolute;
    top: 5px;
    left: 14px;
}

.signout img {
    background-color: var(--GreenColor);
    color: white;
}

.signout img {
    width: 20px;
    float: right;
    filter: invert(1);
}

.searchPermission input {
    padding-left: 35px;
    color: #8b8b8b !important;
    font-size: 14px !important;
    /*  line-height: 14px;*/
    height: 32px;
    font-weight: 500 !important;
    border-radius: 5px;
    background-color: #fefefe;
    border: 1px solid #c6ccd4;
    /* Add space for the search icon */
}



.accordion {
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.10rem #fff;
}

.accordion-button:not(.collapsed) {
    background-color: #fff
}

.permission-modal .accordion-button {
    border-radius: 5px !important;
    background-color: #fefefe;
    border: 1px solid #c6ccd4;
    border-top-color: rgb(198, 204, 212);
    border-right-color: rgb(198, 204, 212);
    border-bottom-color: rgb(198, 204, 212);
    border-left-color: rgb(198, 204, 212);
    border-color: #c6ccd4 !important;
    padding: 6px 12px 6px 50px !important;
    background: #fff !important;
    background-color: rgb(255, 255, 255);
    box-shadow: none !important;
    outline: 0 !important;

    color: inherit !important;
    background-color: inherit !important;
    box-shadow: inherit !important;
    border-radius: inherit !important;
}

/*.permission-modal .accordion-button:not(.collapsed)::after {
    transform: var(--bs-accordion-btn-icon-transform) !important;

}*/

.permission-modal .accordion-button::after {
    content: '';
    color: inherit !important;
    background-color: inherit !important;
    box-shadow: inherit !important;
    border-radius: inherit !important;
    font-size: 20px;
    background-image: var(--bs-accordion-btn-icon) !important;
    margin-left: auto;
    transition: transform 0.3s ease;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(180deg);
    transform-origin: center;
    margin-top: -6px;
    /* Ensures the rotation happens without shifting */
}

/* Rotate the arrow when the accordion is open */
.permission-modal .accordion-button:not(.collapsed)::after {
    transform: rotate(0deg);
    margin-right: -7px;
    margin-bottom: -17px;
}


.permission-modal .accordion {
    max-height: 400px;
    overflow: auto;
    min-height: 400px;
}

/* .accordion-button::after {
    content: "";
   
    font-size: 20px;
    
    color: #000;
  
    margin-left: auto;
 
    transition: transform 0.3s ease;
    transform: none !important;
    background-image: none !important;
    background-color: #476f66 !important;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    color: #fff;
    position: absolute;
    left: 12px;
} */

.deleteBtn {
    width: 34px;
    height: 34px;
    border-radius: 5px;
    background-color: #f1f3f2;
    padding: 10px;
}

.accordion-body {
    border-radius: 0px 0px 5px 5px !important;
    background-color: #fefefe;
    border: 1px solid #c6ccd4;
    /*padding: 12px; */
    border-top: 0;
}

#card-credits .accordion-button:not(.collapsed)::after,
#banks-transfer .accordion-button:not(.collapsed)::after {
    display: none;
}

#card-credits .accordion-button::after,
#banks-transfer .accordion-button::after {
    display: none;
}

.customCheckBox .prm_txt,
.atPay .prm_txt {
    background: #CEF6DE;
    padding: 5px 20px;
    align-items: center;
    justify-content: center;
    display: flex;
    margin-right: 10px;
    font-size: 12px;
}

.customCheckBox .secondaryColor {
    background: #F8F7C9 !important;
}

.customCheckBox .secondaryColorRed {
    background: #FFE7E7 !important;
}

.atPay .secondaryColorRed {
    background: #FFE7E7 !important;
}


.CardsPayment span {
    color: #000;
    float: left;
    width: 100%;
    margin-top: -28px;
}

.accordion-collapse {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.accordion-collapse.collapse:not(.show) {
    display: none;
}

.total_sent_email {
    font-size: 14px;
    color: red;
    font-style: italic;
    font-weight: bold;
    margin-top: 10px;
}

#client-detail-sidebar {
    z-index: 1051;
}

#shift-types .pocCard p:last-child {
    text-align: left;
}

.tooltip {
    z-index: 1000;
}

#hcp-types span.slider label {
    overflow: initial;
}

.collapse:not(.show):before,
.collapse:not(.show):after {
    width: 0% !important;
}

/*
.collapse:not(.show) {
    display: block !important;
    width: 0% !important;
}*/
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    line-height: 1.4 !important
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--GreenColor);
}

.select2-results__option {}

.payMethod .collapse.show .accordion-body,
.payMethod .accordion-button:not(.collapsed) {
    background: #eefff5 !important;
    color: black;
}

.payMethod tr:hover {
    cursor: pointer;
}

.payMethod tr:hover td {
    background: #eefff5;
}

.payMethod .accordion-item {
    margin-bottom: 10px;
}

.payMethod .customCheckBox {
    align-items: center;
    display: flex;
}

.payMethod .cardImg img {
    width: 32px;
}