@font-face {
    font-family: 'SST Bold';
    src: url('SST-Bold.eot');
    src: local('SST Bold'), local('SST-Bold'),
        url('SST-Bold.eot?#iefix') format('embedded-opentype'),
        /* url('SST-Bold.woff2') format('woff2'), */
        url('SST-Bold.woff') format('woff'),
        url('/SST-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'SST Medium';
    src: url('SST-Medium.eot');
    src: local('SST Medium'), local('SST-Medium'),
        url('SST-Medium.eot?#iefix') format('embedded-opentype'),
        /* url('SST-Medium.woff2') format('woff2'), */
        url('SST-Medium.woff') format('woff'),
        url('/SST-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'SST Roman';
    src: url('SST-Roman.eot');
    src: local('SST Roman'), local('SST-Roman'),
        url('SST-Roman.eot?#iefix') format('embedded-opentype'),
        /* url('SST-Roman.woff2') format('woff2'), */
        url('SST-Roman.woff') format('woff'),
        url('/SST-Roman.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'SST Light';
    src: url('SST-Light.eot');
    src: local('SST Light'), local('SST-Light'),
        url('SST-Light.eot?#iefix') format('embedded-opentype'),
        /* url('SST-Light.woff2') format('woff2'), */
        url('SST-Light.woff') format('woff'),
        url('/SST-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

:root {
    --var-font-regular: 'SST Roman';
    --var-font-medium: 'SST Medium';
    --var-font-bold: 'SST Bold';
    --var-font-light: 'SST Light';
    --primay-color: #dc0290;
    --thrid-color: #30004f;
    --dark-gray-color: #272525;
    --indigo-color: #410266;
    --indigo-color-700: rgb(65, 2, 102, 0.7);
    --dark-violet: #490e6f;
    --light-violet-color: #8c1bd5;
    --butterfly-bush-color: #65558F;
    --light-muted-gray-color: #9b9191;
    --light-grayish-blue-color: #6d4c9c;
    --shade-purple: #A020F0;
    --shade-head_megnent: #ECE3F2;
    --megenta-color: #ad0080;
    --ceruleanblue: #0751DA;
    --medium-toned-green-color: #40ba61;
    --green-color: #378b4e;
    --shade-green-color: #2baa4e;
    --red-color: #cf1111;
    --dark-red-color: #bc0707;
    --white-color: #ffffff;
    --silver-color: #c1c1c1;
    --light-blue-magenta-color: #f0e3f8;
    --white-smoke-color: #f4f4f5;
    --light-gray: #cccccc;
    --light-shade-gray: #e0e0e0;
    --light-neutral-gray: #CACACA;
    --triadic-colors: #f9f9f9;
    --light-blue: #b8bcca;
    --black-color: #000000;
    --dark-gray: #353535;
    --dark-brown: #323130;

}

.font-med {
    font-family: var(--var-font-medium);
    font-weight: 500;
}

.font-bold {
    font-family: var(--var-font-bold);
    font-weight: 700;
}

*,
h1 {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: var(--var-font-regular);
    font-weight: 400;
    color: var(--dark-gray-color);
    font-weight: normal;
}

*,
h1,
h2,
h3,
h4,
h5,
h6,
a,
ul,
li,
ol,
span {
    margin: 0;
    padding: 0;
}

/* .xrm-attribute-value {
    background-color: var(--white-smoke-color);
} */

body {
    color: var(--dark-gray-color) !important;
    background: var(--white-smoke-color) url("/body-background.png") !important;
    font-family: var(--var-font-regular);
    font-weight: 400;
    background-size: 61% !important;
    background-position: left, top;
    background-repeat: no-repeat !important;
}

/* .page-copy{padding-bottom: 60px;} */

.form-select:disabled,
.form-control:disabled {
    background-color: #ECE3F2 !important;
    color: #adadad !important;
}

.table_actions .btn-purple:disabled {
    background-color: #ECE3F2;
    color: #adadad;
}

.row>* {
    padding-left: 6px !important;
    padding-right: 6px !important;
}

.row.row-22>* {
    padding-left: 11px;
    padding-right: 11px;
}

.row.row-22>*:first {
    padding-left: 12px;
}

.title_16 {
    font-family: var(--var-font-bold);
    font-weight: 700;

    font-size: 16px;
    color: var(--dark-gray-color);
}

.title_14,
.card_light_delivery_note .title_14 {
    /* font-family: Arial; */
    font-size: 14px;
    color: var(--white-color);
    margin: 0;
}

.title_20 {
    /* font-family: var(--var-font-bold); */
    font-size: 20px;
    color: var(--dark-gray-color);
}

.pc-2 {
    padding: .5rem !important;
}

.pct-0 {
    padding-top: 0 !important;
}

.pcb-0 {
    padding-bottom: 0 !important;
}


.next,
.back {
    color: var(--white-color);
}

.cursor-pointer {
    cursor: pointer;
}

/* .xrm-attribute-value {
    background-color: var(--white-smoke-color);
} */

body a:not(.btn):hover {
    text-decoration: none !important;
}

.footer {
    position: inherit !important;
}

footer.footer .footer-bottom {
    background-color: var(--thrid-color);
    display: block;
    width: 100%;
    padding: 70px 33px;
}

footer .footer-divider {
    background-color: #DE048F;
    width: 100%;
    height: 1px;
    margin-top: 24px;
    margin-bottom: 24px;
}

/* footer .footer-bottom .ald-footer {
    display: flex;
    justify-content: center;
    width: 100%;
    padding-bottom: 16px;
    border-bottom: solid 1px #501e6e;
} */

.footer-info_section {
    display: flex;
    justify-content: space-between;
    padding-top: 22px;
    padding: 0px;
    width: 100%;
}

.info_content {
    display: flex;
    justify-content: end;
    align-items: center;
    flex: auto;
    gap: 20px;
}

.footer_info {
    display: flex;
    padding: 0px;
    justify-content: space-between;
}

.footer_info h5 {
    font-family: var(--var-font-regular);
    font-weight: 400;
    font-style: Roman;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
    color: var(--white-color);
    margin-bottom: 0;
}

.footer_info h5:last-child {
    text-transform: capitalize;
}

.info_content .Contact_content {
    text-align: left;
}

.info_content .Contact_content h4 {
    font-size: 14px;
    font-family: var(--var-font-regular);
    font-weight: 400;
    color: var(--white-color);
    text-transform: capitalize;
    line-height: 20px;
}

.info_content .Contact_content a {
    font-size: 12px;
    color: var(--white-color);
    font-family: var(--var-font-medium);
    font-weight: 500;
    line-height: 18px;
}

.info_content .Contact_content:last-child a {
    text-decoration: underline;
}

/* .backtotop {
    position: absolute;
    left: 34px;
    cursor: pointer;
    transition: all 1s ease;
} */

.backtotop:hover {
    transform: scale(1.2);
}

.modal-backdrop.fade.show {
    z-index: 1;
}

/* .title_16 {
    font-family: var(--var-font-bold);
    font-size: 16px;
    color: var(--dark-gray-color);
} */

/* .title_20 {
    font-family: var(--var-font-bold);
    font-size: 20px;
    color: var(--dark-gray-color);
} */

.title_16_grad {
    -webkit-text-fill-color: transparent;
    font-family: var(--var-font-bold);
    font-weight: 700;

    background: linear-gradient(97.46deg, rgb(73, 14, 111) -23.65%, rgb(140, 27, 213) 158.81%) text;
    font-size: 14px;
}

input[type="date"].filled,
select.form-select.filled {
    color: var(--dark-gray-color) !important;
}

table>thead>tr>th {
    text-transform: uppercase;
}

/* Placeholder */
/* Fullscreen blurred loader wrapper */
.wrapper.custom-loader {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    transition: width 0.3s ease-out;
    z-index: 12345;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: fixed;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background-color: #ffffff02;
}

.custom-loader .box,
.loader-ring {
    position: relative;
    width: 120px;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loader-ring::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 120px;
    height: 120px;
    border: 6px dotted var(--shade-green-color);
    border-radius: 50%;
    animation: spin-loader-ring 1s linear infinite;
    z-index: -1;
    transform-origin: center;
}

.loader-content {
    position: relative;
}

.custom-loader .round {
    position: absolute;
    width: 120px;
    height: 120px;
    border: 6px solid transparent;
    border-top: 6px solid #df0090;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    z-index: 1;
}

.loader-img {
    background-color: #580091;
    width: 100px;
    height: 100px;
    padding: 10px;
    border-radius: 50%;
    position: relative;
    z-index: 1;
    animation: loader-blink 1s ease-in-out infinite;
}

.form-check-input:focus {
    box-shadow: 0 0 0 .25rem rgb(65 2 102 / 10%);
}

@keyframes spin-loader-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes blink {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.7;
    }
}

/* Loader */


input.form-control,
textarea.form-control,
.dashboardtable .action_label .select2-container {
    border: 1px solid var(--silver-color);
    color: var(--dark-gray-color);
}

.uploaddocerrormessage p {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
}

textarea::placeholder {
    color: var(--light-blue) !important;
    font-family: var(--var-font-regular);
    font-weight: 400;
    font-size: 14px;
}

input::placeholder,
::placeholder {
    color: var(--light-blue) !important;
}

input::-webkit-input-placeholder {
    color: var(--light-blue) !important;
}

input:-ms-input-placeholder {
    color: var(--light-blue) !important;
}

input::-moz-placeholder {
    color: var(--light-blue) !important;
}

input:-moz-placeholder {
    color: var(--light-blue) !important;
}

.secconteninputs input::placeholder,
.secconteninputs ::placeholder,
.secconteninputs input::-webkit-input-placeholder,
.secconteninputs input:-ms-input-placeholder,
.secconteninputs input::-moz-placeholder,
.secconteninputs input:-moz-placeholder,
.secconteninputs textarea::placeholder {
    color: var(--light-muted-gray-color) !important;
}

/* Vendor Header */
.vandor_header {
    width: 100%;
    background-color: var(--indigo-color);
    position: relative;
    z-index: 999;
}

.header_content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0px;
}

.header_content .logo_section {
    display: flex;
    gap: 14px;
    align-items: center;
}

.header_content .logo_section h4,
.header_content .logo_section h4>a {
    color: var(--white-color);
    font-size: 20px;
    font-family: sans-serif;
}

.header_content .logo_section h4>a:focus-visible,
.header_content .logo_section h4>a:focus {
    outline: none;
    outline-offset: 0;
}

.header_content .header_actions {
    display: flex;
    gap: 20px;
}

.menutoggle {
    display: none;
    position: relative;
}

.vandor_header button.menu_dots {
    background: no-repeat;
    outline: none;
    border: none;
    width: 40px;
    height: 40px;
}

.header_content .menu_header_actions {
    display: flex;
    gap: 10px;
    position: absolute;
    flex-direction: column;
    z-index: 9;
    background-color: var(--white-color);
    border-radius: 30px 3px 30px 30px;
    padding: 10px 10px;
    right: 7px;
    box-shadow: 0px 3px 23px rgb(0 0 0 / 8%);
    top: 44px;
}

.menu_header_actions a img {
    width: 46px;
}

.menu_header_actions a {
    border: 4px solid var(--white-smoke-color);
    border-radius: 40%;
}

.menu_header_actions a:hover {
    border: 4px solid var(--indigo-color);
}

/* Vendor Header */
/* Login Page */

.al_ghurair_vendor_portal_login {
    position: relative;
}

.al_ghurair_vendor_portal_login button.btn.btn-primary.btn-line {
    position: absolute;
    right: 18.8%;
    bottom: 130px;
    background: no-repeat;
    color: var(--black-color);
    border: none;
}

/* .al_ghurair_vendor_portal_login button.btn.btn-primary.btn-line:hover { background: none !important; color: #7517b2; } */
/* Login Page */

.navbar-expand-xl.navbar.navbar-dark.static-top {
    display: none;
}

.static-top.navbar-dark {
    background-color: #B6B4B2;
    display: none;
}

.card {
    padding: 46px;
    border-radius: 30px;
    border: none;
    color: var(--white-color);
}

.card-content {
    margin-top: 30px;
}

.Bank_Letter_cont {
    background-color: #F7F4F6;
    padding: 30px 0;
    border-radius: 30px;
}

.Bank_Letter_cont .attachment_sec.text-center.bg-white {
    border-radius: 17px;
    cursor: pointer;
}

.Bank_Letter_cont .file_att_section {
    position: relative;
    padding: 9px;
    border-radius: 1px;
    border: 1px solid transparent;
    outline: 3.5px dashed var(--light-neutral-gray);
    outline-offset: 15px;
}

/* === CSS Regestration === Responsive ====== Vendor Regestration Page ====== Responsive === CSS Regestration === */

.vandor_reg_page_design,
.vendor-registration-preview {
    padding-bottom: 50px;
}


.vandor_reg_page_design .border.rounded.p-4 {
    border: 2px dashed var(--light-gray) !important;
    background: #fafafa;
}

.vandor_reg_page_design .border.rounded.p-3 {
    background: #f8f8f8;
}

.vandor_reg_page_design .btn-outline-danger {
    border: none;
    background: transparent;
    color: var(--dark-red-color);
    font-size: 18px;
}

.form-control,
.form-select,
.vandor_reg_page_design select.form-select {
    font-family: var(--var-font-regular);
    font-weight: 400;
    font-size: 14px;
    color: var(--dark-gray-color);
    height: 41px;
    border: 1px solid var(--silver-color);
    border-radius: 30px;
    padding: 0px 20px;
}

label {
    color: var(--dark-gray-color);
    font-family: var(--var-font-regular);
    font-weight: 400;
    font-size: 14px;
    /* font-weight: 400; */
}

.vandor_reg_page_design .custom-checkbox {
    width: 18px;
    height: 18px;
    border: 2px solid gray;
    border-radius: 2px;
    appearance: none;
    cursor: pointer;
    position: relative;
    background-color: var(--white-color);
}

.vandor_reg_page_design .custom-checkbox:checked {
    background-color: var(--butterfly-bush-color);
    border-color: var(--butterfly-bush-color);
}

.vandor_reg_page_design .custom-checkbox::before {
    content: "✔";
    color: var(--white-color);
    font-size: 14px;
    font-family: var(--var-font-bold);
    font-weight: 700;

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
}

.vandor_reg_page_design .custom-checkbox:checked::before {
    display: block;
}

.vandor_reg_page_design h5.welcome_text {
    font-family: var(--var-font-regular);
    font-weight: 400;
    font-size: 16px;
    vertical-align: middle;
    text-transform: capitalize;
    margin: 0;
    display: flex;
    /* font-weight: normal; */
}

/* Title Section Css Starts*/
.page_header_text {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 20px 0;
}

.page_header_text p {
    font-family: var(--var-font-regular);
    font-weight: 400;
    font-size: 14px;
    color: var(--dark-gray-color);
    margin: 0;
}

h2.welcome_text_two,
h2.welcome_text_two .fullname {
    font-family: var(--var-font-bold);
    font-weight: 700;
    font-size: 20px;
    margin: 0;
    color: var(--dark-gray-color);
}

h2.welcome_text_two.red-color{
    color: var(--red-color);
}

/* Title Section Css Ends */
h5.sec_title_18 {
    font-family: var(--var-font-bold);
    font-weight: 700;

    font-size: 18px;
    margin: 0;
    color: var(--dark-gray-color);
}

h5.sec_title_18.mb-3 {
    margin-bottom: 0 !important;
}

/* .vendor_info_section .vendor_info { display: flex; align-items: flex-start; gap: 10px; padding: 38px 30px; justify-content: center; } */

/* made changes */
.vandor_reg_page_design .vendor_info .v_info_cont input {
    font-family: var(--var-font-bold);
    font-weight: 700;

    font-size: 16px;
}

label.form-label {
    font-family: var(--var-font-regular);
    font-weight: 400;
    font-size: 14px;
    color: var(--dark-gray-color);
    margin-bottom: 4px;
}

/* made changes */

/* made changes */
.vandor_reg_page_design .v_info_cont {
    display: flex;
    flex-direction: column;
    width: 60%;
}

.vandor_reg_page_design .v_info_cont input {
    border: none;
    font-family: var(--var-font-bold);
    font-weight: 700;

    font-size: 16px;
}

.vandor_reg_page_design .v_info_cont label.form-label {
    margin: 0;
    color: var(--indigo-color);
}

.vandor_reg_page_design .onboardingprocessdetail {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.vendor_info_cont {
    width: 100%;
    display: flex;
    margin: 40px 0px 40px;
    flex-direction: row;
}

.tab-pane form [class*="card"]:nth-of-type(3) {
    padding-right: 30px;
    padding-left: 30px;
}

.vendor_info_cont .vendor_info {
    display: flex;
    gap: 15px;
    justify-content: center;
}

/* made changes */
/* .vandor_reg_page_design ul#registrationTabs { display: flex; justify-content: center; border: none; gap: 70px; z-index: 2;} */

/* .vandor_reg_page_design .line_one{position: relative;} */

.tab-content ul.nav.nav-tabs {
    position: relative;
    display: flex;
    justify-content: center;
    border: none;
    gap: 65px;
    z-index: 1;
    width: fit-content;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.ul_tabular_section {
    width: fit-content;
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.ul_tabular_section::before {
    content: "";
    width: 100%;
    background-color: #EEF0EF;
    height: 3px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.vandor_reg_page_design .nav-item .nav-link {
    background-color: #E2CDEF;
    padding: 15px 0px;
}

.vandor_reg_page_design .nav-tabs .nav-link.active {
    background-color: var(--indigo-color);
    color: var(--white-color);
    font-family: var(--var-font-bold);
    font-weight: 700;

}

.vandor_reg_page_design .nav-item .nav-custom {
    padding: 15px 0px;
    color: var(--dark-gray-color);
    background-color: #f3ebf9;
    border: none;
    border-radius: 40px;
    font-family: var(--var-font-medium);
    font-weight: 500;
    display: flex;
    gap: 10px;
    align-items: center;
    height: 47px;
    font-family: var(--var-font-regular);
    font-weight: 400;
    width: 185px;
    justify-content: center;
    font-size: 14px;
}

.vandor_reg_page_design .nav-custom span.sec_count {
    width: 20px;
    height: 20px;
    color: var(--white-color);
    background-color: var(--indigo-color);
    font-family: var(--var-font-medium);
    font-weight: 500;
    justify-content: center;
    align-items: center;
    display: flex;
    border-radius: 100%;
    font-size: 15px;
}

.vandor_reg_page_design .active span.sec_count {
    background-color: var(--white-color);
    color: var(--dark-gray-color);
}

.attachment_sec.text-center {
    border: none !important;
    border-radius: 30px;
    padding: 16px;
    position: relative;
    overflow: hidden;
    border: none;
    cursor: pointer;
    transition: all 0.5s ease;
}

.attachment_sec:hover {
    background-color: #eae1f0 !important;
}

.file_att_section {
    position: relative;
    padding: 9px;
    border-radius: 14px;
    border: 1px solid transparent;
    outline: 3.5px dashed var(--light-neutral-gray);
    outline-offset: 15px;
    cursor: pointer;
}

.questionnaire_section .section_cont {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.upload_doc_files {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: transparent;
    opacity: 0;
    height: 100%;
    cursor: pointer;
}

h4.file_text {
    font-family: var(--var-font-regular) !important;
    font-weight: 400;
    font-size: 14px !important;
    color: var(--dark-gray);
    margin-bottom: 0;
    line-height: 23px;
}

h4.file_text .bold_file_text {
    font-family: var(--var-font-bold);
    font-weight: 700;

    font-size: 14px;
    color: var(--indigo-color);
    padding-right: 5px;
}

.vandor_reg_page_design .file_name_size_view {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.questionnaire_section_page .filestatus_sec {
    display: flex;
    gap: 15px;
    align-items: flex-start;
    border: 1px solid var(--light-neutral-gray);
    padding: 20px 20px 10px 20px;
    border-radius: 30px;
    margin-top: 10px;
    width: 95%;
    justify-content: space-between;
}

.vandor_reg_page_design .filestatus_sec {
    display: flex;
    gap: 15px;
    align-items: flex-start;
    border: 1px solid var(--light-neutral-gray);
    padding: 20px 20px 10px 20px;
    border-radius: 30px;
    margin-top: 12px;
}

.no-application-checkbox .custom-checkbox {
    margin-right: 8px;
}

.no-application-checkbox span {
    position: relative;
    top: -2px;
}

/* Preview section css */

a.Click_to_view,
a.preview-link {
    font-family: var(--var-font-bold);
    font-weight: 700;

    font-size: 14px;
    color: var(--megenta-color);
    text-decoration: none !important;
    border-bottom: none;
    display: contents;
    cursor: pointer;
}

a.Click_to_view:hover,
a.Click_to_view:focus {
    text-decoration: none !important;
    color: var(--shade-purple);
}

/* Preview section css */
.vandor_reg_page_design .file_name_size_view h5 {
    margin: 0;
    font-family: var(--var-font-regular);
    font-weight: 400;
    font-size: 14px;
}

.vandor_reg_page_design h5.file_size {
    color: #989692;
}

.vandor_reg_page_design h5.form_title {
    font-family: var(--var-font-regular);
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 20px;
    margin-top: 10px;
    letter-spacing: 1px;
}

.card.Bank_Letter_cont {
    margin-top: 40px;
}

.add_bank_info {
    padding: 0 40px;
}

.onboardingprocessdetail .o_p_checks_one .checkbox_contents:last-child {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
}

.process_title a#VendorPreview {
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.bank_details_l_s {
    display: flex;
    width: 100%;
}

.uoloadgile_section {
    padding: 0px;
}

.vandor_reg_page_design .uoloadgile_section .form_title {
    margin-bottom: 0px !important;
}

.vandor_reg_page_design .License_Dates {
    display: flex;
    justify-content: space-between;
    margin-top: 18px;
}

/* .back-arrow { background-color: var(--indigo-color); font-family: var(--var-font-medium); font-size: 14px; color: var(--white-color); display: flex; gap: 10px; height: 42px; padding: 20px 40px; border-radius: 50px;} */
.taxregistrationdetails {
    padding-bottom: 10px;
}

.form-control:focus {
    box-shadow: none;
}

.upload_file_section {
    padding: 0px 40px;
}

/* .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .45em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; position: absolute; right: 16px;} */

.vandor_reg_page_design .questionnaire_section {
    display: flex;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
}

.vandor_reg_page_design .section_cont {
    width: 100%;
}

.vandor_reg_page_design .questionnaire_section .section_cont p {
    font-family: var(--var-font-regular);
    font-weight: 400;
    font-size: 14px;
    margin: 0;
    color: var(--dark-gray-color);
}

.vandor_reg_page_design .bg-white {
    background-color: var(--white-color);
}

.vandor_reg_page_design h4.sub_title {
    font-family: var(--var-font-regular);
    font-weight: 400;
    font-size: 16px;
    margin: 0;
}

.vandor_reg_page_design .Bank_statment .sec_title {
    display: flex;
    gap: 10px;
    align-items: center;
    padding-left: 0px;
    padding-bottom: 0px;
}

/* .sec_title input[type="checkbox"] { margin: 0;} */
.card.questionnaire_section.mt-3 {
    margin-bottom: 0;
}

.vandor_reg_page_design .vendor_activity_cont {
    display: flex;
    gap: 30px;
    margin-top: 12px;
    margin-bottom: 0;
}

.vandor_reg_page_design .vendor_activity_cont .activitiescard {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: #DFFCE7;
    border-radius: 20px;
    width: 100%;
}

.vandor_reg_page_design .vendor_activity_cont .rejected_pending {
    background-color: #FCF6DF !important;
}

.uploadedfiles .reqfile {
    /* color: #CF1111; font-weight: 800; */
    cursor: pointer;
}

/* Activities status */
div.process_status {
    display: flex;
    gap: 6px;
    align-items: center;
}

.title_sec {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.title_sec h6.title_h6 {
    font-family: var(--var-font-bold);
    font-weight: 700;

    font-size: 16px;
    margin: 0px;
}

.process_status h6 {
    font-family: var(--var-font-regular);
    font-weight: 400;
    font-size: 11px;
    margin: 0px;
}

.process_status img {
    width: 24px;
}

h6.uploadedfiles {
    font-family: var(--var-font-regular);
    font-weight: 400;
    font-size: 12px;
    color: #737373;
    margin: 0px;
}

h6.days_ago {
    margin-top: 8px;
}

a.fileUploaded {
    font-family: var(--var-font-bold);
    font-weight: 700;

    font-style: italic;
    font-size: 12px;
    color: #5B60D5;
}

.sec_title {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Hide the default checkbox */
.sec_title .custom-checkbox {
    display: block;
    opacity: 0;
    position: absolute;
    width: 20px;
}

/* Custom checkbox design */
.sec_title .custom-checkbox-label {
    width: 18px;
    height: 18px;
    border-radius: 2px;
    background: var(--butterfly-bush-color);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
}

/* SVG checkmark - hidden by default */
.sec_title .custom-checkbox-label svg {
    display: none;
}

/* Show SVG when checkbox is checked */
.sec_title .custom-checkbox:checked+.custom-checkbox-label svg {
    display: block;
}

.sec_title {
    margin: 0;
}

.saperator {
    width: 100%;
    height: 1px;
    background-color: #D7D5D5;
    margin: 30px 0px;
}

.saperator::after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #D7D5D5;
}

.progressbar_data {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.progressbar_data::before {
    content: "";
    width: 90px;
    height: 90px;
    background-color: #F6CAE7;
    position: absolute;
    border-radius: 50%;
}

.progressbar_data svg text {
    font-size: 30px;
    transform: translate(0%, 0%);
}

.vandor_reg_page_design .percentage-text {
    font-size: 30px;
    font-family: var(--var-font-bold);
    font-weight: 700;

    fill: #333;
    position: relative;
}

.vandor_reg_page_design svg#customPieChart {
    overflow: inherit;
    position: relative;
}

.vandor_reg_page_design .progress_chart {
    position: relative;
    z-index: 2;
}

.vandor_reg_page_design .onboarding_process_checks {
    width: 75%;
    float: left;
    display: flex;
    flex-direction: column;
}

.vandor_reg_page_design .onboarding_process_checks .custom-checkbox {
    width: 20px;
    height: 20px;
    border-radius: 2px;
    background: #E9ECF1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 2px solid transparent;
    position: relative;
}

.vandor_reg_page_design .onboarding_process_checks .custom-checkbox input {
    display: none;
}

.vandor_reg_page_design .onboarding_process_checks .custom-checkbox img {
    display: none;
    width: 14px;
    height: 13px;
}

.vandor_reg_page_design .onboarding_process_checks .custom-checkbox input:checked+img {
    display: block;
}

.vandor_reg_page_design .onboarding_process_checks h4.custom_checkbox_text {
    margin: 0;
    font-family: var(--var-font-bold);
    font-weight: 700;

    font-size: 14px;
}

.vandor_reg_page_design .checkbox_contents {
    display: flex;
    gap: 12px;
    align-items: center;
}

/* .vandor_reg_page_design .checkbox_contents:nth-child(3) { width: 40%; display: flex; flex-direction: row; gap: 10px; } */
.vandor_reg_page_design .checkbox_contents .BankDetails {
    width: auto;
    display: flex;
    gap: 12px;
    align-items: center;
}

.vandor_reg_page_design .Bank-Details_checkbox {
    display: flex;
    flex-direction: row;
}

.vandor_reg_page_design .checkbox_contents .Bank-Details_checkbox {
    width: 100%;
    gap: 8px;
}

.vandor_reg_page_design .title_p.w-100 {
    float: left;
    font-family: var(--var-font-bold);
    font-weight: 700;

    font-size: 14px;
    color: #DC0190;
    margin-bottom: 20px;
}

.vandor_reg_page_design .o_p_checks_one {
    display: flex;
    gap: 24px;
    align-items: flex-start;
}

.vandor_reg_page_design .o_p_checks_two {
    display: flex;
    flex-direction: column;
}

.vandor_reg_page_design .onboarding_process_checks .Bank-Details_checkbox .custom_checkbox_text {
    font-size: 12px;
}

ul#currencyList,
ul#countryList {
    width: 100%;
}

ul#currencyList .dropdown-menu>li>,
ul#currencyList .dropdown-menu>li>a {
    text-decoration: none;
    display: block;
    width: auto;
    background-color: #F6F4F6;
    color: var(--dark-brown);
    padding: 12px;
}

ul#currencyList .dropdown-menu>li>a:hover,
ul#currencyList .dropdown-menu>li>a:focus {
    text-decoration: none;
    display: block;
    width: auto;
    background-color: #F6F4F6;
    color: var(--dark-brown);
    padding: 12px;
}

.btn-check:checked+.btn:focus-visible,
.btn.active:focus-visible,
.btn.show:focus-visible,
.btn:first-child:active:focus-visible,
:not(.btn-check)+.btn:active:focus-visible {
    background-color: var(--indigo-color) !important;
    color: var(--white-color) !important;
    border: 1px solid var(--indigo-color) !important;
    outline: none !important;
    padding: 0px 40px !important;
}

.vandor_reg_page_design .red_card {
    background-color: #FFDEE0;
    display: flex;
    gap: 11px;
    margin-bottom: 40px;
    color: var(--dark-red-color);
}

.vandor_reg_page_design .red_card h2.welcome_text_two {
    font-family: var(--var-font-bold);
    font-weight: 700;

    font-size: 20px;
    color: var(--dark-red-color);
    display: flex;
    gap: 10px;
}

.vandor_reg_page_design .red_card p {
    font-family: var(--var-font-regular);
    font-weight: 400;
    font-size: 13px;
    color: var(--dark-red-color);
    margin: 0;
}

.vandor_reg_page_design .error-message {
    display: flex;
    align-items: center;
    color: var(--dark-red-color);
    font-size: 14px;
    margin-top: 4px;
    /* visibility: visible; Hide by default */
}

.vandor_reg_page_design .error-icon {
    width: 16px;
    height: 16px;
    margin-right: 5px;
}

.vandor_reg_page_design .process_title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    width: 100%;
}

.taxregistrationdetails,
.license_details {
    margin-top: 30px;
}

.vandor_reg_page_design .bank_details {
    display: flex;
    row-gap: 20px;
    margin-top: 20px;
}

.bank_details h5.form_title {
    margin-bottom: 0;
    font-family: var(--var-font-bold);
    font-weight: 700;

}

.bank_details .dropdown {
    position: relative;
}

.button_active.next span {
    color: var(--white-color) !important;
}

.button_active.back span {
    color: var(--white-color) !important;
}

.vandor_reg_page_design button#currencyDropdown,
.vandor_reg_page_design button#countryDropdown {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: var(--var-font-regular);
    font-weight: 400;
    font-size: 14px;
    color: var(--dark-gray-color);
    height: 41px;
    border: 1px solid #949494;
    border-radius: 50px;
    padding: 0px 20px;
}

.vandor_reg_page_design #visatabs .card {
    padding: 30px 0;
}

.vandor_reg_page_design .opt_sup_dov {
    display: flex;
    gap: 20px;
    flex-direction: column;
    margin-top: 20px;
}

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

.vandor_reg_page_design .page_attachment .pagetag {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 175px;
    height: 42px;
    background: #F4EBF9;
    border-radius: 20px;
    color: var(--dark-gray-color);
}

.vandor_reg_page_design .error-notification li {
    list-style: none;
    font-family: var(--var-font-regular);
    font-weight: 400;
    font-size: 13px;
    line-height: 25px;
    color: #F01616;
}

.vandor_reg_page_design .error-field {
    border: 2px solid var(--dark-red-color) !important;
}

.error {
    color: 2px solid var(--dark-red-color) !important;
}

.error-message {
    display: flex;
    align-items: center;
    color: var(--dark-red-color);
    font-size: 14px;
    margin-top: 4px;
}

.manual-error-message {
    display: flex;
    align-items: center;
    color: var(--dark-red-color);
    font-size: 14px;
    margin-top: 4px;
}

.error-field {
    border: 2px solid var(--dark-red-color) !important;
}

.dropdown .form-select,
.crmentityformview select {
    background-image: none;
    text-align: left;
    border-radius: 40px;
}

button.btn.btn-outline-primary.help_btn {
    background: none;
}

/*  */
/* Footer Styling Starts Here */
navbar-expand-xl.navbar.navbar-dark.static-top {
    display: none;
}

.help_btn:hover,
.help_btn:focus {
    background-color: transparent !important;
}

/* .help_btn:active:focus { background-color: tran; } */
.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary:active.focus,
.btn-primary.active:hover,
.btn-primary.active:focus,
.btn-primary.active.focus {
    color: var(--white-color);
    background-color: var(--white-color);
    border-color: var(--white-color);
}

.footer_actions_section .help_btn {
    width: 118px;
    color: var(--ceruleanblue) !important;
    background: no-repeat;
    border: none;
    font-size: 15px;
    font-family: var(--var-font-bold);
    font-weight: 700;

    position: relative;
    padding: 0;
}

.footer_actions_section .help_btn::after {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: var(--ceruleanblue);
    right: 0;
    margin: 0 auto;
}


.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
    background-color: var(--indigo-color);
    border-color: var(--indigo-color);
    color: var(--white-color) !important;
}

button.btn.btn-secondary.button_active.back:hover {
    background-color: var(--indigo-color);
    color: var(--white-color);
    border: none;
    outline: none;
}

.vendor_info .v_info_cont input:focus-visible {
    outline: none;
    stroke: none;
}

.btn-primary:hover {
    color: var(--white-color);
    background-color: var(--indigo-color);
    border-color: var(--indigo-color);
}

/* .need_help */
.need_help .modal_content_buttons {
    display: flex;
    padding: 30px;
    gap: 70px;
    justify-content: center;
}

.need_help .call_button_sec,
.mail_button_sec {
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    align-items: center;
    box-shadow: 1px 2px 10px 0px #00000017;
    padding: 30px;
    gap: 10px;
    width: 271px;
    float: left;
}

.need_help h3.btn_content {
    font-family: var(--var-font-medium);
    font-weight: 500;
    font-size: 11px;
    line-height: 25px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
}

.need_help span.btn_numb {
    color: var(--ceruleanblue);
    font-family: var(--var-font-medium);
    font-weight: 500;
}

.need_help .modal-header {
    border: none;
    font-size: 24px;
    padding: 0px 50px
}

.need_help .modal-header h1 {
    font-size: 17px;
    font-family: var(--var-font-bold);
    font-weight: 700;

}

#errorModal .modal-header .btn-close {
    display: none;
}

#errorModal .modal-header {
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
    border-bottom: none;
}

#errorModal .modal-header .modal-title {
    font-size: 24px;
}

