:root {
    --Dark-Color: #0F0E17;
    --Main-Color: #C534C5;
    --WhiteColor: #ffffff;
    --light-purple-color: rgba(197, 52, 197, 0.10);
    --Light_border: #E4E4E4;
    --Light_bg: #F9F9F9;
    --light_mid: #f3f3f3;
    --Light-Text-Color: #7A7A7A;
    --MainTextLightColor: #DF54E1;
    --Sucess-Color: #79C253;
}

.main_color {
    color: var(--Main-Color);
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    font-family: "Montserrat", sans-serif;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a, a:hover {
    text-decoration: none;
}

img, svg {
    display: block;
}


.et_left_logo {
    background-color: var(--Dark-Color);
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 47px;
}


.et_right_sec {
    min-height: 100%;
    background-color: var(--WhiteColor);
    background-image: url(../images/logo_vector_light.svg);
    background-size: 190px;
    background-repeat: no-repeat;
    background-position: top 30px left;
    width: 550px;
    max-width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px 30px;
    margin: 0 auto;
    grid-gap: 40px;
}

.et_heading_medium {
    color: var(--Dark-Color);
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.et_right_sec_inner {
    width: 340px;
    max-width: 100%;
    margin: 0 auto;
}



.et_sub_heading {
    color: var(--Dark-Color);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
}

.et_right_sec_inner .et_sub_heading {
    margin-bottom: 27px;
    margin-top: 7px;
}

.et_copyright p {
    color: var(--Dark-Color);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
}

.et_input .form-control, .et_input .form-select {
    border-radius: 5px;
    border: 1px solid var(--Light_border);
    background-color: var(--Light_bg);
    height: 40px;
    color: var(--Dark-Color);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 5px 14px;
}



.et_input textarea.form-control {
    height: inherit !important;
    min-height: 80px;
    resize: none;
}

.et_input .form-select {
    color: var(--Light-Text-Color);
}

    .et_input .form-select option:not(first-child) {
        color: var(--Dark-Color);
    }

.et_input .form-control::placeholder {
    color: var(--Light-Text-Color);
    opacity: 1; /* Firefox */
}

.et_input .form-control::-ms-input-placeholder { /* Edge 12 -18 */
    color: var(--Light-Text-Color);
}

.et_input {
    margin-bottom: 15px;
    position: relative;
}

.et_checkbox .form-check-label {
    color: var(--Dark-Color);
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

.et_checkbox .form-check-input {
    height: 19px;
    width: 19px;
    border-radius: 6px;
    cursor: pointer;
    margin-top: 0;
}

    .et_checkbox .form-check-input:checked {
        border-color: var(--Dark-Color);
        background-color: var(--Dark-Color);
    }

        .et_checkbox .form-check-input:checked[type=checkbox] {
            --bs-form-check-bg-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.8572 6.73599C15.0722 6.9271 15.0915 7.2563 14.9004 7.47129L9.34487 13.7213C9.24603 13.8325 9.10436 13.8961 8.95559 13.8961C8.80682 13.8961 8.66516 13.8325 8.56632 13.7213L5.78855 10.5963C5.59744 10.3813 5.61681 10.0521 5.8318 9.86099C6.04679 9.66989 6.37599 9.68925 6.5671 9.90424L8.95559 12.5913L14.1219 6.77925C14.313 6.56426 14.6422 6.54489 14.8572 6.73599Z' fill='white' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
        }

.et_checkbox .form-check .form-check-input {
    margin-left: -20px;
}

.et_checkbox .form-check {
    display: flex;
    align-items: center;
    min-height: 19px;
    padding-left: 20px;
    margin-bottom: 0;
    grid-gap: 5px;
    cursor: pointer;
}

input.form-control:focus, select.form-select:focus, textarea.form-control:focus,
.form-check-input:focus {
    border-color: #a7a7a7 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

button:focus {
    outline: 0 !important;
    box-shadow: none !important;
}

.form-check-input:focus {
    box-shadow: none;
    outline: 0 !important;
    border-color: var(--Light_border) !important;
}

.et_reset_pass_link {
    color: var(--Dark-Color);
    text-align: right;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.et_button {
    border-radius: 5px;
    background: var(--Main-Color);
    height: 46px;
    width: 100%;
    color: var(--WhiteColor);
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border: 0;
    transition: 0.3s;
}

    .et_button:hover, .et_button:focus {
        background-color: #ab2bab;
    }

.et_right_sec_inner .et_button {
    margin-top: 31px;
}

.show_pass_eye svg {
    width: 20px;
    height: auto;
}

.show_pass_eye {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 14px;
    z-index: 1;
    cursor: pointer;
}

.eye_icon_input .form-control {
    padding-right: 50px;
}

.hide_pass_eye {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 14px;
    z-index: 1;
    cursor: pointer;
}



.verfication_icon svg {
    width: 41px;
    height: auto;
    margin-right: 17px;
}

.verfication_head {
    color: var(--Dark-Color);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 3px;
}

.verfication_field {
    color: var(--Dark-Color);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.single_verification_steps {
    padding: 10px 0;
    border-bottom: 1px solid var(--Light_border);
    cursor: pointer;
}

    .single_verification_steps:last-child {
        border: 0;
    }

.et_back svg {
    height: 40px;
    width: 40px;
}

.et_back {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    cursor: pointer;
}

.font_medium {
    font-weight: 500;
}

.verification_code {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 9px;
    margin-bottom: 10px;
}

    .verification_code .et_input {
        flex: 1;
    }

        .verification_code .et_input .form-control {
            text-align: center;
            padding-left: 5px;
            padding-right: 5px;
        }


.et_another_option_link {
    color: var(--Dark-Color);
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-top: 12px;
}


    .et_another_option_link a {
        font-weight: 600;
        color: inherit;
    }

.underline_anchor {
    text-decoration: underline;
}

    .underline_anchor:hover {
        text-decoration: underline;
    }

.custom_popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    background: rgba(15, 14, 23, 0.72);
    backdrop-filter: blur(6.5px);
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    overflow-y: auto;
}

.popup_container {
    border-radius: 5px;
    background: var(--WhiteColor);
    padding: 26px 30px;
    width: 450px;
    max-width: 100%;
}

    .popup_container .et_button {
        margin-top: 35px;
    }

    .popup_container .et_heading_medium {
        margin: 16px 0 8px 0;
    }

.login_pass_input {
    margin-bottom: 7px;
}


.et_new_password .et_right_sec_inner .et_button {
    margin-top: 26px;
}

.confirm_check_icon svg {
    height: 40px;
    width: auto;
}

.et_left_logo svg {
    width: 371px;
    max-width: 100%;
}

.et_sidebar {
    background: var(--Dark-Color);
    width: 250px;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    overflow-y: auto;
    padding-bottom: 30px;
    transition: 0.5s;
    z-index: 1050;
    scrollbar-color: #57575d var(--Dark-Color);
}

.sidebar_logo svg {
    width: 187px;
}

.sidebar_logo {
    padding: 22px 10px 35px 23px;
}




.cus_accordian .accordion-button {
    color: rgba(255, 255, 255, 0.70);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 9px 30px 9px 23px;
    grid-gap: 10px;
    transition: 0.3s;
}

    .cus_accordian .accordion-button::after {
        display: none;
    }

.navlinks_icon svg {
    width: 18px;
    height: auto;
}

.navlinks_caret svg {
    width: 12px;
    height: auto;
}

.navlinks_caret {
    margin-left: auto;
    transition: 0.3s;
}


.cus_accordian .accordion-body {
    padding: 0px 30px 5px 49px;
}

.et_sub_links .sub_nav_links {
    color: rgba(255, 255, 255, 0.70);
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 9px 0;
    display: block;
    transition: 0.3s;
}

    .et_sub_links .sub_nav_links:hover {
        color: rgba(255, 255, 255, 0.80);
    }

    .et_sub_links .sub_nav_links.active {
        color: rgba(255, 255, 255, 1);
    }

.cus_accordian .accordion-button:hover {
    color: var(--WhiteColor);
}

.cus_accordian .accordion-button .navlinks_icon svg * {
    transition: 0.3s;
}

.cus_accordian .accordion-button:hover .navlinks_icon svg * {
    fill-opacity: 1;
    opacity: 1;
}

.cus_accordian .accordion-button .navlinks_caret path {
    transition: 0.3s;
}

.cus_accordian .accordion-button:hover .navlinks_caret path {
    opacity: 1;
    fill-opacity: 1;
}





.cus_accordian .accordion-button:not(.collapsed) .navlinks_caret {
    transform: rotate(180deg);
}

    .cus_accordian .accordion-button:not(.collapsed) .navlinks_caret path {
        stroke: var(--MainTextLightColor);
        opacity: 1;
        fill-opacity: 1;
    }

.cus_accordian .accordion-button:not(.collapsed),
.cus_accordian .accordion-button.active
 {
    color: var(--MainTextLightColor);
}


    .cus_accordian .accordion-button:not(.collapsed) .navlinks_icon svg,
    .cus_accordian .accordion-button.active .navlinks_icon svg {
        filter: invert(46%) sepia(73%) saturate(2123%) hue-rotate(267deg) brightness(93%) contrast(88%);
    }

        .cus_accordian .accordion-button:not(.collapsed) .navlinks_icon svg *,
        .cus_accordian .accordion-button.active .navlinks_icon svg * {
            opacity: 1;
            fill-opacity: 1;
        }

.cus_accordian .accordion-item {
    background-color: transparent;
    transition: 0.3s;
}

    .cus_accordian .accordion-item:not(:has(.accordion-button.collapsed)),
    .cus_accordian .accordion-item:has(.accordion-button.active) {
        background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(197, 52, 197, 0.08) 100%);
    }

.cus_accordian .accordion-button:before {
    content: "";
    width: 7px;
    height: 100%;
    background-color: var(--Main-Color);
    position: absolute;
    top: 0;
    left: -7px;
    z-index: 1;
    border-radius: 0 20px 20px 0;
    transition: 0.3s;
    opacity: 0;
}

.cus_accordian .accordion-button:not(.collapsed)::before,
.cus_accordian .accordion-button.active::before {
    opacity: 1;
    left: 0;
}


.nav_head {
    color: var(--WhiteColor);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    padding-left: 23px;
    margin-bottom: 4px;
}

.border_seprator {
    padding: 21px 30px 30px 23px;
}

    .border_seprator hr {
        border-top: 1px solid rgba(197, 52, 197, 0.15);
        opacity: 1;
        margin: 0;
    }


/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: #57575d #ffffff;
}

    /* Chrome, Edge, and Safari */
    *::-webkit-scrollbar {
        width: 16px;
    }

    *::-webkit-scrollbar-track {
        background: #ffffff;
    }

    *::-webkit-scrollbar-thumb {
        background-color: #ffffff;
        border-radius: 10px;
        border: 3px solid #ffffff;
    }


/* Firefox */



.et_sidebar::-webkit-scrollbar-thumb {
    background-color: var(--Dark-Color);
}

.et_topbar {
    position: fixed;
    top: 15px;
    right: 15px;
    left: 265px;
    padding: 13px 13px 13px 23px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.90);
    box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.10);
    backdrop-filter: blur(5px);
    transition: 0.3s;
    z-index: 1049;
}

.nav_heading {
    color: var(--Dark-Color);
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

    .nav_heading span {
        font-weight: 700;
        font-style: italic;
    }


.name_badge {
    border-radius: 10px;
    background: var(--Dark-Color);
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--MainTextLightColor);
    text-align: center;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}


.dropdown_main {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    grid-gap: 9px;
    color: var(--Dark-Color);
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}


.profile_icon {
    width: 13px;
    height: auto;
}

.profile_dropdown .dropdown-menu {
    min-width: 180px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    padding-top: 12px;
    margin-right: -13px !important;
}

.inner_dropdown_menu {
    text-align: center;
    background-color: var(--Dark-Color);
    border-radius: 10px;
}

.edit_profile_link {
    color: rgba(255, 255, 255, 0.90);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: inline-flex;
    align-items: center;
    grid-gap: 10px;
    padding: 14px 10px;
}

.logout_link {
    color: var(--WhiteColor);
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: inline-flex;
    grid-gap: 5px;
    align-items: center;
    width: 90px;
    height: 30px;
    justify-content: center;
    background-color: var(--Main-Color);
    border-radius: 5px;
    margin: 10px;
}


    .logout_link:hover {
        background-color: #ab2bab;
    }

.seprator_profile {
    border-top: 1px solid rgba(245, 245, 245, 0.10);
}

.main_work {
    padding-left: 265px;
    padding-top: 100px;
    padding-right: 15px;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}


.top_bar_logo svg {
    width: 173px;
    height: auto;
}

.hamburger_menu svg {
    width: 30px;
    height: auto;
}

.et_breadcrump ul {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 13px;
    align-items: center;
    margin-bottom: 17px;
}

    .et_breadcrump ul li, .et_breadcrump ul li a {
        color: var(--Dark-Color);
        font-size: 14px;
        font-style: normal;
        font-weight: 400 !important;
        line-height: 26.678px;
        transition: 0.3s;
    }

        .et_breadcrump ul li a:hover {
            color: var(--Main-Color);
        }

    .et_breadcrump ul li {
        font-weight: 600 !important;
    }

.main_accordian .deploy_accordion_button::after {
    display: none;
}

.main_accordian .deploy_accordion_item {
    border-radius: 10px;
    border: 1px solid var(--Light_border);
    background: var(--Light_bg);
}

.main_accordian .accordian_number {
    height: 37px;
    width: 37px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(255, 255, 255, 0.70);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    background-color: var(--Dark-Color);
    border-radius: 100%;
    transition: 0.3s;
}

.main_accordian .accordian_filled_check {
    height: 37px;
    width: 37px;
    justify-content: center;
    align-items: center;
    background-color: var(--Sucess-Color);
    border-radius: 100%;
    transition: 0.3s;
    display: none;
}

    .main_accordian .accordian_filled_check svg {
        width: 17px;
    }

.accordian_head {
    color: var(--Dark-Color);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 3px;
    display: block;
}

.accordian_desc {
    display: block;
}

.main_accordian .deploy_accordion_button {
    grid-gap: 22px;
    padding: 13px 20px;
}

.accordian_right_text {
    color: var(--Main-Color);
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    display: none;
}

.accordian_text {
    flex: 1;
}

.main_accordian .deploy_accordion_body {
    padding: 0 20px 20px 20px;
}

.da_seprator {
    border-top: 1px solid var(--Light_border);
    margin: 0;
    opacity: 1;
    margin-bottom: 30px;
}

.deploy_situation .accordion-button:not(:has(.collapsed)) .accordian_number {
    background-color: var(--Main-Color);
    color: var(--WhiteColor);
}

.edit_collapse {
    color: var(--Dark-Color);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    padding: 7px 10px;
    border-radius: 4px;
    border: 1px solid var(--Dark-Color);
    transition: 0.3s;
    display: none;
    cursor: pointer;
}

    .edit_collapse:hover {
        background-color: var(--Dark-Color);
        color: var(--WhiteColor);
    }

.main_accordian .deploy_accordion_item {
    margin-bottom: 12px;
}

.et_form_label {
    color: var(--Dark-Color);
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: block;
    margin-bottom: 10px;
}

    .et_form_label span {
        font-weight: 700;
    }

.et_white_input .form-control, .et_white_input .form-select {
    background-color: var(--WhiteColor);
}

.et_add_plus_icon svg {
    width: 24px;
    height: auto;
}

.et_add_plus_icon {
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 1;
    opacity: 50%;
    transition: 0.3s;
    cursor: pointer;
}

    .et_add_plus_icon:hover {
        opacity: 1;
    }

.add_list_et textarea.form-control {
    padding-right: 45px;
}

.et_added_list {
    padding: 10px;
    border-radius: 5px;
    background: var(--Dark-Color);
    max-height: 200px;
    overflow-y: auto;
    scrollbar-color: #57575d var(--Dark-Color);
}




.et_added_list ::-webkit-scrollbar-thumb {
    background-color: var(--Dark-Color);
}
.added_label {
    color: var(--WhiteColor);
    font-size: 13px;
    font-style: italic;
    font-weight: 500;
    line-height: normal;
    display: flex;
    align-items: center;
    grid-gap: 9px;
    margin-bottom: 7px;
}

.added_check_icon svg {
    height: 15px;
    width: auto;
}

.added_list_main li {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 7px;
    align-items: flex-start;
}

    .added_list_main li:not(:last-child) {
        margin-bottom: 5px;
    }

.added_list_main .added_list {
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.10);
    color: rgba(255, 255, 255, 0.80);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 17px;
    padding: 8px 14px;
    flex: 1;
    display: block;
}

