:root{
  /* --primary-color: #734b8e;
--secondary-color: #053E84;  --contact-color: #c1caff*/
--text-color1: #27252a;
--outfit-family: 'Outfit', sans-serif;
--radius: 50px;
--radius33: 33px;
--f16: 16px;
--version-color:#9a9a9a;
--text-white: #fff;
--primary-color: #734b8e;
--secondary-color: #053E84;
--f14: 14px;
--f20: 20px;
--f12: 12px;
--contact-color:#c1caff;
--danger-color: red;
--success-color: green;
--yellow-color: yellow;
}

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

.view-report-button:hover{
    background-color: var(--secondary-color) !important;
    color: #fff !important;
}

.swal2-html-container{
    font-size: 16px !important;
}

.swal2-popup p, .swal2-popup b, div:where(.swal2-container) h2:where(.swal2-title){
    font-weight: 500!important;
}

input, select{
    border-radius: 33px !important;
}

/* buttons and badges with secondary color */

.badge.bg-success, .bg-info, span.bg-info, .btn.helth-card, .btn-circle.btn-teal.mb-2, .btn.btn-primary.next-btn,
.btn.btn-primary.px-4.py-2.rounded-3, .badge.badge-success.light, .activity-details h3 i, .riskbirbal-points .point i,
#endorse_save_btn, .save_doc_btn, .btn-bg-color, button.swal2-deny.btn.btn-secondary.mx-2.px-4.py-2, button.swal2-cancel.swal2-styled,
button.btn.btn-danger.w-100, #feedbackBtn, #submitButton, button.active:not(#rbStageTabs button), #addemp, .tab-button, .sub_btn_mob a,
#bluebuttons, .downsample, #UploadEmpButton, .btn.tab-button, a#nethospital, a#viewdoc, a.dash_down_arrow,.rounded-circle.mx-auto,
.pending .take-arrow-blue i, .cont-map,.swal2-popup  a.btn-circle.btn-teal.mb-2, .main-admin-icon, .swal2-html-container button#okBtn,
a#hoverbtns, a.view_report, .upload_endorse, span.badge, button.reject_btn, #endorsement_calc_add, .wbd-arrow {
background: var(--secondary-color)!important;
border: none!important;
color: var(--text-white)!important;
}


/* buttons with secondary color and padding */

.sb_desktop .blue-card, .second-col .blue-card, .blue-card{
background-color: var(--secondary-color);
width: auto!important;
padding: 8px 16px;
}

/* --- */

/*.btn.btn-sm.btn-outline-info.rounded-pill:hover, .endorse_cancel_btn{*/
/*color: var(--text-white)!important;*/
/*}*/

/* elements with danger color*/
.badge.bg-danger{
background: var(--danger-color)!important;
}

/* tables that have header of secondary color */
.text-white.text-start.ps-3{
background: var(--secondary-color)!important;
}
.card-header:first-child:not(.no-color-header){
border-radius: 12px 12px 0 0!important; 
background: var(--secondary-color)!important;
color:var(--text-white)!important;
} 

/*---*/

.frist-em.em-text h2{
color: var(--text-color2)!important;
}

/* buttons with primary color and padding */

.sb_desktop .pink-card, .second-col .pink-card, #registerHere, .Mis_Btn, #veird a{
background-color: var(--primary-color);
width: auto!important;
padding: 10 16px!important;
}


#addemp.addata{
padding: 0px 24px;
}

/* --- */


/* buttons with primary color and white text*/
h4.employee-nav-circle, .profile-initial, .btns-cover a, .view_inactive_pol, #v_c, button.swal2-confirm.swal2-styled{
background: var(--primary-color) !important;  
color: var(--text-white) !important;
}


.modal button.bn-primary, .modal .btn, .swal2-confirm.btn.btn-primary.mx-2.px-4.py-2, #addFaqBtn{
background: var(--primary-color) !important;
border: none!important;
}


.circle-avatar{
background: var(--primary-color) !important;
color: var(--text-white)!important;
/* background: var(--primary-color) !important; */
}


#map_adp, #approve_adp{
background: var(--primary-color) !important;
color: var(--text-white)!important;
border-radius: 33px;
padding: 0 8px 0 8px;
font-size: 12px;
width: 70px;
}

#eidModalSaveSubmit{
  background: var(--primary-color) !important;
color: var(--text-white)!important;
}

/* --- */