.need_help .modal-dialog {
    max-width: 800px;
}

.need_help h1#exampleModalLabel {
    font-size: 18px !important;
    font-family: var(--var-font-regular);
    font-weight: 400;
}

button.btn.btn-primary.need_help {
    font-family: var(--var-font-bold);
    font-weight: 700;

    font-size: 15px;
    line-height: 150%;
    color: var(--ceruleanblue);
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--ceruleanblue);
    border-radius: 0;
    padding: 0;
}

/* Footer Styling Ends Here */
.button_active {
    background-color: var(--indigo-color);
    font-family: var(--var-font-medium);
    font-weight: 500;
    font-size: 14px;
    color: var(--white-color);
    display: flex;
    gap: 10px;
    height: 42px;
    padding: 0px 40px;
    border-radius: 50px;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
}

.button_active:hover,
.button_lined:hover,
.button_lined:active {
    background-color: var(--indigo-color);
    color: var(--white-color);
    border: 1px solid var(--indigo-color);
    outline: none;
    /* padding: 0px 10px; */
}

.button_lined {
    border: 2px solid var(--indigo-color);
    background-color: var(--white-color);
    font-family: var(--var-font-regular);
    font-weight: 400;
    font-size: 14px;
    height: 42px;
    border-radius: 30px;
    width: 133px;
    color: var(--indigo-color);
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
    color: var(--bs-btn-active-color);
    background-color: var(--indigo-color);
    border-color: var(--indigo-color);
}

.submit_modal .modal-content {
    display: flex;
    padding: 70px 87px;
    gap: 10px;
    background: var(--white-color);
    border-radius: 40px;
}

.submit_modal .modal-dialog.modal-dialog-centered {
    max-width: 1000px;
}

.submit_modal .modal.show .modal-dialog {
    transform: none;
    max-width: 1000px;
}

.submit_modal .modal-body {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.submit_modal p.modal_pera {
    font-family: var(--var-font-regular);
    font-style: 400;
    font-size: 16px;
    text-align: center;
    letter-spacing: 0.01em;
    color: var(--dark-gray-color);
}

.submit_modal h4.modal_title {
    width: 100%;
    font-family: var(--var-font-bold);
    font-weight: 700;

    font-size: 24px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.03em;
    color: var(--dark-gray-color);
    justify-content: center;
}

div.modal_pdf {
    background-color: #00000099;
}

.submit_modal .modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-top: none;
    gap: 20px;
}

.submit_modal .modal-footer button.btn.btn-primary {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    border: 1px solid var(--black-color);
    border-radius: 70px;
    background-color: transparent;
    font-family: var(--var-font-bold);
    font-weight: 700;

    color: var(--indigo-color);
    font-size: 20px;
    width: 300px;
}

.submit_modal button.btn.btn-primary a#vendorpreview {
    padding: 0;
    margin: 0;
    height: inherit;
    border: none;
    background-color: transparent;
}

.submit_modal .modal-footer button.btn.btn-primary:hover a {
    color: var(--white-color);
    text-decoration: none !important;
}

.vandor_reg_page_design .bank_details span.select2.select2-container.select2-container--default {
    width: 100% !important;
    border-radius: 50px;
    border: 1px solid var(--silver-color);
    height: 41px;
    display: flex;
    align-items: center;
}

.vandor_reg_page_design .bank_details span.selection {
    width: 100%;
}

.vandor_reg_page_design .bank_details .select2-container--default .select2-selection--single {
    background-color: transparent;
    border: none;
    display: flex;
    align-items: center;
    height: 41px;
    width: 100% !important;
    justify-content: space-between;
    background-position: right 1.2rem center !important;
    background-size: auto !important;
    background-image: url(/dropdownarrow.svg) !important;
    background-repeat: no-repeat;
}

.dashboardtable .action_label .select2-container {
    background-position: right 1.2rem center !important;
    background-size: auto !important;
    background-image: url(/dropdownarrow.svg) !important;
    background-repeat: no-repeat;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none !important;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-family: var(--var-font-bold);
    font-weight: 700;

    height: 26px;
    margin-right: 20px;
    padding-right: 0px;
    position: absolute;
    right: 30px;
}

.select2-container--open .select2-dropdown--below {
    border-top: 1px solid #aaa !important;
    border-radius: 15px !important;
    overflow: hidden;
}

.select2-results__option {
    padding: 10px 15px !important;
    user-select: none;
    -webkit-user-select: none;
}



.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaaaaa;
    border-radius: 40px;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus-visible {
    outline: none;
}

body .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--light-blue);
    font-size: 14px;
}


@media (max-width: 1024px) {
    .tab-content ul.nav.nav-tabs {
        gap: 10px;
    }
}