.list_icons {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 7px;
    padding: 5px;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.10);
}

.bg_icon_et {
    border-radius: 6px;
    background: var(--WhiteColor);
    padding: 4px;
    cursor: pointer;
    transition: 0.5s;
}




    .bg_icon_et svg {
        height: 15px;
        transition: 0.3s;
        width: auto;
    }

    .bg_icon_et:hover {
        background-color: var(--MainTextLightColor);
    }

        .bg_icon_et:hover svg {
            filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(211deg) brightness(105%) contrast(101%);
        }

.et_toogle .form-check-input {
    width: 60px;
    height: 30px;
    margin-top: 0;
    border: 1px solid var(--Light_border);
    padding: 3px;
    background-origin: content-box;
    cursor: pointer;
}

.et_toogle .form-switch .form-check-input {
    width: 60px;
    --bs-form-switch-bg: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC4yMTc3NzMiIHk9IjAuMjI4MDI3IiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHJ4PSIxMiIgZmlsbD0iI0U0RTRFNCIvPgo8L3N2Zz4K');
    margin-left: -60px;
}

.et_toogle .form-check-input:checked {
    background-color: var(--Main-Color) !important;
    border-color: var(--Main-Color) !important;
}


.et_toogle .form-switch .form-check-input:checked {
    --bs-form-switch-bg: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC45ODA0NjkiIHk9IjAuMjI4MDI3IiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHJ4PSIxMiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==');
}


.et_toogle .form-check {
    display: block;
    min-height: 30px;
    padding-left: 60px;
    margin-bottom: 0;
}


.et_toogle .form-switch {
    padding-left: 60px;
}

.et_continue {
    padding: 11px 18px;
    background-color: var(--Main-Color);
    display: inline-flex;
    grid-gap: 12px;
    flex-wrap: wrap;
    align-items: center;
    border-radius: 5px;
    color: var(--WhiteColor);
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    transition: 0.3s;
    min-width: 134px;
    justify-content: center;
    border: 0;
    cursor: pointer;
}


    .et_continue:hover {
        background-color: #ab2bab;
    }



    .et_continue svg {
        width: 7px;
    }

.continue_footer {
    padding-top: 20px;
    margin-top: 25px;
    border-top: 1px solid var(--Light_border);
}

.et_copyright_inner {
    color: var(--Dark-Color);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    padding: 8px 10px;
    border-top: 1px solid var(--Light_border);
    background: var(--Light_bg);
    margin-top: 30px;
    width: calc(100% + 30px);
    margin-left: -15px;
    text-align: center;
}


.pp_text, .pp_list {
    color: var(--Dark-Color);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 184.615% */
    margin-bottom: 5px;
}

.pp_small_head {
    color: var(--Dark-Color);
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 10px;
    margin-bottom: 5px;
}

.privacy_policy_modal .modal-body {
    padding: 0 36px;
}