/* headings with secondary color*/
.swal2-title, label, .secondary_color h5, span.text-dark, .dependent-item h3, .dependent-item h2, .text-center.setup_steps small, .step_setup_heading h3, .risk-contact p, .riskbirbal-points .point a, .swal2-html-container div div div, .saved_successfully, .table-box h3, #exampleModalLabel, .imp_notes h4, .gen_details, .pending .take-arrow-blue a, #swal2-title p, label.form-label, .add-review h3{
color: var(--secondary-color)!important;
}

/* headings in black color*/ 

.popup span.btn-primary, .popup span.btn-secondary, .popup button.btn-primary{
background: none !important;
}
.profile-container{
border: none;
}

#table-container table.display {
border-collapse: separate;
border-spacing: 0;
}

.pagination .page-item a, .modal button.btn-secondary, .form-switch-bg,.page-item:not(:first-child) .page-link{
background: var(--secondary-color) !important;
}
.pagination .page-item a, .page-item:active{
color: var(--text-white)!important;
border: 1px solid white!important;
}
.pagination .page-item:first-child .page-link{
background: var(--version-color)!important;
color: var(--text-white) !important;
}

.active>.page-link, .page-link.active{
background-color: #053E84!important;
border-color: #fff!important;
}

.page-item:last-child .page-link{
background: var(--version-color)!important;
color: var(--text-white) !important;
}

a.d-flex .gap-2{
background: var(--secondary-color) !important;
}

.btn-bg-color{
border: none!important;
}

#healthcircle button{
border: 1px solid var(--secondary-color);
background-color: var(--text-white);
}


.main-admin-icon i, span.page-link.small{
color: var(--text-white);
}
#submitButton{
border: none !important;
}

/* buttons hover */

/*.btn-outline-primary, button#depbutton, a.btn-secondary.rounded-pill, a.preview_PPT, button#submitButton:not(.upload_excel_btn, .save_btn, .save_changes, .tab-button, .settings-button), .view_PDF{*/
/*background: none !important;*/
/*border: 1px solid var(--secondary-color) !important;*/
/*color:var(--secondary-color) !important;*/
/*}*/
/*.btn-outline-primary:hover, button#depbutton:hover, button.download-sheet.col-md-3, a#methodid, a.btn-secondary.rounded-pill:hover, a.preview_PPT:hover, button#submitButton:hover:not(.upload_excel_btn, .save_btn), .view_PDF:hover{*/
/*background:var(--secondary-color) !important;*/
/*color: var(--text-white)!important;*/
/*border: none!important;*/
/*}*/

.btn.tab-button:hover{
background-color: var(--secondary-color)!important;
color: var(--text-white)!important;
}

/* tables with primary color headings border curves */

table thead th{
background:var(--primary-color)!important;
border: none !important;
border-right: 1px solid white!important;
color: var(--text-white)!important;
}
table thead th:first-child:not(.claims_table th){
border-radius:12px 0 0 0 !important;
}
table thead th:last-child:not(.claims_table th){
border-radius:  0 12px 0 0 !important;
}

.claims_table td.text-white.text-start.ps-3{
border-radius:12px 12px 0 0 !important;
border: none!important;
}

/*----*/

table thead tr{
border-top: none!important;
} 
a.btn-danger.rounded-pill, .btn-outline-danger, a#deletebuttons:not(.view-report-delete){
border: 1px solid var(--primary-color)!important;
background: none!important;
color: var(--primary-color)!important;
box-shadow: none!important;
}

/* headings with primary color*/
a.btn-danger.rounded-pill, .btn-outline-danger i, .pro_logo h2, #purpletexts, a.btn-danger.rounded-pill i,p.t-wall, .row.download-161389 h4, .noFaqFound, .riskbirbal-details h3, p.t-start{
color: var(--primary-color)!important;
}

/*a.btn-danger.rounded-pill:hover, .btn-outline-danger:hover, span.purple-claims, a#deletebuttons:hover{*/
/*border:none;*/
/*background: var(--primary-color)!important;*/
/*color: var(--text-white)!important;*/
/*box-shadow: none!important;*/
/*}*/
/*a.btn-danger.rounded-pill:hover i, .btn-outline-danger:hover i, a.view_PDF:hover{*/
/*color: var(--text-white)!important;*/
/*border: none!important;*/
/*}*/

.welcome .wel h2, .header_text a{
color: var(--primary-color)!important;
font-size: var(--f20)!important;
}


/* headings fonts and primary color */
.card-main-heading, .policy-title, .py-1, .add-emp2, .card-para2, .card-title, .reclaims_card_heading h4, #employeeTitle, #fontweightboldid, #contact-card-h2, .contact-container p, .row h1, .faq-heading, h2.policy, h2.policy-endo, .faq-que h2,h2.web, .endorsement_heading, .admin-main-heading, #bluetexts, .main-admin-title, #getstart{
color: var(--primary-color)!important;
font-size: var(--f14)!important;
}