@media (max-width: 768px) {
    .card.questionnaire_section.mt-3 {
        flex-direction: column;
        align-items: flex-start;
    }

    .section_cont {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .onboarding_process_checks {
        padding: 0;
        width: 100%;
    }

    .o_p_checks_one {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        row-gap: 20px;
    }

    .o_p_checks_two {
        display: flex;
        flex-direction: column;
        gap: 15px;
        margin-top: 20px;
    }

    .checkbox_contents:nth-child(3) {
        gap: 10px;
    }

    ul#registrationTabs {
        gap: 20px;
    }

    .license_details .col-md-3 {
        flex: 0 0 auto;
        width: 50%;
    }

    .nav-item .nav-custom {
        padding: 10px 20px;
        width: max-content;
    }

    .bank_details {
        display: flex;
        row-gap: 20px;
        padding: 10px;
    }

    .saperator::after {
        width: 100%;
        left: 0;
    }

    .onboardingprocessdetail {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .vendor_info_section .vendor_info_cont .vendor_info {
        display: flex;
        gap: 15px;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .vendor-registration-preview .section_trade_license::before {
        left: 19px;
    }



    .vandor_reg_page_design .v_info_cont {
        display: flex;
        flex-direction: column;
        width: 60%;
    }

    .card {
        padding: 30px;
        border-radius: 20px;
    }

    .vendor_info_cont.vendor_activity_cont {
        margin: 20px 0px 0px;
        flex-wrap: wrap;
    }

    .uoloadgile_section {
        padding: 0px 0px 0px 0px;
    }

    .upload_file_section,
    .Bank_statment {
        padding: 0px 0px;
    }

    .vandor_reg_page_design .nav-item .nav-custom {
        padding: 15px 0px;
        gap: 5px;
        width: 150px;
        font-size: 15px;
    }

    .tab-content ul.nav.nav-tabs {
        gap: 10px;
    }

    .vandor_reg_page_design .nav-custom span.sec_count {
        width: 20px;
        height: 20px;
        font-size: 12px;
    }

}

@media (max-width: 767px) {
    .vendor_info_section .vendor_info_cont .vendor_info {
        gap: 5px;
    }

    .vendor_info_cont {
        gap: 10px;
        margin: 20px 0px 20px;
        flex-direction: column;
    }

    .row.frm_content {
        gap: 15px;
    }

    .tab-content ul.nav.nav-tabs {
        flex-wrap: nowrap;
        flex-direction: row;
    }

    .vandor_reg_page_design .nav-item .nav-custom {
        gap: 5px;
        width: auto;
        height: fit-content;
        padding: 10px 10px;
        font-size: 15px;
        flex-direction: column;
        border-radius: 10px;
    }
}

@media (max-width: 426px) {

    /* Mian body */
    /* Vendor Header */
    .header_content {
        padding: 20px 10px;
    }

    .vandor_header .header_actions {
        display: none;
    }

    .vandor_header .menutoggle {
        display: block;
        position: relative;
    }

    .vendor_info_cont {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
    }

    .vandor_reg_page_design .vendor_info_section .vendor_info_cont .vendor_info {
        display: flex;
        gap: 15px;
        justify-content: flex-start;
        flex-direction: row;
    }

    .act_sec_2 {
        display: flex;
        gap: 20px;
        flex-direction: column;
    }

    button.btn.btn-secondary.button_active,
    button.btn.btn-primary.button_active {
        width: 100%;
    }

    .act_sec_2 button.button_lined {
        width: 100%;
    }

    .act_sec_2 .help_btn {
        display: inline-block;
        margin: 0 auto;
        margin-top: 15px;
        margin-bottom: 7px;
    }

    .form_info {
        width: 90%;
        gap: 20px;
        padding: 25px 20px
    }

    .vandor_reg_page_design .vendor_info_cont {
        margin: 20px 0px 40px;
    }

    .vendor_info_cont.vendor_activity_cont {
        margin: 20px 0px 0px;
        flex-wrap: wrap;
    }

    .vandor_reg_page_design .nav-tabs {
        gap: 5px !important;
        justify-content: center;
        flex-wrap: nowrap;
    }

    .vandor_reg_page_design .nav-custom span.sec_count {
        display: none;
    }

    .vandor_reg_page_design .nav-item .nav-link {
        background-color: transparent;
        font-size: 14px;
        border-radius: 5px;
        display: flex;
        gap: 0px;
        padding: 5px 5px;
    }

    .ul_tabular_section::before {
        display: none;
    }

    .vendor-registration-preview .card {
        padding: 20px;
    }

    .card {
        padding: 28px 14px;
        border-radius: 14px;
    }

    .vandor_reg_page_design .process_title {
        margin-bottom: 20px;
        gap: 20px;
        margin-top: 10px;
        flex-direction: column;
    }

    .process_title a#VendorPreview {
        width: max-content;
        padding: 0px 30px;
        align-items: center;
    }

    button.btn.btn-secondary.button_active,
    button.btn.btn-primary.button_active {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .footer_actions_section {
        padding: 18px 20px;
        display: flex !important;
        flex-direction: column !important;
    }

    .footer_actions_section .act_sec_2 {
        display: flex;
        gap: 20px;
        float: right;
        text-align: right;
        justify-content: flex-end;
    }

    .help_btn {
        margin-top: 20px;
    }

    .need_help .modal_content_buttons {
        gap: 20px;
        display: flex;
        padding: 20px;
        gap: 20px;
        justify-content: center;
        flex-wrap: wrap;
    }

    /* chart section */
    .vandor_reg_page_design .o_p_checks_one {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .vandor_reg_page_design .onboarding_process_checks {
        width: 100%;
    }

    .vandor_reg_page_design .checkbox_contents,
    .onboardingprocessdetail .o_p_checks_one .checkbox_contents:last-child {
        width: 100%;
    }

    .vandor_reg_page_design .onboardingprocessdetail {
        gap: 20px;
    }

    .license_details .bank_details .col-md-3 {
        width: 100%;
    }

    .add_bank_info {
        padding: 0px 0px;
    }

    .quickaccesscontent {
        gap: 30px 0;
    }
}

@media (max-width: 376px) {
    .vandor_reg_page_design .nav-item .nav-custom {
        padding: 0px;
        height: 30px;
        font-size: 12px;
        font-family: var(--var-font-medium);
        font-weight: 500;
    }

    .vandor_reg_page_design .nav-tabs {
        gap: 0px;
        justify-content: center;
        flex-wrap: nowrap;
    }

    .tab-content ul.nav.nav-tabs {
        padding: 0;
        gap: 8px !important;
    }

    .vandor_reg_page_design .nav-tabs .nav-link.active {
        background-color: transparent;
        color: var(--indigo-color);
        padding: 0 0px;
        background: no-repeat;
        border-bottom: 2px solid var(--indigo-color);
        border-radius: 0;
    }
}


/* === Regestration === Responsive ====== vendor Regestration page ====== Responsive === Regestration === */

/* Footer Content */

/* Footer Styling Starts Here */
.navbar-expand-xl.navbar.navbar-dark.static-top {
    display: none;
}

.help_btn:hover,
.help_btn:focus {
    background-color: transparent !important;
}

/* .help_btn:active:focus { background-color: tran; } */
.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary:active.focus,
.btn-primary.active:hover,
.btn-primary.active:focus,
.btn-primary.active.focus {
    color: var(--white-color);
    background-color: var(--white-color);
    border-color: var(--white-color);
}

.footer_actions_section .help_btn {
    width: 118px;
    color: var(--ceruleanblue) !important;
    background: no-repeat;
    border: none;
    font-size: 15px;
    font-family: var(--var-font-bold);
    font-weight: 700;

    position: relative;
    padding: 0;
}

.footer_actions_section .help_btn::after {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: var(--ceruleanblue);
    right: 0;
    margin: 0 auto;
}

.footer_actions_section {
    box-shadow: 8px 2px 10px 0px #27252540;
    padding: 18px 67px;
    background-color: var(--white-color);
    float: left;
    width: 100%;
}

.footer_actions_section .act_sec_2 {
    float: right;
    margin-left: 20px;
    display: flex;
    gap: 20px;
    margin: 0;
}

.footer_actions_section .button_lined {
    border: 2px solid var(--indigo-color);
    background-color: var(--white-color);
    font-family: var(--var-font-regular);
    font-weight: 400;
    font-size: 14px;
    height: 42px;
    border-radius: 30px;
    width: 133px;
    color: var(--indigo-color);
}

.footer_actions_section .button_active,
.questionnaire_section .button_active {
    background-color: var(--indigo-color) !important;
    font-family: var(--var-font-medium);
    font-weight: 500;
    font-size: 14px;
    color: var(--white-color) !important;
    display: flex;
    gap: 10px;
    height: 42px;
    padding: 0px 40px;
    border-radius: 50px;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    float: left;
    border: none;
}

.footer_actions_section .footer {
    margin-top: 0px;
    display: none;
}


/* Footer Responsive */
@media (max-width: 768px) {
    .footer_actions_section {
        padding: 18px 20px !important;
    }

    .act_sec_2 {
        gap: 10px;
    }

    .button_active,
    .button_lined {
        padding: 0px 30px;
    }

    .button_active:hover,
    .button_lined:hover {
        padding: 0px 30px;
    }

    button.btn.btn-secondary.button_active,
    button.btn.btn-primary.button_active {
        display: flex;
        justify-content: center;
    }

    .need_help .modal_content_buttons {
        gap: 20px;
        display: flex;
        padding: 0px;
        gap: initial;
        justify-content: space-between;
    }

    .need_help .modal-header {
        padding: 0px 0px;
    }

    .need_help h1#exampleModalLabel {
        width: 100%;
        text-align: center;
    }

    .modal-header button.btn-close {
        display: none;
    }
}



.custom-check-dropdown {
    position: relative;
    width: 100%;
    cursor: pointer;
    padding: 10px 15px;
    background-color: var(--white-color);
    font-family: var(--var-font-regular);
    font-weight: 400;
    font-size: 14px;
    color: var(--dark-gray-color);
    border: 1px solid var(--silver-color);
    border-radius: 50px;
}

.custom-check-dropdown .dropdown-btn {
    font-size: 14px;
    color: #333;
}

.custom-check-dropdown .dropdown-content {
    display: none;
    position: absolute;
    width: 100%;
    background: var(--white-color);
    border: 1px solid var(--light-gray);
    border-radius: 15px;
    padding: 10px;
    overflow-y: auto;
    z-index: 1000;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    left: 0;
    top: 44px;
}

.custom-check-dropdown .dropdown-content label {
    display: flex;
    align-items: center;
    padding: 5px;
    cursor: pointer;
    font-size: 14px;
}

.custom-check-dropdown .dropdown-content label:hover {
    background: #f1efed;
}

.custom-check-dropdown .dropdown-content input {
    margin-right: 10px;
}

/* Show dropdown when active */
.custom-check-dropdown.active .dropdown-content {
    display: block;
}

/* ====== Responsive ====== Vendor Regestration page ====== Responsive ====== */
.vendor-registration-preview .data-row-one input[type="text"],
.vendor-registration-preview .data-row-one input[type="number"],
.vendor-registration-preview .data-row-one .Currency_detail,
.vendor-registration-preview select.form-select.gender_drop,
.vendor-registration-preview .country_detailscc .dropdown button.form-control {
    font-family: var(--var-font-regular);
    font-weight: 400;
    font-size: 14px;
    color: var(--dark-gray-color);
    height: 41px;
    border: 1px solid var(--silver-color);
    border-radius: 50px;
    padding: 0px 10px 0px 20px;
}


.vendor-registration-preview .data-row-one input[type="date"] {
    font-family: var(--var-font-regular);
    font-weight: 400;
    font-size: 14px;
    height: 41px;
    border: 1px solid var(--silver-color);
    border-radius: 50px;
    padding: 0px 10px 0px 20px;
}

/* button#currencyDropdown, button#countryDropdown { display: flex; justify-content: flex-start; padding: 0; align-content: center; align-items: center; padding: 10px 15px; border-radius: 50px; gap: 10px;} */
.vendor-registration-preview .section_trade_license .form_data .data-row-one .form-control,
.vendor-registration-preview .custom-check-dropdown,
.vendor-registration-preview .country_detailscc .dropdown {
    width: 40%;
}

/* Disable input css starts*/

.vendor-registration-preview input.form-control:disabled,
.vendor-registration-preview select.form-control:disabled,
.country_detailscc .dropdown button.form-control:disabled,
.custom-check-dropdown[disabled="true"] {
    background-color: var(--light-blue-magenta-color) !important;
    font-family: var(--var-font-bold);
    font-weight: 700;
    font-style: normal;

    font-size: 12px;
    color: var(--dark-gray-color);
    border: none;
    text-align: center;
    opacity: 1 !important;
}

.country_detailscc button#emiratescountry {
    width: 100%;
}

/* .vendor-registration-preview .country_detailscc .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .4em solid; border-right: .4em solid transparent; border-bottom: 0; border-left: .4em solid transparent; position: absolute; right: 20px; top: 17px; } */
.vendor-registration-preview .form_data .data-row-one button.form-control.form-select.dropdown-toggle.disabled-inp {
    background-color: var(--light-blue-magenta-color) !important;
    font-size: 12px;
    font-family: var(--var-font-medium);
    font-weight: 500;
    justify-content: flex-start;
    width: 100%;
}

.disabled-inp {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 32%;
    background: var(--light-blue-magenta-color) !important;
    border-radius: 30px;
    text-align: center;
    border: none;
    padding: 10px;
    font-family: var(--var-font-bold);
    font-weight: 700;
    font-style: normal;

    font-size: 12px;
    color: var(--dark-gray-color);
}

.vendor-registration-preview .custom-check-dropdown[disabled="true"] {
    pointer-events: none;
    opacity: 1;
}

.vendor-registration-preview .custom-check-dropdown[disabled="disabled"] {
    pointer-events: none;
    opacity: 1;
}

.disabled-style {
    background-color: #e9ecef !important;
    color: #6c757d !important;
    cursor: not-allowed !important;
}


.Click_to_view,
.preview-link,
.Click_to_view_bankletter,
.Click_to_view_bankstatmentview,
.Click_to_view_cancleview,
.clicktoviewemirates,
.visaviewlink,
.Click_to_view_Incidents,
.Click_to_view_BCP,
.Click_to_view_ICV,
.Click_to_view_company,
.Click_to_view_qhsePolicy,
.Click_to_view_managmentdoc,
.Click_to_view_bcms,
.Click_to_view_sustanibility,
.Click_to_view_supportingdoc,
.Click_to_view_QHSE,
.Click_to_view_recognization,
.Click_to_view_fsc,
.Click_to_view_pefc,
.Click_to_view_safetyregulation,
.Click_to_view_insurance {
    font-family: var(--var-font-regular);
    font-weight: 400;
    font-size: 14px;
    color: var(--shade-purple);
    text-decoration: none !important;
    border-bottom: none;
    display: contents;
    cursor: pointer;
}

.deleteattchment {
    cursor: pointer;
}

.country_detailscc button#currencyDropdown,
.country_detailscc button#countryDropdown {
    width: 100%;
}

.dateselector {
    position: relative;
}

.dateselector .dropdown-icon {
    position: absolute;
    bottom: 13.6px;
    right: 16px;
    font-size: 16px;
}

.custom-loader .box img.loader-img {
    box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2);
}


/* Disable input css Ends*/


/* Switch toggle */
.vendor-registration-preview .vendor_information_section .switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px;
    margin-left: 10px;
    vertical-align: middle;
}

.vendor-registration-preview .vendor_information_section .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.vendor-registration-preview .vendor_information_section .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--light-gray);
    transition: .4s;
    border-radius: 34px;
}

.vendor-registration-preview .vendor_information_section .slider:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 3px;
    bottom: 3px;
    background-color: var(--white-color);
    transition: .4s;
    border-radius: 50%;
}

.vendor-registration-preview .vendor_information_section input:checked+.slider {
    background-color: #36c4d6;
    /* Matches your theme */
}

.vendor-registration-preview .vendor_information_section input:checked+.slider:before {
    transform: translateX(20px);
}

/* Switch toggle */

.title_Priority {
    display: flex;
    justify-content: space-between;
}

.Prioritystatus label {
    font-family: var(--var-font-regular);
    font-weight: 400;
    font-size: 12px;
}

.Prioritystatus button {
    background-color: #F3A18C;
    height: 30px;
    padding: 0 20px;
    border: none;
    border-radius: 30px;
    font-family: var(--var-font-regular);
    font-weight: 400;
    font-size: 12px;
}

.vendor-registration-preview {
    /* background-color: var(--white-smoke-color); */
    color: var(--dark-gray-color);
}

.vendor-registration-preview .card {
    padding: 50px;
    border-radius: 30px;
    border: none;
    color: var(--white-color);
}

.vendor-registration-preview .section_trade_license {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
    position: relative;
    z-index: 1;
}

.section_trade_license::before {
    content: "";
    width: 5px;
    height: 100%;
    background-color: #A4D0B0;
    position: absolute;
    left: 25px;
    z-index: -1;
    top: 40px;
}

/* .section_trade_license:last-child::before {
    display: none !important;
} */
.section_trade_license:last-child::before {
    display: none;
}

.section_trade_license.addresssection::before::before {
    display: none;
}

.section_trade_license:last-child::before {
    display: none !important;
}

.vendor-registration-preview .card_title {
    display: flex;
    justify-content: space-between;
}

.vendor-registration-preview h5.section_title {
    font-family: var(--var-font-bold);
    font-weight: 700;

    font-size: 16px;
    color: var(--dark-gray-color);
    margin: 0;
    width: 100%;
    text-align: left;
}

.vendor-registration-preview h5.section_title img {
    margin-right: 24px;
}

