*,
*::after,
*::before {
    margin: 0;
    padding: 0;
    box-sizing: inherit;
    text-decoration: none;
    list-style-type: none;
}
html {
    font-size: 62.5%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    scroll-behavior: smooth;
}
body {
    font-size: 1.6rem;
    line-height: 1.4;
    background: var(--theme_bg_color);
    min-height: 100dvh;
    font-style: normal;
    font-family: var(--font-family);
    overflow-x: hidden;
}
ul,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin-bottom: unset;
    padding-left: unset;
}
a,
a:hover {
    color: unset;
    text-decoration: none;
    transition: .3s all ease;
}
img {
    max-width: 100%;
    display: block;
}
::-webkit-scrollbar {
    background: transparent;
}
::-webkit-scrollbar {
    width: 0.3rem;
}
::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 0.8rem;
}
button {
    border: none;
    background: transparent;
}
input:focus-visible {
    outline: none;
}
select:focus-visible {
    outline: none;
}
.error_txt{
    color: var(--error_clr);
}
/* textarea css */
.text-area, textarea{
    border: 1px solid var(--font_stroke);
    font-size: var(--font16);
    font-weight: var(--font_weight400);
    color: var(--font_primary);
    position: relative;
    z-index: 0;
    width: 100%;
    padding: 1.6rem;
    resize: none;
}
.text-area:focus, .text-area.valid, textarea:focus, textarea.valid {
    border-color:var(--input_valid);
    outline: none;
}
/* Common Input css */
.input_cmn {
    width: 100%;
    padding: 1.2rem 1.6rem;
    color: var(--font_primary);
    outline: unset;
    font-size: var(--font16);
    height: 4.8rem;
    border: 1px solid var(--font_stroke);
    font-weight: var(--font_weight400);
}
.input_cmn:focus, .input_cmn.valid, input:not(:placeholder-shown)  {
    border-color:var(--input_valid);
}

.input__field__sc{
    border: 1px solid var(--font_stroke);
    padding: 1.2rem 1.6rem;
    height: 4.8rem;
    display: flex;
    align-items: center;
    background:var(--font_white);
    gap: 0.8rem;
}
.input__field__sc input {
    outline: none;
    border: none;
    width: 100%;
    background: transparent;
}
input::placeholder, textarea::placeholder {
    font-size: var(--font16);
    font-weight: 300;
    color: var(--font_light);
}
.input__field__sc.disabled input {
    color: var(--font_light);
}
.input__field__sc.disabled {
    background:var(--secondary_disable);
    border: 1px solid var(--primary_disable);
}
.input__mb__32__sc {
    margin-bottom: 3.2rem;
}
.input__mb__20__sc {
    margin-bottom: 2rem;
}
.input__field__items__sc {
    position: relative;
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
  appearance: none;
  background-color: #fff;
  color:var(--font_primary);
  -webkit-box-shadow:none;
  transition: background-color 5000s ease-in-out 0s;
}
.drop_icon{
    position: absolute;
    right: 1.5rem;
    top: 0;
    bottom: 0;
    margin: auto;
    pointer-events: none;
}
.input_drop{
    padding-right: 3rem;
}
/* Common select box css */