.main-admin-value{
color: var(--secondary-color)!important;
font-size: var(--f14)!important;
}

tbody, td, tfoot, th, thead, tr{
 border-color: inherit;
 /*border-style: solid;*/
}

/* border radius in buttons*/

.tab-button, button.swal2-confirm.swal2-confirm-custom.swal2-styled,
.swal2-cancel.swal2-cancel-custom.swal2-styled, span.badge.bg-info, #submitButton,
.float-end, button.reject_btn, #endorse_save_btn, .view_family, .view_card, .save_doc_btn,
button#batan, button.withdraw-btn, .claims-heading-container a, button.cancelled-btn, a.submit-claim-btn,
a.helth-card, .next-btn, button.helth-card-blue, button .prev-btn, #downloadBtn, .add-client-heading button,
.book-policy-btn, #btnHrLogin, .step-setup-update-btn, #btnOpenAddCategory, .wc-actions-btn, #rbExportBtn,
.endorsement-overview-btns, .training-back-btn, .training-btn, #completeNextBtn, .step-upload-btn, .swal-confirm-btn,
.swal-cancel-btn, .cancel-btn, .save-btn, .edit-btn, .btn-cancel, .btn-draft, .unsubscribe-btn a{
border-radius: 33px !important;
}
.claim-notes, .accordion-header h4{
/* color: var(--text-white)!important; */
font-size: var(--f14);
}
a.btn .btn-sm .btn-danger .rounded-pill{
background: none !important;
}
button.btn.btn-primary.px-4.py-2.rounded-3, span.badge.bg-success, button.swal2-cancel.swal2-styled, button.swal2-confirm.swal2-styled, button.download-sheet.col-md-3{
border-radius: 33px !important;
}

a.btn.btn-sm.btn-outline-secondary.rounded-pill i{
color: var(--secondary-color)!important;
}

a.btn.btn-sm.btn-outline-secondary.rounded-pill{
border: 1px solid var(--secondary-color)!important;
}

/*a.btn.btn-sm.btn-outline-secondary.rounded-pill:hover i{*/
/*color: #fff !important;*/
/*}*/

/*a.btn.btn-sm.btn-outline-secondary.rounded-pill:hover{*/
/*background: var(--secondary-color)!important;*/
/*}*/


.swal2-icon.swal2-warning.swal2-icon-show{
border-color: red!important;
color: red!important;
display:none !important;
}

/*popup font*/ 

.swal2-popup.swal2-modal.swal2-icon-warning.swal2-show h2{
color: var(--primary-color)!important;
}

.card .card-header + .card-body thead.table-primary th:first-child,
.card .card-header + .card-body thead.table-info.sticky-top th:first-child {
border-top-left-radius: 0 !important;
}

.card .card-header + .card-body thead.table-primary th:last-child,
.card .card-header + .card-body thead.table-info.sticky-top th:last-child {
border-top-right-radius: 0 !important;
}

.card-header.bg-white:first-child {
background: #ffffff !important;
color: #000000 !important;
} 

/* buttons font-colors*/

a.btn.helth-card.view, a.dash_down_arrow, .pink-card h2, .blue-card h2, .circle-avatar, .sub_btn_mob a, #registerHere, button.btn.btn-primary.px-4.py-2.rounded-3, .btn.btn-primary.next-btn, #addemp a,  .erp-button a #endorsement_cycle, #feedbackBtn, button.download-sheet.col-md-3, .downsample a, #headingStep1 button, #headingStep2 button, #headingStep3 button{
color: var(--text-white)!important;
}

/* cards (secondary color)*/
.backgrounds-employee, .req.mp, .req.emp,.backgrounds-policy, .backgrounds-claims, .calendar-dates .current-date, #hblue, .backgrounds{
background: var(--secondary-color)!important;
}

/* cards (primary color)*/
.employee-bg, #claimdiv, .endorsements-bg, .profile-policy, .calendar-container, .whatsapp_card, #profs, #pofs, .profile.hrms-sec.px-4.py-4, .related-links, .profile, #dashpro{
background: var(--primary-color)!important; 
}


.endorsement_buttons select, button#uploadBtn{
background: var(--primary-color)!important;
}

/* gradient cards */
.row.hcbg-purple{
background:linear-gradient(to right, var(--primary-color), var(--secondary-color))!important;
}

/* cards font white*/