.vendor-registration-preview .preview_content section {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.vendor-registration-preview .preview_content .data-row-one {
    display: flex;
    align-items: center;
}

.data-row-one .dropdown button {
    background-color: var(--light-blue-magenta-color);
    border: none;
}

.vendor-registration-preview .form_info {
    display: flex;
    flex-direction: column;
    padding: 30px;
    gap: 30px;
    background: #FBF9FB;
    border-radius: 30px;
    float: right;
    width: 92%;
}

.vendor-registration-preview .section_title_14 {
    font-family: var(--var-font-bold);
    font-weight: 700;
    font-style: normal;

    font-size: 14px;
    color: var(--dark-gray-color);
    margin: 0;
    margin-bottom: 10px;
    margin-left: 10px;
}

.vendor-registration-preview .file_name_size_view h5 {
    margin: 0;
    font-family: var(--var-font-regular);
    font-weight: 400;
    font-size: 14px;
}

.vendor-registration-preview button.edit_section {
    border: none;
    background: no-repeat;
    display: flex;
    gap: 6px;
    color: #7216ad;
    font-family: var(--var-font-medium);
    font-weight: 500;
}

.vendor-registration-preview .filestatus_sec {
    display: flex;
    gap: 15px;
    align-items: flex-start;
    border: 1px solid var(--light-neutral-gray);
    padding: 20px;
    border-radius: 30px;
}

.vendor-registration-preview .file_name_size_view {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.vendor-registration-preview h5.file_size {
    color: #989692;
}

.vendor-registration-preview .data-row-one .data-title {
    width: 30%;
    font-family: var(--var-font-regular);
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0.01em;
    color: var(--dark-gray-color);
    margin-bottom: 0px;
    display: flex;
    align-items: center;
}

.vendor-registration-preview .section_trade_license .form_info .form_data {
    display: flex;
    width: 100%;
    gap: 15px;
    padding: 0px 20px;
    flex-direction: column;
}

.vendor-registration-preview .Currency_detail img {
    margin-right: 10px;
}

.vendor-registration-preview .custom-check-dropdown div.dropdown-btn {
    font-family: var(--var-font-bold);
    font-weight: 700;
    font-style: normal;

    font-size: 12px;
    color: var(--dark-gray-color);
}

.message_cont {
    display: flex;
    flex-direction: column;
}

.message_cont label.form-label {
    margin-left: 30px;
    font-family: var(--var-font-regular);
    font-weight: 400;
    font-size: 16px;
}

.message_cont label.form-label span {
    color: var(--dark-red-color);
}

.message_cont textarea#rejectionnotes {
    height: 108px;
    border-radius: 30px;
    padding-top: 20px;
    padding-right: 30px;
    padding-bottom: 20px;
    padding-left: 30px;
    border: 1px solid var(--light-shade-gray);
    margin-top: 10px;
    outline: 1px solid var(--light-shade-gray);
}

.vendor-registration-preview .v_info_cont {
    display: flex;
    flex-direction: column;
}

.vendor-registration-preview .v_info_cont input {
    font-family: var(--var-font-bold);
    font-weight: 700;

    font-size: 16px;
    line-height: 100%;
    border: none;
    outline: none;
}

.vendor-registration-preview .form_data {
    display: flex;
    flex-direction: column;
    gap: 21px;
    padding-top: 14px;
    margin: 0 auto;
}

.vendor-registration-preview .data-row-one select.form-select:disabled,
.vendor-registration-preview .data-row-one button.form-select:disabled {
    background-image: none !important;
}

label[for] {
    pointer-events: none !important;
}

/* .vendor-registration-preview .addresssection .data-row-one .select2-container--disabled .select2-selection__rendered,
    .vendor-registration-preview .addresssection .data-row-one .select2-container--disabled .select2-selection__arrow { background-color: var(--light-blue-magenta-color) !important; font-family: 'Arial'; font-style: normal; font-weight: 700; font-size: 12px; color: var(--dark-gray-color); border: none; text-align: center; opacity: 1 !important; } */

select.form-control.form-select:disabled+.select2-container--default.select2-container--disabled .select2-selection--single,
select.form-control.form-select:disabled+.select2-container--default .select2-selection--single .select2-selection__rendered,
select.form-control.form-select:disabled+.select2-container .select2-selection--single .select2-selection__rendered {
    background-color: var(--light-blue-magenta-color) !important;
    font-family: var(--var-font-bold);
    font-weight: 700;

    font-size: 12px;
    color: var(--dark-gray-color);
    border: none;
    text-align: center;
    opacity: 1 !important;
    height: 41px;
    border-radius: 50px !important;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
}

.select2-container--default .select2-selection--single {
    background-color: var(--white-color);
    border: 1px solid #aaa;
    border-radius: 4px;
    height: 41px;
    display: flex;
    align-items: center;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px;
    display: flex;
    align-items: center;
    font-size: 14px !important;
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    height: 28px;
    user-select: none;
    -webkit-user-select: none;
    height: 41px !important;
    display: flex !important;
    border-radius: 50px !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0px !important;
    padding-right: 20px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 41px !important;
    display: flex !important;
    align-items: center !important;
    border-radius: 50px !important;
}

select.form-control.form-select:disabled+.select2-selection__arrow,
select.form-control.form-select:disabled+.select2-container {
    background-color: var(--light-blue-magenta-color) !important;
    font-family: var(--var-font-bold);
    font-weight: 700;
    font-style: normal;

    font-size: 12px;
    color: var(--dark-gray-color);
    border: none;
    text-align: center;
    opacity: 1 !important;
    border-radius: 50px !important;
}

.vendor-registration-preview .select2-container--default .select2-selection--single .select2-selection__clear {
    margin-right: 0px !important;
}

/* === Regestration-Preview === Responsive ====== vendor Regestration page ====== Responsive === Regestration-Preview === */


@media (max-width: 1024px) {
    .vendor-registration-preview .card {
        padding: 40px 15px;
        display: flex;
        gap: 10px;
    }

    .vendor-registration-preview .card.supporting_docs {
        padding: 40px 30px;
    }

    .vendor-registration-preview .card.questionnaire_section.mt-3 {
        padding: 40px 30px;
        display: flex;
        justify-content: center;
        width: 100%;
        margin-bottom: 0;
    }

    .vendor-registration-preview .process_title {
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
        padding: 0;
    }

    .vendor-registration-preview .checkbox_contents {
        width: 27%;
        display: flex;
        gap: 10px;
    }

    .vendor-registration-preview .checkbox_contents:nth-child(3) {
        width: 46%;
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    .vendor-registration-preview .onboarding_process_checks {
        padding-left: 40px;
    }

    .vendor-registration-preview .o_p_checks_two .checkbox_contents {
        width: 100%;
    }

    /* modal */
    .vendor-registration-preview .need_help .modal-dialog {
        max-width: 600px;
    }

    .vendor-registration-preview .modal-content {
        padding: 40px 50px;
        width: 80%;
    }

    .vendor-registration-preview .modal-footer button.btn.btn-primary {
        padding: 20px 0px;
        width: 310px;
    }

    .need_help h1#exampleModalLabel {
        text-align: center;
        width: 100%;
        padding: 0 20px;
    }
}

@media (max-width: 768px) {

    /* vendor registration preview page Starts here 768*/
    .vendor-registration-preview .card {
        padding: 30px;
    }

    .vendor-registration-preview h5.section_title img {
        width: 40px;
    }

    .vendor-registration-preview .form_info {
        width: 90%;
        gap: 20px;
    }

    .vendor-registration-preview .section_trade_license::before {
        left: 18px;
    }

    .vendor-registration-preview .section_trade_license .form_info .form_data {
        padding: 0px 0px;
        gap: 10px;
    }

    .vendor-registration-preview .data-row-one .data-title {
        width: 100%;
    }

    /* .vendor-registration-preview .data-row-one input[type="text"],
    .vendor-registration-preview .data-row-one input[type="date"],
    .vendor-registration-preview .data-row-one input[type="number"],
    .vendor-registration-preview .data-row-one .Currency_detail,
    select.form-select.gender_drop { width: 100%; text-align: left; padding: 10px 20px; } */

    .vendor-registration-preview .data-row-one input[type="text"],
    .vendor-registration-preview .data-row-one input[type="date"],
    .vendor-registration-preview .data-row-one input[type="number"],
    .vendor-registration-preview .data-row-one .Currency_detail,
    select.form-select.gender_drop,
    .disabled-inp {
        width: 100% !important;
        text-align: left;
        justify-content: flex-start;
    }

    .filestatus_sec {
        padding: 20px;
        border-radius: 20px;
    }

    .need_help .modal-dialog {
        max-width: 600px;
        text-align: center;
    }


    .vendor-registration-preview .data-row-one .data-title {
        width: 100% !important;
    }

    .data-row-one .dropdown {
        width: 100%;
    }

    /* .dropdown-toggle::after { right: 15px; position: absolute; } */
}

@media (max-width: 426px) {
    .vendor-registration-preview {
        background-color: var(--white-smoke-color);
        color: var(--dark-gray-color);
        padding-bottom: 20px;
    }

    .vendor-registration-preview .vendor_info_section .vendor_info_cont {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .vendor-registration-preview .checkbox_contents {
        width: 100%;
        display: flex;
        gap: 10px;
    }

    .vendor-registration-preview .checkbox_contents:nth-child(3) {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    .vendor-registration-preview .process_title {
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
        padding: 0;
        flex-direction: column;
    }

    h5.sec_title_18 {
        margin-bottom: 20px;
    }

    .vendor-registration-preview .header_content {
        padding: 20px 18px;
    }

    .vendor-registration-preview .preview_content .data-row-one {
        display: flex;
        flex-direction: column;
    }

    .vendor-registration-preview h5.section_title img {
        width: 40px;
        background-color: var(--shade-green-color);
        position: relative;
        left: -20px;
        border-radius: 0px 30px 30px 0px;
        margin-right: 0px;
    }

    .vendor-registration-preview .card {
        padding: 30px 20px;
        border-radius: 10px;
    }

    .vendor-registration-preview .section_trade_license::before {
        width: 10px;
        left: -21px;
    }

    .form_info {
        width: 100%;
        gap: 15px;
        padding: 20px 10px;
        border-radius: 10px;
    }

    .vendor_info_section .vendor_info_cont .vendor_info {
        display: flex;
        gap: 15px;
        flex-direction: row;
    }

    .title_Priority {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .vendor_info_section .data-row-one {
        display: flex;
        flex-direction: column;
    }

    .vendor-registration-preview .form_info {
        width: 100%;
        padding: 15px 15px;
        border-radius: 20px;
    }

    .vendor-registration-preview .form_data {
        display: flex;
        gap: 10px;
        padding-top: 14px;
        flex-direction: column;
    }

    .section_trade_license .form_info .form_data {
        padding: 0px 0px !important;
        gap: 10px !important;
    }

    .message_cont label.form-label {
        font-family: var(--var-font-regular);
        font-weight: 400;
        font-size: 16px;
        margin: 0;
    }

    h5.sec_title_18 {
        font-size: 16px;
    }
}


/* === Regestration-Preview === Responsive ====== vendor Regestration page ====== Responsive === Regestration-Preview === */


.custom-modal-width {
    max-width: 90%;
    width: 100%;
}

.preview-content {
    width: 100%;
    height: 70vh;
    /* adjust height as needed */
    border: none;
}

#previewContainer {
    width: 100%;
}

.modal_pdf h1 {
    margin: 0;
}

.modal-xl.modal_pdf .modal-header {
    padding: 10px 25px;
}

.dropdown ul#currencyList,
.dropdown .dropdown-menu {
    width: 300px;
    height: 300px;
    overflow-y: auto;
}

/* === Regestration === Responsive ====== vendor Regestration preview page ====== Responsive === Regestration === */
.fade:not(.show) {
    opacity: 1;
}

/* Signout modal */
.signout_modal .modal-dialog.modal-dialog-centered {
    max-width: 900px;
}

.signout_modal .modal_text_cont h4.modal_title {
    font-family: var(--var-font-bold);
    font-weight: 700;
    font-size: 24px;
    line-height: 26px;
    color: var(--dark-gray-color);
    margin: 0;
    margin-top: 15px;
    margin-bottom: 36px;
}

.signout_modal .modal_text_cont p.modal_pera {
    font-family: var(--var-font-regular);
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: var(--dark-gray-color);
}

.signout_actions .button_lined {
    background-color: var(--white-color);
    font-family: var(--var-font-bold);
    font-weight: 700;
    font-size: 14px;
    color: var(--indigo-color);
    display: flex;
    gap: 10px;
    height: 40px;
    padding: 0px 70px;
    border-radius: 50px;
    letter-spacing: 1px;
    width: 200px;
    justify-content: center;
    border: 1px solid #50087A;
}

.signout_actions .btn-secondary.button_lined:hover,
.signout_actions .btn-secondary.button_lined:focus,
.signout_actions .btn-secondary.button_lined:active,
.signout_actions .btn-primary.button_active:hover,
.signout_actions .btn-primary.button_active:focus,
.signout_actions .btn-primary.button_active:active {
    padding: 0;
    background-color: var(--indigo-color);
    border: none;
    outline: none;
    color: var(--white-color);
}

.signout_actions .button_active {
    background-color: transparent;
    width: auto;
    padding: 0;
    border: none;
    border-radius: 100px;
}

.signout_actions .button_active a {
    background-color: var(--indigo-color);
    font-family: var(--var-font-bold);
    font-weight: 700;
    font-size: 14px;
    color: var(--white-color);
    display: flex;
    gap: 10px;
    height: 40px;
    padding: 0px 70px;
    border-radius: 50px;
    letter-spacing: 1px;
    width: 200px;
    justify-content: center;
    align-items: center;
}

.signout_actions .button_active a:not(.btn):hover {
    text-decoration: none !important;
}

.signout_modal .modal-footer.signout_actions {
    display: flex;
    justify-content: center;
    border: none;
    gap: 26px;
    padding: 0;
}

/* vendor registration preview page Starts here*/

/* === Regestration-Preview === Responsive ====== vendor Regestration page ====== Responsive === Regestration-Preview === */

.vendor-registration-preview .progressstep {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    position: relative;
    width: 100%;
}

.vendor-registration-preview .progressstep .statusmsg {
    display: none;
    position: absolute;
    background-color: var(--white-color);
    padding: 10px;
    border: 1px solid #B7B7B7;
    font-size: 14px;
    width: 100%;
    line-height: 22px;
    bottom: 103px;
    border-radius: 10px;
    font-family: var(--var-font-regular);
    font-weight: 400;
    letter-spacing: 1px;
}

.vendor-registration-preview .progressstep .statusmsg::before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: var(--white-color);
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: rotate(45deg);
    border-right: 1px solid #B7B7B7;
    border-bottom: 1px solid #B7B7B7;
    bottom: -5px;
}

.vendor-registration-preview .statustexttitle {
    font-size: 14px;
    font-family: var(--var-font-medium);
    font-weight: 500;
    text-align: center;
}

/*  */

.progressstep:after {
    content: "";
    position: absolute;
    background-color: #52016A;
    height: 4px;
    width: 100%;
    top: 26%;
    z-index: -1;
}

.progressstep:nth-child(1)::after {
    width: 50%;
    right: 0;
}

.progressstep:last-child::after {
    width: 50%;
    left: 0;
}

/*  */

.progressbar_steps {
    display: flex;
    justify-content: space-around;
    margin-top: 87px;
    position: relative;
    z-index: 1;
    width: 100%;
    margin-bottom: 40px;
}

.progressbar_steps::after {
    content: "";
    position: absolute;
    background-color: #52016A;
    height: 4px;
    width: 75%;
    top: 26%;
    z-index: -1;
}

.vendor-registration-preview .progressbar_steps::after {
    content: "";
    display: none;
}

.progressstep:hover .statusmsg {
    display: block;
}

.statuscircle {
    height: 50px;
    width: 50px;
    /* border: 1px solid #C6C6C6; */
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.statuscircle.completedstep {
    background-color: #368A4D;
}

.statuscircle.completedstep::before {
    content: "\f00c";
    font-family: 'FontAwesome';
    font-size: 20px;
    color: var(--white-color);
}

.statuscircle.delayedstep {
    background-color: #DA1D28;
}

.statuscircle.delayedstep::before {
    content: "\f00d";
    font-family: 'FontAwesome';
    font-size: 20px;
    color: var(--white-color);
}

.statuscircle.inprogressstep {
    background-color: var(--white-color);
    border: 1px solid #571086;
}

.statuscircle.inprogressstep::before {
    content: "\f111";
    font-family: 'FontAwesome';
    color: #571086;
    font-size: 13px;
}

.pendingstep {
    border: 2px solid #C6C6C6;
    background-color: var(--white-color);
}

/* === Regestration-Preview === Responsive ====== vendor Regestration page ====== Responsive === Regestration-Preview === */

/* Profile page starts here */
.profile_page .page_title {
    font-family: var(--var-font-bold);
    font-weight: 700;

    font-size: 20px;
    line-height: 42px;
    width: 100%;
}

.profile_page .profileimg {
    width: 83px;
    height: 83px;
    background-color: #F9E0F0;
    font-family: var(--var-font-bold);
    font-weight: 700;

    font-size: 36px;
    line-height: 42px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}

.profiledetails {
    display: flex;
    gap: 20px;
    margin-top: 40px;
}

.personalinfosection {
    background: var(--light-blue-magenta-color);
    padding: 30px 40px;
    border-radius: 20px;
    display: flex;
    justify-content: center;
}

.personalinfosection label {
    font-family: var(--var-font-regular);
    font-weight: 400;
    font-size: 14px;
    color: var(--dark-gray-color);
}

.personalinfosection input {
    border: none;
    font-family: var(--var-font-bold);
    font-weight: 700;

    font-size: 14px;
    line-height: 42px;
    color: var(--dark-gray-color);
    background-color: #FFFFFE00 !important;
    padding: 0;
}

.chart_data .data {
    display: flex;
    justify-content: space-between;
}

.chart_data .data h4.rejected_process img {
    width: 22px;
    padding: 4px;
}

.profiledetails_content h5.form_title {
    margin-top: 20px;
}

.profiledetails_content .personalinfosection label {
    font-family: var(--var-font-regular);
    font-weight: 400;
    font-size: 14px;
    color: var(--dark-gray-color);
    margin-bottom: 0;
}

.chart_data {
    display: flex;
    flex-direction: column;
    gap: 25px;
    margin-top: 30px;
}

.col-md-12.col-xs-12.piecahrt_section {
    text-align: center;
    margin-top: 20px;
}

.chart_data .data h4.accept {
    font-family: var(--var-font-bold);
    font-weight: 700;

    font-size: 14px;
    margin: 0;
    color: var(--medium-toned-green-color);
}

.chart_data .data h4.rejected_process {
    font-family: var(--var-font-bold);
    font-weight: 700;

    font-size: 14px;
    color: #ADADAD;
}

.chart_data .data h3 {
    font-family: var(--var-font-bold);
    font-weight: 700;

    font-size: 18px;
    margin: 0;
    color: var(--medium-toned-green-color);
}

button#uploadprofileimage {
    border: 1px solid var(--indigo-color);
    padding: 6px 20px;
    border-radius: 40px;
    font-family: var(--var-font-bold);
    font-weight: 700;

    font-size: 13px;
    text-transform: capitalize;
    background-color: transparent;
    color: var(--indigo-color);
}

.profiletextdetails p {
    font-family: var(--var-font-regular);
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #5C5C5C;
    margin-bottom: 0;
    margin-top: 7px;
}

input#uploadimage {
    height: 83px;
    width: 83px;
    opacity: 0;
    position: absolute;
    top: 0;
}

/* Profile pic css */
.select-img {
    border: 1px solid #e8e8e8;
    padding: 5px 0px;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.select-img span {
    padding: 10px 22px;
    width: 100%;
}

#up_student_pic {
    width: 90px;
    border-radius: 50%;
    height: 90px;
}

.upload-img {
    opacity: 0;
    width: 100%;
    position: absolute;
    height: 54px;
    top: 0;
    z-index: 99;
    left: 0;
    cursor: pointer;
}

.selected-img {
    text-align: center;
    width: 90px;
    height: 90px;
    margin: auto;
    background-color: #f5f5f5;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    font-size: 3em;
    border-radius: 50%;
    color: #a4d3ef;
    border: 1px solid #cecccc;
}

.selected-img-upload {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #f5f5f5;
}

.selected-img-upload img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Profile page Ends here */
.vendor_info_section .data-row-one {
    display: flex;
    justify-content: center;
}

.Prioritystatus {
    width: 85;
    height: 31;
    border-radius: 30px;
    font-family: var(--var-font-regular);
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    color: var(--dark-gray-color);
}

/* pie chart */
.chart-wrapper {
    position: relative;
    width: 100%;
    height: 157px;
    border-radius: 40px;
    overflow: hidden;
}

.chart-center-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 28px;
    font-family: var(--var-font-bold);
    font-weight: 700;

    color: var(--medium-toned-green-color);
    font-family: sans-serif;
}

/* terms anc conditions page */

.Terms_Condition {
    background-color: var(--white-smoke-color);
    padding-bottom: 40px;
}

.Terms_Condition .page_title {
    font-family: var(--var-font-bold);
    font-weight: 700;

    font-size: 24px;
    line-height: 26px;
    color: var(--dark-gray-color);
    width: 100%;
}

h6.tc-title,
h4.sub_title {
    font-family: var(--var-font-bold);
    font-weight: 700;

    font-size: 14px;
    line-height: 20px;
    color: var(--dark-gray-color);
}

.Terms_Condition .card h5.tc-text,
.Terms_Condition .card p,
.Terms_Condition .card ul li {
    /* font-family: var(--var-font-regular); */
    font-size: 14px;
    line-height: 20px;
    color: var(--dark-gray-color);
    font-family: var(--var-font-medium);
    font-weight: 500;
}

.Terms_Condition .card ul {
    padding-left: 20px;
}

.Terms_Condition .card ul li {
    padding-bottom: 8px;
}

/* terms anc conditions page */
.attachment_sec:has(.error-field) {
    outline: 3.5px dashed var(--dark-red-color);
    background-color: #fff0f0 !important;
}

.uoloadgile_section:has(.uploadfile_erroe) {
    color: var(--dark-red-color) !important;
}

a.canvasjs-chart-credit {
    display: none;
}

.uoloadgile_section:has(.uploadfile_erroe) {
    color: var(--dark-red-color) !important;
}

a.canvasjs-chart-credit {
    display: none;
}

@media (max-width: 1024px) {
    .accept_tnc .custom-checkbox-label {
        width: 30px;
        height: 21px;
    }
}

@media (max-width: 425px) {
    .accept_tnc {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        width: 100%;
        align-items: flex-start;
    }

    .accept_tnc h4.sub_title {
        width: 90%;
        margin: 0;
    }
}

