.d__flex {
    display: flex;
    align-items: center;
}
.flex__col {
    flex-direction: column;
}
.jc_sb {
    justify-content: space-between;
}
.jcc {
    justify-content: center;
}
.element_center {
    display: grid;
    place-items: center;
}
.flex_element_center {
    display: flex;
    align-items: center;
    justify-content: center;
}
.default_btn {
    background: var(--default_orange);
    width: 13.2rem;
    height: 5.6rem;
    border-radius: 4rem;
    border: none;
    color: var(--default_white);
    font-family: var(--noto_sans);
    font-style: normal;
    cursor: pointer;
    border: 1px solid var(--default_orange);
}
.expense_submit_btn {
    background: var(--default_orange);
    width: 13.2rem;
    height: 4.8rem;
    border-radius: 4rem;
    border: none;
    color: var(--default_white);
    font-family: var(--noto_sans);
    font-size: var(--font18);
    font-weight: 500;
    font-style: normal;
    cursor: pointer;
    border: 1px solid var(--default_orange);
}
.jrk_btn:hover {
    background: #FA9B43;
    box-shadow: 0px 0px 10px rgba(255, 186, 122, 0.65);
    color: #ffffff;
}
.jrk_unset_bg{
    background: transparent;
    color: var(--default_orange);
}
.font_orange {
    color: #EC8738;
}
.font_dark {
    color: #313131;
}
.font_medium {
    color: #6A6A6A;
}
.font_light {
    color: #A3A3A3;
}
.font_white {
    color: #ffffff;
}
.aic{
    align-items: center;
}
.aie{
    align-items: end;
}
.mt_30{
    margin-top: 3rem;
}
.h_50 {
    height: 5.6rem;
}
.mt_20 {
    margin-top: 2rem;
}
.pd_20 {
    padding: 2rem 0 0 2rem;
}
.default_pd{
    padding: 2rem;
}
.pd_30 {
    padding: 3rem;
}
.mb_30 {
    margin-bottom: 3rem;
}
.mb_25{
    margin-bottom: 2.5rem;
}
.mb_24{
    margin-bottom: 2.4rem;
}
.mb_20 {
    margin-bottom: 2rem;
}
.mb_15{
    margin-bottom: 1.5rem;
}
.mb_12 {
    margin-bottom: 1.2rem;
}
.jrk_pd{
    padding: 0 2rem 2rem 3rem;
}
.default_card_bg{
    background: var(--default_white);
    box-shadow:var(--common_boxshadow);
    border-radius: 3rem;
}
/* payment draft and paid missing */
.partially_paid {
    background: #BFE5D1;
}
.not_sent {
    background: #E3EDFC;
}
.payment_closed {
    background: #E6E6E6;
}
.payment_pending {
    background: #FFF2CF;
}
.jrk_paymentDue{
    background: #FFE1D5;
}
.partially_paid_text {
    color: #7171EB !important;
}
.success__text {
    color: #29CC6A !important;
}
.failed__text {
    color: #FC5555 !important;
}
.duplicate__text {
    color: #E9C50A !important;
}
.processing__text{
    color: #FF7A2F !important;
}
.jrk_btn_trans_bg{
    background:transparent;
    border: 1px solid #EC8738;
    height: 5.6rem;
    color: #EC8738;
    border-radius: 5rem;
    padding: 1.5rem 2rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    cursor: pointer;
}
.btn_hover:hover {
    background: #FFF6ED;
    border: 1px solid #EC8738;
    box-shadow: 0px 0px 10px rgba(22, 22, 22, 0.24);
}
.jrk_btn_disable{
    background: #F1F1F1;
    color: var(--black_variant_medium);
    border: none;
    pointer-events: none;
}
@media screen and (max-width:1024px) and (min-width:768px){
    .jrk_btn_trans_bg,.default_btn{
        height: 5.2rem;
    }
}
@media only screen and (max-width: 1024px) {
    .jrk_btn_trans_bg {
        padding: 1.2rem;
    }
    .d__flex.gap-3.pan_detail_input_wrpr{
        flex-direction: column;
    }
}
@media screen and (max-width:767px) and (min-width:361px){
    .jrk_btn_trans_bg,.default_btn{
        height: 4.8rem;
    }
}
@media screen and (max-width:360px){
    .jrk_btn_trans_bg,.default_btn{
        height: 4.4rem;
    }
}