.backgrounds-employee, .req.mp, .req.emp,.backgrounds-policy, .backgrounds-claims, .calendar-dates .current-date, .employee-bg, #claimdiv, .endorsements-bg, .profile-policy, .calendar-container, .whatsapp_card, #profs, #pofs, .profile.hrms-sec.px-4.py-4, .related-links, .related-links a, .ctc h2,.main-wbd.faq-p, .btns-cover a, .emp-copy button, .emp-copy i, .profile-policy.employee-bg h2, .sec-table td, .smile a, .smile p span, .smile p i, .pro_main.insurance-f h2, .pro_main.insurance-f td, .endo-group h2, .frist-em p, .btns-cover p, #endorsement_cycle, .erp-button a, .pro_main .care_text h2, .profile-policy .sec-val td, .req.emp h2, .req.emp span, .nh a, .emp a, .profile-policy .sec-val i, .whatsapp_card h1, .whatsapp_card p, .pro_text h2, #enrolstat a, #homeblue h2, #ERP a{
color: var(--text-white)!important;
}

.ctc h2 a{
color: var(--contact-color)!important;
}

/* accordian */
.faq-container .faq-item, .accordion-button{
background: var(--secondary-color)!important;
}

.faq-question h3, .faq-question span, .faq-answer, button.accordion-button.collapsed{
color: var(--text-white)!important;
}

/* .cashless-reimburse-stp.p-4.mb-4{
background: var(--primary-color)!important;
} */

.accordion-header.rounded-lg.p-3{
background: var(--secondary-color)!important;
}

.accordion-header-text h4, .accordion-header-text span{
color: var(--text-white)!important;
}

/* icons */

.card-body.update-section ul li i, .main-sidebar-body ul li a span i, .last-row table tbody tr td i, .dashboard table tbody tr td i, #mancli i{
/* color: blue !important; */
}

/* icons with primary color*/
.main-sidebar-body li.active i, .side-menu .slide.active a i, .side-menu .slide.active a .side-menu__label, .dashboard table tbody tr td i.active, #mancli .fw-bold, .dashboard .active-d, i.dashboard .active, .dependent-item image, .dashboard table tbody tr.active-d i, .dashboard table tbody tr.active-d a, .last-row table tbody tr.active-d i, .last-row table tbody tr.active-d td.font a, .sidebar-card .card-body.update-section ul.list-unstyled li.active i,
.sidebar-card .card-body.update-section ul.list-unstyled li.active a
{
color: var(--primary-color)!important;
}

/* icons with secondary color*/
/*#mancli a,  #mancli span, .main-sidebar-body, .fa-solid.fa-chevron-down.toggle-icon, .main-sidebar-body ul li a, .main-sidebar-body ul li .sidebar_text, a.clean-link, .dashboard tr td i, .list-unstyled li, .list-unstyled li a, .last-row table tbody tr td.font a, .last-row table tbody tr td i{*/
/*color: var(--secondary-color)!important;*/
/*}*/


.saved_successfully{
font-size: var(--f16)!important;
}

/* buttons shadow */
.btn-bg-color:not(.btn-bg-color.w-100), #feedbackBtn, #addemp, .pink-card, .blue-card,
.btns-cover .btn, #policiesbatan button, select#endorsement_cycle, .erp-button .btn, 
button.swal2-confirm.swal2-styled, a.btn.helth-card.view, .text-view a, .sub_btn_mob a, 
.btn.btn-primary.next-btn, button.swal2-cancel.swal2-styled,
button.btn.btn-primary.px-4.py-2.rounded-3, #lesr, .contact_us_btn,
#toggleInactive, #bluebuttons, #submitButton, .downsample, #UploadEmpButton,
.ru-icon.text-center.my-3, .btn-outline-info-well, .setup_close_btn, .setup_save_btn,
#endorse_save_btn, #uploadEndorsementBtn, .endorse_cancel_btn, .mapping_close_btns,
#nethospital, #viewdoc, a#methodid, .step_setup_save, .mapApprove_btn, .reject_btn,
a.preview_PPT, .view_PDF, #changeicon, .balance_status, button#eidModalCancelBtn, 
button#eidModalSaveSubmit, .reject_close_btn, .reject_submit_btn, .save_doc_btn, #addFaqBtn, 
button.special_occ_close, .claims-heading-container a, button.cancelled-btn, a.submit-claim-btn,
a.helth-card, button .next-btn, button.helth-card-blue, button.prev-btn, .settings-button, #downloadBtn, .add-client-heading button, .client-back-btn,
#submitBtn, .book-policy-btn, #btnHrLogin, .step-setup-update-btn, .HR-login-btn, #btnOpenAddCategory, .endorsement-overview-btns,
.modal-footer button, .downloadBtnstyle, .training-back-btn, .training-btn, #completeNextBtn, .step-upload-btn, .swal-confirm-btn,
.swal-cancel-btn, .cancel-btn, .save-btn, .edit-btn, .btn-cancel, .btn-draft, .unsubscribe-btn a{  
box-shadow: 2px 2px 2px gray !important;
}