@media (max-width: 1024px) {
    .profile_page_content .col-md-8 {
        width: 50%;
    }

    .profile_page_content .col-md-4.complete_your_onboarding {
        width: 50%;
    }

    .canvasjs-chart-credit {
        display: none;
    }

    ;

    .personalinfosection .row {
        flex-wrap: wrap;
    }

    .personalinfosection .col-md-4 {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .profile_page_content .col-md-8 {
        width: 100%;
    }
}

@media (max-width: 426px) {
    .profile_page_content .col-md-4.complete_your_onboarding {
        width: 100%;
    }

    .profiledetails {
        margin-top: 0px;
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin-bottom: 10px;
    }
}

@media (max-width: 321px) {
    .personalinfosection {
        padding: 20px 15px;
        border-radius: 10px;
    }
}

.btn-primary:hover {
    color: var(--white-color);
    background-color: var(--indigo-color) !important;
    border-color: var(--indigo-color) !important;
}

/* Questionnaire Section page Starts*/

.questionsection {
    border-radius: 30px;
    border: none;
    color: var(--white-color);
    background-color: var(--white-color);
}

.questionsection .quetitle {
    width: 100%;
    background-color: var(--shade-head_megnent);
    display: flex;
    justify-content: space-between;
    padding: 17px 40px;
    align-items: center;
    border-radius: 30px 30px 0px 0px;
}

.questionsection h4.qtitle {
    font-family: var(--var-font-bold);
    font-weight: 700;

    font-size: 16px;
    color: var(--dark-gray-color);
    margin: 0;
    text-transform: capitalize;
}

.questionsection h6.sectionlab {
    height: 30px;
    border-radius: 40px;
    background-color: var(--white-color);
    font-family: var(--var-font-bold);
    font-weight: 700;

    font-size: 12px;
    color: #de048f;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0 26px;
}

.questionsection .seccontentitle {
    display: flex;
    align-items: center;
    gap: 20px;
}

.questionsection .seccontent {
    padding: 30px 50px 40px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.questionsection .seccontent textarea {
    height: 108px;
    border-radius: 30px;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    border: 1px solid var(--light-shade-gray);
    outline: 1px solid var(--light-shade-gray);
    width: 100%;
}

p.qtitle {
    font-family: var(--var-font-bold);
    font-weight: 700;

    font-size: 16px;
    color: var(--dark-gray-color);
    margin: 0;
}

.secconteninputs h5.form_title,
p.secondtitlebold {
    font-family: var(--var-font-bold);
    font-weight: 700;

    font-size: 14px;
    color: var(--dark-gray-color);
    margin-top: 0px;
    margin-bottom: 0px;
}

.questionsection label.form-label {
    font-family: var(--var-font-regular);
    font-weight: 400;
    font-size: 12px;
    color: var(--dark-gray-color);
    width: 100%;
}

.questionsection .file-upload-content label.form-label {
    font-family: var(--var-font-regular);
    font-weight: 400;
    font-size: 12px;
    color: var(--dark-gray-color);
    width: 100%;
}

.questionsection .employee-section {
    font-family: var(--var-font-regular);
    font-weight: 400;
    margin: 20px 0;
}

.questionsection .section-title {
    display: block;
    margin-bottom: 15px;
    color: #2d3748;
    font-family: var(--var-font-regular);
    font-weight: 400;
    font-size: 12px;
}

.questionsection .employee-options {
    display: flex;
    gap: 35px;
    flex-wrap: wrap;
}

.employee-options.optiuonstwo {
    gap: 30px;
}

.questionsection .custom-radio {
    display: flex;
    align-items: center;
    font-family: var(--var-font-regular);
    font-weight: 400;
    font-size: 13px;
}

.questionsection .custom-radio input[type="radio"] {
    display: none;
}

.questionsection .radio-icon {
    width: 20px;
    height: 20px;
    border: 2px solid var(--light-grayish-blue-color);
    border-radius: 50%;
    margin-right: 18px;
    position: relative;
}

.questionnaire_content {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    padding-bottom: 20px;
}

.questionsection .radio-icon::after {
    content: '';
    width: 10px;
    height: 10px;
    background-color: var(--light-grayish-blue-color);
    border-radius: 50%;
    position: absolute;
    top: 3.3px;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.questionsection .spacer {
    margin-top: 40px;
}

.secconteninputs {
    display: flex;
    row-gap: 20px;
}

.questionsection .custom-radio input[type="radio"]:checked+.radio-icon::after {
    opacity: 1;
}

.questionsection .custom-radio input[type="radio"]:disabled+.radio-icon {
    border-color: var(--light-gray);
    background-color: #eeeeee;
    cursor: not-allowed;
}

.questionsection .custom-radio input[type="radio"]:disabled+.radio-icon::after {
    background-color: #999999;
}

p.form-label-title {
    font-family: var(--var-font-regular);
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 0;
}

.section-title-two {
    font-family: var(--var-font-bold);
    font-weight: 700;

    font-size: 14px;
    margin-bottom: 20px;
    color: var(--dark-gray-color);
}

.questionsection input[type="date"].filled,
.questionsection select.form-select.filled {
    color: var(--dark-gray-color) !important;
}

.approximateannualturnover {
    position: relative;
}

.approximateannualturnover .dropdown button {
    border: none;
    background-color: transparent;
    width: fit-content;
    position: absolute;
    bottom: 3px;
    right: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* .questionsection .form-label-title{} */
.seccontent .border.p-3.attachment_sec.text-center.bg-white {
    width: 95%;
    float: inline-end;
}

.equal-width-table {
    table-layout: fixed;
    width: 100%;
}

.equal-width-table th {
    font-family: var(--var-font-bold);
    font-weight: 700;

    font-size: 14px;
    color: var(--dark-gray)
}

.equal-width-table td {
    font-family: var(--var-font-regular);
    font-weight: 400;
    font-size: 14px;
    color: var(--dark-gray)
}

.equal-width-table th,
.equal-width-table td {
    height: 50px;
    padding: 0;
    vertical-align: middle;
    border: none;
}

.equal-width-table input::placeholder {
    color: var(--dark-gray) !important;
}

.equal-width-table input {
    font-family: var(--var-font-regular);
    font-weight: 400;
    font-size: 14px;
    line-height: 32px;
}

.equal-width-table tbody tr {
    border: transparent;
}

.equal-width-table input,
.equal-width-table select {
    width: 100%;
    border: none;
    background-color: transparent !important;
    padding: 0 15px;
}

.equal-width-table th:nth-child(1),
.equal-width-table td:nth-child(1),
.equal-width-table th:nth-child(2),
.equal-width-table td:nth-child(2) {
    width: 40%;
}

.equal-width-table th:nth-child(1),
.equal-width-table td:nth-child(1) {
    width: 20%;
}

/* Alternating row colors */
.equal-width-table tbody tr:nth-child(odd) {
    background-color: #FAF8F8;
}

.equal-width-table tbody tr:nth-child(even) {
    background-color: var(--white-color);
}

.table_select_inputs thead.table-light {
    height: 50px;
}

.equal-width-table td:nth-child(1) {
    width: 20%;
    font-family: var(--var-font-regular);
    font-weight: 400;
    font-size: 12px;
    color: var(--dark-gray-color);
}

.table-rejected-status {
    color: var(--red-color);
}

.table-approved-status,
.table-resolved-status {
    color: var(--green-color);
}

.table-pending-status {
    color: var(--dark-gray-color);
}

.formulareference p,
.formulareference ul li {
    font-family: var(--var-font-regular);
    font-weight: 400;
    font-size: 14px;
    /* line-height: 20px; */
    color: var(--dark-gray-color);
}

.formulareference ul {
    padding-left: 20px;
}

.formulareference ul li {
    padding-bottom: 8px;
}

.questionsection .selection-options {
    display: flex;
    gap: 40px;
    margin: 10px 0px;
}

.questionsection.insurances .equal-width-table thead tr th:nth-child(2),
.questionsection.insurances .equal-width-table tbody tr td:nth-child(2) {
    width: 20%;
}

.questionsection .file-upload-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: flex-end;
}

.seccontent p.referencestestimonials {
    font-family: var(--var-font-regular);
    font-weight: 400;
    font-size: 15px;
    margin-top: 20px;
}

.questionsection button.btn.form-control {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-family: var(--var-font-regular);
    font-weight: 400;
    font-size: 14px;
    height: 41px;
    border: 1px solid var(--silver-color);
    border-radius: 50px;
    padding: 0px 20px;
}

.questionsection .seccontent .form-select img {
    width: auto;
    height: 16px;
}

.questionsection button.btn.form-control::after {
    position: absolute;
    right: 17px;
}

.secconteninputs p.form-label {
    font-family: var(--var-font-regular);
    font-weight: 400;
    font-size: 13px;
    color: var(--dark-gray-color);
    margin-bottom: 0;
}

.questionsection .form-select.storeval {
    font-family: var(--var-font-regular);
    font-weight: 400;
    font-size: 14px;
    color: var(--dark-gray-color);
    height: 41px;
    border: 1px solid var(--silver-color);
    border-radius: 50px;
    padding: 0px 20px;
    position: relative;
}

.form-select,
.crmentityformview select {
    background-repeat: no-repeat;
    background-position: right 1.2rem center !important;
    background-size: auto !important;
    background-image: url("/dropdownarrow.svg") !important;
}

.dropdown-toggle::after {
    display: none !important;
}

.questionsection p.labeltitle {
    font-family: var(--var-font-regular);
    font-weight: 400;
    font-size: 14px;
    line-height: 32px;
}

/* Checkbox css */
.geo_pre_checkbox_group {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0px;
    flex-direction: row;
    justify-content: flex-start;
    row-gap: 20px;
}

.geo_pre_checkbox_group .checkbox-item {
    gap: 8px;
    cursor: pointer;
    user-select: none;
    width: 18% !important;
    display: flex !important;
    justify-content: flex-start;
}

.geo_pre_checkbox_group .checkbox-item input[type="checkbox"] {
    display: none;
}

.geo_pre_checkbox_group .custom-checkbox {
    width: 20px;
    height: 20px;
    border: 1px solid var(--dark-violet);
    display: inline-block;
    position: relative;
}

.geo_pre_checkbox_group .custom-checkbox::after {
    content: '';
    position: absolute;
    left: 6px;
    top: 1px;
    width: 6px;
    height: 12px;
    border: solid var(--dark-violet);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

.geo_pre_checkbox_group .checkbox-item input[type="checkbox"]:checked+.custom-checkbox::after {
    opacity: 1;
}

.GeographicalPresence .equal-width-table th:nth-child(1),
.GeographicalPresence .equal-width-table td:nth-child(2),
.GeographicalPresence .equal-width-table th:nth-child(3),
.GeographicalPresence .equal-width-table td:nth-child(4) {
    width: 25%;
}

.GeographicalPresence .equal-width-table th {
    width: 25%;
}

.RelationshipswithCompanyPersonnel .equal-width-table th {
    width: 33.33%;
}

.optionalsupportingdocuments .qtitle {
    -webkit-text-fill-color: transparent;
    font-family: var(--var-font-bold);
    font-weight: 700;

    background: linear-gradient(97.46deg, rgb(73, 14, 111) -23.65%, rgb(140, 27, 213) 158.81%) text;
}

.questionnaire_section_page .btn-secondary.dropdown-toggle.show {
    color: #b8bcd4;
    background-color: #e6e6e6;
    border-color: var(--dark-brown);
    font-size: 12px !important;
}

/* .questionnaire_section_page .btn-secondary.dropdown-toggle.show { color: #b8bcd4; background-color: #e6e6e6; border-color: var(--dark-brown); font-size: 12px !important; } */

/* Questionnaire Responsive */
/* Questionnaire Section page Ends*/
.questionnaire_section_page input::placeholder,
.questionnaire_section_page ::placeholder,
.questionnaire_section_page ::-webkit-input-placeholder {
    font-family: var(--var-font-regular);
    font-weight: 400;
    font-size: 12px;
    color: var(--light-muted-gray-color);
}

/* .questionnaire_section_page input[type="date"].empty,
.questionnaire_section_page select.form-select.empty { font-family: var(--var-font-regular);
 font-weight: 400; font-size: 12px;  } */
.questionnaire_section_page input[type="date"].filled,
.questionnaire_section_page select.form-select.filled {
    font-family: var(--var-font-regular);
    font-weight: 400;
    font-size: 14px;
    color: var(--dark-gray-color) !important;
}

/* ul.dropdown-menu.show li span.dropdown-item img.me-2{ display: none; } */


/* >>>>> Dashboard - Vendor Master team PAge start Here <<<<< */

.dashboard_vendor_master_team {
    position: relative;
    /* background-color: var(--white-smoke-color); */
    z-index: 1;
    padding: 30px 0;
}

.dashboard_vendor_master_team .abstract_circle {
    width: 1250px;
    height: 1250px;
    background: linear-gradient(147.31deg, rgba(141, 141, 236, 0.100306) 45.74%, rgba(84, 84, 212, 6e-05) 86.05%);
    position: absolute;
    top: -420px;
    left: -330px;
    border-radius: 100%;
    z-index: -1;
}

.card_style_2 {
    border-radius: 20px;
    background-color: var(--white-color);
    padding: 20px;
}

.dashboard_vendor_master_team .dvmt_page_content {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 0 40px;
}

.dashboard_vendor_master_team .notification_content h4,
.dashboard_vendor_master_team .notification_content h4 span {
    font-family: var(--var-font-medium);
    font-weight: 500;
    /* font-style: italic; */
    font-size: 15px;

}

.dashboard_vendor_master_team .notification_content a {
    color: var(--primay-color);
}

/* .page_title_text{} */
.dashboard_vendor_master_team .vms_info {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.vms_info h2 {
    font-family: var(--var-font-bold);
    font-weight: 700;

    font-size: 34px;
    margin: 0;
    color: var(--thrid-color);
}

.InternaldaysExternaldays h6,
.InternaldaysExternaldays h5 {
    margin: 0;
    margin-top: 6px;
}

.dashboard_vendor_master_team .dashboardtable .card_light_delivery_note p {
    font-size: 14px;
    /* font-family: var(--var-font-medium); */
}

.dashboard_vendor_master_team .navbar-expand-xl.navbar.navbar-dark.static-top {
    display: block;
}

.dashboard_vendor_master_team .static-top.navbar-dark {
    background-color: #B6B4B2;
    display: Block;
}

.dashboard_vendor_master_team .sectiontitleDD {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dashboard_vendor_master_team .card_style_2 h4.title_16,
.table_header_section h4.title_16 {
    margin: 0;
    background-color: transparent;
    font-size: 14px;
    color: var(--white-color);
}

.dashboard_vendor_master_team .card_style_2 .info_text_title h4,
.dashboard_vendor_master_team .card_style_2 .info_text_title h4>a {
    font-size: 19px;
    font-family: var(--var-font-bold);
    font-weight: 700;

    /* font-weight: bold; */
    margin: 0;
    color: var(--dark-gray-color);
}

.dashboard_vendor_master_team .sectiontitleDD .info_text_title select.form-select {
    font-size: 12px;
    padding: 0px 40px 0px 10px;
}

.dashboard_vendor_master_team .sectioncard .card_style_2 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 200px;
}

.dashboard_vendor_master_team .sectiontitleDD select.form-select {
    width: auto;
    border-radius: 30px;
    margin-right: 0;
    height: 31px;
    padding-right: 40px;
    border-color: #E1E7EC;
    font-family: var(--var-font-medium);
    font-weight: 500;
    /* font-style: Medium; */
    font-size: 12px;
    /* leading-trim: NONE; */
    line-height: 16px;
    letter-spacing: 0%;
}

.form-select:focus {
    border-color: var(--silver-color);
    outline: 0;
    box-shadow: none;
}

.dashboard_vendor_master_team .InternaldaysExternaldays h5 {
    font-family: var(--var-font-bold);
    font-weight: 700;

    font-size: 13px;
    color: var(--primay-color);
}

.dashboard_vendor_master_team .InternaldaysExternaldays h6 {
    font-family: var(--var-font-medium);
    font-weight: 500;
    font-size: 12px;
    color: var(--dark-gray-color);
}

/* a.card_style_2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    gap: 10px;
    justify-content: center;
    text-align: center;
} */

.card_list_box .card_style_2:hover {
    background-color: #F9F6FB;
}

.quickaccesspanel h4 {
    font-family: var(--var-font-bold);
    font-weight: 700;

    color: var(--dark-gray-color);
}

.quickaccesscontent {
    display: flex;
    justify-content: center;
    /* gap: 24px; */
}

.quickaccesscontent a {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    gap: 10px;
    justify-content: center;
    text-align: center;
    transition: all 0.5s ease-in-out;
    color: var(--indigo-color);
}

.quickaccesscontent a span {
    color: var(--indigo-color);
    font-family: var(--var-font-medium);
    font-weight: 500;
}

.quickaccesscontent a:hover {
    background: linear-gradient(97.46deg, #490E6F -23.65%, #8C1BD5 158.81%);
    text-decoration: none !important;
}

.quickaccesscontent a:not(.btn):hover {
    text-decoration: none !important;
}

.quickaccesscontent a:active {
    background: linear-gradient(97.46deg, #3B2B45 -23.65%, #510A7F 158.81%);
    text-decoration: none !important;
    color: var(--white-color);
}

.quickaccesscontent a:hover svg path,
.quickaccesscontent a:active svg path,
.quickaccesscontent a:hover span {
    fill: var(--white-color);
    color: var(--white-color);
}

a.seeAll {
    text-decoration: none;
    color: var(--primay-color);
    font-family: var(--var-font-bold);
    font-weight: 700;

}

a.seeAll:hover {
    background: linear-gradient(97.46deg, rgb(73, 14, 111) -23.65%, rgb(140, 27, 213) 158.81%) text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Data table */

.dashboard_vendor_master_team .datatable-header input,
.dashboard_vendor_master_team .datatable-header select {
    padding: 0.5rem;
    border: 1px solid var(--light-gray);
    border-radius: 6px;
}

.dashboard_vendor_master_team .datatable-header {
    display: flex;
    gap: 1rem;
    margin-bottom: 0;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: column;
    width: 100%;
}

.dashboard_vendor_master_team .btn-purple {
    background-color: var(--thrid-color);
    color: var(--white-color);
    border: none;
    border-radius: 20px;
    cursor: pointer;
    padding: 7px 31px;
    height: 40px;
}

.dashboard_vendor_master_team .status-approved {
    color: #008000;
    font-family: var(--var-font-bold);
    font-weight: 700;

}

.dashboard_vendor_master_team .status-rejected {
    color: #ff0000;
    font-family: var(--var-font-bold);
    font-weight: 700;

}

.dashboard_vendor_master_team .status-pending {
    color: var(--black-color);
    font-family: var(--var-font-bold);
    font-weight: 700;

}

.dashboard_vendor_master_team table.dataTable tbody td {
    vertical-align: middle;
}

.dashboard_vendor_master_team .action_label.action_label_btn {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.dashboard_vendor_master_team .table_actions {
    display: flex;
    width: 100%;
    gap: 20px;
}

.dashboard_vendor_master_team .table_actions .action_label {
    /* width: inherit; */
    width: auto;
}

.dashboard_vendor_master_team .table_actions .action_label {
    max-width: 218px;
    width: 100% !important;
    position: relative;
    /* flex: 1; */
}

.dashboard_vendor_master_team .table_actions .action_label>* {
    width: 100% !important;
}

.action_label>label {
    width: 100%;
    display: block;
    min-height: 21.01px;
}

.dashboard_vendor_master_team .action_label.actionButton {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.dashboard_vendor_master_team .btn-pri mary {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    border: none;
    border-radius: 70px;
    background-color: transparent;
    font-family: var(--var-font-bold);
    font-weight: 700;

    color: var(--white-color);
    font-size: 20px;
    width: 300px;
    background-color: var(--indigo-color);
}

.dvmt_page_content .dashboardtable .action_label .form-control,
.dvmt_page_content .dashboardtable select.form-select {
    background: transparent !important;
}

.dashboardtable .action_label .form-control,
.dashboardtable select.form-select,
.dashboardtable .action_label .select2-container,
.dashboardtable .action_label .custom-dropdown {
    border-radius: 30px !important;
    padding: 0 20px;
    font-size: 14px;
    height: 40px;
    border: 1px solid var(--light-gray);
    position: relative;
    padding-right: 35px;
}

.dashboardtable .action_label .custom-dropdown span.selected-text {
    height: 100%;
    display: flex;
    align-items: center;
}

.dashboardtable .action_label .form-control:hover,
.dashboardtable .action_label .form-control:focus,
.dashboardtable select.form-select:hover,
select.form-select:hover,
.dashboardtable select.form-select:focus,
select.form-select:focus,
.dashboardtable .action_label .select2-container:hover,
.dashboardtable .action_label .select2-container:focus {
    box-shadow: none;
    outline: none;
}

.dashboardtable .action_label .select2-container .select2-selection {
    border: none;
    line-height: 26px;
    padding: 0;
    background-color: transparent;
    border-radius: 0;
    height: 100%;
}

.dashboardtable .action_label .select2-container .select2-selection ul.select2-selection__rendered {
    height: 70%;
    position: absolute;
    display: flex;
    align-items: center;
    text-transform: capitalize;
}

.dashboardtable .action_label .select2-container .select2-selection .select2-search,
.dashboardtable .action_label .select2-container .select2-selection .select2-search textarea {
    display: block;
    height: 93%;
}

.dashboardtable .action_label .dropdown {
    padding: 0;
}

.dashboardtable .action_label .dropdown {
    padding-left: 0;
    padding-right: 0
}


.dashboardtable .action_label .dropdown button {
    background-color: transparent;
    padding: 0;
    text-transform: capitalize;
    font-family: var(--var-font-light);
    font-weight: normal;
    font-style: normal;
    height: 100%;
    line-height: 36px;
    font-size: 14px;
    padding-left: 20px;
    padding-right: 20px;
    border: none;
    border-radius: 30px;
}

.dashboardtable .action_label .dropdown button:hover,
.dashboardtable .action_label .dropdown button:active,
.dashboardtable .action_label .dropdown button:focus,
.dashboardtable .action_label .dropdown button:not(.btn-check)+.btn:active:focus-visible {
    border: none !important;
    outline: none !important;
    box-shadow: none;
    background-color: transparent !important;
    border: none !important;
    color: var(--dark-gray-color);
    border: none;
    outline: none;
    box-shadow: none;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option {
    padding: 12px;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: transparent !important;
    color: var(--indigo-color) !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable span {
    color: var(--indigo-color) !important;
}

.select2-container--default .select2-results__option input {
    margin-top: 1px;
}

.select2-container--default .select2-results__option {
    font-size: 14px;
}


body .select2-container--default .select2-selection--multiple .select2-selection__clear {
    margin-top: 0px;
}

.dashboardtable .dataTables_wrapper {
    position: relative;
    background-color: var(--white-color);
    border-radius: 20px;
    overflow: hidden;
}

.dashboardtable td.gradient-text {
    background: linear-gradient(97.46deg, #490E6F -23.65%, #8C1BD5 158.81%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: var(--var-font-bold);
    font-weight: 700;

    font-size: 12px;
    line-height: 13px;
}

.dashboardtable th input[type="checkbox"] {
    width: 16px;
    font-size: 30px;
    height: 16px;
    margin: 0px;
    vertical-align: middle;
    border-radius: 0;
}

.dashboardtable th {
    font-family: var(--var-font-bold);
    font-weight: 700;

    font-size: 12px;
    line-height: 13px;
    color: var(--light-muted-gray-color);
    background: #FDF5FA;
    height: 42px;
    padding: 10px 24px;
}

.dashboardtable th>*,
.dashboardtable th label {
    font-family: var(--var-font-bold);
    font-weight: 700;

    font-size: 12px;
    line-height: 13px;
    color: var(--light-muted-gray-color);
}

.dashboardtable div.dt-container div.dt-layout-row {
    margin-top: 0;
}

.dashboardtable div.dt-container>.dt-layout-row:first-child {
    display: none;
}

.dashboardtable td a {
    font-family: var(--var-font-bold);
    font-weight: 700;

    font-size: 12px;
    line-height: 13px;
}

.dashboardtable td {
    font-family: var(--var-font-medium);
    font-weight: 500;
    font-size: 12px;
    line-height: 13px;
    border: none;
    border-bottom: solid 1px #DFDFDF;
    height: 42px;
    padding: 0px 10px !important;
    color: var(--dark-gray-color);
}

.dashboardtable td>* {
    font-family: var(--var-font-medium);
    font-size: 12px;
    line-height: 13px;
    font-weight: 500;
    font-style: normal;
    color: var(--dark-gray-color);
}

.dashboardtable td .table-request-id,
.dashboardtable td.table-request-id {
    color: var(--dark-violet);
    cursor: pointer;
}

.dashboardtable tr:last-child td {
    border-bottom: none;
}

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

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

.table_header_section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--thrid-color);
    padding: 10px 24px;
    border-radius: 20px 20px 0px 0px;
    margin-top: 24px;
}

.dashboard-vendor-drop2 .table_header_section {
    margin-top: 24px;
}

.table_header_section button {
    color: var(--white-color);
    background: none;
    border: none;
    outline: none;
    font-family: var(--var-font-regular);
    font-weight: 400;
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.dashboardtable table#vendorTable {
    background-color: var(--white-color);
}

.table_header_section .table_header_actions {
    gap: 30px;
    display: flex;
}

.chart_header_action {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.chart_header_action .chart_action_btns {
    display: flex;
    gap: 11px;
    align-items: center;
    flex-direction: row;
    width: 40%;
    justify-content: flex-end;
}

.chart_header_action h4 {
    font-size: 16px;
    color: var(--dark-gray-color);
    font-family: var(--var-font-bold);
    font-weight: 700;

}

.vendor_metrics_summary select.form-select {
    width: 30%;
    height: 40px;
    border-radius: 100px;
    font-size: 14px;
}

.dashboardChart .card_style_2 {
    border-radius: 20px;
    background-color: var(--white-color);
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.datatablecontentsection {
    background-color: #F5F3FD;
    padding: 40px;
    border-radius: 20px;
    /* margin-top: 30px; */
}

.dashboard_vendor_master_team .custom-checkbox-input {
    width: 16px;
    height: 16px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid var(--indigo-color);
    border-radius: 0;
    cursor: pointer;
    background-color: var(--white-color);
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}

.dashboard_vendor_master_team .custom-checkbox-input:checked::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 5px;
    width: 4px;
    height: 8px;
    border: solid var(--indigo-color);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.dashboardtable th,
.dashboardtable td {
    text-align: center !important;
}

/* table.dataTable>tbody>tr>th,
table.dataTable>tbody>tr>td {
    padding: 0 !important;
} */

table.dataTable>thead>tr>th,
table.dataTable>thead>tr>td {
    padding: 0 10px !important;
}

.chart_action_btns select {
    width: fit-content;
    padding: .375rem 2.25rem .375rem .75rem;
    font-size: 12px;
    font-family: var(--var-font-medium);
    font-weight: 500;
}

.dashboardChart .chart_header_action .select2-container {
    width: 30% !important;
}

.dashboardChart .select-actions {
    width: 60%;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.dashboardChart .chart_action_btns .btn-purple {
    font-size: 12px;
    padding: 9px 13.5px;
    font-family: var(--var-font-medium);
    font-weight: 500;
}

/* date picker */

.daterangepicker.ltr.show-calendar.opensright {
    width: 272px !important;
}

.daterangepicker .calendar-table tr:first-child th:nth-child(3) {
    display: none !important;
}

.daterangepicker .drp-calendar.left {
    clear: none !important;
    width: 100% !important;
    padding: 0px !important;
}

.daterangepicker .drp-calendar.right {
    padding: 8px;
    display: none !important;
}

.daterangepicker select.yearselect {
    width: 40%;
    display: none !important;
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
    font-family: var(--var-font-bold);
    font-weight: 700;

    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: center;
    border: none;
}

.daterangepicker .drp-selected {
    display: none !important;
}

.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
    width: 84px;
    height: 33px;
    line-height: 24px;
    font-size: 16px;
    border-radius: 4px;
}

.daterangepicker td.end-date {
    border-radius: 0 14px 14px 0 !important;
}

.daterangepicker td.start-date {
    border-radius: 14px 0 0 14px !important;
}

.daterangepicker .calendar-table th {
    font-family: var(--var-font-regular) !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 16px !important;
    letter-spacing: 0px !important;
    text-align: center !important;
    color: #6D7175 !important;
}


/* Disable styling */
.YearofIncorporation #questionarysecthree select[disabled] {
    pointer-events: none;
    opacity: 0.6;
    background-color: #e9ecef;
}

/* Round checkbox styling */
.YearofIncorporation #questionarysecthree .custom-checkbox-label {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid var(--light-grayish-blue-color);
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    margin-right: 8px;
}

/* Inner filled circle when checked */
.YearofIncorporation #questionarysecthree .custom-checkbox-label::after {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 10px;
    height: 10px;
    background-color: var(--light-grayish-blue-color);
    border-radius: 50%;
    display: none;
}

/* Show inner circle when checkbox is checked */
.YearofIncorporation #questionarysecthree .custom-checkbox:checked+.custom-checkbox-label::after {
    display: block;
}

.YearofIncorporation #questionarysecthree .form-check {
    display: flex;
    position: relative;
    align-items: center;
}

.YearofIncorporation .secconteninputs .custom-checkbox {
    position: absolute;
    width: 20px;
    top: -1px;
    left: 0;
    height: 17px;
    opacity: 0;
}

/* vendor-approvar page */
.form-input-data.form-select-data.frm-data-size {
    width: 40%;
}


/* latest changes done  */
.vendor-registration-preview .section_trade_license:last-child:before {
    display: none;
}

div#SenctionScreeningInformation:before {
    display: none;
}

.tc-title.title-red {
    text-decoration: underline;
    color: #ff2222;
}

.text_underline {
    text-decoration: underline;
    color: #ff2222;
}

.error {
    display: flex;
    align-items: center;
    color: var(--dark-red-color);
    font-size: 14px;
    margin-top: 4px;
}


/* update css */

/* Drop -2 css */
.mb-24 {
    margin-bottom: 24px;
}

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

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

@media (max-width: 767px) {
    .mb-24-767 {
        margin-bottom: 12px;
    }
}

.card-right-details h6 {
    color: var(--indigo-color);
    font-size: 13px;
    line-height: 12px;
    font-family: var(--var-font-medium);
    font-weight: 500;
    text-align: right;
}

.card-right-details h5 {
    color: var(--dark-gray-color);
    font-size: 16px;
    line-height: 12px;
    font-family: var(--var-font-bold);
    font-weight: 700;

    text-align: right;
}

.card-right-details .recently-view {
    color: var(--indigo-color);
    font-size: 12px;
    line-height: 12px;
    font-family: var(--var-font-medium);
    font-weight: 500;
    text-align: right;
}

.card-right-details p.font-14 {
    font-size: 14px;
    font-family: var(--var-font-bold);
    font-weight: 700;

    margin-top: 4px;
    color: var(--dark-gray-color);
}

.table_heading_title {
    /* background: var(--shade-head_megnent); */
    background: var(--thrid-color);
    padding: 9px 17px;
    border-radius: 10px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    width: 100%;
    display: block;
}

.table_heading_title h4 {
    /* background: var(--light-violet-color);
    background: linear-gradient(97.46deg, #490E6F -23.65%, #8C1BD5 158.81%);
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent; */
    margin: 0;
    color: var(--white-color);
    background: transparent;
    -webkit-text-fill-color: white;
    font-family: var(--var-font-medium);
    font-weight: 500;
}

.dashboardtable.card_style_2 {
    background-color: var(--white-color);
    border-radius: 20px;
}

/* .dashboardtable.card_style_2 .datatablecontentsection{background-color: transparent; padding: 0; border-radius: 0;} */
.table-head-action {
    display: flex;
    gap: 16px;
    align-items: center;
}

.table-head-action a,
.table-head-action a:hover,
.table-head-action a:focus {
    color: var(--white-color);
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
}

.filter-order-master .table_actions {
    align-items: center;
    padding: 0px 8.5px;
}

.filter-order-master .table_actions .btn-purple {
    white-space: nowrap;
}

.card-box-gray {
    display: flex;
    align-items: stretch;
    gap: 20px;
    padding: 0px 20px;
}

.card-box-gray .card {
    background: #f9f6fb;
    padding: 20px;
    border-radius: 20px;
    height: 100%;
    flex: 1;
}

.card-box-gray .card p {
    color: var(--indigo-color);
    font-size: 12px;
    font-family: var(--var-font-medium);
    font-weight: 500;
}

.card-box-gray .card h4 {
    font-size: 20px;
    font-family: var(--var-font-bold);
    font-weight: 700;

}

.action-button-modal .btn {
    max-width: 165px;
    width: 100%;
    justify-content: center;
    padding: 6px 12px;
    font-family: var(--var-font-medium);
    font-weight: 500;
}

.action-button-modal .btn:disabled {
    background-color: #ECE3F2;
    color: #adadad;
}

.modal-purchase-details-view .modal-dialog {
    max-width: 970px;
}

.modal_custom_date .modal-dialog {
    max-width: 500px;
}

.modal_custom_date .modal-dialog .modal-header {
    padding: 0 20px;
}

.modal-header {
    border: none;
    font-size: 24px;
    padding: 0px 50px;
}

.text-purple {
    color: var(--thrid-color) !important;
}

.text-primary {
    color: var(--primay-color) !important;
}

.text-green {
    color: var(--green-color);
}

.modal-purchase-details-view .modal-body {
    padding: 0 30px;
}

.modal-purchase-details-view h1 {
    font-size: 20px;
    font-family: var(--var-font-bold);
    font-weight: 700;

    color: var(--dark-gray-color);
}

.delivered_note .h2.welcome_text_two {
    font-size: 20px;
}

.delivered_note .font-14 {
    font-size: 14px;
    color: var(--dark-gray-color);
}

.card_light_primary {
    background-color: #fbf9fc;
}

.red-color {
    color: var(--red-color);
}

.upload_delivery_note {
    padding: 16px 32px
}

.invoice_details_notes .table_header_section {
    border-radius: 12px 12px 0px 0px;
}

.card_light_delivery_note h4 {
    font-size: 18px;
    color: var(--dark-gray-color);
    font-family: var(--var-font-medium);
    font-weight: 500;
}

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

.card_light_delivery_note h4 span {
    font-family: var(--var-font-medium);
    font-weight: 500;
    /* line-height: 100%; */
    line-height: normal;
    letter-spacing: 0%;
    text-align: center;
    color: var(--dark-gray);

}

/* .card_light_delivery_note table tr th:last-child,
.card_light_delivery_note table tr td:last-child {
    text-align: right !important;
} */

/* .card_light_delivery_note table tr th:first-child,
.card_light_delivery_note table tr:last-child td:first-child {
    text-align: left !important;
} */

.card_light_delivery_note table tr:last-child td.dt-empty:first-child {
    text-align: center !important;
}

.grn_nodata {
    flex-direction: column;
    gap: 20px;
    padding: 60px 30px;
    height: 100%;
}

.grn_nodata h2 {
    color: var(--light-muted-gray-color);
    font-size: 30px;
    line-height: 22px;
}

.grn_nodata h4 {
    color: var(--light-muted-gray-color);
    font-size: 22px;
    line-height: 50px;
}

.grn_vendor_master_team .grn-good-received h3 {
    font-size: 18px;
    font-family: var(--var-font-bold);
    font-weight: 700;

    margin: 0;
}

.grn_vendor_master_team .grn-good-received p.p_title {
    font-size: 14px;
    font-family: var(--var-font-medium);
    font-weight: 500;
    margin: 0;
    margin-bottom: 10px;
}

.grn_details_vendor_master_team table tbody tr td {
    border: none !important;
    background-color: var(--triadic-colors);
}

.grn_details_vendor_master_team table tbody tr:last-child td {
    border-top: solid 2px var(--triadic-colors) !important;
}

.light-head {
    width: 100%;
    background-color: var(--thrid-color);
    padding: 9px 17px;
    border-radius: 10px;
}


.light-head.border-radius-bottom-0 {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.vendor-master-teams-preview .light-head p {
    font-family: var(--var-font-bold);
    font-weight: 700;

    font-size: 14px;
    margin: 0;
    color: var(--thrid-color);
}

.light-head p{
    font-family: var(--var-font-bold);
    font-weight: 700;
    font-size: 14px;
    margin: 0;
    color: var(--white-color);
}

.submitted_date_head {
    background-color: #f4eafa;
    border-radius: 10px;
    max-width: 172px;
    width: 100%;
    padding: 11px 17px;
    display: flex;
    justify-content: end;
    margin: 0px 0;
    flex-direction: column;
    margin-left: auto;
}

.submitted_date_head p {
    font-size: 10px !important;
    font-family: var(--var-font-medium);
    font-weight: 500;
    color: var(--dark-gray-color);
}

.submitted_date_head h4 {
    font-size: 14px;
    font-family: var(--var-font-bold);
    font-weight: 700;

    color: var(--dark-gray-color);
    margin-bottom: 0;
    margin-top: 2px;
}

.invoice_form_details {
    background-color: var(--triadic-colors);
}

.invoice_form_details .form-inline {
    margin-bottom: 12px;
}

.invoice_form_details .form-inline label {
    max-width: 112px;
    font-size: 12px;
    width: 100%;
    font-family: var(--var-font-medium);
    font-weight: 500;
}

.invoice_form_details .form-inline input {
    max-width: 246px;
    width: 100%;
    background-color: transparent;
    font-family: var(--var-font-medium);
    font-weight: 500;
    border: none;
    border-bottom: solid 1px #edeaea;
    font-size: 13px;
}

.invoice_form_details .form-inline input:focus,
.invoice_form_details .form-inline input:hover {
    outline: none;
}

.btn_canclled {
    background-color: #eae1f0;
    color: var(--thrid-color);
    font-family: var(--var-font-regular);
    font-weight: 400;
    font-size: 14px;
    height: 42px;
    border-radius: 30px;
    width: 133px;
}

.btn_canclled:hover,
.btn_canclled:focus {
    background-color: var(--thrid-color);
    color: var(--white-color);
}

.text_megenta {
    color: var(--megenta-color)
}

a.text_megenta:hover,
.text_megenta:focus {
    color: var(--megenta-color);
}

.table-with-title-desc h3 {
    font-size: 18px;
    font-family: var(--var-font-bold);
    font-weight: 700;

    margin-bottom: 0;
}

.table-with-title-desc p {
    font-size: 14px;
    font-family: var(--var-font-medium);
    font-weight: 500;
}

.invoice-details-status {
    background-color: #e4f5e8;
    padding: 4px 17px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.invoice-details-status span {
    color: var(--shade-green-color);
    font-size: 12px;
}

.invoice-details-status img {
    width: 13px;
    height: 13px;
}

.invoice_vendor_master_team .card_style_2 .card-box-gray .card p {
    font-size: 14px;
    font-family: var(--var-font-medium);
    font-weight: 500;
}

.invoice_vendor_master_team .card_style_2 .page_title_text h2.welcome_text_two {
    background: var(--light-violet-color);
    background: linear-gradient(to right, #8C1BD5 0%, #490E6F 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 20px;
    font-family: var(--var-font-bold);
    font-weight: 700;

    margin-bottom: 12px;
}

.invoice_vendor_master_team .card_style_2 .page_title_text p {
    font-weight: var(--var-font-medium);
    font-size: 15px;
    color: #9b9191;
    margin-bottom: 0;
}

.rejected_feedback .rejected_feedback_message {
    background-color: #fbf3f3;
    padding: 8px 17px;
    border-radius: 0 0 10px 10px;
}

.rejected_feedback .light-head {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.rejected_feedback .rejected_feedback_message p {
    font-size: 14px;
    margin-bottom: 0px;
    color: var(--red-color);
}

.hidden {
    display: none;
}

.invoice_vendor_master_team .card_style_2 .page_title_text h2.welcome_text_two.red-color {
    color: var(--red-color);
}

.invoice_vendor_master_team .card_style_2 .page_title_text h2.welcome_text_two.text-green {
    color: var(--green-color);
}

.invoice_vendor_master_team .card_style_2 .page_title_text h2.welcome_text_two.text-green,
.invoice_vendor_master_team .card_style_2 .page_title_text h2.welcome_text_two.red-color {
    background-color: transparent;
    background: transparent;
    -webkit-background-clip: inherit;
    -webkit-text-fill-color: inherit;
}

.invoice_vendor_master_team .card_light_delivery_note h4 {
    color: var(--thrid-color);
}

.invoice_vendor_master_team .card_light_delivery_note p {
    color: var(--dark-gray-color);
    font-size: 14px;
}

/* active customer list */
.dashboardtable.table_light_blue_section table tbody tr td,
.dashboardtable tbody td {
    background-color: var(--triadic-colors);
}

.dashboardtable.table_light_blue_section table tbody tr td:first-child {
    padding: 0px 0;
    /* padding-left: 3.2rem; */
}

.dashboardtable.table_light_blue_section .table_actions .action_label:last-child button {
    font-size: 12px;
    font-family: var(--var-font-bold);
    font-weight: 700;

}

.dashboardtable tr th:first-child {
    /* text-align: left !important; */
    padding-left: 7px;
    min-width: 60px;
}

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

.dashboardtable tr th input.form-check-input[type="checkbox"]:checked,
.dashboardtable tr td input.form-check-input[type="checkbox"]:checked {
    background: url(/dropdown-down-arrow.png), linear-gradient(97.46deg, #490E6F -23.65%, #8C1BD5 158.81%);
    border-color: var(--indigo-color);
}

.dashboardtable tr th input.form-check-input[type="checkbox"]:focus,
.dashboardtable tr td input.form-check-input[type="checkbox"]:focus {
    border-color: #d791ff;
    box-shadow: 0 0 0 .25rem rgba(65, 2, 102, .25);
}

.dashboardtable tr th input.form-check-input[type="checkbox"],
.dashboardtable tr td input.form-check-input[type="checkbox"] {
    width: 16px;
    height: 16px;
    border-radius: 0px;
    border: solid 1.5px var(--indigo-color);
    background-color: transparent;
}

.dashboardtable tr td input.form-check-input[type="checkbox"] {
    margin-left: 25px;
}

.dashboardtable tr th .form-check label {
    margin-right: 5px;
    color: var(--light-muted-gray-color);
    font-size: 12px;
    font-family: var(--var-font-bold);
    font-weight: 700;

}

.dashboardtable tr th .form-check {
    display: flex;
    align-items: center;
}

.dashboardtable.table_light_blue_section .table_heading_title h4 {
    color: var(--white-color);
    /* background: transparent;
    -webkit-text-fill-color: inherit; */
    font-family: var(--var-font-bold);
    font-weight: 700;

}

.dashboard-vendor-drop2 .action_label .label {
    font-size: 12px;
    font-family: var(--var-font-bold);
    font-weight: 700;

}

.dashboard-vendor-drop2 .action_label .form-control,
.dashboard-vendor-drop2 .action_label .form-select {
    font-size: 14px;
    font-family: var(--var-font-bold);
    font-weight: 700;

}

.dashboard-vendor-drop2 .table_header_section h4 {
    font-size: 16px;
    font-family: var(--var-font-bold);
    font-weight: 700;

}

.action_label .dropdown {
    padding: 0;
}

.dashboardtable .bootstrap-select .dropdown-menu.inner {
    background-color: transparent;
}

.dashboardtable .dropdown-menu>li>a {
    color: var(--dark-gray-color);
}

.dropdown-menu {
    padding-bottom: 0;
}

.dashboardtable .dropdown-menu>li>a:hover,
.dashboardtable .dropdown-menu>li>a:focus,
body .dashboardtable .dropdown-menu>li.active>a.dropdown-item {
    background-color: var(--thrid-color);
    color: var(--white-color) !important;
}

body .dashboardtable .dropdown-menu>li.active>a.dropdown-item span {
    color: var(--white-color)
}

body .dashboardtable .dropdown-menu>li:last-child>a.dropdown-item {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.dashboardtable .dropdown-menu>li>a {
    font-size: 14px;
    font-family: var(--var-font-medium);
    font-weight: 500;
    font-style: normal;
}

.dashboardtable .dropdown-menu>li>a:hover span,
.dashboardtable .dropdown-menu>li>a:focus span {
    color: var(--white-color);
}

.bootstrap-select .dropdown-menu.show {
    border-radius: 20px;
    max-width: 249px;
    height: auto;
}

.bootstrap-select .dropdown-menu li a span.text {
    white-space: pre-wrap;
}

body table.dataTable.stripe>tbody>tr:nth-child(odd)>*,
body table.dataTable.display>tbody>tr:nth-child(odd)>* {
    box-shadow: none;
    background-color: var(--triadic-colors);
}

body table.dataTable.hover>tbody>tr:hover>*,
body table.dataTable.display>tbody>tr:hover>*,
body table.dataTable.stripe>tbody>tr:hover:nth-child(odd)>*,
body table.dataTable.display>tbody>tr:hover:nth-child(odd)>* {
    box-shadow: inset 0 0 0 9999px #F0E3F8 !important;
}


/* navbar css */
.vandor_header.vendor_nav_header .collapse.navbar-collapse {
    justify-content: end;
}

.vandor_header.vendor_nav_header .header_content {
    padding: 0;
}

.vandor_header.vendor_nav_header .sidemenu_main {
    margin-left: 40px;
}

.vandor_header.vendor_nav_header .sidemenu_main ul {
    display: flex;
    align-items: center;
    margin: 0;
}

.vandor_header.vendor_nav_header .sidemenu_main ul li {
    list-style: none;
}

.vandor_header.vendor_nav_header .sidemenu_main ul li.nav-item-divider {
    margin-left: 10px;
    margin-right: 10px;
}

.vandor_header.vendor_nav_header,
.vandor_header.vendor_nav_header nav.navbar {
    padding: 0;
}

.vandor_header.vendor_nav_header .header_content .logo_section h4 {
    margin: 0;
}

.vandor_header.vendor_nav_header nav.navbar .collapse>.navbar-nav {
    display: flex;
    align-items: center;
    gap: 25px;
}

.vandor_header.vendor_nav_header nav.navbar .collapse>.navbar-nav>li {
    transition: all ease-in-out .2s;
    border: none;
    position: relative;
}

.vandor_header.vendor_nav_header nav.navbar .collapse>.navbar-nav>li:hover {
    border: none;
}

.vandor_header.vendor_nav_header nav.navbar .collapse>.navbar-nav>li::after {
    content: '';
    position: absolute;
    width: 0px;
    height: 2px;
    left: 50%;
    bottom: 0;
    background-color: white;
    transition: all ease-in-out .2s;
}

.vandor_header.vendor_nav_header nav.navbar .collapse>.navbar-nav>li:hover::after {
    width: 100%;
    left: 0;
}

.vandor_header.vendor_nav_header nav.navbar .collapse>.navbar-nav>li>a:hover,
.vandor_header.vendor_nav_header nav.navbar .collapse>.navbar-nav>li>a:active,
.vandor_header.vendor_nav_header nav.navbar .collapse>.navbar-nav>li>a:focus {
    text-decoration: none !important;
}

.vandor_header.vendor_nav_header nav.navbar .navbar-nav>li>a,
.vandor_header.vendor_nav_header .sidemenu_main ul>li>a {
    padding: 31px .5rem;
    color: var(--white-color);
    margin-left: 0;
    font-size: 15px;
    font-family: var(--var-font-medium);
    font-weight: 500;
    display: inline-flex;
    align-items: center;
}

.vandor_header.vendor_nav_header .sidemenu_main ul>li>a>img {
    width: 20px;
}

.vandor_header.vendor_nav_header nav.navbar .collapse>.navbar-nav>li>a {
    border-bottom: solid 2px var(--indigo-color);
    display: flex;
    align-items: center;
    line-height: 25px;
}

.vandor_header.vendor_nav_header nav.navbar .collapse>.navbar-nav>li.active>a {
    border-bottom: solid 2px var(--white-color);
}

.vandor_header.vendor_nav_header nav.navbar .collapse>.navbar-nav>li>a>img {
    margin-left: 10px;
    margin-top: 4px;
}

.vandor_header.vendor_nav_header nav.navbar .navbar-nav>li.dropdown .dropdown-menu {
    height: auto;
    width: auto;
    overflow-y: unset;
    margin-top: -13px;
    padding: 0;
    border: none;
    border-radius: 6px;
    left: 50%;
    transform: translateX(-50%);
    border: solid 1px #ECECF4;
    ;
}

.vandor_header.vendor_nav_header nav.navbar .navbar-nav>li.dropdown .dropdown-menu .dropdown-item {
    text-align: center;
    padding: 14px 0.5rem;
    font-size: 12px;
    font-weight: 500;
    font-family: var(--var-font-medium);
    /* font-family: var(--var-font-medium); */
    border-bottom: solid 1px #ECECF4;
}

.vandor_header.vendor_nav_header nav.navbar .navbar-nav>li.dropdown .dropdown-menu .dropdown-item:hover,
.vandor_header.vendor_nav_header nav.navbar .navbar-nav>li.dropdown .dropdown-menu .dropdown-item:focus,
.vandor_header.vendor_nav_header nav.navbar .navbar-nav>li.dropdown .dropdown-menu .dropdown-item:active {
    background-color: var(--light-blue-magenta-color);
    color: rgb(73, 14, 111);
    text-decoration: none !important;

}

.vandor_header.vendor_nav_header nav.navbar .navbar-nav>li.dropdown .dropdown-menu .dropdown-item:first-child {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.vandor_header.vendor_nav_header nav.navbar .navbar-nav>li.dropdown .dropdown-menu .dropdown-item:last-child {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border: none;
}

.vandor_header.vendor_nav_header nav.navbar .sidemenu_main .navbar-nav>li.dropdown .dropdown-menu {
    left: inherit;
    transform: translate(-80%, 0%);
}

.vandor_header.vendor_nav_header nav.navbar .sidemenu_main .navbar-nav>li.dropdown .dropdown-menu .dropdown-item {
    text-align: left;
    padding: 12px 1.5rem;
    font-size: 12px;
}

/* Tootltips */

.tooltip-container {
    position: relative;
    display: inline-block;
    cursor: pointer;
    font-family: var(--var-font-bold);
    font-weight: 700;

}

.tooltip-text {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease;
    position: absolute;
    bottom: 130%;
    /* place above the element */
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    background: linear-gradient(97.46deg,
            rgba(73, 14, 111, 0.3) -23.65%,
            rgba(140, 27, 213, 0.3) 158.81%);
    border-radius: 12px;
    color: var(--dark-gray-color);
    text-align: center;
    width: 197px;
    font-size: 10px;
    padding: 2px;
}

.tooltip-text .tooltip-text-details {
    background-color: var(--white-color);
    padding: 12px;
    border-radius: 12px;
}

.tooltip-container:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}

.tooltip-text::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #d6b9e8 transparent transparent transparent;
    border-top: 12px solid #d6b9e8;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

/* Notification */

.card_list {
    background: #fafafa;
    border-radius: 10px;
    padding: 16px 12px;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    box-shadow: none;
    width: 100%;
    max-width: 100vw;
    margin-bottom: 12px;
}

.card_list .card_row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
}

.card_list .card_title {
    font-family: var(--var-font-medium);
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 12px;
    margin-top: 0;
    color: var(--dark-gray-color);
}

.card_list .card_link {
    color: var(--primay-color);
    font-family: var(--var-font-medium);
    font-weight: 500;

    font-size: 14px;
    text-decoration: none;
    margin-left: 16px;
    margin-top: 2px;
    white-space: nowrap;
    cursor: pointer;
    transition: text-decoration 0.2s;
}

.card_list .card_link:hover {
    text-decoration: underline;
}

.card_list .card_desc_row {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
}

.card_list .card_desc {
    font-size: 14px;
    color: var(--dark-gray-color);
    font-weight: 400;
    font-family: var(--var-font-regular);
    margin: 0;
}

.card_list .card_desc span {
    font-weight: 500;
    font-family: var(--var-font-medium);
}

.card_list .card_desc strong {
    font-weight: 500;
    font-family: var(--var-font-medium);
}

.card_list .card_date {
    color: #A69D9D;
    font-size: 12px;
    font-family: var(--var-font-medium);
    font-weight: 500;
    /* margin-left: 16px; */
    white-space: nowrap;
}

/* .dashboard-vendor-drop2 .card_style_2{padding: 32px;} */
.dashboard-vendor-drop2 .table_heading_title h4 {
    font-size: 14px;
}

.dashboard-vendor-drop2 label.form-label {
    font-size: 12px;
    font-family: var(--var-font-bold);
    font-weight: 700;

}

.dashboard-vendor-drop2 .dashboardtable table tbody tr:hover td {
    background-color: var(--light-blue-magenta-color);
}

/* img.support_icon {
    position: absolute;
    right: 60px;
    transform: translateY(-124%);
    z-index: 1;
} */

.btn-close {
    padding: .25em .25em !important;
    color: #231F20 !important;
    opacity: .5 !important;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat !important;
    margin-top: 13px !important;
    font-size: 13px;
}

.btn-close img[src="/exit-2.png"] {
    display: none;
}

.dashboard-vendor-drop2 .quickaccesscontent {
    gap: 22px;
    flex-wrap: wrap;
}

.dashboard-vendor-drop2 .quickaccesscontent a {
    flex: 0 0 214px;
}

/* body .litepicker .container__days .day-item {
    color: var(--dark-gray-color);
} */

body .litepicker .container__days .day-item:hover {
    color: var(--indigo-color);
    -webkit-box-shadow: inset 0 0 0 1px var(--indigo-color);
    box-shadow: inset 0 0 0 1px var(--indigo-color)
}

body .litepicker .container__days .day-item.is-start-date {
    background-color: var(--indigo-color);
    color: var(--white-color);
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
}

body .litepicker .container__days .day-item.is-in-range {
    background-color: #F2F7FE;
    color: var(--dark-gray-color);
}

body .litepicker .container__days .day-item.is-end-date {
    background-color: var(--indigo-color);
    color: var(--white-color);
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
}

.dropdown-options {
    border-color: #E0E0E0;
    font-size: 14px;
    border-radius: 15px;
}

.mypurchase_vendor_master_team .card_style_2 .info_text_title h4 {
    font-size: 16px;
}

.mypurchase_vendor_master_team .card_style_2 .info_text_title .seeAll {
    font-size: 12px;
}

/* .mypurchase_vendor_master_team .row>*{
    padding-left: 4px;
    padding-right: 4px;
} */

.modal-content {
    border-radius: 20px;
}

.progress.progressbar_file_att_upload {
    height: 9px;
    background-color: #baaac4;
    margin-top: 20px;
}

.progress.progressbar_file_att_upload .progress-bar {
    background-color: #7200BB;
}

body .litepicker .button-previous-month,
body .litepicker .button-next-month {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

body .litepicker .button-previous-month svg,
body .litepicker .button-next-month svg {
    opacity: 0;
}

body .litepicker .button-previous-month {
    background-image: url(/calendar-arrow-left.svg) !important;
}

body .litepicker .button-next-month {
    background-image: url(/calendar-arrow-right.svg) !important;
}

body .litepicker>* {
    font-family: var(--var-font-regular);
    font-weight: 400;
}

body .litepicker .month-item-name,
body .litepicker .month-item-year {
    font-family: var(--var-font-medium);
    font-weight: 500;
    font-size: 16px;
    color: #202223;
}

body .litepicker .month-item-weekdays-row>* {
    font-size: 12px !important;
    color: #6D7175;
    font-family: var(--var-font-medium);
    font-weight: 500;
}

body .litepicker .container__days .day-item {
    color: #202223;
    font-size: 14px !important;
}

.dashboardtable.no_checkbox_table th,
.dashboardtable.no_checkbox_table td,
.dashboardtable.no_checkbox_table tr th:first-child {
    padding: 10px 24px;
}

.dashboardtable.no_checkbox_table tr th:first-child {
    text-align: center !important;
}

.no_bg {
    background-color: transparent !important;
}

.table_header_magnent {
    background-color: var(--shade-head_megnent);
}

.table_header_section.table_header_magnent h4.title_16 {
    color: var(--thrid-color);
}

.delivery_details_vendor_master_team .h_title {
    font-size: 16px;
}

/* .delivery_details_vendor_master_team */
body div.dt-container .dt-paging .dt-paging-button {
    font-size: 16px;
    padding: 0;
}

body div.dt-container .dt-paging .dt-paging-button.current,
div.dt-container .dt-paging .dt-paging-button.current:hover,
div.dt-container .dt-paging .dt-paging-button:hover {
    background: var(--indigo-color);
    color: var(--white-color) !important;
}

body div.dt-container .dt-paging .dt-paging-button:hover {
    background: var(--indigo-color-700) !important;
    border-color: var(--indigo-color-700) !important;
}


/* My Profile */
.contact-card {
    border-radius: 1rem;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    padding: 30px 49px;
    background-color: var(--white-color);
}

.avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #d8e6ff;
    display: flex;
    align-items: center;
    justify-content: center;
    /* font-weight: bold; */
    font-family: var(--var-font-bold);
    font-weight: 700;

    font-size: 18px;
    color: #333;
}

.tag {
    background: #f3d9e3;
    color: #5a2a6e;
    font-size: 12px;
    border-radius: 12px;
    padding: 2px 8px;
    margin-left: 8px;
}

.icon-purple {
    color: #5a2a6e;
}

.btn-purple {
    background-color: #3a0066;
    color: var(--white-color);
    border-radius: 50px;
    padding: 6px 18px;
}

.btn-purple:hover {
    background-color: #2b004d;
    color: var(--white-color);
}

.view-contacts {
    color: #c2185b;
    font-size: 14px;
}

.progress-container {
    background: var(--white-color);
    border-radius: 20px;
    padding: 2rem 1.5rem;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    /* max-width: 320px; */
}

.progress-title {
    text-align: center;
    font-family: var(--var-font-bold);
    font-weight: 700;

    /* font-style: Bold; */
    font-size: 16px;
    /* leading-trim: NONE; */
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 30px;
}

/* Circular Progress */
.circular-progress {
    --progress: 0;
    /* start at 0% */
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: conic-gradient(#378B4E 0% var(--progress),
            #D9D9D9 var(--progress) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
    animation: load-progress 2s forwards;
    /* animate 0 -> 75 */
}

.circular-progress span {
    background: var(--white-color);
    border-radius: 50%;
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6f42c1;
    font-weight: 700;
    font-size: 24px;
}

/* Keyframes for animating progress */
@keyframes load-progress {
    from {
        --progress: 0%;
    }

    to {
        --progress: 75%;
        /* showcase value */
    }
}


.important-alert,
.none_important_alert {
    color: #A22720;
    padding: 13px 26px;
    border-radius: 20px;
    margin-bottom: 1rem;
    font-family: var(--var-font-bold);
    font-weight: 700;

    /* font-style: Bold; */
    font-size: 16px;
    /* leading-trim: NONE; */
    line-height: 100%;
    letter-spacing: 0%;
    vertical-align: middle;
    display: flex;
    align-items: center;
}

.important_alert_bg {
    background: #FCDFF2;
}

.important-alert strong,
.none_important_alert strong {
    color: #A22720;
}

.none_important_alert {
    background-color: var(--white-color);
}

.important-alert img {
    width: 16px;
    height: 16px;
    margin-right: 6px;
}

ul.list-unstyled.nav-pills li {
    /* font-size: 14px; */
    display: flex;
    align-items: center;
    margin-bottom: 6px;
    font-family: var(--var-font-medium);
    font-weight: 500;
    /* font-style: Medium; */
    font-size: 16px;
    /* leading-trim: NONE; */
    line-height: 22px;
    letter-spacing: 0%;
    vertical-align: middle;
    color: var(--dark-gray);
    padding: 10px 26px;
    border-radius: 20px;
    width: 100%;
    cursor: pointer;
}

ul.list-unstyled.nav-pills li.active {
    background-color: #DDFBE5;
    color: var(--dark-gray);
}

ul.list-unstyled li img {
    width: 14px;
    height: 14px;
    margin-right: 6px;
}

.contact-initial {
    width: 70px;
    height: 70px;
    /* font-weight: 600; */
    font-size: 18px;
    border: 6px solid #D5E3FD;
    background: #AFC9FA;
    font-family: var(--var-font-bold);
    font-weight: 700;

    font-size: 20px;
    line-height: 22px;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #073DA3;
}

.contact-card .badge,
.alert-header .badge {
    background: #FCE9F5;
    font-family: var(--var-font-bold);
    font-weight: 700;

    /* font-style: Bold; */
    font-size: 10px;
    /* leading-trim: NONE; */
    line-height: 22px;
    letter-spacing: 0%;
    vertical-align: middle;
    color: var(--dark-gray);
    border-radius: 30px;
}

.contact-card h6 {
    font-family: var(--var-font-medium);
    font-weight: 500;

    /* font-style: Bold; */
    font-size: 18px;
    /* leading-trim: NONE; */
    line-height: 24px;
    letter-spacing: 0%;
    vertical-align: middle;

}

.contact-card p {
    font-family: var(--var-font-medium);
    font-weight: 500;
    /* font-style: Medium; */
    font-size: 12px;
    /* leading-trim: NONE; */
    line-height: 22px;
    letter-spacing: 0%;
    vertical-align: middle;
    color: var(--dark-gray);
    display: flex;
    align-items: center;
    gap: 6px;

}

.contact-card .other_contact p {
    line-height: normal;
    margin-bottom: 10px;
}

.comapny_details {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.comapny_details h6 {
    font-family: var(--var-font-medium);
    font-weight: 500;
    /* font-style: Medium; */
    font-size: 12px;
    /* leading-trim: NONE; */
    line-height: 18px;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #9B9191;
    text-align: left;
}

.comapny_details .comapny_sub_title {
    font-family: var(--var-font-medium);
    font-weight: 500;

    /* font-style: Bold; */
    font-size: 12px;
    /* leading-trim: NONE; */
    line-height: 18px;
    letter-spacing: 0%;
    vertical-align: middle;
    color: var(--dark-gray);
    text-align: left;
}

.btn_addnote {
    background-color: var(--indigo-color);
    color: var(--white-color);
    font-family: var(--var-font-medium);
    font-weight: 500;
    /* font-style: Medium; */
    font-size: 13px;
    /* leading-trim: NONE; */
    line-height: 22px;
    letter-spacing: 0%;
    vertical-align: middle;
    min-width: 131px;
    padding: 8;
}

.btn_addnote:hover,
.btn_addnote:focus,
.btn_addnote:active {
    opacity: 0.9;
    background-color: var(--indigo-color);
    color: var(--white-color);
}

.contact-card .view_all_contacts,
.license-card .view_more {
    font-family: var(--var-font-bold);
    font-weight: 700;

    /* font-style: Bold; */
    font-size: 11px;
    /* leading-trim: NONE; */
    line-height: 23px;
    letter-spacing: 0%;
    vertical-align: middle;
    /* font-variant-numeric-figure: oldstyle-nums;
font-variant-numeric-spacing: proportional-nums; */

}

.license-card {
    background: var(--white-color);
    border-radius: 20px;
    padding: 32px 45px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    max-width: 850px;
    margin: 0rem auto;
}

.alert-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.alert-header h6 {
    display: flex;
    align-items: center;
    /* font-weight: 600; */
    color: var(--dark-gray);
    font-family: var(--var-font-bold);
    font-weight: 700;

    /* font-style: Bold; */
    font-size: 16px;
    /* leading-trim: NONE; */
    line-height: 100%;
    letter-spacing: 0%;
    vertical-align: middle;
}

.alert-header img {
    width: 18px;
    height: 18px;
    margin-right: 6px;
}

.renew-btn {
    font-family: var(--var-font-medium);
    font-weight: 500;
    /* font-style: Medium; */
    font-size: 13px;
    /* leading-trim: NONE; */
    line-height: 22px;
    letter-spacing: 0%;
    vertical-align: middle;
    color: var(--white-color);
    background-color: #DA5044;
    padding: 8px 12.5px;
    border-radius: 30px;
    border: none;
    min-width: 106px;
}

.renew-btn:hover {
    background: #c9302c;
}


.license-warning p,
.license-warning h6,
.license-warning a,
.info_error_message h6 {
    font-family: var(--var-font-bold);
    font-weight: 700;

    /* font-style: Bold; */
    font-size: 12px;
    /* leading-trim: NONE; */
    line-height: 23px;
    letter-spacing: 0%;
    color: #E01A0F;

}

.license-info {
    max-width: 70%;
    margin: 0 auto;
    margin-bottom: 2rem;
}

.license-info .row {
    margin-bottom: 8px;
}

.license-info>.row>div:last-child {
    font-family: var(--var-font-bold);
    font-weight: 700;

    /* font-style: Bold; */
    font-size: 14px;
    /* leading-trim: NONE; */
    line-height: 150%;
    letter-spacing: 1%;
    text-align: right;
    vertical-align: middle;
    color: var(--dark-gray-color);

}

.license-info strong {
    font-family: var(--var-font-medium);
    font-weight: 500;
    /* font-style: Medium; */
    font-size: 14px;
    /* leading-trim: NONE; */
    line-height: 150%;
    letter-spacing: 1%;
    vertical-align: middle;
    color: var(--dark-gray-color);
}

/* .attachments {
    background: #f9f3fc;
    border-radius: 10px;
    padding: 1rem;
} */

.attachments-header {
    display: flex;
    justify-content: space-between;
    font-family: var(--var-font-medium);
    font-weight: 500;
    font-size: 14px;
    color: #6c3483;
    margin-bottom: .75rem;
}

.attachment-item {
    background: var(--white-color);
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: .75rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.attachment-details {
    font-size: 14px;
}

.attachment-details strong {
    display: block;
}

.attachment-details small {
    color: #6c757d;
    font-size: 12px;
}

.attachment-details a {
    color: #6f42c1;
    font-size: 13px;
    text-decoration: none;
}

.attachments .table-head-action a {
    background: linear-gradient(180deg, #490E6F 0%, #8C1BD5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: var(--var-font-medium);
    font-weight: 500;
    /* font-style: Medium; */
    font-size: 10px;
    /* leading-trim: NONE; */
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
}

.contact_profile_info>.row {
    gap: 12px;
}

/* My Profile Add Contact */
.contact-card .add_contact h6,
.profile_doc_data h6,
.my_profile_reg_content h6,
.my_profile_bank_form h6 {
    font-family: var(--var-font-bold);
    font-weight: 700;

    /* font-style: Bold; */
    font-size: 14px;
    /* leading-trim: NONE; */
    line-height: 42px;
    letter-spacing: 0%;
    vertical-align: middle;
    color: var(--dark-gray-color);
}

.contact-card .other_contact .other_contact_heading {
    background-color: #ECE3F2;
    padding: 10px 15px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.contact-card .other_contact .other_contact_heading>h6 {
    font-family: var(--var-font-medium);
    font-weight: 500;
    /* font-style: Medium; */
    font-size: 15px;
    /* leading-trim: NONE; */
    line-height: 21px;
    letter-spacing: 0px;
    vertical-align: middle;
    color: var(--thrid-color);
    width: 1070;
    margin: 0;
}

.contact-card .other_contact a {
    font-family: var(--var-font-medium);
    font-weight: 500;
    font-style: Medium;
    font-size: 12px;
    /* leading-trim: NONE; */
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    color: #5C0097;

}

.contact-card .other_contact .other_contact_title h6 {
    line-height: normal;
    margin-bottom: 10px;
}

.contact-card .other_contact {
    margin-bottom: 10px;
    margin-top: 0;
}

.other_contact .contact-initial {
    border-color: #FCEEF7;
    background-color: #FADDF0;
    color: #DC0290;
}

.add_contact label,
.profile_doc_data label {
    font-family: var(--var-font-medium);
    font-weight: 500;
    /* font-style: Medium; */
    font-size: 12px;
    /* leading-trim: NONE; */
    line-height: 150%;
    letter-spacing: 1%;
    vertical-align: middle;
    color: var(--dark-gray-color);
}

.add_contact form {
    padding-left: 6px;
    padding-right: 6px;
}

.ques_warning_msg {
    background-color: #FDECEC;
    border-radius: 10px;
}

.ques_warning_msg h6 {
    font-family: var(--var-font-bold);
    font-weight: 700;

    /* font-style: Bold; */
    font-size: 13px;
    /* leading-trim: NONE; */
    line-height: 23px;
    letter-spacing: 0%;
    vertical-align: middle;
    /* font-variant-numeric-figure: oldstyle-nums; */
    /* font-variant-numeric-spacing: proportional-nums; */
}

.ques_warning_msg p {
    font-size: 12px;
    line-height: 23px;
    font-family: var(--var-font-medium);
    font-weight: 500;
}

.ques_warning_msg a,
.ques_warning_msg a:hover,
.ques_warning_msg a:focus,
.ques_warning_msg a:active {
    color: #DE048F;
}

.ques_profile_card {
    background: var(--white-color);
    margin: 2rem auto;
}

.ques_profile_card .section {
    margin-bottom: 2rem;
}

.ques_profile_card .section-title {
    display: flex;
    align-items: center;
    /* margin-bottom: 1rem; */
    font-family: var(--var-font-bold);
    font-weight: 700;

    /* font-style: Bold; */
    font-size: 14px;
    /* leading-trim: NONE; */
    line-height: 42px;
    letter-spacing: 0%;
    vertical-align: middle;
    text-transform: capitalize;
    color: var(--dark-gray-color);

}

.ques_profile_card .section-title .icon {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #F0E3F8;
    color: #6A14A1;
    font-size: 14px;
    font-family: var(--var-font-bold);
    font-weight: 700;

    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
}

.ques_profile_card .question {
    color: var(--dark-gray);
    font-family: var(--var-font-bold);
    font-weight: 700;

    /* font-style: Bold; */
    font-size: 14px;
    /* leading-trim: NONE; */
    line-height: 150%;
    letter-spacing: 1%;
    vertical-align: middle;
    /* margin-bottom: .25rem; */
    margin-left: 28px;
}

.ques_profile_card .answer {
    border-left: 3px solid #DE048F;
    padding-left: 1rem;
    color: #878787;
    /* margin-bottom: 1rem; */
    font-family: var(--var-font-bold);
    font-weight: 700;

    /* font-style: Bold; */
    font-size: 14px;
    /* leading-trim: NONE; */
    line-height: 31px;
    letter-spacing: 0%;
    vertical-align: middle;
    margin-left: 28px;

}

.ques_profile_card .answer strong {
    color: #878787;
    font-family: var(--var-font-bold);
    font-weight: 700;

    font-size: 14px;
}

.ques_profile_card .answer a {
    color: #DE048F;
    text-decoration: none;
}

.ques_profile_card .answer.answer_second {
    margin-left: 50px;
}

.section_title_question {
    display: flex;
    align-items: flex-start;
    /* font-weight: 500; */
    margin-bottom: 20px;
    padding-left: 0;
}

.section_title_question img {
    width: 28px;
    height: 28px;
    margin-right: 12px;
    /* margin-top: 3px; */
}

.profile_question_ans_form {
    padding: 23px;
}

.section_title_question span,
.profile_question_ans_form .owner_radio_label {
    font-family: var(--var-font-bold);
    font-weight: 700;

    /* font-style: Bold; */
    font-size: 12px;
    /* leading-trim: NONE; */
    line-height: 24px;
    letter-spacing: 0%;
    vertical-align: middle;
}

.profile_question_ans_form .form-check {
    margin-bottom: 18px;
}

.profile_question_ans_form .form-check .form-check-label {
    font-family: var(--var-font-regular);
    font-weight: 400;
    /* font-style: Regular; */
    font-size: 13px;
    /* leading-trim: NONE; */
    /* line-height: 42px; */
    letter-spacing: 0%;
    vertical-align: middle;

}

.profile_question_ans_form label {
    font-family: var(--var-font-medium);
    font-weight: 500;
    /* font-style: Medium; */
    font-size: 12px;
    /* leading-trim: NONE; */
    line-height: 150%;
    letter-spacing: 1%;
    vertical-align: middle;

}

.click_to_preview_additional {
    font-family: var(--var-font-bold);
    font-weight: 700;
    /* font-style: Bold; */
    font-size: 14px;
    /* leading-trim: NONE; */
    line-height: 20px;
    letter-spacing: 0%;
    color: var(--shade-purple) !important;

}

.confirm-checkbox label {
    font-family: var(--var-font-bold);
    font-weight: 700;
    font-style: Bold;
    font-size: 14px;
    /* leading-trim: NONE; */
    line-height: normal;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    color: var(--dark-gray-color);

}

table.dataTable.display>tbody>tr:nth-child(odd)>.sorting_1,
table.dataTable.order-column.stripe>tbody>tr:nth-child(odd)>.sorting_1,
table.dataTable.order-column>tbody tr>.sorting_1,
table.dataTable.order-column>tbody tr>.sorting_2,
table.dataTable.order-column>tbody tr>.sorting_3,
table.dataTable.display>tbody tr>.sorting_1,
table.dataTable.display>tbody tr>.sorting_2,
table.dataTable.display>tbody tr>.sorting_3 {
    box-shadow: none !important;
}

table.dataTable.row-border>tbody>tr>*,
table.dataTable.display>tbody>tr>* {
    border-top: none !important;
    white-space: normal;
}

.duplicate_modal h4 {
    font-family: var(--var-font-medium);
    font-weight: 500;
    /* font-style: Medium; */
    font-size: 24px;
    /* leading-trim: NONE; */
    line-height: 22px;
    letter-spacing: 0px;
    vertical-align: middle;
    margin-top: 6px;
    margin-bottom: 14px;
    color: #B20606;
}

.duplicate_modal p {
    font-family: var(--var-font-regular);
    font-weight: 400;
    /* font-style: Roman; */
    font-size: 16px;
    /* leading-trim: NONE; */
    line-height: 22px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: bottom;
    color: #AF0404;
    width: 80%;
    margin: 0 auto;
}

.duplicate_modal .modal-dialog {
    max-width: 791px;
}

.duplicate_modal .btn-close {
    margin-top: 33px !important;
}

.duplicate_modal .modal-body {
    padding-bottom: 60px;
}

/* table.dataTable>tbody>tr>td:first-child{
    text-align: left !important;
} */


.green-color-title {
    font-family: var(--var-font-medium);
    font-weight: 500;
    font-size: 20px;
    margin: 0;
    color: var(--green-color);
}

.invoice-summary {
    display: flex;
    gap: 10px;
}

.info-card {
    background: #F9F6FB;
    padding: 13px 20px;
    border-radius: 20px;
    flex: 1;
}

.info-card .label {
    color: var(--primay-color);
    font-family: var(--var-font-medium);
    font-weight: 500;
    /* font-style: Medium; */
    font-size: 14px;
    /* leading-trim: NONE; */
    line-height: 42px;
    letter-spacing: 0%;
    vertical-align: middle;
    width: 100%;
    display: block;
}

.info-card .value {
    color: var(--thrid-color);
    font-family: var(--var-font-bold);
    font-weight: 700;
    /* font-style: Bold; */
    font-size: 16px;
    /* leading-trim: NONE; */
    line-height: 42px;
    letter-spacing: 0%;
    vertical-align: middle;
    text-transform: capitalize;
}

.upload_delivery_note .pdf-viewer-container {
    text-align: center;
    background: var(--white-color);
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px;
    position: relative;
    max-width: 800px;
    margin: auto;
    height: 382px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.upload_delivery_note .pdf-viewer-container .pdf_canvas_view {
    height: calc(100% - 40px);
    overflow: hidden;
    overflow-y: auto;
    padding-bottom: 10px;
}

.upload_delivery_note #pdfCanvas {
    display: block;
    margin: auto;
    max-width: 100%;
}

.upload_delivery_note .pdf-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f2e6fa;
    /* light purple like your screenshot */
    padding: 8px 15px;
    border-radius: 0 0 8px 8px;
    position: relative;
    transform: translateX(-10px);
    width: 104.1%;
}

.upload_delivery_note .toolbar-btn {
    background: transparent;
    border: none;
    font-size: 16px;
    cursor: pointer;
    padding: 5px;
    color: #4b0082;
    /* purple */
}

.upload_delivery_note .toolbar-btn:hover {
    color: #6a0dad;
    font-weight: bold;
}

.upload_delivery_note .toolbar-btn i,
.upload_delivery_note .page-controls button {
    background: linear-gradient(97.46deg, #490E6F -23.65%, #8C1BD5 158.81%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.upload_delivery_note .page-controls {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* ============= My Profile Page CSS ============== */
.step-container-main {
    padding: 20px;
    background-color: var(--white-color);
    border-radius: 10px;
}

.step-wrapper {
    display: flex;
    align-items: center;
    gap: 40px;
    position: relative;
    overflow: hidden;
    overflow-x: auto;
    padding-bottom: 0px;
    margin-right: 30px;
    width: 100%;
}

.step-wrapper::-webkit-scrollbar {
    width: 1px;
    height: 1px;
}

/* Track */
.step-wrapper::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.step-wrapper::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
.step-wrapper::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.step {
    flex-grow: 1;
    display: flex;
    align-items: center;
    background-color: #f8f1ff;
    color: #410266;
    border-radius: 15px;
    padding: 8px 16px;
    font-weight: 500;
    position: relative;
    white-space: nowrap;
    z-index: 1;
    min-width: 139px;
    cursor: pointer;
    flex: 1;
}

.step-number {
    background-color: #410266;
    color: white;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    min-height: 25px;
    min-width: 25px;
    text-align: center;
    font-family: var(--var-font-bold);
    font-weight: 500;
    /* font-style: Bold; */
    font-size: 13.98px;
    /* leading-trim: NONE; */
    line-height: 39.14px;
    /* letter-spacing: 0%; */
    /* text-align: center; */
    vertical-align: middle;
    text-transform: capitalize;

    margin-right: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.step.completed {
    background-color: #EFFDF4;
    color: #378B4E;
}

.step.completed .step-number {
    background-color: #378B4E;
}

.progress-step-box {
    display: flex;
    align-items: center;
    justify-content: center;
}

.progress-circle {
    position: relative;
    /* width: 40px;
      height: 40px; */
}

.progress-circle svg {
    transform: rotate(-90deg);
}

.progress-circle circle {
    fill: none;
    stroke-width: 6;
}

.circle-bg {
    stroke: #F4EBF9;
}

.circle-fg {
    stroke: #410266;
    stroke-dasharray: 100;
    stroke-dashoffset: 0;
}

.progress-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 12px;
    font-weight: bold;
    color: var(--thrid-color);
}

.step-wrapper::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1.86px;
    background-color: #410266;
    left: 0;
    /* z-index: 0; */
}

.step.active {
    background-color: #410266;
}

.step>div:last-child {
    font-family: var(--var-font-medium);
    font-weight: 500;
    /* font-style: Medium; */
    font-size: 12px;
    /* leading-trim: NONE; */
    line-height: 16.77px;
    letter-spacing: 0px;
    vertical-align: middle;
    color: var(--thrid-color);
}

.step.active .step-number {
    background-color: #F4EBF9;
    color: var(--thrid-color);
}

.step.active>div:last-child {
    color: white;
}

.step.not-completed {
    background-color: #FDEFEF;
}

.step.not-completed .step-number {
    background-color: #DA090C;
}

.card-custom {
    background-color: var(--white-color);
    border-radius: 20px;
    padding: 2rem;
    /* margin: 2rem auto; */
    /* max-width: 960px; */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

.alert-icon {
    /* color: #cc0000; */
    /* font-size: 1.5rem; */
    margin-right: 8px;
}

.label-title {
    color: var(--thrid-color);
    font-family: var(--var-font-medium);
    font-weight: 500;
    font-style: Medium;
    font-size: 12px;
    /* leading-trim: NONE; */
    line-height: 18px;
    letter-spacing: 0px;
    vertical-align: middle;
    margin-bottom: 8px;
}

.value-text {

    font-family: var(--var-font-medium);
    font-weight: 500;
    /* font-style: Medium; */
    font-size: 18px;
    /* leading-trim: NONE; */
    line-height: 24px;
    letter-spacing: 0px;
    /* text-align: right; */
    vertical-align: middle;
    color: var(--dark-gray-color);
}

.document-section {
    background-color: #f2e7ff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 500;
    color: #4B0076;
}

.file-box {
    border: 1px solid #ddd;
    border-radius: 15px;
    padding: 1rem;
    margin-top: -1px;
}

.file-box:hover {
    background-color: #f9f9f9;
}

.file-icon {
    font-size: 1.5rem;
    color: #4B0076;
    margin-right: 10px;
}

.renew-btn {
    background-color: #DA5044;
    border: none;
    color: var(--white-color);
    font-family: var(--var-font-medium);
    font-weight: 500;
    /* font-style: Medium; */
    font-size: 13px;
    /* leading-trim: NONE; */
    line-height: 22px;
    letter-spacing: 0%;
    vertical-align: middle;

}

.renew-btn:hover {
    background-color: #c0392b;
}

.click-view {
    color: #b300b3;
    font-weight: 500;
    font-size: 0.9rem;
    cursor: pointer;
}

.click-view:hover {
    text-decoration: underline;
}

.all_form_heading {
    color: #353535;
    font-family: var(--var-font-medium);
    font-weight: 500;
    /* font-style: Medium; */
    font-size: 20px;
    /* leading-trim: NONE; */
    line-height: 26px;
    letter-spacing: 0px;
    vertical-align: middle;
    margin: 0;
}

.warning_text {
    font-family: var(--var-font-medium);
    font-weight: 500;
    /* font-style: Medium; */
    font-size: 12px;
    /* leading-trim: NONE; */
    line-height: 18px;
    letter-spacing: 0px;
    color: #E01A0F;
}

.alert-icon img {
    width: 25px;
}

.my_profile_title {
    font-family: var(--var-font-medium);
    font-weight: 500;
    font-style: Medium;
    font-size: 20px;
    /* leading-trim: NONE; */
    line-height: 26px;
    letter-spacing: 0px;
    vertical-align: middle;
}

.uiloadfilecontent {
    display: flex;
    align-items: center;
    gap: 15px;
}


.section-title-profile {
    font-family: var(--var-font-medium);
    font-weight: 600;
    font-size: 1.25rem;
}

.info-box {
    background-color: #EFF6FF;
    padding: 32px;
    margin-top: 2rem;
    border-radius: 16px;
}

.info-box h5 {
    font-family: var(--var-font-medium);
    font-weight: 500;
    font-style: Medium;
    font-size: 20px;
    /* leading-trim: NONE; */
    line-height: 26px;
    letter-spacing: 0px;
    vertical-align: middle;
    color: var(--dark-gray-color);
}

.info-box ul {
    padding-left: 38px;
    margin: 0;
}

.info-box ul>li {
    list-style: none;
    font-family: var(--var-font-regular);
    font-weight: 400;
    font-style: Roman;
    font-size: 16px;
    /* leading-trim: NONE; */
    line-height: 42px;
    letter-spacing: 0px;
    vertical-align: middle;
    color: var(--dark-gray-color);

}

.profile_heading_primary {
    opacity: 1;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
    gap: 10px;
    background-color: var(--thrid-color);
    color: var(--white-color);
    font-family: var(--var-font-medium);
    font-weight: 500;
    /* font-style: Medium; */
    font-size: 15px;
    /* leading-trim: NONE; */
    line-height: 21px;
    letter-spacing: 0px;
    vertical-align: middle;

}

.contact_title {
    font-family: var(--var-font-medium);
    font-weight: 500;
    /* font-style: Medium; */
    font-size: 22px;
    /* leading-trim: NONE; */
    line-height: 28px;
    letter-spacing: 0px;
    vertical-align: middle;
    color: var(--dark-gray-color);
    margin: 0;
}

.profile_contact_details {
    background-color: #FAFAFA;
    border: 1px solid #ECE3F2;
    padding: 34px 32px;
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
}

.user_deactivate {
    font-family: var(--var-font-medium);
    font-weight: 500;
    /* font-style: Medium; */
    font-size: 12px;
    /* leading-trim: NONE; */
    line-height: 18px;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #5C0097;
    display: flex;
    gap: 8px;
    align-items: baseline;
}

.address_view_details .col {
    margin-bottom: 31px;
}

.address_view_details label {
    font-family: var(--var-font-medium);
    font-weight: 500;
    /* font-style: Medium; */
    font-size: 12px;
    /* leading-trim: NONE; */
    line-height: 18px;
    letter-spacing: 0px;
    vertical-align: middle;
    color: var(--thrid-color);
}

.address_view_details p {
    font-family: var(--var-font-medium);
    font-weight: 500;
    font-style: Medium;
    font-size: 18px;
    /* leading-trim: NONE; */
    line-height: 24px;
    letter-spacing: 0px;
    vertical-align: middle;
    color: var(--dark-gray-color);
}

.address_view_details .address_details_col .col {
    flex: 0 0 25%;
    gap: 40px
}

.button_lined.button_lined_icon_hover:hover img {
    filter: invert(1);
}

.bg-transparent {
    background-color: transparent;
}

.submit_application_title {
    font-family: var(--var-font-medium);
    font-weight: 500;
    font-style: Medium;
    font-size: 20px;
    /* leading-trim: NONE; */
    line-height: 34px;
    letter-spacing: 0px;
    vertical-align: middle;
    color: var(--dark-gray-color);
    margin: 0;
}

p.submit_application_title {
    color: #9B9191;
    text-indent: 35px;
    margin-top: 0;
    line-height: normal;
    font-size: 18px;
}

.submit_application_approve .card-success {
    background-color: #EFFDF4;
    border-radius: 16px;
    padding: 29px;
    margin-bottom: 0px;
}

.submit_application_approve .card-success .check-icon {
    margin-bottom: 19px;
}

.submit_application_approve .card-success .check-icon {
    margin: 0 auto;
}

.submit_application_approve .card-success .submitted_application_titile {
    font-family: var(--var-font-medium);
    font-weight: 500;
    font-style: Medium;
    font-size: 22px;
    /* leading-trim: NONE; */
    line-height: 28px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    color: #000000;
}

.submit_application_approve .card-custom .row {
    gap: 0px;
}

.submit_application_approve .card-custom .row .col {
    flex: 30%;
    max-width: 31.33%;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 6px;
}

.profile_contact_details .proflie_other_contact_list {
    padding: 34px 32px;
    border-top: solid 1px #f1f1f1;
}

.profile_contact_details .proflie_other_contact_list:first-child {
    border-top: none;
}

.profile_num_round_circle {
    width: 23.1px;
    height: 23.1px;
    background-color: var(--indigo-color);
    border-radius: 30px;
    color: var(--white-color);
    font-family: var(--var-font-bold);
    font-weight: 700;
    font-style: Bold;
    font-size: 16.5px;
    /* leading-trim: CAP_HEIGHT; */
    line-height: 46.21px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    text-transform: capitalize;
    margin-right: 8px;
    display: flex;
    align-items: center;
    justify-content: center
}
.my_profile_drop2 .attachments .light-head{
    background-color: var(--shade-head_megnent);
}

.my_profile_drop2 .attachments .light-head p{
    color: var(--thrid-color);
}

.my_profile_drop2 .form-group label{
    margin-bottom: 8px;
    min-height: auto;
}
.my_profile_drop2 .form-group{margin-bottom: 20px;}

/* ========= Vendor Master Team 2 ========= */
.vendor-master-teams-preview.vendor-registration-preview .card {
    background-color: #F8F8F9;
}

.vendor-master-teams-preview .form_master_white {
    background-color: var(--white-color);
    border-radius: 30px;
    padding: 30px;
}

.vendor-master-teams-preview.vendor-registration-preview .section_trade_license .form_info .form_data {
    gap: 0;
    flex-direction: row;
}

.vendor-master-teams-preview.vendor-registration-preview .form_info {
    background-color: transparent;
}

.vendor-master-teams-preview.vendor-registration-preview h5.section_title {
    font-weight: 700;
    font-family: var(--var-font-bold);
    font-size: 16px;
}

.vendor-master-teams-preview.vendor-registration-preview .section_trade_license .form_info .form_data label.data-title {
    margin-bottom: 10px;
}

.vendor-master-teams-preview .card_trade_license_form {
    background-color: #FFEEEE;
    box-shadow: none;
}

.vendor-master-teams-preview.vendor-registration-preview .filestatus_sec {
    background-color: var(--white-color);
}

.vendor-master-teams-preview.vendor-registration-preview .upload_delivery_note {
    padding: 4px 0px;
}

.vendor-master-teams-preview .info_messager_on_hold {
    background-color: #F3E8FF;
    padding: 17px;
    border-radius: 30px;
}

.vendor-master-teams-preview .address_view_details .address_details_col .col {
    max-width: 25%;
}

.info_messager_on_hold p {
    font-family: var(--var-font-regular);
    font-weight: 400;
    /* font-style: Roman; */
    font-size: 16px;
    /* leading-trim: NONE; */
    line-height: 22px;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #5C5C5C;
}

.dashboard_vendor_master_team.vendor-master-teams-preview .card_style_2 h4 {
    font-family: var(--var-font-medium);
    font-weight: 500;
    font-style: Medium;
    font-size: 20px;
    /* leading-trim: NONE; */
    line-height: 150%;
    letter-spacing: 0%;
    vertical-align: middle;
    color: var(--dark-gray-color);
}

.select2-container--default .select2-selection--single .select2-selection__clear{
    display: none;
}

.upload_delivery_note .invoice-container .invoice_form_details,
.upload_delivery_note .invoice_details_notes .invoice_form_details {
    height: 351px;
    overflow-y: auto;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

table.dataTable thead>tr>th.dt-orderable-asc:first-child span.dt-column-order, 
table.dataTable thead>tr>th.dt-orderable-desc:first-child span.dt-column-order{
        right: -2px;
}

.search-box input:is(:hover, :focus, :focus-visible){
    outline: 0;
    box-shadow: none;
}

.dashboard_vendor_master_team .table_actions .action_label.action_label_flex {
    max-width: initial;
}

.notification-pagination {
    justify-content: end;
    margin-top: 70px !important;
}

.notification-pagination .notif-page-btn.next,
.notification-pagination .notif-page-btn.next span,
.notification-pagination .notif-page-btn.prev,
.notification-pagination .notif-page-btn.prev span{
    color: var(--black-color);
    font-family: var(--var-font-bold);
    font-weight: 700;
    font-style: Bold;
    font-size: 12px;
    /* leading-trim: NONE; */
    line-height: 16px;
    letter-spacing: 0%;
    background-color: transparent;
    border: none;
}

.notification-pagination .notif-page-btn.prev[disabled="disabled"],
.notification-pagination .notif-page-btn.prev[disabled="disabled"] span,
.notification-pagination .notif-page-btn.next[disabled="disabled"],
.notification-pagination .notif-page-btn.next[disabled="disabled"] span{
    color: #A9A8A8;
}

.card_light_delivery_note h4 span.invoicecapturescressn{
    color: var(--white-color);
}

.search-box .btn:hover {
    color: #6a0dad;
    background: var(--Colors-Purple-500, var(--thrid-color));
}

@media(max-width: 1200px) {
    .vandor_header.vendor_nav_header .header_content .logo_section h4 {
        font-size: inherit;
    }
}

/* .wrapper.custom-loader{display: none !important;} */

/* ================= CONTAINER LAYOUT ================= */
.progress_bar_details_card {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-top: 20px;
}

.progressbar_card {
    background: #f4f4f5;
    border-radius: 16px;
    padding: 20px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
    transition: all 0.3s ease;
}

.progressbar_card:hover {
    transform: translateY(-4px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}

.progressbar_heading {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.progressbar_heading span {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #28a745; /* default green */
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 14px;
}

.progressbar_heading p {
    margin-left: 12px;
    margin-bottom: 0px;
    font-weight: 600;
    font-size: 15px;
    color: #333;
}

.progressbar_details_list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.progressbar_details_list li {
    display: flex;
    font-size: 13px;
    color: #444;
    margin-bottom: 8px;
}

.progressbar_details_list li span {
    font-weight: 700;
    color: #000;
}

.progressbar_card.returned-request .progressbar_heading span {
    background: #ffc107;
    color: #000;
}

.progressbar_card.rejected .progressbar_heading span {
    background: #dc3545;
    color: #fff;
}

.progressbar_card.sla-breached {
    border-left: 4px solid #dc3545;
}

@media (max-width: 1200px) {
    .progress_bar_details_card {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 992px) {
    .progress_bar_details_card {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .progress_bar_details_card {
        grid-template-columns: 1fr;
    }
}

.sla-breached-text {
    color: #dc3545 !important;
    font-weight: 600;
    font-size: 13px;
}

#viewMoreRequestDetails {
    color: #8911d3;
}