.privacy_policy_modal .modal-title {
    color: var(--Dark-Color);
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.privacy_policy_modal .modal-header {
    padding: 15px 15px 15px 36px;
    border-color: transparent;
}

.btn-close {
    background: none;
}

.btn-close svg {
    width: 12px;
    height: auto;
}

.privacy_policy_modal .modal-footer {
    border-color: transparent;
    padding: 15px 36px 15px 36px;
}

.privacy_policy_modal .modal-content {
    border: 0;
}

.modal-backdrop {
    background-color: rgba(15, 14, 23, 0.72);
    backdrop-filter: blur(6.5px);
}

    .modal-backdrop.show {
        opacity: 1;
    }


.deploy_situation .accordion-button:not(:has(.collapsed)) .accordian_right_text {
    display: block;
}



.deploy_situation .accordian_item_filled .accordion-button .accordian_number {
    display: none;
}

.deploy_situation .accordian_item_filled .accordion-button .accordian_filled_check {
    display: flex;
}

.deploy_situation .accordian_item_filled .accordion-button .edit_collapse {
    display: block;
}


.deploy_situation .accordian_item_filled .accordion-button .accordian_right_text {
    display: none;
}

.head_17 {
    color: var(--Dark-Color);
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.sub_head_accordian {
    margin-bottom: 5px;
}

.text_14 {
    color: var(--Light-Text-Color);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.sub_text_accordian {
    margin-bottom: 18px;
}

.domian_accordion_collapse .da_seprator {
    margin-bottom: 15px;
}

.domain_field .et_add_plus_icon {
    right: 8px;
    bottom: 8px;
}

.domain_field .form-control {
    padding-right: 40px;
}

.label_domian {
    color: var(--Dark-Color);
    text-align: right;
    font-size: 10px;
    font-style: italic;
    font-weight: 500;
    line-height: normal;
    border-radius: 3px;
    background: var(--WhiteColor);
    padding: 3px 7px;
    margin-left: auto;
}


.added_list_main .with_lable {
    display: flex;
    align-items: flex-start;
    grid-gap: 5px;
}

    .added_list_main .with_lable.active {
        background-color: var(--Main-Color);
        color: var(--WhiteColor);
    }

.cus_tabs .nav-pills .nav-link {
    border-radius: 5px;
    border: 1px solid var(--Main-Color);
    background: var(--WhiteColor);
    color: var(--Main-Color);
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

    .cus_tabs .nav-pills .nav-link.active {
        background-color: var(--Main-Color);
        color: var(--WhiteColor);
    }


.administrator_accordion_collapse .da_seprator {
    margin-bottom: 25px;
}

.cus_tabs .nav-pills {
    grid-gap: 8px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--Light_border);
    margin-bottom: 25px;
}

.password_area {
    display: flex;
    grid-gap: 11px;
    flex-wrap: wrap;
    align-items: center;
    position: absolute;
    bottom: 5px;
    right: 5px;
    z-index: 1;
}

.view_password svg, .hide_password svg {
    width: 21px;
    height: auto;
}

.copy_password svg {
    width: 17px;
    height: auto;
}

.generate_password {
    padding: 6.5px 15px;
    border-radius: 4px;
    border: 1px solid var(--Main-Color);
    background: rgba(197, 52, 197, 0.10);
    display: flex;
    flex-wrap: wrap;
    grid-gap: 5px;
    color: var(--Main-Color);
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    align-items: center;
    cursor: pointer;
}

.copy_password, .view_password, .hide_password {
    cursor: pointer;
}

.generate_password svg {
    width: 17px;
    height: auto;
}

.password_strength {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 6px;
    margin: 3px 0;
    align-items: center;
}


.strength_col {
    height: 5px;
    border-radius: 100px;
    background-color: #E8E8E8;
    flex: 1;
    position: relative;
    overflow: hidden;
}

    .strength_col::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        content: "";
        transition: 0.3s;
    }

.very_low_strength::after {
    background-color: #E80000;
    width: 100%;
}

.text_low {
    color: #E80000;
}

.good_strength::after {
    background-color: #FFA400;
    width: 100%;
}

.text_good {
    color: #FFA400;
}

.verygood_strength::after {
    background-color: #25AD5D;
    width: 100%;
}

.v_verygood_strength {
    background-color: #1b8f4b;
    width: 100%;
}

.text_verygood {
    color: #25AD5D;
}



.text_v_verygood {
    color: #1b8f4b;
}

.strength_label {
    flex: 1;
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    line-height: 15px; /* 136.364% */
    text-align: right;
}

.password_note {
    color: #646464;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px; /* 136.364% */
    padding-right: 80px;
}

.single_license {
    border-radius: 10px;
    border: 2px solid var(--Dark-Color);
    background: var(--Dark-Color);
    padding: 15px 10px 20px 20px;
}

.single_license_head {
    color: var(--WhiteColor);
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 8px;
}

    .single_license_head strong {
        font-weight: 800;
    }


.license_tag {
    color: var(--MainTextLightColor);
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    padding: 3px 10px;
    border-radius: 5px;
    background: rgba(197, 52, 197, 0.20);
    display: inline-block;
    margin-bottom: 15px;
}

.label_quantity {
    color: var(--WhiteColor);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 10px;
}


.quantity-block input[type="number"]::-webkit-inner-spin-button,
.quantity-block input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.quantity-block input[type="number"] {
    -moz-appearance: textfield;
}

.quantity_button {
    border-radius: 5px;
    background: var(--Main-Color);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 19px;
    width: 19px;
    cursor: pointer;
}

    .quantity_button svg {
        width: 10px;
        height: auto;
    }

.quantity-block input.quantity-num {
    width: 80px;
    color: var(--WhiteColor);
    font-size: 36.708px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    height: 40px;
    border: 1px solid #2c2c2c;
    padding: 5px;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.10);
    text-align: center;
    caret-color: rgba(255, 255, 255, 0.2);
}

    .quantity-block input.quantity-num:focus {
        border: 0 !important;
        outline: 0;
        box-shadow: none;
    }

.quantity-block {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    grid-gap: 15px;
}

.quantity_button_outer {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 8px;
}

.license_list {
    margin-bottom: 30px;
}

.add_to_bypass {
    color: var(--MainTextLightColor);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 7px 15px;
    display: inline-block;
    border-radius: 5px;
    border: 1px solid var(--MainTextLightColor);
    margin-top: 20px;
    transition: 0.3s;
}

    .add_to_bypass:hover {
        background-color: var(--MainTextLightColor);
        color: var(--WhiteColor);
    }

.bg_container {
    padding: 20px;
    border-radius: 10px;
    border: 1px solid var(--Light_border);
    background: var(--WhiteColor);
}

.secure_accordion_collapse .cus_tabs .nav-pills {
    margin-bottom: 15px;
}

.secure_sub_head {
    margin-bottom: 18px;
    margin-top: 5px;
}

.information_icon svg {
    width: 18px;
    height: auto;
}

.info_label {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    grid-gap: 5px;
}

.keyword_placement_dropdown .keyword_placement_button {
    border-radius: 4px;
    background: var(--Dark-Color);
    padding: 5px 6px;
    color: var(--WhiteColor);
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: inline-flex;
    flex-wrap: wrap;
    grid-gap: 10px;
    align-items: center;
}

    .keyword_placement_dropdown .keyword_placement_button svg {
        width: 9px;
        height: auto;
        margin-top: 1px;
    }

.keyword_placement_dropdown {
    position: absolute;
    right: 41px;
    bottom: 9px;
    z-index: 1;
}

.keyword_placement .form-control {
    padding-right: 190px;
}

.keyword_placement_dropdown .dropdown-menu {
    background-color: #27272f;
    border: 0;
    box-shadow: 0px 4px 15px #000000b8;
    min-width: 82px;
    overflow: hidden;
    padding: 0;
}

.keyword_placement_dropdown .dropdown-item {
    border-radius: 0;
    font-size: 10px;
    color: var(--WhiteColor);
    transition: 0.3s;
    padding: 5px 10px;
}

    .keyword_placement_dropdown .dropdown-item:not(:last-child) {
        margin-bottom: 2px;
    }

    .keyword_placement_dropdown .dropdown-item:hover {
        background-color: rgba(197, 52, 197, 0.20);
    }

    .keyword_placement_dropdown .dropdown-item.active {
        background-color: var(--MainTextLightColor);
    }

.et_toogle_gray.et_toogle .form-check-input {
    background-color: var(--Light_bg);
}

.text_14_semi {
    color: var(--Dark-Color);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.text_12 {
    color: var(--Light-Text-Color);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;    
}

.toogle_head {
    margin-bottom: 5px;
}

.toggle_button_with_text .et_toogle {
    margin-right: 20px;
}

.mt_18 {
    margin-top: 18px;
}

.mb_16 {
    margin-bottom: 16px;
}

.mb_15 {
    margin-bottom: 15px;
}

.mb_18 {
    margin-bottom: 18px;
}

.toggle_sprator {
    margin: 15px 0;
    border-top: 1px solid var(--Light_border);
    opacity: 1;
}


.country_accordian .accordion-item {
    border-radius: 7px;
    border: 1px solid var(--Light_border);
    background: var(--Light_bg);
}

.country_accordian .ca_accordion_button {
    color: var(--Dark-Color);
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    padding: 13px 20px;
}

.country_accordian .ca_accordion_item:not(:last-child) {
    margin-bottom: 10px;
}

.country_accordian .country_accordion_body {
    padding: 0 20px 25px 20px;
}

    .country_accordian .country_accordion_body .da_seprator {
        margin-bottom: 25px;
    }

.country_accordian .ca_accordion_button::after {
    display: none;
}

.country_accordian .country_accordion_icon {
    margin-left: auto;
}

.country_accordian .ca_accordion_button .country_accordion_icon svg path:last-child {
    transition: 0.3s;
}

.country_accordian .ca_accordion_button:not(.collapsed) .country_accordion_icon svg path:last-child {
    opacity: 0;
}

.secure_portal_tabs > .nav-pills .nav-item {
    max-width: 364px;
    width: calc(50% - 10.5px);
}

.secure_portal_tabs > .nav-pills:has(.nav-item:nth-child(3)) .nav-item {
    width: calc(33.3333% - 14px);
}

.secure_portal_tabs > .nav .nav-link {
    border-radius: 10px;
    border: 1px solid var(--Light_border);
    background: var(--WhiteColor);
    padding: 25px;
    text-align: left;
    width: 100%;
    height: 100%;
    flex-direction: column;
    display: flex;
    position: relative;
}

    .secure_portal_tabs > .nav .nav-link .sp_tab_head {
        color: var(--Dark-Color);
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        display: block;
    }

    .secure_portal_tabs > .nav .nav-link .sp_tab_subhead {
        color: var(--Light-Text-Color);
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px; /* 138.462% */
        text-transform: capitalize;
        margin-top: 7px;
        display: block;
    }


.secure_portal_tabs > .nav-pills {
    grid-gap: 21px;
    margin-bottom: 30px;
}

.secure_portal_tabs > .nav .nav-link.active {
    border-color: var(--Main-Color);
}

.brand_enabled {
    color: var(--WhiteColor);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 3px 10px;
    background-color: var(--Main-Color);
    border-radius: 5px;
    display: inline-block;
    position: absolute;
    top: -10px;
    right: 15px;
    z-index: 1;
}

.head_24 {
    color: var(--Dark-Color);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.etb_head {
    margin-bottom: 28px;
}

.sp_nav_pills > .nav-pills {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0;
}

.sp_nav_pills {
    padding-bottom: 12px;
    border-bottom: 1px solid var(--Light_border);
    margin-bottom: 25px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.sp_another_options {
    display: flex;
    align-items: center;
    grid-gap: 30px;
    flex-wrap: wrap;
}

.link_text {
    color: var(--Dark-Color);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 166.667% */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: 1px; /* 8.333% */
    text-underline-offset: auto;
    text-underline-position: from-font;
    text-transform: capitalize;
    transition: 0.3s;
}

    .link_text:hover {
        text-decoration: underline;
        color: var(--Main-Color);
    }

.et_small_toggle.et_input {
    margin-bottom: 0;
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    grid-gap: 5px;
}

.et_small_toggle .et_form_label {
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
}

.et_small_toggle .form-check-input {
    width: 34px;
    height: 17px;
    padding: 1px;
}

.et_small_toggle .form-switch .form-check-input {
    width: 34px;
    margin-left: -34px;
}

.et_small_toggle .form-switch {
    padding-left: 34px;
}

.et_small_toggle .form-check {
    min-height: 17px;
}

.et_small_toggle .et_form_label strong {
    font-weight: 500;
}

.always_show_text {
    color: var(--Dark-Color);
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.label_fixed {
    display: flex;
    grid-gap: 10px;
    flex-wrap: wrap;
    align-items: center;
    position: absolute;
    bottom: 8.5px;
    right: 10px;
    cursor: pointer;
}

.save_brand {
    color: var(--WhiteColor);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border-radius: 4px;
    background: var(--Main-Color);
    padding: 4px 10px;
}

.et_small_toggle.et_toogle_black .et_form_label {
    color: var(--WhiteColor);
}


.et_toogle_black .form-check-input {
    background-color: rgba(255, 255, 255, 0.10);
    border-color: rgba(255, 255, 255, 0.15);
}

    .et_toogle_black .form-check-input:focus {
        border-color: rgba(255, 255, 255, 0.15) !important;
    }

.portal_login_title_seprator {
    margin: 10px 0;
    opacity: 0.1;
    border-top: 1px solid var(--WhiteColor);
}

.mb_38 {
    margin-bottom: 38px;
}

.et_small_input .form-control {
    width: 60px;
    margin-right: 20px;
    text-align: center;
}

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

.mt_5 {
    margin-top: 5px;
}

.text_dark {
    color: var(--Dark-Color);
}

.default_footer {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 6px;
}

.footer_label {
    flex: 1;
    border-radius: 5px;
    background: transparent !important;
    color: var(--WhiteColor) !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 17px;
    padding: 0;
    text-align: center;
}
.footer_label > br:first-child
{
    display: none;
}

.footer_label > br:first-child + div
{
    display: none;
}
.footer_label > br:first-child + div + div td
{
    padding: 7px;
}


.footer_view {
    border-radius: 5px;
    border: 1px solid var(--Light_border);
    background: var(--Light_bg);
    padding: 4px;
    height: 31px;
    width: 31px;
}

.footer_view_icon {
    border-radius: 6px;
    background: var(--Dark-Color);
    padding: 1px;
    height: 22px;
    width: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .footer_view_icon svg {
        width: 15px;
        height: auto;
    }




.footer_color {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 7px;
}

.color_option {
    height: 20px;
    width: 20px;
    border-radius: 6px;
    display: block;
}

.footer_color ul {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 7px;
    border-radius: 5px;
    border: 1px solid var(--Light_border);
    background: var(--Light_bg);
    padding: 5px;
}

.green_option {
    background: #00BA9F;
}

.white_option {
    background-color: var(--WhiteColor);
    border: 1px solid #EFEFEF;
}

.footer_add {
    margin-top: 10px;
}

.default_table .table thead th, .default_table .table tfoot th {
    color: var(--Dark-Color);
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 12px 20px;
    background-color: var(--Light_bg);
}

.table {
    --bs-table-border-color: var(--Light_border);
    table-layout: fixed;
    margin: 0;
}

.default_table .table tfoot th {
    background-color: var(--WhiteColor);
    border-bottom: 0;
    border-top: 1px solid var(--bs-table-border-color);
}





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

.default_table .table td {
    padding: 12px 20px;
    background-color: transparent;
}


.domain_name {
    color: var(--Dark-Color);
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.verified_dns {
    grid-gap: 10px;
    display: flex;
    flex-wrap: wrap;
    color: var(--Sucess-Color);
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 6px;
}

.verified_icon svg, .un_verified_dns svg {
    width: 21px;
    height: auto;
}


.un_verified_dns {
    grid-gap: 10px;
    display: flex;
    flex-wrap: wrap;
    color: #E80000;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 6px;
}

.verification_info {
    color: var(--Light-Text-Color);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: block;
}

    .verification_info a {
        color: var(--Dark-Color);
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: auto;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font;
        font-weight: 500;
        transition: 0.3s;
    }

        .verification_info a:hover {
            color: var(--Main-Color);
        }

.default_table {
    border: 1px solid var(--Light_border);
    border-radius: 10px;
    background-color: var(--WhiteColor);
}

    .default_table .table tbody tr:last-child td:first-child {
        border-bottom-left-radius: 10px;
    }

    .default_table .table tbody tr:last-child td:last-child {
        border-bottom-right-radius: 10px;
    }

    .default_table .table thead tr th:first-child {
        border-top-left-radius: 10px;
    }

    .default_table .table thead tr th:last-child {
        border-top-right-radius: 10px;
    }


.table_footer_head .table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 0;
}

.table_footer_head .table tbody tr:last-child td:last-child {
    border-bottom-left-radius: 0;
}

.table_footer_head .table tfoot tr th:first-child {
    border-bottom-left-radius: 10px;
}

.table_footer_head .table tfoot tr th:last-child {
    border-bottom-left-radius: 10px;
}

.table_thead_head .table thead tr th:first-child {
    border-top-left-radius: 0;
}

.table_thead_head .table thead tr th:last-child {
    border-top-left-radius: 0;
}

.table_header_cus {
    padding: 15px 20px;
    background-color: var(--WhiteColor);
    border-bottom: 1px solid var(--Light_border);
    border-radius: 10px 10px 0 0;
    z-index: 1002;
    position: relative;
}

    .table_header_cus .table_header_text {
        color: var(--Dark-Color);
        text-align: center;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        text-transform: capitalize;
    }

.reverify_domain {
    color: var(--WhiteColor);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border-radius: 5px;
    border: 1px solid #F93;
    background: #F93;
    display: inline-flex;
    padding: 2px 7px;
    margin-left: 5px;
    transition: 0.3s;
}

    .reverify_domain:hover {
        background-color: #e98b2c;
    }

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

.mb_8 {
    margin-bottom: 8px !important;
}

.mb_30 {
    margin-bottom: 30px !important;
}

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

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

.response_details_modal .modal-body {
    padding: 60px;
}

.response_details_modal .modal-dialog {
    text-align: center;
    max-width: calc(100% - 30px);
    width: 790px;
    margin: 20px auto;
}

.response_icon svg {
    width: 94px;
    height: auto;
    margin: 0 auto 30px auto;
}

.absolute_cross {
    position: absolute;
    top: 11px;
    right: 11px;
    z-index: 1;
    background-color: #e9e9e9;
    border-radius: 100%;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.response_details_modal p {
    line-height: 22px;
}

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

.mb_10 {
    margin-bottom: 10px;
}

.configure_head {
    display: flex;
    grid-gap: 12px;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 15px;
}

.configure_icon svg {
    width: 33px;
    height: auto;
}

.mb_7 {
    margin-bottom: 7px;
}

.mb_25 {
    margin-bottom: 25px;
}


.powershell_modal .modal-body {
    padding: 40px 40px 10px 40px;
}

.info_ip_icon {
    width: 19px;
    height: auto;
    margin-top: 2px;
}

.powershell_sub_head {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    grid-gap: 5px;
    margin-bottom: 23px;
}

.powershell_modal .et_checkbox .form-check-input {
    height: 21px;
    width: 21px;
    border-radius: 3px;
    background-size: 24px;
}

.powershell_modal .et_checkbox .form-check {
    min-height: 21px;
    padding-left: 21px;
    grid-gap: 12px;
    align-items: flex-start;
}

.powershell_modal .et_checkbox .form-check-label {
    font-size: 15px;
}

.powershell_modal .et_checkbox {
    margin-bottom: 18px;
}

.mb_70 {
    margin-bottom: 70px !important;
}

.online_prefer {
    font-size: 13px;
    font-weight: 500;
}

.powershell_footer {
    margin-top: 70px;
    border-top: 1px solid var(--Light_border);
    padding-top: 10px;
}

.text_bg_error {
    background-color: rgb(255 0 0 / 10%);
    color: red;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 13px;
    display: inline-flex;
    margin-left: 33px;
}

.powershell_modal .configure_head {
    margin-bottom: 90px;
}


.permission_granted {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 15px;
}

.permission_text {
    flex: 1;
}

.text_15 {
    color: var(--Dark-Color);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 146.667% */
}

.selected_domain {
    color: var(--Main-Color);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    border-radius: 5px;
    border: 1px solid rgba(197, 52, 197, 0.40);
    background: rgba(197, 52, 197, 0.10);
    padding: 5px 20px;
    display: inline-flex;
}

.permission_icon svg {
    width: 36px;
    height: auto;
}

.connector_setup ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    z-index: 1;
    width: calc(100% - 30px);
    margin-bottom: 50px;
}

    .connector_setup ul li {
        border-radius: 30px;
        border: 1px solid var(--Light_border);
        background: var(--WhiteColor);
        padding: 5px 10px;
        display: flex;
        flex-wrap: wrap;
        grid-gap: 8px;
        align-items: center;
    }

        .connector_setup ul li .connector_step_head {
            color: var(--Light-Text-Color);
            font-size: 14px;
            font-style: normal;
            font-weight: 500;
            line-height: 25px; /* 178.571% */
        }

        .connector_setup ul li .connector_step {
            height: 20px;
            width: 20px;
            border-radius: 100%;
            border: 1px solid var(--Main-Color);
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--Dark-Color);
            text-align: center;
            font-size: 12px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            text-transform: capitalize;
        }

        .connector_setup ul li.active_step .connector_step_head {
            color: var(--Dark-Color);
            font-weight: 600;
        }

        .connector_setup ul li.active_step {
            border-color: var(--Main-Color);
        }

    .connector_setup ul:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        height: 1px;
        background: var(--Light_border);
        z-index: -1;
    }

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

.mt_8 {
    margin-top: 8px;
}

.mb_124 {
    margin-bottom: 125px;
}

.connector_confirm svg {
    width: 20px;
    height: auto;
}

.mb_3 {
    margin-bottom: 3px;
}

.radio_button_with_text {
    margin-top: 20px;
}

    .radio_button_with_text .form-check-input {
        width: 22px;
        height: 22px;
        border: 2px solid var(--Dark-Color);
        margin-left: -32px;
        cursor: pointer;
    }

        .radio_button_with_text .form-check-input:checked {
            background-color: var(--WhiteColor);
            border-color: var(--Dark-Color) !important;
        }

            .radio_button_with_text .form-check-input:checked[type=radio] {
                --bs-form-check-bg-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNCA2QzUuMTA0NTcgNiA2IDUuMTA0NTcgNiA0QzYgMi44OTU0MyA1LjEwNDU3IDIgNCAyQzIuODk1NDMgMiAyIDIuODk1NDMgMiA0QzIgNS4xMDQ1NyAyLjg5NTQzIDYgNCA2WiIgZmlsbD0iI0M1MzRDNSIvPgo8L3N2Zz4K");
            }

    .radio_button_with_text .form-check {
        min-height: 30px;
        padding-left: 32px;
        margin-bottom: 0;
    }

.box_checkbox .form-check {
    border-radius: 5px;
    border: 1px solid var(--Light_border);
    padding: 7px 12px 7px calc(1.5em + 12px);
    cursor: pointer;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    grid-gap: 10px;
}

.box_checkbox .form-check-label {
    color: var(--Dark-Color);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
    display: block;
    flex: 1;
}

.box_checkbox .form-check-input {
    border-radius: 3px !important;
    border: 1px solid var(--Light-Text-Color) !important;
    cursor: pointer;
    margin-top: 0;
}



.other_checkboxes {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 15px 20px;
    margin-top: 18px;
    padding-left: 32px;
}




.box_checkbox .form-check:has(.form-check-input:checked) {
    border-color: var(--Main-Color);
}

    .box_checkbox .form-check:has(.form-check-input:checked) .form-check-label {
        color: var(--Dark-Color);
    }

.checkbox_refresh_button {
    border-radius: 5px;
    background: var(--Dark-Color);
    padding: 8px 10px;
    transition: 0.3s;
    cursor: pointer;
}

    .checkbox_refresh_button svg {
        width: 17px;
        height: auto;
    }

    .checkbox_refresh_button:hover {
        background-color: var(--Main-Color);
    }

.configured_step {
    text-align: center;
    padding: 20px 0 60px 0;
}


.user_deployed_modal .modal-body {
    text-align: center;
    padding: 50px 40px;
}

.copy_bg_text {
    display: inline-flex;
    flex-wrap: wrap;
    grid-gap: 10px;
    align-items: center;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid rgba(197, 52, 197, 0.20);
    background: rgba(197, 52, 197, 0.10);
    color: var(--Main-Color);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 157.143% */
}

.header_codes {
    text-align: left;
    border-radius: 10px;
    border: 1px solid var(--Light_border);
    background: var(--Light_bg);
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 7px;
}


.copy_outer {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 7px;
}

.copy_header_icon svg {
    width: 16px;
    height: auto;
    cursor: pointer;
}

.privacy_policy_modal .modal-dialog {
    max-width: calc(100% - 30px);
    width: 1000px;
    margin: 20px auto;
}

.viewDetails .modal-dialog {
    max-width: calc(100% - 30px);
    width: 1000px;
    margin: 20px auto;
}

.et_input_error .form-control {
    border-color: rgb(232 0 0 / 50%);
    background-color: var(--WhiteColor);
}

    .et_input_error .form-control:focus {
        border-color: rgb(232 0 0 / 50%) !important;
    }

.validation_icon svg {
    width: 18px;
    height: auto;
}

.validation_error {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    display: none;
}

.et_input_error .validation_error {
    display: block;
}

.validation_tooltip {
    --bs-tooltip-bg: #FCC;
    --bs-tooltip-color: #F00;
}

    .validation_tooltip .tooltip-inner {
        min-width: 150px;
        text-align: left;
        padding-left: 12px;
    }

.tooltip.show {
    opacity: 1;
}


.powershell_modal .modal-dialog, .user_deployed_modal  {
    width: 820px;
    max-width: calc(100% - 30px);
    margin: 20px auto;
}

.default_td_item {
    color: var(--Dark-Color);
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    display: block;
}

.default_th {
    color: var(--Dark-Color);
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.license_table {
    margin-top: 35px;
}


.cus_toaster .btn-close svg {
    width: 12px;
    height: auto;
}

.cus_toaster .toast-header {
    border-bottom: 0;
    background-color: transparent;
    padding: 15px 20px;
    align-items: flex-start;
}

.error_toaster .toast {
    border-color: #E7CEC0;
    background: #FCEEEC;
}

.cus_toaster .toast {
    overflow: hidden;
    width: 420px;
}

.toast_content {
    flex: 1;
}

.toast_icon svg {
    width: 40px;
    height: auto;
    margin-right: 15px;
}

.toast_content strong {
    color: var(--Dark-Color);
    display: block;
}

.toast_content p {
    color: var(--Dark-Color);
}


.success_toast .toast {
    border-color: #D3E2D3;
    background: #F1F9F4;
}

.warning_toast .toast {
    border-color: #EBDCBE;
    background: #FEF7EA;
}

.customer_edit {
    border-radius: 10px;
    border: 1px solid var(--Light_border);
    background: var(--Light_bg);
    padding: 20px;
    margin-bottom: 12px;
}

    .customer_edit ul {
        display: flex;
        flex-wrap: wrap;
        grid-gap: 10px;
    }


        .customer_edit ul li {
            flex: 1;
        }

.customer_name_status {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 5px;
    align-items: center;
    margin-bottom: 3px;
}

.customer_name_edit {
    color: var(--Dark-Color);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.status_enable_edit svg {
    width: 19px;
    height: auto;
}

.deployed_customer_date {
    margin-bottom: 8px;
    color: var(--Dark-Color);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.edit_label_customer {
    color: var(--Dark-Color);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 5px;
}

.edit_value_customer {
    color: var(--Dark-Color);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.bagde_cus {
    color: var(--MainTextLightColor);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 30px;
    border: 1px solid rgba(197, 52, 197, 0.20);
    background: rgba(197, 52, 197, 0.10);
    padding: 5px 10px;
    display: inline-flex;
}

.edit_expire_customer {
    color: #E80000;
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.customer_edit ul li:nth-child(1) {
    flex: 1.6;
}

.customer_edit ul li:nth-child(2) {
    flex: 1.3;
}

.customer_edit ul li:last-child {
    flex-grow: unset;
    white-space: nowrap;
}

.et_search_input .form-control {
    padding-left: 41px;
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.53292 1.91144C4.4741 1.91144 1.99444 4.3911 1.99444 7.44991C1.99444 10.5087 4.4741 12.9884 7.53292 12.9884C10.5917 12.9884 13.0714 10.5087 13.0714 7.44991C13.0714 4.3911 10.5917 1.91144 7.53292 1.91144ZM0.763672 7.44991C0.763672 3.71136 3.79437 0.680664 7.53292 0.680664C11.2715 0.680664 14.3022 3.71136 14.3022 7.44991C14.3022 11.1885 11.2715 14.2192 7.53292 14.2192C3.79437 14.2192 0.763672 11.1885 0.763672 7.44991Z' fill='%23888888'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.4498 11.3668C11.6901 11.1264 12.0797 11.1264 12.3201 11.3668L16.5839 15.6306C16.8242 15.8709 16.8242 16.2606 16.5839 16.5009C16.3436 16.7412 15.954 16.7412 15.7136 16.5009L11.4498 12.2371C11.2095 11.9967 11.2095 11.6071 11.4498 11.3668Z' fill='%23888888'/%3E%3C/svg%3E%0A");
    background-size: 16px;
    background-position: center left 15px;
    background-repeat: no-repeat;
    max-width: 100%;
    width: 290px;
}

.table_filter_area {
    display: flex;
    justify-content: space-between;
    grid-gap: 10px;
}

.et_table_button {
    font-size: 14px;
}

    .et_table_button svg {
        width: 22px;
    }

.big_head_table .table thead th, .big_head_table .table tfoot th {
    padding-top: 22px;
    padding-bottom: 22px;
}

.deployed_customer_date_table {
    color: var(--Light-Text-Color);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    display: block;
    line-height: normal;
}

    .deployed_customer_date_table strong {
        color: var(--Dark-Color);
    }


.enable_bagde {
    color: #66AA42;
    border: 1px solid rgba(121, 194, 83, 0.30);
    background: rgba(121, 194, 83, 0.10);
}

.cus_drop_table {
    display: flex;
    justify-content: flex-end;
}

.vertical_middle_table th,
.vertical_middle_table td {
    vertical-align: middle;
}

.cus_drop_table .dropdown-item {
    display: flex;
    grid-gap: 10px;
    align-items: center;
    padding: 10px;
    border-radius: 5px;
    transition: 0.3s;
    color: var(--Dark-Color);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    min-width: auto;
    white-space: nowrap;
    cursor: pointer;
}

.cus_drop_table .item_icon svg {
    width: 15px;
    height: auto;
}


.cus_drop_table .dropdown-item:hover {
    background: var(--light_mid);
}

.cus_drop_table .dropdown-item.delete_item_cus {
    color: #E80000;
}

.cus_drop_table .dropdown-menu {
    border-radius: 10px;
    border: 1px solid var(--Light_border);
    background: var(--WhiteColor);
    box-shadow: 0px 5px 10px 0px rgba(53, 53, 53, 0.15);
    padding: 5px;
    min-width: auto;
}

.cus_drop_icon svg {
    border-radius: 4px;
    transition: 0.3s;
}

.cus_drop_icon.show svg {
    background-color: var(--Light_border);
}

.w_80px {
    width: 80px;
}

.full_width_box_checkbox.box_checkbox .form-check {
    border: 1px solid rgb(39 38 46);
    background-color: rgba(255, 255, 255, 0.10);
    display: flex;
    align-items: center;
    grid-gap: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
    min-height: 35px;
    word-break: break-all;
}

.full_width_box_checkbox.box_checkbox .form-check-input {
    border: 1px solid rgba(255, 255, 255, 0.70) !important;
    background-color: transparent !important;
    margin-top: 0 !important;
}

.full_width_box_checkbox.box_checkbox .form-check-label {
    color: rgba(255, 255, 255, 0.70);
    font-size: 12px;
    flex: 1;
}

.box_checkbox .form-check-input:checked {
    background-color: var(--Main-Color) !important;
    border-color: var(--Main-Color) !important;
}

.full_width_box_checkbox.box_checkbox .form-check:has(.form-check-input:checked) .form-check-label {
    color: #ffffff;
}

.add_user_email .label_fixed {
    bottom: 11.5px;
}

.disable_bagde {
    border: 1px solid rgba(200, 0, 55, 0.30);
    background: rgba(200, 0, 55, 0.10);
    color: #E80000;
}


.perpage_drop_active {
    border-radius: 5px;
    border: 1px solid var(--Light_border);
    background: var(--Light_bg);
    padding: 10px 15px;
    color: var(--Dark-Color);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    display: flex;
    grid-gap: 20px;
    align-items: center;
    min-width: 156px;
    justify-content: space-between;
}

    .perpage_drop_active strong {
        font-weight: 600;
    }

.dropdown_icon_table svg {
    height: 7px;
    width: auto;
}

.perpage_drop .dropdown-menu {
    border-radius: 10px;
    border: 1px solid var(--Light_border);
    background: var(--WhiteColor);
    box-shadow: 0px 5px 10px 0px rgba(53, 53, 53, 0.15);
    padding: 10px;
    min-width: 156px;
}

.perpage_drop .dropdown-item {
    padding: 10px;
    border-radius: 5px;
    transition: 0.3s;
    color: #3D3D3D;
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    text-transform: capitalize;
    white-space: nowrap;
    display: block;
}

.perpage_drop .dropdown-menu li:not(:last-child) .dropdown-item {
    margin-bottom: 2px;
}

.perpage_drop .dropdown-item:not(.active):hover {
    background: var(--light_mid);
}

.perpage_drop .dropdown-item.active {
    color: var(--Main-Color);
    font-weight: 600;
    background-color: rgba(197, 52, 197, 0.10);
}

.avtive_file_type {
    color: var(--WhiteColor);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: lowercase;
    display: flex;
    align-items: center;
    grid-gap: 10px;
    min-height: 40px;
    background-color: var(--Main-Color);
    padding: 10px;
    border-radius: 0 5px 5px 0;
    border-left: 1px solid rgba(255, 255, 255, 0.30);
}

.download_complete_button {
    display: flex;
}

    .download_complete_button .et_table_button {
        border-radius: 5px 0 0 5px;
    }

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


.download_file .dropdown-menu {
    min-width: 69px;
    padding: 5px;
    border: 1px solid var(--Light_border);
    background: var(--WhiteColor);
    box-shadow: 0px 5px 10px 0px rgba(53, 53, 53, 0.15);
}

.download_file .dropdown-item {
    font-size: 14px;
    padding: 5px 10px;
    border-radius: 5px;
    transition: 0.3s;
    color: #3D3D3D;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    white-space: nowrap;
    text-transform: lowercase;
}

    .download_file .dropdown-item:hover {
        background: var(--light_mid);
    }

.download_file .dropdown-menu li:not(:last-child) {
    margin-bottom: 2px;
}

.download_file .dropdown-item.active {
    color: var(--Main-Color);
    font-weight: 600;
    background-color: rgba(197, 52, 197, 0.10);
}

.filter_dropdown .avtive_filter_state {
    border-radius: 5px;
    border: 1px solid var(--Light_border);
    background: var(--Light_bg);
    padding: 10px 15px;
    display: flex;
    grid-gap: 10px;
    align-items: center;
    color: var(--Dark-Color);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
}

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

.filter_dropdown .dropdown-menu {
    border-radius: 10px;
    border: 1px solid var(--Light_border);
    background: var(--WhiteColor);
    box-shadow: 0px 5px 10px 0px rgba(53, 53, 53, 0.15);
    padding: 15px;
    min-width: auto;
}

.filter_dropdown .box_checkbox .form-check-label {
    white-space: nowrap;
}

.filter_dropdown .dropdown-menu li:not(:last-child) {
    margin-bottom: 10px;
}


.apply_button svg {
    width: 7px;
}


.apply_button {
    width: 100%;
    padding: 7px 18px !important;
}


.table_pagination > ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 18px;
}

    .table_pagination > ul > li {
        flex: 1;
    }

        .table_pagination > ul > li:nth-child(2) {
            flex: 1.5;
        }

        .table_pagination > ul > li:last-child {
            display: flex;
            justify-content: flex-end;
        }

.table_result_label {
    color: var(--Dark-Color);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.label_page {
    color: var(--Dark-Color);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

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


    .go_to_page .form-control {
        width: 60px;
        text-align: center;
        padding-left: 5px;
        padding-right: 5px;
    }

.cus_pagination {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 12px;
    align-items: center;
    justify-content: center;
}

    .cus_pagination > li:not(:first-child, :last-child) span {
        height: 32px;
        width: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 6.508px;
        background: #F2F2F2;
        color: var(--Dark-Color);
        font-size: 13.017px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: capitalize;
        cursor: pointer;
        transition: 0.3s;
    }

        .cus_pagination > li:not(:first-child, :last-child) span:hover {
            background-color: var(--Dark-Color);
            color: var(--WhiteColor);
        }

.pagi_label {
    color: var(--Light-Text-Color);
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    transition: 0.3s;
    cursor: pointer;
}


    .pagi_label:hover {
        color: var(--Dark-Color);
    }

.cus_pagination > li:not(:first-child, :last-child) span.action {
    background-color: var(--Dark-Color);
    color: var(--WhiteColor);
}

.pointer_none {
    pointer-events: none;
}

.big_textarea textarea.form-control {
    min-height: 144px;
}

.small_text {
    color: var(--Light-Text-Color);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px; /* 136.364% */
}

.border_table_button {
    color: var(--Dark-Color);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    border-radius: 4px;
    border: 1px solid var(--Dark-Color);
    padding: 7px 10px;
    transition: 0.3s;
    display: inline-block;
}

    .border_table_button:hover {
        background-color: var(--Dark-Color);
        color: var(--WhiteColor);
    }

.view_button_th {
    width: 130px;
}

.w-40 {
    width: 40%;
}


.w-200 {
    width: 200px;
}

.cus_date_filter_dropdown .avtive_date_filter_state {
    border-radius: 5px;
    border: 1px solid var(--Light_border);
    background: var(--Light_bg);
    color: var(--Light-Text-Color);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    min-width: 310px;
    display: flex;
    padding: 8px 15px;
    justify-content: space-between;
    grid-gap: 10px;
    align-items: center;
}

.cus_date_filter_dropdown .dropdown-menu {
    border-radius: 10px;
    border: 1px solid var(--Light_border);
    background: var(--WhiteColor);
    box-shadow: 0px 5px 10px 0px rgba(53, 53, 53, 0.15);
    padding: 15px;
    min-width: 310px;
}

.text_filter {
    color: var(--Light-Text-Color);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 9px 40px 9px 15px;
    margin-bottom: 2px;
    display: block;
    transition: 0.3s;
    cursor: pointer;
    border-radius: 5px;
}

    .text_filter:not(.active_date_filter):hover {
        border-radius: 5px;
        background: var(--light_mid);
    }

.seprater_filter {
    background: var(--Light_border);
    display: block;
    margin: 10px 0;
    height: 1px;
}

.active_date_filter {
    color: var(--Main-Color);
    font-weight: 600;
    background-color: rgba(197, 52, 197, 0.10);
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='10' viewBox='0 0 13 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.86914 5.18079L5.16321 8.47486L11.763 1.88672' stroke='%23C534C5' stroke-width='2.41666' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-position: center right 15px;
    background-repeat: no-repeat;
}

.date_inputs {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 10px;
    margin-bottom: 20px;
}

.date_single_input {
    flex: 1;
}

.date_inputs .et_input .form-control {
    height: 33px;
    font-size: 12px;
    padding: 4px 7px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='18' viewBox='0 0 16 18' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.6467 3.43596C14.7348 3.43596 14.8062 3.50741 14.8062 3.59554V16.3615C14.8062 16.4496 14.7348 16.5211 14.6467 16.5211H1.88069C1.79256 16.5211 1.72112 16.4496 1.72112 16.3615V3.59554C1.72112 3.50741 1.79256 3.43596 1.88069 3.43596H14.6467ZM15.7637 3.59554C15.7637 2.97862 15.2636 2.47852 14.6467 2.47852H1.88069C1.26378 2.47852 0.763672 2.97862 0.763672 3.59554V16.3615C0.763672 16.9784 1.26378 17.4785 1.88069 17.4785H14.6467C15.2636 17.4785 15.7637 16.9784 15.7637 16.3615V3.59554Z' fill='%23888888'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.43339 0.882812C4.16899 0.882812 3.95466 1.09714 3.95466 1.36154V3.91473C3.95466 4.17912 4.16899 4.39345 4.43339 4.39345C4.69778 4.39345 4.91211 4.17912 4.91211 3.91473V1.36154C4.91211 1.09714 4.69778 0.882812 4.43339 0.882812Z' fill='%23888888'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.0935 0.882812C11.8292 0.882812 11.6148 1.09714 11.6148 1.36154V3.91473C11.6148 4.17912 11.8292 4.39345 12.0935 4.39345C12.3579 4.39345 12.5723 4.17912 12.5723 3.91473V1.36154C12.5723 1.09714 12.3579 0.882812 12.0935 0.882812Z' fill='%23888888'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.7637 6.46798C15.7637 6.20359 15.5493 5.98926 15.2849 5.98926H1.2424C0.978004 5.98926 0.763672 6.20359 0.763672 6.46798C0.763672 6.73237 0.978004 6.9467 1.2424 6.9467H15.2849C15.5493 6.9467 15.7637 6.73237 15.7637 6.46798Z' fill='%23888888'/%3E%3Cpath d='M8.26463 10.7764C7.82397 10.7764 7.46676 10.4192 7.46676 9.97854C7.46676 9.53788 7.82397 9.18066 8.26463 9.18066C8.70528 9.18066 9.0625 9.53788 9.0625 9.97854C9.0625 10.4192 8.70528 10.7764 8.26463 10.7764Z' fill='%23888888'/%3E%3Cpath d='M4.75291 10.7764C4.31226 10.7764 3.95504 10.4192 3.95504 9.97854C3.95504 9.53788 4.31226 9.18066 4.75291 9.18066C5.19356 9.18066 5.55078 9.53788 5.55078 9.97854C5.55078 10.4192 5.19356 10.7764 4.75291 10.7764Z' fill='%23888888'/%3E%3Cpath d='M11.7744 13.9678C11.3337 13.9678 10.9765 13.6106 10.9765 13.1699C10.9765 12.7293 11.3337 12.3721 11.7744 12.3721C12.215 12.3721 12.5723 12.7293 12.5723 13.1699C12.5723 13.6106 12.215 13.9678 11.7744 13.9678Z' fill='%23888888'/%3E%3Cpath d='M8.26463 13.9678C7.82397 13.9678 7.46676 13.6106 7.46676 13.1699C7.46676 12.7293 7.82397 12.3721 8.26463 12.3721C8.70528 12.3721 9.0625 12.7293 9.0625 13.1699C9.0625 13.6106 8.70528 13.9678 8.26463 13.9678Z' fill='%23888888'/%3E%3Cpath d='M4.75291 13.9678C4.31226 13.9678 3.95504 13.6106 3.95504 13.1699C3.95504 12.7293 4.31226 12.3721 4.75291 12.3721C5.19356 12.3721 5.55078 12.7293 5.55078 13.1699C5.55078 13.6106 5.19356 13.9678 4.75291 13.9678Z' fill='%23888888'/%3E%3C/svg%3E");
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center right 7px;
    padding-right: 30px;
}

.accordian_gmt_text {
    display: flex !important;
    align-items: center;
    grid-gap: 10px;
    font-size: 18px;
    font-style: inherit;
}

.advanced_filter.filter_dropdown .dropdown-menu {
    min-width: 344px;
}

.advanced_filter .et_input .form-control, .advanced_filter .et_input .form-select {
    height: 33px;
    font-size: 12px;
    padding: 5px 14px;
    margin-bottom: 10px;
}

.delivery_mehod {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 10px;
}

.reset_filters {
    color: var(--Dark-Color);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    border-radius: 4px;
    border: 1px solid var(--Dark-Color);
    padding: 7px 10px;
    transition: 0.3s;
}

    .reset_filters:hover {
        background-color: var(--Dark-Color);
        color: var(--WhiteColor);
    }

.filters_row {
    display: grid;
    grid-template-columns: repeat(2,max-content);
    justify-content: space-between;
}

    .filters_row .et_continue {
        min-width: inherit;
        padding: 7px 15px;
    }


.details_outer .table_header_cus {
    background-color: var(--Light_bg);
}

.detail_label {
    color: var(--Dark-Color);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    word-break: break-all;
    display: block;
}

    .detail_label span {
        color: var(--Light-Text-Color);
        display: block;
    }

.recall_message {
    color: #C80037;
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}
.recall_message_success
{
     color: #13b804;
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;   
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}


.recent_activities {
    margin-top: 40px;
}

    .recent_activities .table_header_cus {
        background-color: transparent;
    }

.twoFaSetup .modal-dialog {
    max-width: calc(100% - 30px);
    width: 750px;
    margin: 20px auto;
}

.twoFaSetup .modal-body {
    padding: 60px;
}

.input_row_fields {
    display: grid;
    grid-template-columns: 160px 1fr;
    grid-gap: 24px;
    margin-top: 30px;
}

.head_twofa {
    color: #0F0E17;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    margin: 15px 0 5px 0;
}

.mt_20 {
    margin-top: 20px;
}

.input_row_otp {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 10px;
    margin-top: 30px;
    margin-bottom: 10px;
}

    .input_row_otp .et_input .form-control:focus {
        border-color: var(--Main-Color) !important;
        text-align: center;
    }

    .input_row_otp .et_input .form-control {
        text-align: center;
    }

.enabled_2fa .icon_twofa svg {
    width: 93px;
    height: auto;
    margin: 0 auto;
}

.enabled_2fa {
    text-align: center;
}

    .enabled_2fa .et_continue {
        display: inline-block;
    }

.seprater_2fa {
    height: 1px;
    background: #E4E4E4;
    margin: 18px 0;
}

.text_code_outer {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 10px;
    margin-top: 5px;
    align-items: flex-start;
}

.text_code {
    border-radius: 4px;
    border: 1px solid var(--Light_border);
    background: var(--Light_bg);
    color: var(--Light-Text-Color);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 9px 12px;
    text-align: center;
    flex: 1;
    word-break: break-all;
}

.copy_text_code {
    border-radius: 4px;
    border: 1px solid var(--Light_border);
    background: var(--Light_bg);
    padding: 9px;
    cursor: pointer;
}

.recovery_head {
    color: var(--Dark-Color);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 122.222% */
    margin-bottom: 5px;
}

.recobery_codes {
    border-radius: 6px;
    border: 1px solid var(--Light_border);
    background: var(--Light_bg);
    padding: 10px;
    display: grid;
    grid-template-columns: repeat(6,1fr);
    grid-gap: 10px;
    margin-top: 15px;
    margin-bottom: 12px;
}

.single_recovery_code {
    color: var(--Dark-Color);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    border-radius: 3px;
    border: 1px solid var(--Light_border);
    background: var(--WhiteColor);
    padding: 0 5px;
}

.code_save_button {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    grid-gap: 17px;
}

.single_code_save {
    color: var(--Main-Color);
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 5px 12px;
    display: flex;
    grid-gap: 6px;
    align-items: center;
    border-radius: 4px;
    border: 1px solid var(--Main-Color);
    transition: 0.3s;
    cursor: pointer;
}

    .single_code_save:hover {
        background-color: var(--Main-Color);
        color: var(--WhiteColor);
    }

        .single_code_save:hover svg path {
            fill: var(--WhiteColor);
        }

.single_code_copy:hover svg path {
    stroke: var(--WhiteColor);
    fill: transparent;
}

.text_main {
    color: var(--Main-Color) !important;
}



.single_verification_steps svg circle, .single_verification_steps svg path {
    transition: 0.3s;
}

.single_verification_steps:hover svg circle {
    fill: var(--Main-Color);
    fill-opacity: 1;
}

.single_verification_steps:hover svg path {
    fill: var(--WhiteColor);
}

.w_200 {
    width: 200px;
}

.last_added > td {
    background: rgba(197, 52, 197, 0.05);
}

.last_added .cus_drop_icon.show svg {
    background-color: var(--WhiteColor);
}

.just_created_label {
    color: var(--WhiteColor);
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    border-radius: 100px;
    background: var(--Main-Color);
    padding: 1px 7px;
    
    display: inline-block;

}

.light_bg_footer tfoot th {
    background-color: var(--Light_bg);
}

.mobile_accordion .accordion-button {
    padding: 10px 15px;
}

.accor_head_mobile {
    color: var(--Dark-Color);
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 4px;
    word-break: break-all;
}

.accor_deployed_mobile {
    color: var(--Light-Text-Color);
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.mobile_accordion .bagde_cus {
    font-size: 10px;
}

.accordian_mobile_header {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    grid-gap: 15px;
}

.accordian_mobile_header_right {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    grid-gap: 5px;
}

.mobile_accordion .accordion-item:not(:last-child) {
    border-bottom: 1px solid var(--Light_border);
}

.mobile_accordion {
    border: 1px solid var(--Light_border);
    border-radius: 10px;
    background-color: var(--WhiteColor);
}

    .mobile_accordion .accordion-body {
        padding: 0 15px 10px 15px;
    }

.label_mobile_table {
    color: var(--Dark-Color);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: block;
    word-break: break-all;
}

.mobile_seprater_table {
    height: 1px;
    margin-bottom: 10px;
    background-color: var(--Light_border);
}

.common_icon {
    border-radius: 7px;
    background: var(--Dark-Color);
    height: 20px;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.icon_outer {
    margin-left: 8px;
    display: flex;
    flex-wrap: wrap;
    grid-gap: 7px;
}

.delete_icon_mob {
    background-color: #E80000;
}

.mobile_accordion .accordion-item:not(:has(.accordion-button.collapsed)) {
    background: rgba(197, 52, 197, 0.05);
}

.mobile_accordion .just_created_label {
    position: absolute;
    top: -10px;
    left: 15px;
    margin: 0;
}

.mobile_filters {
    margin-bottom: 20px;
}

    .mobile_filters .et_search_input .form-control {
        width: 100%;
        margin-top: 10px;
    }

    .mobile_filters .perpage_drop_active {
        padding: 8px 12px;
        font-size: 11px;
        grid-gap: 15px;
        align-items: center;
        min-width: 115px;
    }

    .mobile_filters .dropdown_icon_table svg {
        height: 6px;
    }

    .mobile_filters .filter_dropdown .avtive_filter_state {
        padding: 8px 12px;
        grid-gap: 8px;
        font-size: 11px;
    }

        .mobile_filters .filter_dropdown .avtive_filter_state svg {
            width: 15px;
        }

    .mobile_filters .perpage_drop .dropdown-item {
        padding: 5px 8px;
        font-size: 11px;
    }

    .mobile_filters .perpage_drop .dropdown-menu {
        min-width: 115px;
    }

.mobile_pagination .table_pagination > ul > li:last-child {
    justify-content: center;
    flex-basis: 100%;
    border-top: 1px solid var(--Light_border);
    margin-top: 12px;
    padding-top: 12px;
}

.mobile_pagination .table_result_label {
    font-size: 11px;
}

.mobile_pagination .label_page {
    font-size: 11px;
}

.mobile_pagination .go_to_page .form-control {
    width: 34px;
    font-size: 10px !important;
    height: 25px;
    padding: 3px;
}

.mobile_pagination .go_to_page {
    grid-gap: 7px;
    justify-content: flex-end;
}

.mobile_pagination .table_pagination > ul {
    margin-top: 12px;
}


.mobile_pagination .pagi_label {
    font-size: 11px;
}


.mobile_pagination .cus_pagination > li:not(:first-child, :last-child) span {
    height: 26px;
    width: 26px;
    border-radius: 5px;
    font-size: 11px;
}


.mobile_pagination .cus_pagination {
    grid-gap: 8px;
}

.mobile_filter_box {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999999;
    background: rgba(15, 14, 23, 0.72);
    backdrop-filter: blur(6.5px);
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-end;
    grid-gap: 13px;
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
    transition: 0.3s;
}

.mobile_filter_box_inner {
    width: 100%;
    border-radius: 20px 20px 0px 0px;
    background: var(--WhiteColor);
    box-shadow: 0px 5px 10px 0px rgba(53, 53, 53, 0.15);
    padding: 25px 20px;
}

    .mobile_filter_box_inner > ul {
        display: flex;
        flex-wrap: wrap;
        grid-gap: 15px;
    }

        .mobile_filter_box_inner > ul > li:last-child {
            width: 100%;
        }

    .mobile_filter_box_inner .et_continue {
        padding: 7px 10px;
    }

.close_filter_mobile {
    cursor: pointer;
}

.open_filter.mobile_filter_box {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.table_scroll:has(>.table tbody tr:nth-child(5)) {
    max-height: calc(100vh - 340px);
    overflow: auto;
}

.table_scroll .table thead th {
    position: sticky;
    top: 0;
}

.table_scroll .table tfoot th {
    position: sticky;
    bottom: 0;
}

.inner_main_work {
    flex: 1;
}

.w_40 {
    width: 40%;
}

.w_30 {
    width: 30% !important;
}

.bagde_cus.small_bagde {
    font-size: 10px;
    padding: 3px 10px;
}

.bg_count {
    background-color: var(--Dark-Color);
    color: var(--WhiteColor);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    height: 20px;
    width: 20px;
    border-radius: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.customer_round_label {
    border-radius: 100px;
    background: var(--Light_bg);
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--Dark-Color);
    text-align: center;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-right: 10px;
    text-transform: uppercase;
}

.last_added .customer_round_label {
    background-color: var(--WhiteColor);
}

.evaluating_bagde {
    color: #F93;
    border: 1px solid rgba(255, 153, 51, 0.30);
    background: rgba(255, 153, 51, 0.10);
}

.mobile_list .bg_count {
    font-size: 10px;
    height: 15px;
    width: 15px;
}

.mobile_list .customer_round_label {
    height: 30px;
    width: 30px;
    font-size: 12px;
    margin-right: 5px;
}

.mobile_accordion .accordion-item:not(:has(.accordion-button.collapsed)) .customer_round_label {
    background: var(--WhiteColor);
}

.et_sub_label {
    color: var(--Dark-Color);
    font-size: 10px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: normal;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    margin-left: 10px;
    cursor: pointer;
}

.et_search_box .form-control {
    padding-left: 37px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.5 1.99805C4.01472 1.99805 2 4.01276 2 6.49805C2 8.98333 4.01472 10.998 6.5 10.998C8.98528 10.998 11 8.98333 11 6.49805C11 4.01276 8.98528 1.99805 6.5 1.99805ZM1 6.49805C1 3.46048 3.46243 0.998047 6.5 0.998047C9.53756 0.998047 12 3.46048 12 6.49805C12 9.53561 9.53756 11.998 6.5 11.998C3.46243 11.998 1 9.53561 1 6.49805Z' fill='%23888888' stroke='%23888888' stroke-width='0.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.68185 9.67965C9.87711 9.48439 10.1937 9.48439 10.389 9.67965L13.8533 13.144C14.0486 13.3393 14.0486 13.6559 13.8533 13.8511C13.6581 14.0464 13.3415 14.0464 13.1462 13.8511L9.68185 10.3868C9.48658 10.1915 9.48658 9.87491 9.68185 9.67965Z' fill='%23888888' stroke='%23888888' stroke-width='0.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: auto;
    background-position: left 15px center;
    background-repeat: no-repeat;
}

.two_fa_svg {
    margin-right: 15px;
}

.single_two_fa_card {
    border-radius: 10px;
    border: 1px solid var(--Light_border);
    background: var(--Light_bg);
    padding: 20px;
}

.single_two_fa_card_head {
    color: var(--Dark-Color);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    margin-top: 16px;
    margin-bottom: 3px;
}

.two_step_verification_main {
    margin-top: 15px;
    padding-top: 30px;
    border-top: 1px solid var(--Light_border);
}

.searchCustomerPopup .modal-dialog {
    max-width: calc(100% - 30px);
    width: 920px;
    margin: 20px auto;
}

.search_customer_pop .form-control {
    border: 0;
    height: 61px;
    padding-left: 50px;
    background-position: left 22px center;
    background-size: 18px;
    padding-right: 50px;
}

.single_customer_area {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    grid-gap: 20px;
    padding: 10px 20px;
    border-bottom: 1px solid var(--Light_border);
    transition: 0.3s;
    position: relative;
    padding-right: 110px;
    cursor: pointer;
}

    .single_customer_area::after {
        content: attr(data-enter);
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='22' viewBox='0 0 23 22' fill='none'%3E%3Crect x='0.944336' y='0.222656' width='21.7866' height='21.7866' rx='1.58231' fill='%23C4C4C4'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.9818 6.50781C18.5473 6.50781 19.0058 6.96629 19.0058 7.53186V11.628C19.0058 12.1936 18.5473 12.6521 17.9818 12.6521H5.69323C5.12767 12.6521 4.66919 12.1936 4.66919 11.628C4.66919 11.0625 5.12767 10.604 5.69323 10.604H16.9577V7.53186C16.9577 6.96629 17.4162 6.50781 17.9818 6.50781Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.48972 7.83119C9.88963 8.2311 9.88963 8.87949 9.48972 9.2794L7.1417 11.6274L9.48972 13.9755C9.88963 14.3754 9.88963 15.0238 9.48972 15.4237C9.0898 15.8236 8.44142 15.8236 8.0415 15.4237L4.96937 12.3515C4.56946 11.9516 4.56946 11.3032 4.96937 10.9033L8.0415 7.83119C8.44142 7.43127 9.0898 7.43127 9.48972 7.83119Z' fill='white'/%3E%3C/svg%3E");
        background-size: 22px;
        background-position: center right;
        background-repeat: no-repeat;
        padding-right: 30px;
        color: var(--Light-Text-Color);
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: capitalize;
        height: 21px;
        display: flex;
        align-items: center;
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%);
        opacity: 0;
        transition: 0.3s;
    }

    .single_customer_area:hover {
        background-color: var(--Light_bg);
    }


        .single_customer_area:hover::after {
            opacity: 1;
        }

.single_customer_area_col_one {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    grid-gap: 15px;
    flex: 0.7;
}

.single_customer_area_col_two {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 15px;
    align-items: center;
    flex: 1;
}

.single_customer_area:last-child {
    margin-bottom: 40px;
}

.searchCustomerPopup .absolute_cross {
    top: 24px;
    right: 20px;
}

.rollAccesspopup .modal-dialog {
    max-width: calc(100% - 30px);
    width: 720px;
    margin: 20px auto;
}

.rollAccesspopup .modal-body {
    padding: 0 40px 40px 40px;
}

.rollAccesspopup .modal-header {
    padding: 25px 40px 0 40px;
}

.access_head {
    color: var(--Dark-Color);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 5px;
}

.mb_20 {
    margin-bottom: 20px !important;
}

.access_svg_icon svg {
    margin: auto;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-bg-type: transparent;
}

.table-striped > tbody > tr:nth-of-type(even) > * {
    --bs-table-bg-type: var(--Light_bg);
}

.cursor_pointer {
    cursor: pointer;
}

.login_history_button {
    cursor: pointer;
    transition: 0.3s;
    text-decoration: underline;
    white-space: nowrap;
}

    .login_history_button:hover {
        color: var(--Main-Color);
    }

.mobile_filters .cus_date_filter_dropdown {
    text-align: right;
}

    .mobile_filters .cus_date_filter_dropdown > .btn-group {
        width: 100%;
        margin-left: auto;
        max-width: 215px;
    }

    .mobile_filters .cus_date_filter_dropdown .avtive_date_filter_state {
        font-size: 10px;
        padding: 8px 10px;
        width: 100%;
        min-width: inherit;
    }

        .mobile_filters .cus_date_filter_dropdown .avtive_date_filter_state > svg {
            width: 13px;
            height: auto;
        }

.open_Date_filter .mobile_filter_box.mobile_date_filter_box {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.mobile_date_filter_box .mobile_filter_box_inner > ul {
    flex-direction: column;
    grid-gap: 0;
}

.mobile_date_filter_box {
    text-align: left;
}

.percentage_input .form-control {
    padding-right: 40px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.3241 1.2366C11.5224 1.43491 11.5224 1.75643 11.3241 1.95474L2.18374 11.0951C1.98543 11.2934 1.66391 11.2934 1.46561 11.0951C1.2673 10.8968 1.2673 10.5752 1.46561 10.3769L10.6059 1.2366C10.8042 1.0383 11.1258 1.0383 11.3241 1.2366Z' fill='%23C534C5'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.09416 1.59567C2.39304 1.59567 1.82467 2.16404 1.82467 2.86516C1.82467 3.56628 2.39304 4.13465 3.09416 4.13465C3.79528 4.13465 4.36365 3.56628 4.36365 2.86516C4.36365 2.16404 3.79528 1.59567 3.09416 1.59567ZM0.809082 2.86516C0.809082 1.60314 1.83215 0.580078 3.09416 0.580078C4.35618 0.580078 5.37924 1.60314 5.37924 2.86516C5.37924 4.12718 4.35618 5.15024 3.09416 5.15024C1.83215 5.15024 0.809082 4.12718 0.809082 2.86516Z' fill='%23C534C5'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.69551 8.19702C8.99439 8.19702 8.42602 8.76539 8.42602 9.46651C8.42602 10.1676 8.99439 10.736 9.69551 10.736C10.3966 10.736 10.965 10.1676 10.965 9.46651C10.965 8.76539 10.3966 8.19702 9.69551 8.19702ZM7.41043 9.46651C7.41043 8.20449 8.43349 7.18142 9.69551 7.18142C10.9575 7.18142 11.9806 8.20449 11.9806 9.46651C11.9806 10.7285 10.9575 11.7516 9.69551 11.7516C8.43349 11.7516 7.41043 10.7285 7.41043 9.46651Z' fill='%23C534C5'/%3E%3C/svg%3E");
    background-position: right 17px center;
    background-repeat: no-repeat;
}

.add_customer_button .et_continue svg {
    width: auto;
}

.add_customer_button {
    margin-bottom: 30px;
}

.table_heading_mobile {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
    color: var(--Dark-Color);
}

.total_licence_mobile {
    background-color: var(--Dark-Color);
    border-radius: 10px;
    margin-top: 20px;
    padding: 10px 15px;
}

.total_mobile_head {
    color: #ffffff;
    font-weight: 700;
    text-align: center;
    border-bottom: 1px solid #ffffff45;
    margin-bottom: 20px;
    padding-bottom: 10px;
    font-size: 20px;
}


.total_licence_mobile .label_mobile_table {
    color: #ffffff;
}

.total_single_count {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
}

.single_total {
    padding: 10px 5px;
    background: #c534c5;
    margin-bottom: 10px;
    border-radius: 10px;
    max-width: 200px;
    flex: 1;
}

.outer_total {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 7px;
    text-align: center;
    justify-content: center;
}

.mobile_edit_top_bar.customer_edit ul li:nth-child(1) {
    flex: inherit;
    width: 100%;
}

.mobile_edit_top_bar.customer_edit {
    padding: 15px;
}

.mobile_edit_top_bar .customer_name_edit {
    font-size: 14px;
}

.mobile_edit_top_bar .status_enable_edit svg {
    width: 17px;
}

.mobile_edit_top_bar .deployed_customer_date {
    font-size: 11px;
    margin-bottom: 3px;
}

.mobile_edit_top_bar .edit_expire_customer {
    font-size: 11px;
}

.customer_edit.mobile_edit_top_bar ul li:nth-child(2), .customer_edit.mobile_edit_top_bar ul li:nth-child(4) {
    flex: inherit !important;
    width: 125px;
}

.mobile_edit_top_bar .edit_label_customer {
    font-size: 11px;
    margin-bottom: 4px;
}

.mobile_edit_top_bar .bagde_cus {
    font-size: 9px;
}

.mobile_edit_top_bar .edit_value_customer {
    font-size: 12px;
}

.mobile_edit_top_bar .customer_edit ul li:last-child {
    flex-grow: 1;
    white-space: inherit;
}

.mobile_edit_top_bar .et_toogle {
    flex-direction: column;
    align-items: flex-start;
}

.mobile_edit_top_bar.customer_edit ul li {
    flex: inherit;
    width: calc(100% - 135px);
}

.bg_white {
    background-color: var(--WhiteColor) !important;
}

.create_new_group_btn svg {
    width: 22px !important;
}

.cus_email_text {
    word-break: break-all;
    color: var(--WhiteColor)
}

.bg_white_pagination .cus_pagination > li:not(:first-child, :last-child) span:not(.action) {
    background-color: var(--WhiteColor);
}


    .bg_white_pagination .cus_pagination > li:not(:first-child, :last-child) span:not(.action):hover {
        background-color: var(--Dark-Color);
    }

.bg_white_pagination .form-control {
    background-color: var(--WhiteColor);
}

.confirmation_buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    grid-gap: 20px;
}

.delete_confirmation_button {
    background-color: #E80000;
}

    .delete_confirmation_button:hover {
        background-color: #cb0101;
    }

    .enable_confirmation_button {
        background-color: #79c253 !important;
    }

    .enable_confirmation_button:hover {
        background-color: #62a540 !important;
    }

    .cancel_confirmation_button {
        background-color: transparent;
        color: var(--Dark-Color);
        border: 1px solid var(--Dark-Color);
        font-weight: 500;
    }

    .cancel_confirmation_button:hover {
        background-color: var(--Dark-Color);
        color: #ffffff;
    }

.delete_popup .response_icon svg {
    width: 80px;
}

.delete_popup .modal-body {
    padding: 40px 20px;
}

.legend_list {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 10px;
    align-items: center;
}

.single_legend {
    border-radius: 5px;
    border: 1px solid var(--Light_border);
    background: var(--WhiteColor);
    padding: 5px 5px 5px 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.legend_text {
    color: var(--Dark-Color);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    flex: 1;
}

.legend_copy_icon {
    height: 25px;
    width: 25px;
    border-radius: 5px;
    background: var(--Main-Color);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.no_template {
    color: var(--Dark-Color);
    font-size: 21.67px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.template_preview {
    min-height: 500px;
    word-break: break-all;
}
.table_header_text_border {
    border-bottom: 1px solid var(--Light_border);
    padding: 7px 0 18px 0;
    margin-bottom: 11px;
    width: calc(100% + 40px);
    margin-left: -20px;
}

.recipient_svg svg {
    margin-right: 10px;
}

.viewRecipients .modal-header {
    padding: 25px 40px 0 40px;
}

.viewRecipients .modal-body {
    padding: 0 40px 40px 40px;
}

.viewNotification .modal-header {
    padding: 25px 40px 0 40px;
}

.viewNotification .modal-body {
    padding: 0 40px 40px 40px;
}

.no_preview {
    height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--Light-Text-Color);
    font-size: 21.67px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.notification_preview {
    padding: 20px;
    border-radius: 5px;
    border: 1px solid var(--Light_border);
    background: var(--Light_bg);
}

.viewNotification .modal-dialog {
    max-width: calc(100% - 30px);
    width: 800px;
    margin: 20px auto;
}

.viewRecipients .modal-dialog {
    max-width: calc(100% - 30px);
    width: 500px;
    margin: 20px auto;
}

.view_link_text {
    color: #543FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.blue_bagde {
    border-radius: 30px;
    border: 1px solid rgba(84, 63, 255, 0.30);
    background: rgba(84, 63, 255, 0.10);
    color: #543FFF;
}

.accordian_mobile_header_left {
    flex: 1;
}

.selected_mail {
    color: var(--Dark-Color);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 20px;
    border: 1px solid var(--Light_border);
    background: var(--Light_bg);
    padding: 4px 10px;
    position: relative;
    display: inline-block;
}

.cancel_select_icon {
    position: absolute;
    z-index: 1;
    top: -5px;
    right: -5px;
    cursor: pointer;
}

.all_selected_count {
    color: #FFF;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-radius: 100px;
    background: var(--Main-Color);
    position: relative;
    padding: 3px 9px;
}

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

.cus_form_select_outer.form-select {
    height: 40px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    cursor: pointer;
}

.expand_drop_cus .added_label {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
}

.select_all {
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    padding-bottom: 13px;
    margin-bottom: 10px;
}

.expand_drop_cus {
    border-radius: 5px;
    overflow: hidden;
}

.added_list_main {
    margin-bottom: 15px;
}

.expand_drop_cus .et_added_list {
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-color: #57575d var(--Dark-Color);
}

.expand_drop_cus_outer {
    padding-top: 10px;
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 0;
    right: 0;
}

.w_20 {
    width: 20% !important;
}

.validation_message {
    position: absolute;
    width: 100%;
    background: #E80000;
    color: #ffff;
    font-size: 12px;
    padding: 2px 10px;
    border-radius: 5px;
    top: calc(100% - 5px);
    z-index: 1047;
    font-weight: 500;
}

    .validation_message:after {
        content: "";
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 7px solid #E80000;
        position: absolute;
        bottom: 100%;
        left: 15px;
    }

.text_red {
    color: #E80000 !important;
}

.status_table_header_cus .table_filter_area > li {
    flex: 1;
}

.status_table_header_cus .cus_date_filter_dropdown {
    margin-left: auto;
}

.text_green {
    color: #66AA42 !important;
}

.disable_input .form-control, .disable_input .form-select {
    cursor: not-allowed;
    background-color: var(--Dark-Color);
    color: var(--WhiteColor);
    opacity: 0.3;
}

.et_input.disable_input .form-control::placeholder {
    color: var(--WhiteColor);
    opacity: 1; /* Firefox */
}

.et_input.disable_input .form-control::-ms-input-placeholder { /* Edge 12 -18 */
    color: var(--WhiteColor);
}

.et_search_box .disable_input .form-control {
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.5 1.99805C4.01472 1.99805 2 4.01276 2 6.49805C2 8.98333 4.01472 10.998 6.5 10.998C8.98528 10.998 11 8.98333 11 6.49805C11 4.01276 8.98528 1.99805 6.5 1.99805ZM1 6.49805C1 3.46048 3.46243 0.998047 6.5 0.998047C9.53756 0.998047 12 3.46048 12 6.49805C12 9.53561 9.53756 11.998 6.5 11.998C3.46243 11.998 1 9.53561 1 6.49805Z' fill='white' stroke='white' stroke-width='0.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.68185 9.67965C9.87711 9.48439 10.1937 9.48439 10.389 9.67965L13.8533 13.144C14.0486 13.3393 14.0486 13.6559 13.8533 13.8511C13.6581 14.0464 13.3415 14.0464 13.1462 13.8511L9.68185 10.3868C9.48658 10.1915 9.48658 9.87491 9.68185 9.67965Z' fill='white' stroke='white' stroke-width='0.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.text_light {
    color: var(--Light-Text-Color);
}

.th_bottom_align th {
    vertical-align: bottom;
}

.percent_label {
    color: var(--WhiteColor);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px; /* 178.571% */
    border-radius: 100px;
    background: var(--Main-Color);
    padding: 3px 10px;
    display: inline-block;
}

.round_label {
    color: var(--WhiteColor);
    text-align: center;
    font-size: 10.362px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    background-color: var(--Main-Color);
    height: 15px;
    width: 15px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}

.mark_completed {
    color: var(--Sucess-Color) !important;
}

.yellow_bagde {
    color: #FF9933;
    border: 1px solid rgba(255, 153, 51, 0.30);
    background: rgba(255, 153, 51, 0.10);
}

.markCompleted .modal-body {
    padding: 40px 40px 40px 40px;
}

.markCompleted .modal-dialog {
    max-width: calc(100% - 30px);
    width: 500px;
    margin: 20px auto;
}

.mark_icon_mob {
    background-color: var(--Sucess-Color);
}

.bg_light {
    background-color: var(--Light_bg) !important;
}


.inner_main_work .big_head_table thead {
    position: relative;
    z-index: 1001;
}

.toast-container {
    --bs-toast-zindex: 999999;
}

.p-select-option {
    border: 1px solid transparent !important;
}

.p-select-overlay {
    background: #ffffff !important;
    border: 1px solid var(--Light_border) !important;
}

.p-select-option:not(.p-select-option-selected):not(.p-disabled).p-focus {
    background: var(--Light_bg) !important;
    border: 1px solid var(--Light_border) !important;
}

.p-select-option.p-select-option-selected.p-focus {
    background: var(--Light_bg) !important;
    border: 1px solid var(--Light_border) !important;
}

.p-select-option.p-select-option-selected {
    background: var(--Light_bg) !important;
    border: 1px solid var(--Light_border) !important;
}

.cus_file_upload {
    border-radius: 15px;
    border: 1px dashed #C534C5;
    background: var(--Light_bg, #F9F9F9);
    padding: 18px 20px;
    text-align: center;
    position: relative;
    min-height: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.file_format {
    color: var(--Light-Text-Color, #7A7A7A);
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.drag_drop_file {
    color: var(--Dark-Color, #0F0E17);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 10px;
}

.browse_file {
    border-radius: 4px;
    background: var(--Main-Color, #C534C5);
    color: var(--WhiteColor, #FFF);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 7px 13px;
}

.upload_icon {
    display: table;
    margin: 0 auto 12px auto;
}

.input_file_upload {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    opacity: 0;
}

.cus_file_uploaded {
    border: 1px solid var(--Light_border, #E4E4E4);
    padding-left: 40px;
    padding-right: 40px;
}

    .cus_file_uploaded .before_upload {
        display: none;
    }

.uploaded_img {
    max-width: 200px;
    margin: 0 auto;
}

.controls_upload {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 7px;
    padding: 5px;
    border-radius: 6px;
    border: 1px solid var(--Light_border, #E4E4E4);
    background: var(--WhiteColor);
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 2;
}

    .controls_upload li span {
        cursor: pointer;
        display: block;
    }

.after_upload {
    display: none;
}

.cus_file_uploaded .after_upload {
    display: block;
}

.cus_form_select_outer.form-select:has(+ .expand_drop_cus_outer) {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 11L8 5L14 11' stroke='%23343A40' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

  .left_st {
    background-color: #f8f9fa;
    padding: 50px;
    border-radius: 5px;
}
.login_img_screenshot {
    width: 100%;
}

.st_logo {
    width: 100%;
    margin: 0 auto;
    max-width: 100%;
    border: 2px dotted #000000;
    height: 93px;
    object-fit: contain;
}
.st_head {
    color: #6c757d;
    font-weight: 700;
    font-size: 24px;
    text-align: center;
    margin-top: 20px;
    padding: 8px 25px;
    border: 2px dotted #000000;
}
.st_desc
{
      color: #6c757d;
    padding: 0 6px;
    font-size: 15px;
    margin-bottom: 5px;
}
.highlight_area
{
    padding: 0px 5px;
    background-color: #e5e5e5;
}

.welcome_st .modal-dialog {
       max-width: calc(100% - 30px);
    width: 1000px;
    margin: 20px auto;
}

.fav_pop .modal-dialog {
    max-width: calc(100% - 30px);
    width: 580px;
    margin: 20px auto;
}

.email_logo .modal-dialog
{
  max-width: calc(100% - 30px);
    width: 700px;
    margin: 20px auto;
}

.email_footer .modal-dialog
{
  max-width: calc(100% - 30px);
    width: 700px;
    margin: 20px auto;
} 

.logo-title {
    text-overflow: ellipsis;
    width: 204px;
    white-space: nowrap;
        position: absolute;
    left: 32px;
    top: 22px;
}

.faviconImg {
    height: 22px;
    width: 22px;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    padding: 1px;
    text-align: center;
    border: 2px dotted #000000;
}

.favImg {
    width: 16px;
}

.favTitle {
    margin-left: 26px;
    text-overflow: ellipsis;
    width: 182px;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    font-size: 14px;
}

span.site-url {
    position: absolute;
    left: 150px;
    top: 57px;
    font-size: 14px;
}

.email_logo_area {
    border: 2px dotted #000000;
    max-width: 100%;
    margin: 20px 0;
    display: block;
}

.email_text {
       font-size: 18px;
    font-weight: 700;
}

.email_desc {
    font-size: 14px;
    font-weight: 600;
    margin-top: 10px;
}
.email_desc span {
    font-weight: 400;
    word-break: break-all;
}


.msg-cont {
    border: 1px solid var(--Light_border);
    padding: 30px;
}

.email_footer_text {
    font-size: 16px;
    margin-bottom: 20px;
}

.email_footer_list li {
    font-size: 14px;
    margin-bottom: 5px;
}

.email_footer_link
{
      border: 1px solid var(--Light_border);
    text-align: center;
    padding: 10px;
    margin-top: 30px;
}

.anchor_btn
{
  font-weight: 600;
  text-decoration: underline;
  font-size: 16px;
  cursor: pointer;
}
.email_sm {
    font-size: 15px;
    margin-bottom: 5px;
    display: block;
}

.footer_email_area {
    background-color: transparent;
    color: #ffffff;
    text-align: center;
    font-size: 14px;
    padding: 5px;
}

.footer_email_area > br:first-child, .footer_email_area > br:first-child + div
{
    display: none;
}

.footer_email_area > br:first-child + div + div td
{
padding: 5px;
}

.footer_email_area_outer
{
  border-top: 1px solid var(--Light_border);
  padding-top: 20px;
}

.email_sm_footer {
    font-size: 14px;
    margin-bottom: 5px;
    display: block;
    opacity: 0.2;
}

.footer_down_arrow
{
      width: 15px;
    height: auto;
    display: inline;
}

.preview_head
{
      font-size: 18px;
    font-weight: 600;
}
.p-datepicker .p-datepicker-panel {
    z-index: 1048 !important;
    
}

.right_align_calender .p-datepicker .p-datepicker-panel
{
left: auto !important;
    right: 0;
}

.p-iconwrapper svg path
{
    fill: var(--Main-Color);
}



body .p-button-text:not(:disabled):hover {
    background: var(--Light_bg);
    border-color: transparent;
    color: var(--Dark-Color);
}

.p-inputtext:enabled:hover, .p-inputtext:enabled:focus {
    border-color: var(--Light_border) !important;
}

.p-datepicker-dropdown
{
    display: none !important;
}
body .p-datepicker:has(.p-datepicker-dropdown) .p-datepicker-input {
    border-start-end-radius: 5px;
    border-end-end-radius: 5px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='22' viewBox='0 0 20 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.5586 4.08984C18.6708 4.08984 18.7617 4.18079 18.7617 4.29297V20.543C18.7617 20.6552 18.6708 20.7461 18.5586 20.7461H2.30859C2.19641 20.7461 2.10547 20.6552 2.10547 20.543V4.29297C2.10547 4.18079 2.19641 4.08984 2.30859 4.08984H18.5586ZM19.9805 4.29297C19.9805 3.50769 19.3439 2.87109 18.5586 2.87109H2.30859C1.52332 2.87109 0.886719 3.50769 0.886719 4.29297V20.543C0.886719 21.3282 1.52332 21.9648 2.30859 21.9648H18.5586C19.3439 21.9648 19.9805 21.3282 19.9805 20.543V4.29297Z' fill='%23888888'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.55859 0.839844C5.22205 0.839844 4.94922 1.11267 4.94922 1.44922V4.69922C4.94922 5.03577 5.22205 5.30859 5.55859 5.30859C5.89514 5.30859 6.16797 5.03577 6.16797 4.69922V1.44922C6.16797 1.11267 5.89514 0.839844 5.55859 0.839844Z' fill='%23888888'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.3086 0.839844C14.972 0.839844 14.6992 1.11267 14.6992 1.44922V4.69922C14.6992 5.03577 14.972 5.30859 15.3086 5.30859C15.6451 5.30859 15.918 5.03577 15.918 4.69922V1.44922C15.918 1.11267 15.6451 0.839844 15.3086 0.839844Z' fill='%23888888'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.9805 7.94922C19.9805 7.61267 19.7076 7.33984 19.3711 7.33984H1.49609C1.15955 7.33984 0.886719 7.61267 0.886719 7.94922C0.886719 8.28577 1.15955 8.55859 1.49609 8.55859H19.3711C19.7076 8.55859 19.9805 8.28577 19.9805 7.94922Z' fill='%23888888'/%3E%3Cpath d='M10.4336 13.4336C9.87268 13.4336 9.41797 12.9789 9.41797 12.418C9.41797 11.8571 9.87268 11.4023 10.4336 11.4023C10.9945 11.4023 11.4492 11.8571 11.4492 12.418C11.4492 12.9789 10.9945 13.4336 10.4336 13.4336Z' fill='%23888888'/%3E%3Cpath d='M5.96484 13.4336C5.40393 13.4336 4.94922 12.9789 4.94922 12.418C4.94922 11.8571 5.40393 11.4023 5.96484 11.4023C6.52576 11.4023 6.98047 11.8571 6.98047 12.418C6.98047 12.9789 6.52576 13.4336 5.96484 13.4336Z' fill='%23888888'/%3E%3Cpath d='M14.9023 17.4961C14.3414 17.4961 13.8867 17.0414 13.8867 16.4805C13.8867 15.9196 14.3414 15.4648 14.9023 15.4648C15.4633 15.4648 15.918 15.9196 15.918 16.4805C15.918 17.0414 15.4633 17.4961 14.9023 17.4961Z' fill='%23888888'/%3E%3Cpath d='M10.4336 17.4961C9.87268 17.4961 9.41797 17.0414 9.41797 16.4805C9.41797 15.9196 9.87268 15.4648 10.4336 15.4648C10.9945 15.4648 11.4492 15.9196 11.4492 16.4805C11.4492 17.0414 10.9945 17.4961 10.4336 17.4961Z' fill='%23888888'/%3E%3Cpath d='M5.96484 17.4961C5.40393 17.4961 4.94922 17.0414 4.94922 16.4805C4.94922 15.9196 5.40393 15.4648 5.96484 15.4648C6.52576 15.4648 6.98047 15.9196 6.98047 16.4805C6.98047 17.0414 6.52576 17.4961 5.96484 17.4961Z' fill='%23888888'/%3E%3C/svg%3E%0A");
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: right 12px center;
}
body .p-datepicker {
    display: flex;
}

body .p-datepicker-day-selected {
    background: var(--Main-Color) !important;
  color: var(--WhiteColor) !important;
}

.edit_class{
    color: var(--Main-Color);
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    display: none;
}

.d-flex {
display: flex;
}
.mail_icon {
    margin-bottom: 30px;
    display: block;
}

.single_customer_name
{
    flex: 1;
}

.ellipsis_name
{
white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 270px;
}

body .p-tooltip {
    max-width: 250px;
    font-size: 14px;
}

body .p-tooltip-text {
    background: var(--Dark-Color);
}
body .p-tooltip-right .p-tooltip-arrow {
    border-right-color: var(--Dark-Color);
}

body .p-tooltip-top .p-tooltip-arrow {
    border-top-color: var(--Dark-Color);
    border-bottom-color: var(--Dark-Color);
}

body .p-tooltip-left .p-tooltip-arrow {
    border-left-color: var(--Dark-Color);
}


body .p-tooltip-bottom .p-tooltip-arrow {
    border-top-color: var(--Dark-Color);
    border-bottom-color: var(--Dark-Color);
}

.modal_enhance .modal-body
{
    padding: 35px;
}

.modal_enhance .response_icon svg {
    width: 74px;
    margin: 0 auto 15px auto;
}

.admin_password_input .form-control{
    padding-right: 250px;
}

.break_all
{
    word-break: break-all;
}
.mobile_accordion .accordion-body .row >div:last-child div {
    flex-wrap: wrap;
}

.mobile_accordion .accordion-body .row
{
    align-items: flex-start !important;
}

.mobile_accordion .accordion-body .row >div:first-child
{
    margin-top: 2px;
}

.label_space
{
    margin-right: 5px;
    margin-bottom: 3px;
    display: inline-block;
}

.footer_color input{
    border: 0;
    outline: none;
    box-shadow: none;
    height: 20px;
    width: 22px;
    border-radius: 4px;
    display: block;
}

body input.dark_search
{
        background-color: rgba(255, 255, 255, 0.10) !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
    height: 32px !important;
    max-width: 100% !important;
    width: 250px;
    color: #ffffff !important;
}

.single_permission {
    padding: 7px !important;
    border: 0;
    background: rgba(255, 255, 255, 0.10);
}

.inner_single_permission
{
    display: flex;
    grid-gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.page_name
{
    color: var(--WhiteColor);
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: capitalize;
padding-left: 10px;
flex: 1;
}

.single_permission .et_input .form-select {
    color: var(--Dark-Color);
    padding: 5px 28px 5px 10px;
    height: 33px;
    font-size: 12px;
    background-position: right 7px top 11px;
    font-weight: 500;
    background-color: var(--WhiteColor);
}

.sub_permission {
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(255, 255, 255, 0.05);
    padding: 7px;
    margin-top: 7px;
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.sub_permission .page_name
{
    font-size: 13px;
    font-weight: 400;
}

.sub_permission .inner_single_permission:not(:first-child)
{
    border-top: 1px solid rgba(255, 255, 255, 0.10);
    padding-top: 7px;
}

.single_permission .sub_permission .et_input .form-select {
    font-size: 11px;
    padding: 5px 22px 5px 9px;
    height: 30px;
    background-position: right 7px center;
    background-size: 10px;
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.10);
    color: var(--WhiteColor);
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.all_permission {
    background-color: var(--Dark-Color);
    padding: 20px;
    border-radius: 15px;
}

.all_permission > .single_permission:not(:last-child)
{
    margin-bottom: 8px;
}

.pa_head
{
    color: var(--WhiteColor);
    margin-bottom: 15px;
    font-size: 18px;
}

.modal:has(.permission-access) .modal-dialog {
    max-width: calc(100% - 30px);
    width: 720px;
    margin: 20px auto;
}