/* headers font*/
#addclientheader h6, .client_table thead tr th{
color: var(--text-white)!important;
}

/*texts with black color*/

.demo_account_section span, .card-row p{
color: var(--text-color1)!important;
}


/* headings with 14px font*/
#claimsfirstheadingbold h2, .card-main-heading
{
  font-size: var(--f14);
  font-weight: 700;
}

/*texts with 14px */
#getstart, .gen_details, .risk-contact, .faq-p p, .faq-question h3, .col-12 h3, .policy-h2, .mental-text .t-wall, #swal2-title p, h2.wony, .risk-contact p, .contact-container .contact-paragraph, .faq-answer p{
  font-size: var(--f14)!important;
  font-weight: normal;
}

/* texts with 12px */
.accordion-body-text p, .balance_status h5, .riskbirbal-points .point a, .wbd-text{
  font-size: var(--f12);
}

/* buttons with primary color that look same */
.badge.bg-danger, .bg-info, span.bg-info, .sb_desktop .pink-card, #toggleInactive,
button.swal2-cancel.swal2-styled, button.btn.btn-success, .wc-filter-actions button,
.wc-btn--lg, .add-api-btn, .btn-cancel, .btn-draft, .cancel-btn, .wc-btn--wide, .wc-field a,
.second-col .pink-card, .Mis_Btn, .swal2-confirm, button.cancelled-btn, button.prev-btn, .pink-card,
#downloadBtn, .client-back-btn, #submitBtn, .book-policy-btn, #btnHrLogin, .HR-login-btn, #btnOpenAddCategory,
.endorsement-overview-btns, .downloadBtnstyle, .training-back-btn, .training-btn, #completeNextBtn, .step-upload-btn,
.swal-confirm-btn, .cancel-btn, .edit-btn, .btn-cancel, .btn-draft{
  background: var(--primary-color) !important;
  width: auto!important;
  padding: 8px 16px!important;
  font-size: 12px !important;
  color: var(--text-white) !important;
  border: none !important;
}

/* buttons with secondary color that look same */
span#bluepils.badge.bg-success, .admin-card-body table tr td a:not(#bluetexts, #editbuttons, #deletebuttons, .rounded-pill),
#bluebuttons, .btn-bg-color, .bg-success, span.bg-success, .save_btn, button.swal2-cancel .swal2-styled,
button.swal2-confirm.swal2-styled, .downsample, #UploadEmpButton, a#nethospital, a#viewdoc, a#methodid, 
button.setup-save-btn, .Client-policy-btns, .add-client-save, .ppt-btns, .update-btn,
button.wc-btn-primary, button.wc-btn-link, .btn-publish, .card-footer .save-btn, .wc-btn--wide, 
.wc-comp-btn, #feedbackBtn, #addemp, .second-col .blue-card, .blue-card, .btns-cover2 .pink-rej,
.sb_desktop .blue-card, button#submitButton, .custom-col-right button, .swal2-cancel, button.withdraw-btn,
a.submit-claim-btn, a.helth-card, button.helth-card-blue, a.pink-card, #addemp, button#lesr, #second-btns-cover a,
.btns-covera a, .erp-button a, select#endorsement_cycle, .settings-button, .modal-footer button, .reclaims-next-btn,
.add-client-heading button, .step-setup-update-btn, button #rbExportBtn, .swal-cancel-btn, .save-btn, .unsubscribe-btn a{
    color: var(--text-white);
   background-color: var(--secondary-color) !important;
  width: auto!important;
  padding: 8px 16px!important;
  font-size: 12px !important;
  /*border: none !important;*/
  color: var(--text-white) !important;
  font-weight: 400 !important;
}


/* ghost buttons with padding, text size, radius and shadow */
.step-cycle-btns, .wc-btn, .wc-tabs button,.wc-iq-dropbtn, .wc-iq-sheet-btn, .wc-iq-file, .wc-ei-dropbtn, .wc-file-list a, .view-btns button, #policiesbatan button, button .change_pss_btn_mob, .rb-btn--ghost{
  padding: 8px 10px!important;
  font-size: 12px !important;
  border-radius: 33px !important;
  box-shadow: 1px 1px 1px gray !important;
  width: auto;

}