.input__dp__body__sc {
    position: absolute;
    width: 100%;
    background: var(--dropdown_bg);
    border: 1px solid var(--dropdown_border);
    box-shadow: 0px 4px 10px 0px #0000001A;
    z-index: 1;
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
}
.input__dp__body__sc ul {
    max-height: 37rem;
    overflow-y: auto;
}
.input__dp__body__sc ul li {
    padding: 1.2rem 1.6rem;
    border-bottom: 1px solid var(--border_line);
    cursor: pointer;
}
ul.contact_list_kp > .create__contact__btn__sc {
    width: unset;
    height: unset;
    background: unset;
}
/*status code css*/
.status-bg{
    padding: .6rem 1rem;
    width: max-content;
}
.cls_darft_st{
    color:var(--draft_st);
    background:#B0E0E6;
}
.cls_not_snt_st{
    color:var(--not_snt_st);
    background:#F9E8FF;
}
.cls_pymt_due_st{
    color:var(--pymt_due_st);
    background:#ECF6FF;
}
.cls_cancelled_st{
    color:var(--cancelled_st);
    background:#E6E6FA;
}
.cls_closed_st{
    color:var(--closed_st);
    background:#E2E2E2;
}
.cls_partially_paid_st{
    color:var(--partially_paid_st);
    background:#FFF9DB;
}
.cls_paid_st{
    color:var(--paid_st);
    background:#DCFFE5;
}
.cls_member_active {
    color: #FFFFFF;
    background:#3FB640;
}
.cls_member_pending {
    color: #5D5D5D;
    background:#F4C82C;
}
.cls_member_inactive {
    color:#FFFFFF;
    background:#FF4242;
}
.cls_pending_st{
    color:var(--pending_st);
    background:#FFDDBF;
}
.cls_overdue_st{
    color:var(--overdue_st);
    background:#F3F5FC;
}
.cls_sheduled_st{
    color:var(--scheduled_st);
    background:#FAD2F4;
}
.cls_paid_settlement_pending_st{
    color:var(--paid_settled_pending_st);
    background:#E0FFE1;
}
.cls_initiated_st{
    color:var(--initiated_st);
    background:#FBFFDA;
}
.cls_failed_st{
    color:var(--failed_st);
    background:#FBC3C3;
}
.cls_written_off_st{
    color:var(--written_off_st);
    background:#E3F2FA;
}
.cls_refund_st{
    color:var(--refund_st);
    background:#C7ECF8;
}
.cls_refund_initated_st{
    color:var(--refund_initated_st);
    background: #E8E5FB;
}
.cls_charge_back_st{
    color:var(--charge_back_st);
    background:#F8D1C2;
}
.cls_partially_paid_Pend_sett_st{
    color:var(--partially_paid_pend_set_st);
    background:#B3F2BA;
}
.cls_processing_st{
    color:var(--processing_st);
    background:#F2FAD2;
}
.cls_reversed_st{
    color:var(--reversed_st);
    background:#B3F2DF;
}
.cls_hold_st{
    color:var(--hold_st);
    background:#FFDFF0;
}
.cls_review_st{
    color:var(--review_st);
    background:#D6EBF5;
}
.cls_darft_st_txt{
    color:var(--draft_st);
}
.cls_not_snt_st_txt{
    color:var(--not_snt_st);
}
.cls_pymt_due_st_txt{
    color:var(--pymt_due_st);
}
.cls_cancelled_st_txt{
    color:var(--cancelled_st);
}
.cls_closed_st_txt{
    color:var(--closed_st);
}
.cls_partially_paid_st_txt{
    color:var(--partially_paid_st);
}
.cls_paid_st_txt{
    color:var(--paid_st);
}
.cls_pending_st_txt{
    color:var(--pending_st);
}
.cls_overdue_st_txt{
    color:var(--overdue_st);
}
.cls_sheduled_st_txt, .cls_written_off_st_txt{
    color:var(--scheduled_st);
}
.cls_paid_settlement_pending_st_txt{
    color:var(--paid_settled_pending_st) ;
}
.cls_initiated_st_txt{
    color:var(--initiated_st);
}
.cls_failed_st_txt{
    color:var(--failed_st);
}
.cls_written_off_st_txt{
    color:var(--written_off_st);
}
.cls_refund_st_txt{
    color:var(--refund_st);
}
.cls_refund_initated_st_txt{
    color: var(--refund_initated_st);
}
.cls_charge_back_st_txt{
    color: var(--charge_back_st);
}
.cls_partially_paid_Pend_sett_st_txt{
    color:var(--partially_paid_pend_set_st);
}
.error_comn {
    font-size: 1.2rem;
    font-weight: 400;
    color: var(--error_clr);
}
.contact__error__sc {
    color: var(--error_clr);
    position: relative;
    font-size: 1.2rem;
    font-weight: 400;
}
.icon_center_td{
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.error_cmn_par .input__error__sc {
    position: relative;
    top: -3.2rem;
}

/* Button css */
.btn-primary-bg{
    background: var(--font_primary);
    color: var(--font_white);
    border: 1px solid var(--font_primary);
}
.btn-border-only{
    border:1px solid var(--font_primary);
    color: var(--font_primary);
    background: transparent;
}
.btn-primary-bg:hover{
    background:var(--font_dark);
    color: var(--font_white);
    border:1px solid var(--font_dark);
    box-shadow:var(--primary_btn_shadow);
}
.btn-border-only:hover{
    border:1px solid var(--font_primary);
    color: var(--font_primary);
    background: transparent;
    box-shadow:var(--primary_btn_shadow);
}
.p-btn-black{
    padding: 1rem 2.4rem;
}
.btn-bg-white{
    background-color: var(--bg_white);
}
.btn-w-10{
    width: 10rem;
}
.btn-w-15{
    width: 15rem;
}
.btn-w-22{
    width: 22rem;
}
.btn-h-4{
    height: 4.8rem;
}
.datepicker-dropdown:after{
    display: none;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
    top: 0;
}
.datepicker-dropdown.datepicker-orient-left:after {
    left: 0;
}
.disabled{
    background:var(--secondary_disable);
    border-color:var(--primary_disable);
    color:var(--font_light);
    pointer-events: none;
}
.input_lb_txt{
    font-size: var(--font16);
    font-weight: 400;
    color: var(--font_primary);
}
.br20{
    border-radius: 2rem;
}