.do_more_wrap {
    padding: 4rem 3rem;
}

.item_hsn_datas .item_hsn_lists {
    margin-top: 6rem;
}
.item_hsn_datas .input_search {
    position: fixed;
    width: 24rem;
    background: #fff;
}
.max_250 {
    max-width: 25rem;
}

.dm_card_1 {
    background: url(../images/dashboard/do_more_1.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.dm_card_2 {
    background: url(../images/dashboard/do_more_2.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.dm_card_3 {
    background: url(../images/dashboard/do_more_3.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.do_more_wrap p {
    min-height: 6rem;
}

.btn_cmn {
    padding: 1rem 3rem;
    border-radius: 6rem;
    box-shadow: 0px 4px 14px rgba(47, 77, 239, 0.3);
    display: inline-block;
}

.btn_blue {
    background: #2F4DEF;
}

.btn_blue:hover {
    color: var(--bg_white);
}

.assit_link {
    text-decoration: underline;
    display: inline-block;
    margin-top: 1.2rem;
}

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

.btn_brown {
    background: #EE8345;
    box-shadow: none;
    color: var(--bg_white);
    border: .5px solid #FFFFFF66;
}

.btn_brown:hover,
.txt_fff:hover {
    color: var(--bg_white);
}

.btn_violet {
    background: #F9E0FF8F;
    box-shadow: none;
    color: #2D2D2DDD;
    border: .5px solid #FFFFFF66;
}

.m-30 {
    margin: 3rem 0px;
}

.recent_transaction h5 svg {
    margin-top: -3px;
    width: 1.8rem;
    height: 1.8rem;
}

.customer_info {
    display: flex;
    align-items: center;
}

.customer_info {
    display: flex;
    align-items: center;
    gap: 0 1.6rem;
}

.table_transaction thead tr th {
    padding: 1.2rem;
    background: #F2F6FF !important;
}

.table_transaction tbody tr td {
    vertical-align: middle;
    padding: 1.2rem;
}

.txt_btn {
    width: 9.6rem;
    padding: 1.2rem 2rem;
    border-radius: 2rem;
    text-align: center;
}

.txt_cancel {
    background: #ECF6FF;
    color: #2188E4;
}

.customer_imgs {
    width: 3.4rem;
    height: 3.4rem;
    overflow: hidden;
    border-radius: 100%;
}

.customer_imgs img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.txt_failed {
    color: #E02C2C;
    background: #FFEAEA;
}

.txt_pending {
    background: #FFFBE5;
    color: #C1A400;
}

.txt_completed {
    background: #E0FFE1;
    color: #12B218;
}

.only_txt .customer_imgs {
    background: #F8B5F1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.recent_transaction {
    border: 3px solid #FFFFFF;
    padding: 10px 0 0 0;
    background-image: linear-gradient(to right, #FFFFFF99 50%, #FCFDFD 100%);
}

.table_transaction .table {
    margin-bottom: 0px;
}

.recent_transaction h5 {
    margin: 0 1.6rem;
}

.slide_video {
    max-width: 100%;
    overflow: hidden;
    margin-bottom: 3rem;
    margin-top: 3rem;
}

.swiper {
    width: 100%;
    height: 100%;
    max-width: 100%;
}

.swiper-slide {
    height: auto;
    position: relative;
}

.swiper-slide img {
    display: block;
}

.video-container {
    position: relative;
    display: none;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.thumbnail {
    cursor: pointer;
}

.slide_video .thumbnail {
    margin-bottom: 1rem;
}

.slide_video svg {
    width: 2rem;
    height: 2rem;
    margin-top: -2px;
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    width: 50px;
    height: 50px;
    background-color: #00000063;
    border-radius: 50%;
    z-index: 2;
    box-shadow: 0 0 15px rgba(75, 75, 75, 0.4);
    top: calc(50% - 25px);
    cursor: pointer;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: 'next';
    color: #fff;
    width: 2.4rem;
    height: 2.4rem;
    font-size: 2.6rem;
    text-align: center;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    color: #fff;
    width: 2.4rem;
    height: 2.4rem;
    font-size: 2.6rem;
    text-align: center;
}

.mb-24 {
    margin-bottom: 2.4rem;
}

.nodata_profit {
    background: #fff url(../images/dashboard/profit_bg.svg) no-repeat left top;
    margin: 4rem 0;
}

.cust_pad_profit {
    padding: 5rem 0px 5rem 6rem;
}

.profit_cards_cmn {
    text-align: center;
    padding: 2rem;
    background-size: cover;
    border-radius: .8rem;
    background-repeat: no-repeat;
}

.add_cards {
    background-image: url(../images/dashboard/add_contact.svg);
}

.kyc_cards {
    background-image: url(../images/dashboard/kyc_bg.svg);
}

.product_cards {
    background-image: url(../images/dashboard/product_bg.svg);
}

.profit_cards_cmn h5 {
    margin: 1rem 0;
}

.customer_overviews_nodata {
    background: #FFFFFF;
    border: 2px solid #fff;
    box-shadow: 4.57px -4.57px 4.57px 0px rgba(0, 0, 0, 0.01);
}

.customer_overviews_nodata h5 {
    padding: 5rem 0px 1.2rem 6rem;
}

.chart_nodata {
    margin: 4rem 4.7rem 3rem;
    position: relative;
}

.data_sample {
    margin: 2rem 0 4rem 0;
    padding: 0rem 0px 0rem 6rem;
}

.pos_abs_customer {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.btn_add_customer {
    background: #1C1C1C;
    color: #fff;
    padding: 1rem 1.8rem;
    display: inline-block;
    margin-top: 1.7rem;
    text-align: center;
    font-weight: 500;
}

.reimburesement_txt .btn_add_customer {
    width: 100%;
}

.btn_add_customer:hover {
    color: #fff;
}

.btn_add_customer svg {
    width: 2.5rem;
    height: 2.5rem;
}

.expense_nodata {
    background-image: url(../images/dashboard/expense_bg.svg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    padding: 4rem 3rem;
}

.sales_nodata {
    background-image: url(../images/dashboard/sales_bg.svg);
    background-color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    padding: 5rem 0px 3rem 6rem;
}

.tax_nodata {
    background: #FFFFFF;
    border: 2px solid #FFFFFF;
    padding: 2.4rem 4rem;
}

.sales_nodata p {
    max-width: 60rem;
    margin-bottom: 2.4rem;
}

.sales_points {
    display: flex;
    align-items: center;
    gap: 0 1.7rem;
}

.sales_points p {
    margin: 0px;
}

.sales_points .point_1__bor, .sales_points .point_2__bor {
    width: 4.3rem;
    height: 4.3rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    color: #fff;
    font-size: var(--font20);
    font-weight: 600;
}

.point_1 {
    margin-bottom: 1.8rem;
    margin-top: 1.8rem;
}
.point_1__bor {
    background: #9385EE80;
    padding: 0.3rem;
}
.point_2__bor {
    background: #EE918480;
    padding: 0.3rem;
}
.point_1 p {
    background: #9284EE;
    border: 5px solid #9385EE80;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    height: 100%;
}

.point_2 p {
    background: #EE9184;
    border: 5px solid #EE918480;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    height: 100%;
}

.sales_points a {
    font-size: var(--font20);
    font-weight: var(--font_weight400);
}

.point_1 a {
    color: #9284EE;
}

.point_2 a {
    color: #EE9184;
}

.tax_nodata img {
    margin-top: 0px auto;
    margin-top: 2rem;
}

.transaction_nodata {
    background-image: url(../images/dashboard/trans_bg.svg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 1rem;
    margin: 4rem 0;
}

.transaction_nodata_txt {
    max-width: 61.5rem;
    margin-left: 10rem;
}

.transaction_nodata_txt h5 {
    margin-bottom: 2rem;
}

.reimburesement_nodata_txt {
    background: #fff;
    padding: 0 0 0 3.8rem;
    height: 100%;
}

.four_cmn_cards {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 0 0 2.7rem;
    margin-bottom: 2rem;
}
.four_cmn_cards.service_card, .four_cmn_cards.vendors_card {
    margin-bottom: 0;
}
.product_card_txt p {
    font-size: var(--font14);
    font-weight: var(--font_weight400);
}

.product_card_txt span {
    display: block;
    font-size: var(--font20);
    font-weight: var(--font_weight500);
    color: var(--primary_dark);
}

.product_card {
    background: #E7F4FC;
    border: 2px solid #D3EEFF;
}

.customer_card {
    background: #FFF5CD;
    border: 2px solid #FAEAAE;
}

.service_card {
    background: #DBDEF8;
    border: 2px solid #BEC3EE;
}

.vendors_card {
    background: #FADCE6;
    border: 2px solid #F2F2F2;
}

.eco_system {
    background: #fff;
    box-shadow: 4.44px -4.44px 4.44px 0px rgba(0, 0, 0, 0.01);
    padding: 2rem 2.4rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.product_card_img {
    height: 120px;
    display: flex;
}

.product_card_img img {
    height: auto;
    max-height: 100%;
}

.teams_nodata {
    margin: 4rem 0;
}

.teams_nodata_first {
    background-image: url(../images/dashboard/team_bg.svg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    padding: 4rem 2rem;
}

.teams_nodata_first h5,
.teams_nodata_first p {
    padding-left: 4rem;
}

.members_nodata {
    background-image: url(../images/dashboard/members_bg.svg);
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    padding-bottom: 4rem;
    height: 100%;
}

.members_nodata img {
    margin: 0px auto;
}

.wrap_reim_div {
    max-width: 42rem;
}

.d_flex_div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}

.wrap_reim_div_1 {
    display: flex;
    height: 100%;
    align-items: end;
}

.reimburesement_txt {
    box-shadow: -4.44px 4.44px 4.44px 0px rgba(0, 0, 0, 0.01);
    background: #fff;
    border: 2px solid rgba(255, 255, 255, 1);
    height: 100%;
    padding: 2rem 2.4rem;
}

.reimburesement_txt_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.8rem;
}

.select-menu .select-btn {
    display: flex;
    background: #fff;
    padding: 1.1rem 1.8rem;
    font-size: var(--font14);
    color: #2d2d2d;
    font-weight: 400;
    border-radius: 3.2rem;
    align-items: center;
    cursor: pointer;
    justify-content: space-between;
    border: 1px solid rgba(244, 244, 244, 1);
}

.reimburesement_txt_wrap .select-menu .select-btn {
    height: 4.2rem;
}

.select-menu .select-btn svg {
    margin-top: -4px;
    margin-left: 0.5rem;
}

.select-menu .options {
    position: absolute;
    max-width: 11rem;
    overflow-y: auto;
    max-height: auto;
    padding: 10px;
    margin-top: 10px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-duration: 0.35s;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.35s;
    -webkit-animation-fill-mode: both;
    display: none;
}

.select-menu .options .option {
    display: flex;
    margin-bottom: 1.5rem;
    cursor: pointer;
    padding: 0 16px;
    border-radius: 8px;
    align-items: center;
    background: #fff;
}

.select-menu .options .option:hover span {
    color: var(--secondary_green);
}

.select-menu .options .option i svg {
    margin-right: 12px;
}

.select-menu .options .option .option-text {
    font-size: var(--font14);
    color: #333;
}

.select-btn i {
    font-size: 25px;
    transition: 0.3s;
}

.select-menu.active .select-btn i {
    transform: rotate(-180deg);
}

.select-menu.active .options {
    display: block;
    opacity: 0;
    z-index: 10;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-duration: 0.4s;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.4s;
    -webkit-animation-fill-mode: both;
}

@keyframes fadeInUp {
    from {
        transform: translate3d(0, 30px, 0);
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes fadeInDown {
    from {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }

    to {
        transform: translate3d(0, 20px, 0);
        opacity: 0;
    }
}

.total_req_div {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}

.total_req_div .cmn_marg_10 {
    margin: 0px 1rem;
}

.total_req_wrap {
    border: 1px solid rgba(211, 238, 255, 1);
    padding: 1.3rem 2rem 1.6rem 2rem;
}

.green_line {
    border: 1px solid rgba(200, 239, 158, 1);
    margin-bottom: 1.8rem;
}

.yellow_line {
    border: 1px solid rgba(250, 234, 174, 1);
}

.circle_cmn {
    width: 3.4rem;
    height: 3.4rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.blue_circle {
    background: #6C9DEC;
}

.green_circle {
    background: #81DA23;
}

.yellow_circle {
    background: #F3CB37;
}

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

.total_req_imgs {
    flex: 1;
    height: 100%;
    margin-bottom: -26px;
}

.video-container {
    width: 100%;
    display: none;
    position: relative;
    overflow: hidden;
}

.video-container video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sub__boxes__clmn {
    height: 18.5rem;
}

.sub__boxes__clmn:hover {
    flex: 0 0 76rem;
}

/*modal right css*/
.modal.right .modal-dialog {
    right: 0;
    position: fixed;
    right: -50%;
    margin: auto;
    width:70rem;
    height: calc(100dvh - 8rem);
    bottom: 0px;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: 0.3s all ease-in-out;
}

.modal.right {
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: 0.3s all ease-in-out;
}

.modal.right.fade {
    opacity: 0;
}

.modal.right.fade.show {
    opacity: 1;
}

.modal.right.fade.show .modal-dialog {
    right: 0;
    backdrop-filter: blur(132px);
}

.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
    border-radius: 0px;
    border: none;
}

.modal.right .btn-close {
    color: #313131;
    outline: none;
    box-shadow: none;
}

.modal-backdrop.fade.show {
    display: none;
}

.overlay_modal {
    opacity: 0;
}

.modal-open .overlay_modal {
    opacity: 1;
    background: #E8E8E880;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 2;
    transition: 0.5s all ease;
}

.modal_btn_create {
    display: flex;
    align-items: center;
    gap: .8rem;
}

.modal_btn_create .download_btn {
    border: 1px solid var(--primary_dark);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4.8rem;
    height: 4.8rem;
}

/*Common css for layout*/
.main__container {
    position: relative;
    background: #FFFFFF99;
    margin: 1rem;
}

.main_layout_wrap {
    overflow: unset;
    height: 100%;
}
.main_layout_grid {
    width: 100%;
    gap: 3rem;
    height: 100%;
    display: grid;
    grid-template-areas: 'section';
    grid-template-columns: 60rem 1fr;
}

.left_section {
    width: 60rem;
    background: var(--bg_white);
    grid-column-start: 1;
    position: fixed;
    overflow: hidden;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    height: calc(100vh - 16rem);
    padding: 3rem;
}

.invoice_left_section{
    overflow-x: hidden;
    overflow-y: auto;
}
.left_section_wrap {
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.left_section_content {
    flex-grow: 1;
    overflow: auto;
    margin-top: 1.8rem;
}

.right_section {
    display: flex;
    flex-direction: column;
    width: 100%;
    grid-column-start: 2;
    grid-column-end: -1;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    background: var(--bg_white);
    padding: 1.6rem 1.2rem;
}

.invoice_right_section{
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
}

.left_section_heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.left_section_header {
    flex-shrink: 0;
}

.btn_right {
    display: flex;
    gap: 1.6rem;
}

.btn_style {
    padding: 1.45rem 2rem;
    display: inline-block;
}

.btn_trans {
    background: transparent;
    border: 1px solid var(--primary_dark);
    color: var(--primary_dark);
}

.btn_black {
    background: var(--primary_dark);
    color: var(--bg_white);
    border: 1px solid var(--primary_dark);
    padding: 1.4rem 2.4rem;
}

.btn_black:hover {
    background: transparent;
    border: 1px solid var(--primary_dark);
    color: var(--primary_dark);
}

.left_section_search {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.4rem;
    gap: 1.6rem;
}



.input_cmn {
    width: 100%;
    padding: 1.2rem 1.6rem;
    color: var(--primary_dark);
    outline: unset;
    font-size: var(--font16);
    height: 4.8rem;
    border: 1px solid #F4F4F4;
    font-weight: var(--font_weight400);
}
.new_inp_wrap .input_cmn{
    border: none;
    padding: 1.2rem 1.6rem;
}
.new_inp_wrap .pad_22 {
    padding-left: 2.2rem;
}
.input_cmn:focus,
.input_cmn.valid {
    border-color: #ABABAB;
}

.input_cmn.valid.disabled,
.input_cmn.disabled:focus {
    border-color: #E3E8EE;
}

.input_cmn_wrapper {
    position: relative;
}
.currency-symbol {
    display: none;
    width: auto;
    color: var(--primary_dark);
    font-size: var(--font16);
    font-weight: var(--font_weight400);
    margin-left: 1rem;
}
.new_inp_wrap{
    display: flex;
    align-items: center;
    border: 1px solid #F4F4F4;
}
.pl__20{
    padding-left: 2rem;
}

.input_search {
    position: relative;
    flex-grow: 1;
}

.input_search svg {
    position: absolute;
    right: 1.8rem;
    top: 1.5rem;
    margin: auto;
    top: 0;
    bottom: 0;
}

.filter_btns {
    gap: 1.6rem;
    display: flex;
}

.filter_btns a {
    border: 1px solid var(--primary_dark);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4.8rem;
    height: 4.8rem;
}
.dropdown .dropdown-menu a{
    height: auto;
    width: auto;
}

.left_content_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem;
    border-bottom: 2px solid #F4F4F4;
    background: radial-gradient(50% 50% at 50% 50%, #FCFDFD 0%, rgba(255, 255, 255, 0.6) 100%);
    cursor: pointer;
    transition: .2s all ease;
    border-width: 1px 1px 1px 4px;
    border-style: solid;
    border-top-color: transparent;
    border-bottom-color: #F4F4F4;
    border-right-color: transparent;
    border-left-color: transparent;
}

.left_content_item_img {
    display: flex;
    gap: 1.2rem;
    align-items: center;
}

.left_content_item_img h6 {
    margin-bottom: 5px;
}

.left_content_item_due p {
    margin-bottom: 5px;
}

.left_content_item.active {
    border-width: 1px 1px 1px 4px;
    border-style: solid;
    border-color: #2D2D2D;
}

.payment_menu_list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0px 0px 20px 0px #0000000F;
    padding: 0.8rem;
}

.payment_dashboard_head_sec {
    background: #FFFFFF;
}

.add_new_dropdown {
    margin-right: .8rem;
}

.payment_menu_list_item {
    display: flex;
}

.payment_menu_list_item p {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    min-width: 27rem;
    justify-content: center;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    padding: 1.5rem;
}

.payment_menu_list_item p.active {
    box-shadow: 0px 0px 20px 0px #0000001A;
    border-bottom: 2px solid #2d2d2d;
}

.pynt_create_drbdwn_head_sc {
    background: var(--primary_dark);
    color: var(--bg_white);
    border: 1px solid var(--primary_dark);
    padding: 1.4rem 2.4rem;
    display: flex;
    gap: .8rem;
    cursor: pointer;
    align-items: center;
}

.pynt_create_drbdwn_bodys_sc {
    background: #F4F4F4B2;
    border-radius: 2rem;
    position: absolute;
    top: 9.8rem;
    right: 18px;
    padding: 1.2rem;
    z-index: 99;
    width: 25rem;
    box-shadow: 0px 0px 10px 0px #0000001A;
    border: 3px solid #FFFFFF;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.pynt_create_drbdwn_bodys_sc ul li {
    padding: 1.2rem 1.6rem;
    font-weight: var(--font_weight400);
    font-size: var(--font16);
    color: var(--primary_dark);
    cursor: pointer;
}

.pynt_create_drbdwn_head_sc svg {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.pynt_create_drbdwn_head_sc.active svg {
    transform: rotate(-180deg);
}

.card_collects {
    padding: 3.8rem 0px 2.8rem 3rem;
}

.bgc_1 {
    background-image: url(../images/inner_pages/collect_bg3.webp);
    background-repeat: no-repeat;
    background-position: center;
}

.bgc_2 {
    background-image: url(../images/inner_pages/collect_bg1.webp);
    background-repeat: no-repeat;
    background-position: center;
}

.bgc_3 {
    background-image: url(../images/inner_pages/collect_bg2.webp);
    background-repeat: no-repeat;
    background-position: center;
}
.card_collects.bgc_4{
    background-image: url(../images/inner_pages/collect_bg4.webp);
    background-repeat: no-repeat;
    background-position: center;
}
.collect_data {
    background: linear-gradient(86.48deg, #FFDEE9 0.91%, #F0FBFF 25.54%, #FAF3FF 62.36%, #DDF3FF 99.42%);
    border: 4px solid #FFFFFF;
    background-repeat: no-repeat;
    background-size: cover;
    padding-left: 3rem;
    margin-top: 2rem;
}

.collect_data h6 {
    margin-bottom: 1.8rem;
    margin-top: 3rem;
}

.mb_30 {
    margin-bottom: 3rem;
}

.collect_sec_head {
    display: flex;
    background-image: url(../images/inner_pages/rc_bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: space-between;
    background-position: center;
}

.collect_sec_txt {
    padding: 1.6rem 0 1.6rem 1.6rem;
    flex-grow: 1;
}

.collect_sec_txt h5{
    display: flex;
    align-items: center;
    white-space: nowrap;
    gap: 0.5rem;
}

.collect_sec_txt svg{
    width: 3rem;
}

.recently_added{
    width: 20rem;
}

.avt_img{
    width: 14rem;
}

.avatar-icons {
    position: relative;
}

.inbox_icon {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
}

.collect_content_item {
    padding: 1.6rem 1.2rem;
    border: 1px solid #EFEFEF;
    margin-bottom: 1rem;
}

.collect_sec_item {
    margin-top: 1rem;
}

.collect_sec_left {
    box-shadow: 0px 0px 20px 0px #0000001A;
    padding: 1.6rem;
    background: #fff;
    height: 100%;
}

.collect_sec1 {
    margin: 4rem 0;
}

.links_txt_flx {
    display: flex;
}

.four_collect_cards {
    display: flex;
    padding: 2rem 2rem 0rem 0rem;
    position: relative;
    height: 100%;
    box-shadow: 2px 2px 12px 0px #0000000F;
}
.four_collect_cards.four_collect_cards {
    background-size:cover;
    background-position: center;
}

.invoice_bg {
    background-image: url(../images/inner_pages/invoice_bg.jpg);
    background-repeat: no-repeat;
    border: 2px solid #E2EFD3;
}

.links_txt {
    position: relative;
    padding-top: 2rem;
}

.btn_link_txts a {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: underline;
}

.btn_link_txts a img {
    width: 2.4rem;
    height: 2.4rem;
    display: inline-block;
    margin-right: .8rem;
}

.btn_link_txts {
    position: absolute;
    bottom: 1.6rem;
    top: auto;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.links_txt h5 {
    margin-bottom: .8rem;
}

.invoice_bg .btn_link_txts a {
    color: #639E1E;
}

.collect_link_popup,
.collect_link_popup img {
    flex: 0 0 3.2rem;
    height: 3.2rem;
}

.collect_allmenu {
    box-shadow: 0px 0px 20px 0px #0000001A;
    background: #fff;
    padding: 1.6rem;
    height: 100%;
}

.payments_bg {
    background-image: url(../images/inner_pages/payment_links_bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    border: 2px solid #F0E9D6;
}

.payment_btn_bg {
    background-image: url(../images/inner_pages/payment_button_bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    border: 2px solid #ECD6EA;
}

.bulk_bg {
    background-image: url(../images/inner_pages/bulk_payment_bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    border: 2px solid #E7E8FF;
}

.collect_allmenu .col-lg-6 {
    margin-bottom: 2rem;
}

.payments_bg .btn_link_txts a {
    color: #BF5736;
}

.payment_btn_bg .btn_link_txts a {
    color: #B1125D;
}

.bulk_bg .btn_link_txts a {
    color: #0269A9;
}

.integrate {
    background-image: url(../images/inner_pages/integrate_bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
}
.AIBulkShow{
    display: flex;
    align-items: center;
    gap: 1rem;
}
.payment_gateway_card_cmn {
    padding: 2rem;
    text-align: center;
    border-radius: .8rem;
}

.payment_gateway_card_cmn img {
    width: 5rem;
    height: 5rem;
    margin: 0px auto;
}

.payment_gateway_card_cmn h5 {
    margin: 1rem auto;
}

.go_live {
    background-image: url(../images/inner_pages/golive_bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.settlements {
    background-image: url(../images/inner_pages/settlement_bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.payment_gateway_card {
    background: #fff;
    border: 2px solid #F4F4F4;
    padding: 2.4rem 0rem 0rem 2.4rem;
}

.table_header_btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.6rem;
}

.table_header_btn .pynt_create_drbdwn_head_sc {
    background: transparent;
    border: 1px solid #F4F4F4;
    font-weight: var(--font_weight500);
    font-size: var(--font16);
    color: var(--primary_dark);
    border-radius: 6.2rem;
}

.table_header_btn .pynt_create_drbdwn_head_sc svg path {
    fill: #292D32;
}

.table_header_btn .pynt_create_drbdwn_bodys_sc {
    top: 5.8rem;
}

.recent_trans_tables {
    box-shadow: 0px 0px 20px 0px #0000001A;
    background: #fff;
}

.custom_table {
    margin-bottom: 0px;
}

.custom_table th {
    background: #F2F6FF;
    padding: 2.4rem 2rem;
    font-weight: var(--font_weight500);
    font-size: var(--font16);
    color: var(--primary_dark);
    border-bottom-color: transparent;
}
.payment_button_table_wrpr .custom_table th{
    width: 25%;
}
.payment_button_table_wrpr .custom_table tbody tr td:first-child {
    width: 25%;
}
.payment_button_table_wrpr .custom_table tbody tr td:nth-child(2) {
    width: 25%;
}
.payment_button_table_wrpr .custom_table tbody tr td:nth-child(3) {
    width: 25%;
}
.payment_button_table_wrpr .custom_table tbody tr td:nth-child(4) {
    width: 25%;
}
.custom_table td {
    padding: 1.4rem 2rem;
    vertical-align: middle;
    border-color: #F4F4F4;
}

.cls_status_btn {
    padding: .6rem 1rem;
    width: max-content;
}

.sa_payment_done_btn {
    color: #12B218;
    background: #E0FFE1;
}

.paymentdue_btn {
    color: #0858A0;
    background: #ECF6FF;
}

.partially_paid_btn {
    color: #796A1B;
    background: #FFF9DB;
}
.CompletedDash{
    background: #E0FFE1;
    color: #12B218;
}
.FailedDash{
    background: #FFEAEA;
    color: #E02C2C;
}
.PendingDash{
    background: #FFFBE5;
    color: #C1A400;
}
.CancelDash{
    background: #ECF6FF;
    color: #2188E4;

}
.pending_btn {
    color: #7B43C5;
    background: #EBDAFF;
}


.payouts_contents {
    background-image: url(../images/inner_pages/payout_bg.svg);
    background-repeat: no-repeat;
}

.payouts_contents .bgc_1 {
    background-image: url(../images/inner_pages/payout_1.svg);
    background-repeat: no-repeat;
}

.payouts_contents .bgc_2 {
    background-image: url(../images/inner_pages/payout_2.svg);
    background-repeat: no-repeat;
}

.payouts_contents .bgc_3 {
    background-image: url(../images/payout_new_3.svg);
    background-repeat: no-repeat;
}

.pay_invoice_bg {
    background-image: url(../images/inner_pages/payout_invoice_bg.svg);
    background-repeat: no-repeat;
    border: 2px solid #E2F0D3;
}

.pay_invoice_bg .btn_link_txts a {
    color: #5A9912;
}

.collect_sec_item {
    max-height: 55rem;
    overflow-y: scroll;
}

.collect_content_item {
    display: block;
    margin-bottom: 10px;
}

.two_tabs_customers ul {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.two_tabs_customers ul li {
    flex: 0 0 49%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.2rem;
    cursor: pointer;
    border-bottom: 2px solid transparent;
}

.two_tabs_customers ul li.active {
    background: radial-gradient(50% 50% at 50% 50%, #FCFDFD 0%, rgba(255, 255, 255, 0.6) 100%);
    box-shadow: 0px 0px 20px 0px #0000001A;
    padding: 1.4rem;
    border-bottom: 2px solid var(--primary_dark);
    color: var(--primary_dark);
}

.two_tabs_customers {
    padding-top: 1.8rem;
}

.customer_img_card1 {
    background-image: url(../images/inner_pages/paid_bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.customer_img_card2 {
    background-image: url(../images/inner_pages/trans_bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.customer_img_card3 {
    background-image: url(../images/inner_pages/due_bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.customer_img_card4 {
    background-image: url(../images/inner_pages/dso_bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.customer_info_sec {
    border: 1px solid #E4E4E4;
    padding: 1.2rem;
}

.customer_info_details {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2.2rem;
}

.customer_info_img {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}

.customer_trans_details_bg {
    display: flex;
    justify-content: space-between;
    min-height: 10.1rem;
    height: 100%;
}

.customer_trans_amt {
    padding: 1.5rem 0 0 1.5rem;
}

.customer_wrap_rgt {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.customer_trans_table {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    height: 100%;
}

.customer_trans_table_head {
    flex-shrink: 0;
}

.customer_trans_table_body {
    flex-grow: 1;
    overflow: auto;
    height: 100%;
}

.customer_trans_table_tabs {
    position: relative;
    display: flex;
    margin-bottom: 1.2rem;
    justify-content: space-between;
    align-items: center;
}

.customer_trans_table_tabs .payments_detail_tab_link_sc {
    display: flex;
    align-items: center;
    width: 18rem;
    justify-content: center;
    gap: 1.2rem;
    border-bottom: 2px solid transparent;
    padding: 1.2rem 0;
    cursor: pointer;
}

.customer_trans_table {
    border: 1px solid #E4E4E4;
    padding: 1.2rem;
    margin-top: 1.6rem;
}

.customer_trans_table_tabs .active {
    background: radial-gradient(50% 50% at 50% 50%, #FCFDFD 0%, rgba(255, 255, 255, 0.6) 100%);
    box-shadow: 0px 0px 20px 0px #0000001A;
    border-bottom: 2px solid var(--primary_dark);
    color: var(--primary_dark);
}

.customer_trans_table_body .table tr:last-child td {
    border: none;
}

.no_data_div {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}

.no_data_div img {
    margin:0 auto 1.8rem;
}

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

.header {
    position: sticky;
    top: 0;
}

.custom_dropdown_box {
    padding: 1.2rem;
    background: #F4F4F4B2;
    border-radius: 2rem;
    width: 25rem;
    box-shadow: 0px 0px 10px 0px #0000001A;
    border: 3px solid #FFFFFF;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.custom_dropdown_box.payment_link_dropdown_list{
    border-top: 3px solid #FFFFFF;
    box-shadow: 0px 0px 10px 0px #0000001A;
}

.custom_dropdown_box li a {
    padding: 1.2rem 1.6rem;
    cursor: pointer;
    font-weight: var(--font_weight500);
    font-size: var(--font16);
    color: var(--primary_dark);
    background: none;
    text-wrap: balance;
}

.custom_dropdown_box li:hover {
    background: #6565651A;
}

.custom_dropdown_box li:last-child a {
    padding-bottom: 1rem;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: var(--primary_dark);
    background: transparent;
}

.all__customers_table.no_data_table {
    height: 100%;
    max-height: 100%;
}

.all__customers_table,
.invoice__customers_table,
.paymentlink__customers_table,
.paymentbtn__customers_table {
    height: calc(100dvh - 50rem);
}
.all__customers_table .table-responsive,
.invoice__customers_table .table-responsive,
.paymentlink__customers_table .table-responsive,
.paymentbtn__customers_table .table-responsive {
    height: 100%;
}
.modal_width_78 {
    max-width: 78rem;
}

.modal-header {
    position: relative;
}

.close_btns_i {
    position: absolute;
    right: 3rem;
    display: flex;
    gap: .4rem;
    align-items: center;
}

.btn_full_wdth {
    flex: 0 0 100%;
    text-align: center;
}

.pad_30 {
    padding: 3rem;
}

.payment_status_bg {
    display: flex;
    justify-content: space-between;
    background: #FDF5F4;
    padding: 1rem 2rem;
    margin-bottom: 3rem;
}

.payment_status_bg p {
    margin-bottom: .5rem;
}

.payment_history_details {
    padding: 1.5rem 2.4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.2rem;
}

.paymentpaid_btn {
    background: #E0FFE1;
    color: #12B218;
}

.paymentpending_btn {
    background: #FFF9DB;
    color: #796A1B;
}

.paymentclosed_btn {
    background: #FFEAEA;
    color: #A65353;
}

.hidden_head {
    height: 0px;
    display: none;
}

.header_1,
.custom_table tbody tr td:first-child {
    width: 27%;
}

.header_2,
.custom_table tbody tr td:nth-child(2) {
    width: 15%;
}

.header_3,
.custom_table tbody tr td:nth-child(3) {
    width: 20%;
}

.header_4,
.custom_table tbody tr td:nth-child(4) {
    width: 15%;
}

.header_5,
.custom_table tbody tr td:nth-child(5) {
    width: 23%;
}

.menu_item_vendor {
    display: flex;
}

.all__vendor_table,
.invoice__vendor_table,
.paymentlink__vendor_table {
    max-height: 31rem;
}

.customer_table_wrap.no_data .custom_table,
.vendor_table_wrap.no_data .custom_table {
    display: none;
}

.customer_table_wrap.no_data .all__customers_table,
.customer_table_wrap.no_data .invoice__customers_table,
.customer_table_wrap.no_data .paymentlink__customers_table,
.customer_table_wrap.no_data .paymentbtn__customers_table,
.vendor_table_wrap.no_data .all__vendor_table,
.vendor_table_wrap.no_data .invoice__vendor_table,
.vendor_table_wrap.no_data .paymentlink__vendor_table {
    max-height: 100%;
    height: 100%;
}

.two_edit_status .dropdown {
    flex: 0 0 2.4rem;
}

.sales_tab_contents_bg {
    padding-left: 0px;
    padding-right: 3rem;
    border: 4px solid #FFFFFF;
}

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

.sales_tab_contents_bg {
    background-image: url(../images/inner_pages/sales_bg.svg);
    background-repeat: no-repeat;
}

.sales_tab_contents .bgc_1 {
    background-image: url(../images/inner_pages/sales_card_1.svg);
}

.sales_tab_contents .bgc_2 {
    background-image: url(../images/inner_pages/sales_card_2.svg);
}

.sales_tab_contents .bgc_3 {
    background-image: url(../images/inner_pages/sales_card_3.svg);
}
.cashmemo_bg {
    background-image: url(../images/inner_pages/cashmemo_bg.svg);
    border: 2px solid #E7E8FF;
}

.cashmemo_bg .btn_link_txts a {
    color: #0269A9;
}

.creditn_bg {
    background-image: url(../images/inner_pages/sales_cnote.svg);
    border: 2px solid #E7E8FF;
}

.creditn_bg .btn_link_txts a {
    color: #0269A9;
}

.reconcile_bg {
    background-image: url(../images/inner_pages/reconcile_bg.svg);
    border: 2px solid #FFFFFF;
}

.reconcile_bg .btn_link_txts a {
    color: #3F33C1;
}

.custom_table .status_btn {
    display: block;
    padding: 0;
}
.collect_trans_table .status_btn, .sales_trans_table .status_btn, .purchase_trans_table .status_btn{
    float: left;
}
.purchase_contents_bg {
    background-image: url(../images/inner_pages/purchase_rgt_bg.svg);
}

.purchase_contents_bg .card_collects {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 16.3rem;
    padding: 2.6rem 0rem 2.6rem 1.6rem;
    background-size: cover;
}

.purchase_contents_bg .bgc_1 {
    background-image: url(../images/inner_pages/p_card_bg.svg);
}

.purchase_contents_bg .bgc_2 {
    background-image: url(../images/inner_pages/p_card_2bg.svg);
}

.purchase_contents_bg .bgc_3 {
    background-image: url(../images/inner_pages/p_card_3bg.svg);
}

.modal.right.fade.show .modal-dialog.mw-700-gs {
    width: 70rem;
}

.modal.right .modal-content.invoice_content {
    background: #FFFFFFBF;
    border: 2px solid #FFFFFF;
}

.create_invoice_header {
    flex-direction: column;
    width: 100%;
    padding: 0px;
    border: 0px;
}

.create_invoice_header .header_txt {
    background: linear-gradient(90deg, #C1DFB2 0%, #BAD7AB 100%);
    padding: 1.8rem 3rem;
    border-bottom: 0px;
    width: 100%;
    display: flex;
    align-items: center;
}

.invoice_steps {
    width: 100%;
}

.invoice_steps .stepper {
    display: flex;
    position: relative;
}

.step-container {
    display: flex;
    align-items: center;
    margin-top: 1.8rem;
    padding: 2rem 0;
}

.step {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-top: 1rem;
}

.step .icon {
    width: 5rem;
    height: 5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.step .icon img {
    width: 3.6rem;
    height: 3.6rem;
}

.line {
    width: 10rem;
    height: 2px;
    background-color: #A1A1A1;
    margin: 0 16px;
}

.invoice_body {
    padding: 0;
}

.invoice_details_wrap {
    background: #FFFFFFB2;
    border: 1px solid #0000001A;
}

.invoice_details_wrap h5 {
    display: flex;
    align-items: center;
    padding: 2rem;
    gap: 1rem;
}

.invoice_details_input_box {
    padding: 3rem 2rem;
}

.mb-2 {
    margin-bottom: .8rem !important;
}

.input_wrap_cmn .fontdark::placeholder {
    color: var(--primary_dark) ;
  }

.disabled {
    background: #F7FAFC !important;
    border-color: #E3E8EE !important;
    color: #A3A3A3 !important;
    pointer-events: none;
}

.input_wrap_cmn {
    margin-bottom: 3.2rem;
}

.modal-footer .btn_style {
    width: 15rem;
    padding: 1.2rem 0;
}

.modal-footer .btn_trans {
    border: 0.5px solid var(--primary_dark);
    color: var(--primary_dark);
    padding: 1rem;
    background: transparent;
}

.modal-footer {
    background: #FFFFFF;
    padding: 1.6rem 3rem;
}

.modal-footer .btn_trans:hover {
    background: var(--primary_dark);
    color: var(--bg_white);
}

.NEWReportsSec.collect_data{
   padding: 0;
}

.collect_data .card_collects {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-size: cover;
    padding: 0;
    height: 100%;
}

.collect_data .card_collects_txt {
    flex: 0 0 63%;
    padding: 2.6rem 0 2.6rem 1.8rem;
}

.img_card_cmn_wrap {
    flex: 0 0 40%;
    display: flex;
    align-items: end;
}

.invoice_info_numbers {
    display: flex;
    align-items: center;
    gap: 1.6rem;
}

.invoice_info_btns {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}

.invoice_top_bg .customer_trans_details_bg {
    background-size: cover;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.invoice_top_bg .customer_trans_amt {
    padding: 1.5rem 0 1.5rem 1.5rem;
}

.dropdown_select a {
    display: flex;
    border: 1px solid #F4F4F4;
    padding: 1.2rem 1rem;
    border-radius: 3.2rem;
    width: 130px;
    justify-content: space-between;
    align-items: center;
}

.dropdown_select a span {
    display: inline-block;
    margin-right: .8rem;
}

.dropdown_select ul {
    padding: 1.2rem;
    background: #F4F4F4B2;
    border-radius: 2rem;
    width: 25rem;
    box-shadow: 0px 0px 10px 0px #0000001A;
    border: 3px solid #FFFFFF;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.dropdown_select ul li.active {
    background: #6565651A;
}

.dropdown_select .custom_dropdown_box li {
    padding: 1.2rem 1.6rem;
    cursor: pointer;
    font-weight: var(--font_weight500);
    font-size: var(--font16);
    color: var(--primary_dark);
}

.dropdown a.show img {
    transition: .3s all;
}

.dropdown a.show img {
    transform: rotate(180deg);
}
.dropdown a.edit_btn.show img {
    transform: rotate(0deg);
}
.left_section_search .dropdown a.show img{
    transform: rotate(0deg);
}

.dropdown a svg {
    width: 1.9rem;
    height: 1.9rem;
    flex: 0 0 1.9rem;
    margin-right: .4rem;
}

.invoice_details_head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 2rem;
}

.invoice_details_head_title {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}

.svg_edit_icon {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}

.pk_invoice_content_wrap {
    border: 1px solid #E4E4E4;
    padding: 2rem 1.2rem;
    margin-top: 1.6rem;
}

.invoice_bg_wrap {
    background: #EAE4FC;
    padding: 0px 1.6rem;
}

.invoice_content_details {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4rem 2.4rem;
}

.invoice_content_rgt {
    max-width: 26rem;
}

.invoice_item {
    display: flex;
    gap: .6rem;
    margin-bottom: 1.2rem;
}

.received_slot{
    align-items: center;
    margin-bottom: 0;
}

.item_overflow_purchase{
     position: relative;
     display: inline-block;
}

.item_overflow_purchase p{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 20rem;
}

.item_overflow_visibility{
    visibility: hidden;
    min-width: 20rem;
    color: #fff;
    text-align: center;
    position: absolute;
    left: -50%;
    z-index: 11111;
    top: 100%;
    padding: 1.2rem;
    background: #F4F4F4B2;
    border-radius: 2rem;
    width: 25rem;
    box-shadow: 0px 0px 10px 0px #0000001A;
    border: 3px solid #FFFFFF;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.item_overflow_purchase:hover .item_overflow_visibility{
    visibility: visible;
}

.item_overflow_purchase:hover .item_overflow_visibility::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent black transparent;
}
.item_overflow_visibility span{
    color: var(--primary_dark);
    word-break: break-all;
}

.invoice_content_bgwhite {
    background: #FFFFFFF5;
    padding: 3rem;
    border-radius: .8rem;
}

.item_left {
    min-width: 21.4rem;
}

.credit_ledge .item_left{
    min-width: 20.4rem;
}

.min_wd_right .item_left{
    min-width: 20.4rem !important;
}

.item_left span {
    float: right;
}
.HideContents {
    width: 100%;
}


.text_rgt_cnt .item_rgt {
    max-width: 27.8rem;
}

.invoice_item_desc {
    padding: 1.2rem 0 3rem;
}
.invoice_item_desc h6{
    word-break: break-all;
}
.overflow_adjust p{
    max-width: 20rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.pk_invoice_accordions .accordion-button {
    background: #F1F1F1;
    padding: 1.6rem 3rem;
    color: var(--primary_dark);
    border-radius: 0px;
    outline: unset;
    border: 0px;
    box-shadow: none;
}

.pk_invoice_accordions .accordion-item {
    border: 0px;
}

.invoice_payement_item {
    border-bottom: 1px solid #EEEEEE;
    padding: 2rem 3rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pk_invoice_accordions {
    margin-bottom: 3rem;
}

.pk_desktop_invoice_tab {
    padding: 0px 1rem;
}

.pk_desktop_invoice_tab .col {
    padding: 0;
    border-left: 1px solid #FFFFFF;
}
.pk_items_txts{
    border: 1px solid #EEEEEE;
    border-top: 0;
}

.bg_table_invoice {
    background: #F1F1F1;
    padding: 1.2rem;
    text-align: center;
}

.item_table_invoice {
    padding: 2.3rem 1rem;
    text-align: center;
}

.sub_total_wrap {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #EEEEEE;
    padding: 1rem 3rem;
}

.inv_total_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 3rem;
}

.inv_client_notes {
    margin: 3rem 0;
    padding: 0 1.2rem;
}

.inv_internal_notes {
    padding: 0 1.2rem 3rem 1.2rem;
}

.invoice_powerby {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.2rem;
    padding: 2rem;
}

.left_section_no_data {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.left_section_no_data_img {
    text-align: center;
}

.left_section_no_data_img img,
.invoice_no_data_rgts img {
    margin: 0px auto;
}

.left_section_no_data_img img {
    margin-bottom: 2rem;
}

.customer_wrap_rgt.no_data_rgts {
    align-items: center;
    justify-content: center;
}

.invoice_no_data_rgts {
    max-width: 60rem;
    margin: 0px auto;
    text-align: center;
}

.invoice_no_data_rgts img {
    margin-bottom: 4rem;
}

.invoice_no_data_rgts ul {
    text-align: left;
    margin-top: 2rem;
}

.invoice_no_data_rgts ul li {
    list-style: disc;
}

.btn_center_nodata {
    padding-top: 3rem;
}

.paymentunpaid {
    color: #A65353;
}

.input_search .input_cmn {
    padding: 1.2rem 3.6rem 1.2rem 1.6rem;
}

.customer_info_contact {
    text-align: right;
}

.paymentunpaid_btn {
    color: #A65353;
    background: #FFEAEA;
}

.accordion-body {
    padding: 0px;
}

.accordion-collapse {
    border-left: 1px solid #EEEEEE;
    border-right: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
}

.bt_top{
    border-top: 1px solid #EEEEEE;
}

.paymentpartially_btn {
    background: #FFF9DB;
    color: #796A1B;
}

.paymentPaid_btn {
    background: #E0FFE1;
    color: #12B218;
}

.paymentpending_btn {
    background: #EBDAFF;
    color: #7B43C5;
}

/*datepicker css*/
.datepicker.datepicker-dropdown {
    background: #FFFFFF;
    border-radius: 30px;
    border: 0px;
    box-shadow: 3px 3px 30px rgb(73 73 73 / 12%);
    width: 330px;
}

.datepicker.datepicker-dropdown table {
    width: 100%;
}

.datepicker.datepicker-dropdown table .dow {
    font-weight: 400;
    font-size: 14px;
    color: #a3a3a3;
    padding: 10px;
}

.datepicker.datepicker-dropdown .prev {
    position: absolute;
    right: 30px;
    visibility: hidden;
}

.datepicker table {
    border-collapse: separate;
}

.datepicker.datepicker-dropdown table .prev:before {
    content: url("https://d2lmbxd2xofmf5.cloudfront.net/theme/wegofin/left_arr.svg");
    width: 20px;
    position: absolute;
    display: block;
    z-index: 9;
    height: 20px;
    visibility: visible;
    right: 0px;
}

.datepicker th.datepicker-switch {
    font-weight: 500;
    font-size: 1.6rem;
    color: #313131;
    text-align: left;
    position: absolute;
    width: auto !important;
    position: absolute;
    left: 0;
}

.datepicker.datepicker-dropdown .next {
    position: absolute;
    right: 30px;
    visibility: hidden;
    right: 0;
}

.datepicker.datepicker-dropdown table .next:before {
    content: url("https://d2lmbxd2xofmf5.cloudfront.net/theme/wegofin/right_arr.svg");
    width: 20px;
    position: absolute;
    display: block;
    z-index: 9;
    height: 20px;
    visibility: visible;
    right: 0;
}

.datepicker.datepicker-dropdown table thead {
    border-bottom: 1px solid #D4D4D4;
    margin-bottom: 20px;
    position: relative;
}

.datepicker td.day,
.datepicker table tr td span {
    font-size: var(--font14);
    font-weight: 400;
    color: #6a6a6a;
}

.datepicker tr {
    position: relative;
    height: 20px;
}

.datepicker.datepicker-dropdown table thead tr .datepicker-switch {
    padding: 0px 0 0 15px;
}

.datepicker tbody tr td {
    padding: 8px;
}

.datepicker tfoot tr {
    height: 10px;
}

.datepicker .datepicker-switch:hover {
    background: transparent;
}

.datepicker .next:hover,
.datepicker .prev:hover,
.datepicker tfoot tr th:hover .datepicker table tr td.day.focused,
.datepicker table tr td.day:hover,
.datepicker table tr td span.focused,
.datepicker table tr td span:hover {
    background: var(--secondary_green);
    background-color: var(--secondary_green) !important;
    color: #fff !important;
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active[disabled] {
    background: var(--secondary_green);
    background-color: var(--secondary_green) !important;
    color: #fff !important;
}

.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover {
    background: var(--secondary_green);
    background-color: var(--secondary_green) !important;
    color: #fff !important;
}

.datepicker table tr td span.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover.active {
    background-color: var(--secondary_green) !important;
    background: var(--secondary_green) !important;
}

.datepicker-dropdown:before {
    display: none;
}

.datepicker-switch:before {
    content: url("https://d2lmbxd2xofmf5.cloudfront.net/theme/wegofin/down_arr.svg");
    width: 20px;
    position: absolute;
    display: block;
    z-index: 9;
    height: 20px;
    visibility: visible;
    right: -30px;
}

.datepicker table tr td span {
    width: 23%;
    height: 34px;
    line-height: 34px;
    float: left;
    margin: 1%;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.input-group-text {
    background: transparent;
    border: 0px;
}

.invoice_content_rgt p {
    font-size: var(--font16);
    font-weight: 500;
}

.invoice_info_btns .btn_style {
    min-width: 15rem;
    text-align: center;
}

.card_collects_txt h5 {
    text-transform: capitalize;
}

.payment_history_details_head {
    padding-left: 2rem;
    padding-right: 2rem;
}

.table_transaction {
    max-height: 33rem;
    overflow-y: auto;
}

.table_transaction table td,
.table_transaction table th {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.table_transaction thead {
    top: 0;
    position: sticky;
}

.bgWhite_pad_30 {
    box-shadow: 0px 0px 20px 0px #0000001A;
    border: 1px solid #FFFFFF;
    background: #FFFFFF;
    height: 100%;
    padding: 1.6rem;
}

.w_412 {
    width: 41rem;
}

.gstr_tax_table {
    background: #F2F6FF;
    padding: 1.7rem 1rem;
}

.show_accordions {
    display: none;
    border: 1px solid #E4E4E4;
    border-radius: 2rem;
    padding: 2rem 2rem 1rem 2rem;
    margin: 2rem auto 1rem;
    max-width: 80%;
}
.copy_me_pk {
    cursor: pointer;
    position: relative;
    float: right;
    margin-right: 2rem;
    margin-bottom: 1.6rem;
}

.copy_txts {
    word-wrap: break-word;
    width: 80%;
    word-break: break-all;
    padding-right: 1rem;
    padding-bottom: 1rem;

}

.invoice_details_wrap h5 , .invoice_details_wrap h5 {
    border-bottom: 1px solid #F4F4F4;
}
.ps-2rem{
    padding-left: 2rem;
}
.col-8 p{
    margin-bottom: 1.2rem;
}

.copy_me_pk.active:before {
    content: "Copied";
    position: absolute;
    top: -30px;
    right: -15px;
    background: #6FA614;
    padding: .8rem 1rem;
    border-radius: 2rem;
    font-size: var(--font11);
    color: #fff;
}

.text_clr_blue {
    color: var(--table_text_clr);
}

.single_cards_pk {
    padding: 1.5rem 0rem;
    border-bottom: 1px solid #F4F4F4;
}

.single_cards_pk .gstr_tax_table_cont {
    padding: 0;
    display: flex;
    align-items: center;
    border-bottom: none;
    padding-bottom: 1rem;
}

.e_invoice_pk .wg_20 {
    flex: 1 0 0%;
    padding-left: 1rem;
}

.single_cards_pk.active .open_toggles svg {
    transform: rotate(180deg);
    transition: 0.4s ease-in-out;
}

.single_cards_pk .open_toggles svg {
    transition: 0.4s ease-in-out;
}

.paymentnotgen_btn {
    background: #FFEEDB;
    color: #BA782C;
}

.width_207 {
    width: 20.7rem;
}

.left_pk_bill {
    border-right: 1px solid #E4E4E4;
}

.mb-24 {
    margin-bottom: 2.4rem;
}

.nodata_invoice {
    height: 100%;
}

.overflow_hidden {
    overflow: hidden;
}

.invoice_filter_wrap {
    padding: 3rem 3rem 1rem 3rem;
    border: 0.5px solid #0000001A;
}

.modal-footer.modal_no_pos {
    position: relative;
    inset: unset;
}

.pad_all30 {
    padding: 1.8rem 3rem;
}

.product_card_txt h6 {
    color: #070A21;
    font-size: var(--font32);
    margin-top: 1.3rem;
    font-weight: 700;
}

.product_card .product_card_txt p {
    color: #7C9DB2;
}

.customer_card .product_card_txt p {
    color: #B6AC80;
}

.service_card .product_card_txt p {
    color: #8186AD;
}

.vendors_card .product_card_txt p {
    color: #C992A5;
}

.mobile_table_show {
    display: none;
}

.pad_12 {
    padding: 1.2rem;
}

.einvoice_details_row {
    background: #F6F9FF;
    padding: 1rem 1.2rem;
}

.single_copy_txt {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.add_btn_popup {
    display: none;
    position: fixed;
    bottom: 8rem;
    right: 2rem;
    z-index: 1051;
}

.trail_balance {
    height: 100%;
    background: #fff;
    box-shadow: 0px 0px 20px 0px #0000001A;
    padding: 1.2rem;
    display: flex;
    flex-direction: column;
    width: 100%;
}
.trail_balance_head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #E4E4E4;
    background: radial-gradient(50% 50% at 50% 50%, #FCFDFD 0%, rgba(255, 255, 255, 0.6) 100%);
    padding: 1.2rem 1.2rem 1.2rem 2.4rem;
}
.trail_balance_body{
    position: relative;
    flex: 1 1 auto;
}
.w_29{
    width: 29rem;
}
.trail_icon_head {
    display: flex;
    align-items: center;
    gap: 1.6rem;
}
.trail_balance_accordion .accordion_header::after{
    background-image:url(../images/inner_pages/a_add.svg);
    width: 2.4rem;
    height: 2.4rem;
    background-size: 2.4rem;
}
.trail_balance_accordion .accordion_header:not(.collapsed)::after{
    background-image:url(../images/inner_pages/a_minus.svg);
}
.trail_balance_menu{
    flex: 0 0 96%;
}
.bg_blue_acc{
    background: #F2F6FF;
    padding:1.6rem;
}
.debit_clr{
    color: #3FB640;
}
.trail_balance_accordion .accordion-item {
    background-color: transparent;
    border: 0px;
}
.trail_balance_total {
    border: 1px solid #E4E4E4;
    background: #FFFFFF;
    padding: 2.4rem;
    margin: .8rem 0;
}
.credit_clr{
    color:#B91C1D;
}
.m-18{
    margin: 1.8rem 0;
}
.box_trail{
    box-shadow: 0px 0px 20px 0px #0000001A;
}
.accordion_header {
    outline: none !important;
    box-shadow: none !important;
}
.flx_49{
    flex:0 0 49%;
}
.flx_48{
    flex:0 0 48%;
}
.inner_accordions .accordion-button{
    background: #fff;
}
.inner_accordions .accordion-button {
    background: #fff;
    padding: 2.7rem 2.4rem;
    outline: none !important;
    box-shadow: none !important;
}
.inner_accordions .accordion-button:last-child{
    border-bottom:0px;
}
.inner_accordions .accordion-button::after{
    background-image:url(../images/icons_active.svg);
    width: 1.8rem;
    height: 1.8rem;
    background-size: 1.8rem;
}
.inner_accordions .accordion-button:not(.collapsed)::after{
    background-image:url(../images/icons_active.svg);
}
.trail_balance_menu_inner {
    background: #A3A3A31A;
    border-bottom: 1px solid #F4F4F4;
    padding: 1rem 6.4rem 1rem 1rem;
}
.trail_balance_menu_inner .trail_icon_head{
    padding-left: 4.4rem;
}
.w-96{
    width:97.5%;
}
.mar_12{
    margin:0px 1.2rem;
}
.inner_accordions .accordion-collapse{
    border-left:0px;
    border-right:0px;
}
.accordion-body_two{
    width: 96.5%;
}

.inner_accordions .collapsed{
    border-bottom: 1px solid #F4F4F4 !important;
}
.mobile_show_sm{
    display:none;
}
.accordion-item .accordion-button{
    border-radius: 0px;
    box-shadow: none;
    outline: none;
    border-radius: 0px;
}
.create_invoice_header .header_txt.cmn_settings{
    background: #BDDBAE;
    border: 1px solid #FFFFFF
}
.profile_box{
    background: url(../images/inner_pages/profile_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left;
    padding: 1.6rem;
    display: flex;
    align-items: center;
    gap: 1.6rem;
}
.cmn_settings_wrap {
    padding: 2.4rem 0;
}
/*profile photos css*/
.avatar-upload {
    position: relative;
    max-width: 13rem;
    margin: 0;
}
.avatar-upload .avatar-edit {
    position: absolute;
    bottom: 0;
    right: 6px;
    z-index: 1;
    width: 3.8rem;
    height: 3.8rem;
}
.avatar-upload .avatar-edit input {
  display: none;
}
.avatar-upload .avatar-edit input + label {
  cursor: pointer;
  font-weight: normal;
  transition: all 0.2s ease-in-out;
}
.avatar-upload .avatar-edit input + label:after {
  content: "\f040";
  font-family: 'FontAwesome';
  color: #757575;
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  text-align: center;
  margin: auto;
  opacity: 0;
}
.avatar-upload label:focus-visible{
    outline: none;
}
.avatar-upload .avatar-preview {
    width: 11rem;
    height: 11rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}
.avatar-upload .avatar-preview > div {
    width: 11rem;
    height: 100%;
    border-radius: 100%;
    display: flex;
    align-items: center;
}
.avatar-upload .avatar-preview img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    margin: 0px auto;
}
.avatar-upload .avatar-edit input + label a {
    display: inline-block;
}
.location_cmp {
    display: flex;
    gap: .7rem;
    align-items: center;
}
.tax_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 0.5px solid #0000001A
}
.tax_head h6{
    display: flex;
    align-items: center;
    gap: 1rem;
}
.pad_20{
    padding:2rem;
}
.my-16{
    margin: 1.6rem 0;
}
.tax_body {
    padding: 3rem 2rem;
}
.mb-32 {
    margin-bottom: 3.2rem;
}
.mar_bot_24{
    margin-bottom:2.4rem;
}
.terms_icon{
    display:flex;
    gap:1.2rem;
    align-items: center;
}
.modal_opens .overlay_modal{
    opacity: 1;
    background: #E8E8E880;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 2;
    transition: 0.5s all ease;
}
.back-icon{
    margin-right: 1.2rem;
    display: inline-block;
}
.pad_box_cmn{
    padding:3rem 2rem;
}
.m_16_30{
    margin:.8rem 2rem;
}
.radio_options {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.create_contact_check_sc {
    display: flex;
    align-items: center;
}
.adcont_create_contact_cust_sc {
    display: flex;
    align-items: center;
    gap: 3rem;
    padding-bottom: 1.6rem;
}
.pk_radio_btns .adcont_create_contact_cust_sc {
    gap: 0px;
    padding-bottom: 0px;
}
.create_contact_check_sc input[type='radio'] {
    accent-color:#6FA614;
}
.sBtn-text.bold {
    color: #2d2d2d;
    font-weight: 400 !important;
}


/*checkbox css*/
.check_popup_pk input[type=checkbox] + label {
    cursor: pointer;
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size:1.6rem;
    color:#2d2d2d;
    gap:1.5rem;
    width: fit-content;
    position: relative;
}
.check_popup_pk input[type=checkbox] {
    display: none;
}
.check_popup_pk input[type=checkbox] + label {
    position: relative;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}
.check_popup_pk input[type=checkbox] + label:before {
    content: "";
    display: inline-block;
    width: 2rem;
    height: 2rem;
    border-radius: 0.4rem;
    background: url("../images/reconcile/check.svg") no-repeat center;
    background-size: contain;
    transition: 0.2s;
    vertical-align: bottom;
}
.check_popup_pk input[type=checkbox]:checked + label:after {
    content: "";
    position: absolute;
    width: 2rem;
    height: 2rem;
    background: url("../images/reconcile/tick.svg") no-repeat center;
    background-size: contain;
    top: 0;
    left: 0;
}
.check_popup_pk input[type=checkbox] + label.signup__checkBox__sc:before {
    background: url("../images/authentication/signup_check_img.svg") no-repeat center;
    background-size: contain;
}

.no_bank_found {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.no_bank_found img {
    margin: 0px auto;
    margin-bottom: 1.5rem;
}
.connect__bank__account__popup__body__sc.h-100 .select__bank__section__sc.bank_list_sc {
    height: 90%;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .check_popup_pk input[type=checkbox] + label:before,
    .check_popup_pk input[type=checkbox]:checked + label:after {
        width: 1.5rem;
        height: 1.5rem;
    }
    .tax_content {
        padding: 1rem 0 1rem;
    }
    .payment_dashboard_wrap .collect_data .row .col-lg-4 h5 span{
        display: none;
    }
    .collect_data .card_collects.bgc_3 .mob_img_small img{
        width:7rem;
    }
}

@media (max-width: 480px) {
    .check_popup_pk input[type=checkbox] + label:before,
    .check_popup_pk input[type=checkbox]:checked + label:after {
        width: 1.2rem;
        height: 1.2rem;
    }
}


.check_popup_pk label {
    display: flex;
    align-items: center;
}

.signin_text_highlight{
    font-size: var(--font20);
    font-weight: var(--font_weight400);
    color: var(--light_green_color);
}

.ex_file{
    margin-top: 3.2rem;
}
.expenses-main__grid--3 .recent_trans_tables{
    height: 100%;
}
.invoice_details_popup {
    border: 0.5px solid #0000001A;
    background: #FFFFFFB2;
    padding: 3rem 2rem;
}
.invoice_details_popup .accordion-body {
    padding: 3rem 2rem;
}
.invoice_details_popup .accordion-item {
    border: 0px;
}
.invoice_details_popup .accordion-item .accordion-button{
    box-shadow: 0px 2px 4px 0px #0000001A;
}
.invoice_details_popup .accordion-collapse {
    border-left: 1px solid #0000001A;
    border-right: 1px solid #0000001A;
    border-bottom: 0.5px solid #0000001A;
}
.invoice_details_popup .accordion-button::after {
    background-image: url(../images/inner_pages/a_add.svg);
    width: 2.4rem;
    height: 2.4rem;
    background-size: 2.4rem;
}
.invoice_details_popup .accordion-button:not(.collapsed)::after {
    background-image: url(../images/inner_pages/a_minus.svg);
}
.modal_title_team {
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.search_teams{
    width:100%;
    padding-bottom: 1.6rem;
    position: sticky;
    top: -1rem;
    left: 0;
    right: 0;
    z-index: 99;
    background: #fff;
}
.team_lable_modal .search_teams{
    margin-top: 1.6rem;
}
.team_lable_modal .search_teams .input_cmn{
    border: 1px solid #f1eded;
}
.team_list_card_head {
    display: flex;
    justify-content: space-between;
}
.team_list_card {
    border: 0.5px solid #0000001A;
    background: #FFFFFF;
    padding: 1.6rem 1rem;
    margin-bottom: 1.6rem;
}
.team_name {
    display: flex;
    gap: 1.2rem;
}
.team_name_details p{
    margin-top: .8rem;
}
.team_list_card_body .col-4:not(:last-child){
    border-right: 1px solid #E4E4E4
}
.team_list_card_body {
    text-align: center;
    margin-top: 1.6rem;
}
.team_name_img {
    width: 5rem;
    height: 5rem;
    position: relative;
}
.team_name_img img{
    width: 5rem;
    height: 5rem;
}
.team_name_img.sk_loader{
    border-radius: 50%;
    &::after {
        content: none;
    }
}
.team_name_img:after,.expenses__member__item__body__profile__sc:after{
    content: '';
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    border: 1px solid #FFFFFF;
    right: 0;
    border-radius: 50%;
    bottom: 0;
}

.team_name_img.active:after,.expenses__member__item__body__profile__sc.active:after{
    background: #3FB640;
}
.team_name_img.pending:after,.expenses__member__item__body__profile__sc.pending:after{
    background: #007BFF;
}
.team_name_img.inactive:after,.expenses__member__item__body__profile__sc.inactive:after{
    background:#F4C82C;
}
.team_name_img.cancel:after,.expenses__member__item__body__profile__sc.cancel:after{
    background: #FF4242;
}
.member-list_item {
    background: #F2F6FF;
    box-shadow: 0px 2px 4px 0px #0000001A;
    padding: 1.6rem;
    text-align: center;
}
.add-member-team_body {
    margin: 1.8rem 3rem;
}
.pk_add_memb {
    display: block !important;
    position: absolute;
    top: 0;
    width: 100%;
    padding: 0 5px;
}
.add_memberdulplicate .clone_input .pk_add_memb .pk_remove_member {
    display: inline-block;
    position: absolute;
    right: 1rem;
}
.add_memberdulplicate .clone_input {
    position: relative;
}
.txt_bold{
    font-weight: 400 !important;
    color: #2d2d2d;
}
.modal_cmn_box{
    display: none ;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.modal_cmn_box1{
    display: none ;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    background: #fff;
    padding: 3rem;
    width: 74rem;
    text-align: center;
}
.modal_cmn_box_save_draft{
    display: none ;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    background: #fff;
    padding: 3rem;
    width: 74rem;
    text-align: center;
}
.modal_cmn_delete{
    display: none ;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    background: #fff;
    padding: 3rem;
    width: 74rem;
    text-align: center;
}
.modal_del .modal_cmn_box{
    display: block;
    z-index: 9999;
    background: #fff;
    padding:3rem;
    width: 74rem;
    text-align: center;
}
.modal_del1 .modal_cmn_box1{
    display: block;
    z-index: 9999;
    background: #fff;
    padding:3rem;
    width: 74rem;
    text-align: center;
}
.modal_del2 .modal_cmn_box_save_draft{
    display: block;
    z-index: 9999;
    background: #fff;
    padding:3rem;
    width: 74rem;
    text-align: center;
}
.modal_journal .modal_cmn_delete{
    display: block;
    z-index: 9999;
    background: #fff;
    padding:3rem;
    width: 74rem;
    text-align: center;
}
.modal_cmn_box_save_draft .popups_btns .btn_style {
    width: 22rem;
}
.delete_msg .mar_top_img{
    margin:0px auto;
}
.modal_del .modal_cmn_box img{
    margin: 0px auto;
}
.delete_msg {
    position: relative;
}
.close_popup_icon_top {
    position: absolute;
    right: 0;
    display: flex;
    gap: 3px;
}
.popups_btns{
    padding-top:3rem;
}
.popups_btns .btn_style {
    width: 15rem;
}
.delete_msg p {
    margin-top: 3rem;
}
.mar_top_img{
    padding-top: 3rem;
}
.modal_del .overlay_modal, .modal_del1 .overlay_modal,
.modal_del2 .overlay_modal, .modal_journal .overlay_modal{
    z-index: 999 !important;
}
.modal_opens.modal_del .modal, .modal_opens.modal_del1 .modal,
.modal_opens.modal_del2 .modal, .modal_opens.modal_journal .modal{
    z-index: 911;
}
.modal_del .main__header__wrap, .modal_del1 .main__header__wrap,
.modal_del2 .main__header__wrap, .modal_journal .main__header__wrap{
    pointer-events: none;
}
.modal_del .lft__sidebar__main__sc, .modal_del1 .lft__sidebar__main__sc,
.modal_del2 .lft__sidebar__main__sc, .modal_journal .lft__sidebar__main__sc{
    pointer-events: none;
}
.profile_bank p {
    width: 50%;
}
.personal_team_wrap {
    margin: .6rem 2rem;
}
.profile_team_list .col-6{
    margin-bottom: 3rem;
}
.profile_team_list {
    border: 0.5px solid #0000001A;
    padding:3rem 2rem;
    margin-top: 2rem;
}
.profile_team_list .col-6:last-child{
    margin-bottom:0rem;
}
#referral_details .modal-body{
    padding:1.6rem 3rem;
}
.btn_mob_popup_team{
    display:none;
}
.left_content_item_img_inner {
    display: flex;
    gap: 1.2rem;
    align-items: center;
}
.left_content_item_img_inner img {
    width: 5rem;
}
.left_content_item_img_inner .inbox_icon {
    width: 3rem;
    right: -0.5rem;
    bottom: -0.7rem;
}
.download_dropdowns a.dropdown-item {
    border: 0px;
    display: block;
    width: 100%;
}
.dropdown.download_dropdowns a.show img {
    transform: unset;
}
.trans_no_data_pk_img img {
    margin: 0px auto;
}
.trans_no_data_pk {
    padding: 2.7rem;
}
.trans_no_data_pk p {
    margin-top: 1.6rem;
}
.drop_pos_ab {
    display: none;
    position: absolute;
    box-shadow: 0px 4px 10px 0px #0000001A;
    border: 1px solid #ECECEC;
    padding: 1.6rem 1.2rem;
    background: #fff;
    max-height: 54rem;
    overflow: hidden;
    overflow-y: auto;
    width: 100%;
}
.drop_pos_ab .left_content_item_img_inner {
    border-bottom: 1.14px solid #EFEFEF;
    border-top: 1.14px solid #EFEFEF;
    padding: 1.2rem;
    margin-bottom: 5px;
}
.drop_pos_ab .avatar-icons img:first-child {
    width: 5rem;
    height: 5rem;
}
.drop_pos_ab .avatar-icons img.inbox_icon {
    bottom: -0.8rem;
    right: -0.4rem;
}
.drop_pos_ab .left_content_item_img_inner:first-child{
    border-top: 0px;
}
.failure_btn {
    background: #F7F7F7;
    height: 3.4rem;
    width: 13rem;
}
/*status code css*/
.cls_darft_st{
    padding: .6rem 1rem;
    width: max-content;
    color:#086874;
    background:#B0E0E6;
}
.cls_not_snt_st{
    padding: .6rem 1rem;
    width: max-content;
    color:#B14DD5;
    background:#F9E8FF;
}
.cls_pymt_due_st{
    padding: .6rem 1rem;
    width: max-content;
    color:#0858A0;
    background:#ECF6FF;
}
.cls_cancelled_st{
    padding: .6rem 1rem;
    width: max-content;
    color:#353587;
    background:#E6E6FA;
}
.cls_closed_st{
    padding: .6rem 1rem;
    width: max-content;
    color:#424242;
    background:#E2E2E2;
}
.cls_partially_paid_st{
    padding: .6rem 1rem;
    width: max-content;
    color:#796A1B;
    background:#FFF9DB;
}
.cls_paid_st{
    padding: .6rem 1rem;
    width: max-content;
    color:#227437;
    background:#DCFFE5;
}
.cls_member_active {
    padding: .6rem 1rem;
    width: max-content;
    color: #FFFFFF;
    background:#3FB640;
}
.cls_member_pending {
    padding: .6rem 1rem;
    width: max-content;
    color: #5D5D5D;
    background:#F4C82C;
}
.cls_member_inactive {
    padding: .6rem 1rem;
    width: max-content;
    color:#FFFFFF;
    background:#FF4242;
}
.cls_pending_st{
    padding: .6rem 1rem;
    width: max-content;
    color:#A9580F;
    background:#FFDDBF;
}
.cls_overdue_st{
    padding: .6rem 1rem;
    width: max-content;
    color:#506CCE;
    background:#F3F5FC;
}
.cls_sheduled_st{
    padding: .6rem 1rem;
    width: max-content;
    color:#D338BF;
    background:#FAD2F4;
}
.cls_paid_settlement_pending_st{
    padding: .6rem 1rem;
    width: max-content;
    color:#12B218;
    background:#E0FFE1;
}
.cls_initiated_st{
    padding: .6rem 1rem;
    width: max-content;
    color:#96A71E;
    background:#FBFFDA;
}
.cls_failed_st{
    padding: .6rem 1rem;
    width: max-content;
    color:#C82A2A;
    background:#FBC3C3;
}
.cls_written_off_st{
    padding: .6rem 1rem;
    width: max-content;
    color:#0487CD;
    background:#E3F2FA;
}
.cls_refund_st{
    padding: .6rem 1rem;
    width: max-content;
    color:#1F6A82;
    background:#C7ECF8;
}
.cls_refund_initated_st{
    padding: .6rem 1rem;
    width: max-content;
    color:#7B6DD9;
    background: #E8E5FB;
}
.cls_charge_back_st{
    padding: .6rem 1rem;
    width: max-content;
    color:#AF5837;
    background:#F8D1C2;
}
.cls_partially_paid_Pend_sett_st{
    padding: .6rem 1rem;
    width: max-content;
    color:#00820E;
    background:#B3F2BA;
}
.cls_processing_st{
    padding: .6rem 1rem;
    width: max-content;
    color:#78920D;
    background:#F2FAD2;
}
.cls_reversed_st{
    padding: .6rem 1rem;
    width: max-content;
    color:#0E7254;
    background:#B3F2DF;
}
.cls_hold_st{
    padding: .6rem 1rem;
    width: max-content;
    color:#D24290;
    background:#FFDFF0;
}
.cls_review_st{
    padding: .6rem 1rem;
    width: max-content;
    color:#3F85A6;
    background:#D6EBF5;
}
.cls_darft_st_txt{
    color:#086874;
}
.cls_not_snt_st_txt{
    color:#B14DD5;
}
.cls_pymt_due_st_txt{
    color:#0858A0;
}
.cls_cancelled_st_txt{
    color:#353587;
}
.cls_closed_st_txt{
    color: #424242;
}
.cls_partially_paid_st_txt{
    color: #796A1B;
}
.cls_paid_st_txt{
    color:#227437;
}
.cls_pending_st_txt{
    color:#A9580F;
}
.cls_overdue_st_txt{
    color:#506CCE;
}
.cls_sheduled_st_txt, .cls_written_off_st_txt{
    color:#D338BF;
}
.cls_paid_settlement_pending_st_txt{
    color:#12B218 ;
}
.cls_initiated_st_txt{
    color:#96A71E;
}
.cls_failed_st_txt{
    color:#C82A2A;
}
.cls_written_off_st_txt{
    color:#0487CD;
}
.cls_refund_st_txt{
    color:#1F6A82;
}
.cls_refund_initated_st_txt{
    color: #7B6DD9;
}
.cls_charge_back_st_txt{
    color: #AF5837;
}
.cls_partially_paid_Pend_sett_st_txt{
    color:#00820E;
}
.mobile_txt_gl{
    display:none;
}
.add_journaldulplicate p {
    display: none;
}
.filter-pills-gs{
    cursor: pointer;
}
.left_content_item_due {
    text-align: right;
}
.desk_flxs{
    display:flex;
    align-items: center;
    justify-content: center;
}
.add_journaldulplicate .desk_flxs {
    align-items: center;
    margin-bottom: 3rem;
}
.delete_wraper img{
    cursor: pointer;
    flex:0 0 20px;
}
.delete_wraper {
    height: 4.8rem;
    display: flex;
    align-items: center;
}
.two_btn_pop {
    display: flex;
    gap: 1.6rem;
    margin-bottom: 3rem;
}
.two_btn_pop .btn_trans{
    display: flex;
    align-items: center;
}
.reconcile_top_wrap h5 {
    margin-bottom: 1.8rem;
}
.col_left_txts, .col_rght_txts {
    margin-bottom: 1.2rem;
}
.reconcile_preview_blu {
    margin: 3rem 0;
    background: #F6F9FF;
    padding: 2.1rem 1.6rem;
    border: 1px solid #E4E4E4;
}
.reconcile_preview_blu .col_left_txts, .reconcile_preview_blu .col_rght_txts {
    margin-bottom:2.5rem;
}
.col_rght_txts {
    display: flex;
    align-items: center;
}
.col_rght_txts span {
    display: inline-block;
    margin-right: 1.2rem;
}
.clr_outstd {
    color: #FF4242;
}
/*dashboard css*/
.flip > .back, .flip:hover > .back{
    display: none;
}
.flip:hover > .front {
    transform: none;
}
.responsive_iframe {
    width: 100%;
    height: calc(100vh - 5rem);
    position:relative;
}

.responsive_iframe iframe {
    width: 100%;
    height: 100%;
    border: 0;
}
.no_bor_iframe .modal-content{
    background-color: transparent;
    border: 0px;
}
.no_bor_iframe .modal-body {
    padding: 0px;
    position:relative;
    overflow: hidden;
}
.modal-open-custom .modal-backdrop.fade.show{
    display: block;
    --bs-backdrop-bg: #F7F6F8;
}
.no_bor_iframe .modal-body img.iframe_close {
    position: absolute;
    right: 3%;
    z-index: 9;
    top: 5%;
    cursor: pointer;
    width: 4rem;
    height: 4rem;
}
.financial__video__sec video{
    cursor:pointer;
}
#iframe_video .modal-dialog {
    transform: none;
    width: 100%;
    max-width: 90%;
}
.financial__video__sec.flip .front, .financial__video__sec.flip a{
    cursor: pointer;
}
.responsive_iframe {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
}

.responsive_iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/*dashboard css end*/

.yellow_down path{
    fill:#FFA621;
}
.red_down path{
    fill:#DB2323;
}
.green_down path{
    fill:#59C19D;
}
.toggle_pdf_design svg {
    max-width: 14rem;
    height: 19rem;
}
.add_border_click {
    border: 2px solid transparent;
}
.bor_active {
    border: 2px solid #116AD2;
}
.nodata_header_pk .accounting_transaction_heading .btn_right{
    display: none;
}
.desk_hide_btn{
    display:none;
}

.show_1024{
    display:none;
}
.add_acc_payables tr th {
    background: #F2F6FF;
    padding: 2rem 1.6rem;
}
.add_acc_payables tr td {
    vertical-align: middle;
    padding: 1.6rem 0rem 1.6rem 0rem;
    border: 0px;
}
.add_acc_div h6{
    margin: 1rem 0;
}
.add_acc_payables .input__field__items__sc, .add_acc_payables .input__field__sc {
    max-width: 18rem;
}

.add_acc_payables input{
    max-width: 16rem;
}
.add_acc_payables .input__dp__arrow__sc {
    position: absolute;
    right: 1rem;
}
.journal_content_body tr td {
    padding: 2.8rem 1rem;
}
.error.error-important {
    color: #FF4242;
}
.merchant_id_div h6 {
    padding: 1.2rem 0;
}
.merchant_id_div{
    background: #FFFFFF;
    margin-top: 0;
}
.merchant_id_div_bor{
    border: 1px solid #E4E4E4;
    padding:1.2rem;
    background: #FFFFFF;
}
.merc_id{
    display: flex;
    justify-content: center;
    gap: .8rem;
    align-items: center;
}
.try__Bulk__upload__btn__sc_items{
    width: 20rem;
    height: 4.4rem;
    background: var(--bg_white);
    border: 0.5px solid var(--primary_dark);
}
.reconcile_nodata img {
    margin: 0px auto;
    margin-bottom: 1rem;
}
.pad_30_15{
    padding: 3rem 3rem 1.5rem 3rem;
}
.mb_20{
    margin-bottom:2rem;
}
.payment_history_details_wrap .col-6,.payment_history_details_wrap .col-12 {
    padding: 3rem 2.4rem;
}
.collection_totals {
    border-top: 1px solid #E4E4E4;
}
.collect_sec_item{
    height:100%;
}
.no_data_collect_wrap {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.no_data_collect_wrap__bg__sc {
    background-image: url("../images/payment_button/customer__bg__img.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.nodata_img_col{
    margin-bottom: 2rem;
}
.max-44{
    max-width:43rem;
    margin: 0px auto;
    margin-bottom: 3rem;
}
.add_items_cate {
    padding: 1.6rem;
    border-bottom: 1px solid #F4F4F4;
}
.auth_error_sc .error{
    font-family: var(--font-family);
    font-size: var(--font14);
    font-weight: var(--font_weight400);
    color: var(--kyc_error_msg_clr);
}
.jrk_select-menu.jrk_select-error .error {
    position: absolute;
    top: 5rem;
    left: 0;
}
.kyc_suc_msg{
    font-size:var(--font36);
    font-weight: 500;
    text-align:center;
}
.kyc_suc_msg_para{
    font-size: var(--font18);
    font-weight: 400;
    color:#6A6A6A;
    text-align:center;

}
.kyc_btn_succ{
    border: 1px solid;
    border-image-source: linear-gradient(87.1deg, #FFFFFF -3.02%, #444BE0 96.54%);
    display: inline-block;
    background: linear-gradient(88.33deg, #5C5C5C -7.64%, #000000 145.94%);
    box-shadow: 6px 9px 40px 0px #A7C6E2, -6px -6px 16px 0px #FFFFFF99;
    width: 100%;
    font-size: var(--font20);
    text-align: center;
    color: #fff;
    padding: 2rem 0;
    border-radius: 2.4rem;
    margin-top: 4rem;
}
.div_img_wrap_ani {
    position: relative;
    max-width: 60rem;
    width: 100%;
}
.kyc_btn_succ:hover{
    color:#fff;
}
.icon_svg_wdt{
    width:30rem;
}
.icon_svg_wdt {
    width: 25rem;
}
.resend_link_btn.verify_email_Rlink:hover{
    box-shadow:none;
    background: #F0F7FF;
}
.integrationMain .borderLayer{
    gap: 3rem;
}
.dt-buttons, .dt-length {
    display: none;
}
.landing__banner__slider__js__sc .swiper-wrapper .swiper-slide:first-child{
    opacity: 0;
}
.table_user_name .avatar-icons {
    width: 5rem;
}
.flx_clm{
    flex-direction:column;
}
.cmn_sub_flx {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 1.6rem;
}
.cmn_sub_flx:last-child {
    margin-bottom: 0;
}

.itemDetailsWrap .modal-body.two_subtotals {
    padding: 2rem 2rem 44%;
}

.customer_info_details .invoice_info_btns .dropdown a.show img{
    transform:none;
}

.buttonAddTeamList{
    width: 5rem;
    height: 5rem;
    background:var(--primary_dark);
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    right: 2.2rem;
    bottom: 4rem;
    border-radius: 5rem;
    display: none;
}
.NEWReportsSec.collect_data.MakeGridRow .img_card_cmn_wrap img{
width: 14rem;
}
.NEWReportsSec.collect_data.MakeGridRow .img_card_cmn_wrap{
    flex: unset;
    position: absolute;
    right: 0;
    bottom: 0;
}
.NEWReportsSec.collect_data.MakeGridRow .card_collects{
    position: relative;
    min-height: 17rem;
}
.btn-close:focus {
    outline: 0;
    box-shadow: none;
    opacity: 1;
}
.sa_card_parent .sa_intro_basic_align.maxWidthSey {
    max-width: 45rem;
}
.txt_ali_cen {
    text-align: center;
}
.payment__btn__apd__sc.overall_spc_top .input__dp__body__sc{
    bottom: 38px;
}
.payment__btn__apd__sc.overall_spc_top .input__dp__body__sc ul {
    max-height: 18rem;
}
.payment__btn__apd__sc.overall_spc_top {
    background: #ffffff;
    box-shadow: 0px 0px 20px 0px #0000000F;
    padding: 1.2rem;
}
.ad_rmv_fld_gs {
    text-decoration: underline;
}
.state_field{
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}
.text_10ch {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 13ch;
    overflow: hidden;
}
.text_27ch{
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 27ch;
    overflow: hidden;
}
.set-of-color-to-choose-from-list-gs button.active {
    outline: 1px solid #6FA614;
    outline-offset: 3px !important;
}
.DlteSec.pymnt_customer_details_delete_sc {
    margin-top: 2.5rem;
}
li.access-to-pay__form-fied-item.no-swap-gs .transfer__amount__popup__remark__textarea__box__sc {
    padding: 0;
}
.new_btn_pdf {
    width: 4.8rem;
}
.new_btn_pdf {
    width: 100%;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.notes_field{
    position: relative;
}
.notes_field .contact__error__sc{
    top: 12rem;
}
.custom_table.payout_trans_table .status_btn {
    float: left;
}
.title_customer {
    padding: 1rem 2rem;
}
.acc_wego_ai .modal-content{
    box-shadow: -10px -6px 32px 0px rgba(255, 255, 255, 0.60), 6px 5px 24px 0px rgba(112, 139, 163, 0.28);
    border: 2px solid;
    border-image-source: linear-gradient(140.76deg, rgba(255, 255, 255, 0.6) -17.17%, rgba(190, 206, 226, 0.6) 142.13%);
    border-image-slice: 1;
    border-radius: 2.4rem;
    background: radial-gradient(470.49% 476.11% at -177.9% -134.84%, #BACDE3 0%, #B9CCE2 12.93%, #FFF 84.2%), #E3EDF7;
    position: relative;
}
.new_acc_div{
    position: relative;
    padding:40px 0 0;
}
.new_acc_div img {
    margin: 0px auto;
}
.new_acc_div a{
    color: #6fa614;
    font-weight: 500;
}
.new_acc_div h2 {
    margin: 3rem 0;
    font-size: 3rem;
    font-weight: 500;
    text-align: center;
}
.new_acc_div p {
    font-size: 1.6rem;
    color: #222;
    font-weight: 400;
    line-height: 1.5;
}
.last_txt_acc{
    font-size: 1.6rem;
    color: #222;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.acc_wego_ai .access_code {
    width: 100%;
    padding: 1.2rem 1.6rem;
    color: var(--primary_dark);
    outline: unset;
    font-size: var(--font16);
    height: 4.8rem;
    border: 1px solid #ABABAB;
    font-weight: var(--font_weight400);
}
.resubmit_profile{
    padding: 0 4rem;
}
.resubmit_profile_content{
     border: 2px dashed #C7DAE4;
     border-radius: 1.2rem;
     padding: 2.4rem 2rem;
     margin-bottom: 2.4em;
}
.resubmit_profile_head p{
        padding-bottom: 2rem;
}
.resubmit_profile_para ol li{
    padding-bottom: 1.6rem;
    list-style-type: symbols;
}
.resubmit_profile_para ol{
    margin-bottom: unset;
}
.resubmit_profile_para ul li{
    padding-bottom: 1.6rem;
    list-style: disc;
    margin-left: 2rem;
}
.kyc_resub_para{
    padding-bottom: 1rem;
}
.resubmit_btn{
    display: flex;
    align-items: center;
    flex-direction: row;
    width: 100%;
    gap: 1rem;
}

.resubmit_btn .resubmit_authCommon__btn1 {
    padding: 1.8rem 0;
    border-radius: 5rem;
    font-size: var(--font20);
    font-weight: var(--font_weight600);
    color: var(--primary_dark1);
    box-shadow: 4px 2px 16px 0px #88A5BF8A, -4px -2px 16px 0px #FFFFFF;
    background: #F0F7FF;
    border: 1px solid #FFFFFF;
}
.resubmit_btn .resubmit_authCommon__btn2 {
    padding: 1.8rem 0;
    border: 1px solid;
    border-image-source: linear-gradient(87.1deg, #FFFFFF -3.02%, #444BE0 96.54%);
    background: linear-gradient(88.33deg, #5C5C5C -7.64%, #000000 145.94%);
    border-radius: 5rem;
    font-size: var(--font20);
    font-weight: var(--font_weight600);
    color: var(--theme_bg_color);
    box-shadow: 6px 9px 40px 0px #A7C6E2, -6px -6px 16px 0px #FFFFFF99;

}
.resubmission__auth__main__sc .wegofin__authCards {
    max-height: 75rem;
}
.resubmission__auth__main__sc .signin .authPge__cntnPic {
    height: auto;
}

#accounts_tds_section #chart_of_accounts_form_submit .modal-body.row{
    height: calc(100dvh - 23rem);
    padding-bottom: 4rem;
}

.no-scroll .modal.right .modal-content {
    overflow-y: hidden;
}
.modal.right .modal-content {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.modal.right .modal-content::-webkit-scrollbar {
    display: none;
}
.right_side_required{
    color: var(--kyc_error_msg_clr) !important;
}
.right_side_required, .input_wrap_cmn p span.right_side_required{
    color: var(--kyc_error_msg_clr);
    line-height: 2.4rem;
}
.personal_detail_bttn button{
    font-weight: 500;
}
.preview_modal_cust{
    max-width:90rem;
}
.preview_modal_cust .modal-header {
    justify-content: center;
    padding: 3rem;
    border: 0;
}
.preview_modal_cust .modal-header .close_btns {
    transform: none;
    right: 2rem;
}
.preview_modal_cust .modal-content {
    border: 0px;
    background: #fff;
}
.preview_popup_header{
    background: var(--red_bg);
    border-radius: 3.2rem;
    padding: 3.2rem;
}
.preview_popup_header {
    display: flex;
}
.logo_preview {
    width: 25%;
}
.preview_content_2 {
    width:45%;
}
.preview_content_3 {
    width: 30%;
}
.btn_prevviews {
    display: inline-block;
    background: #F2B9B9;
    box-shadow: 0px -7.46px 37.31px 0px #305F9733, 0px -1.87px 7.46px 0px #305F9733;
    padding: 1.3rem 2rem;
    border-radius: 4rem;
    margin-bottom: 3rem;
}
.btn_invoice_prev {
    text-align: right;
}
.d_flex_div_prev{
    display: flex;
}
.left_p_txt {
    min-width: 21rem;
    margin-bottom: 8px;
}
.logo_img {
    background: #fff;
    width: 16rem;
    height: 16rem;
    text-align: center;
    box-shadow: 0px 3.21px 30.54px 0px #305F9712, 0px 3.21px 6.43px 0px #305F9705;
    border: 1px solid #EBEFF6;
    border-radius: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 7.6rem;
}
.logo_img img {
    margin: 0px auto;
    width: 10rem;
}
.prev_popup_users {
    max-width: 45rem;
    margin: 0px auto;
    display: flex;
    justify-content: space-between;
    margin-top: 4rem;
}
.img_txt_use {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: 1.2rem;
}
.img_txt_use img {
    width: 1.8rem;
}
.table_bx_shadow table {
    width: 100%;
    border-collapse: separate;
}
.table_bx_shadow {
    box-shadow: 0px 1.87px 5.6px 0px #19213D0D, 0px 3.73px 14.92px 0px #19213D0A;
    border: 1.12px solid #EBEFF6;
    padding: 2.8rem 1.6rem;
    background: #fff;
    margin: 3rem 0;
}
.table_bx_shadow tr th {
    background: #F2B9B9;
    padding: 1.2rem;
    border-radius: 5rem;
    text-align: center;
}
.table_bx_shadow tbody tr td {
    padding: 3rem 1.2rem;
    border-bottom: 1.12px solid #EBEFF6;
    text-align: center;
}
.table_bx_shadow tbody tr td:first-child{
    text-align: left;
}
.table_bx_shadow tbody tr td:last-child{
    text-align: right;
}
.table_totals_rgt {
    width: 50rem;
    border-radius: 2rem;
    background: var(--red_bg);
    box-shadow: 0px 5.6px 22.39px 0px #F3FFD2;
}
.total_amt_prev {
    padding: 2rem 2.8rem;
}
.table_totals {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.d_flex_total_amt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}
.bor_bot_divider {
    border-bottom: 2px solid #EBEFF699;
    padding: 1rem 0;
}
.notes_txts.text-center {
    margin: 6rem 0;
}
.prev_footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 1.8rem;
}
.prev_footer p {
    margin-bottom: 1rem;
}
.prev_popup_users.prev_3_100 {
    max-width: 100%;
}
.preview_popup_header.popup_prev_3 {
    justify-content: space-between;
    padding: 3rem 8rem;
}
.preview_popup_header.popup_prev_3 .logo_img {
    position: relative;
    top: unset;
    background: transparent;
    border: 0;
    height: auto;
    width: auto;
    text-align: left;
    justify-content: left;
}
.preview_popup_header.popup_prev_3 .preview_content_2 , .preview_popup_header.popup_prev_3 .preview_content_1{
    width: unset;
}
.preview_popup_header.popup_prev_3 .logo_img img{
    margin: 0;
}
.customPopup3 .modal-body{
    padding: 0;
}
.customPopup3 .preview_popup_header{
    border-radius:0;
}
.top_bor_rad_wrap {
    background: #fff;
    border-radius: 6rem 6rem 0 0;
    padding: 4rem 8rem;
}
.customPopup3 .preview_body_modal {
    background: #E54E4E;
}
.customPopup3 .table_totals {
    justify-content: unset;
    align-items: unset;
    flex-direction: column-reverse;
    width: 100%;
}
.customPopup3 .table_totals .table_totals_rgt {
    width: 100%;
    background: transparent;
    box-shadow: none;
}
.customPopup3 .table_totals .table_totals_left {
    padding: 0rem 2.8rem;
}
.billtemp_container .cus_color_btn {
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 50%;
}
.billtemp_container .cus_color_btn.active::after {
    width: 4rem;
    height: 4rem;
    background: transparent;
}
.modal-content.customPopup3 .prev_popup_users_rgt {
    text-align: right;
}
.btn_status{
    padding: 1rem 3rem;
    display: inline-block;
    text-align: center;
    border-radius: 2rem;
}
.btn_bg_pending {
    background: #FFF3E0;
    color: #B28512;
}
.btn_bg_deactivate{
    background: #F0F0F0;
    color:#616161;
}
.btn_bg_activate{
    background: #E0FFE1;
    color:#12B218;
}
.btn_bg_inactivate{
    background: #FFE0E0;
    color:#B21212;
}
.left_content_item_due .text_10ch{
    margin-left: auto;
}
.width_40rem{
    width: 40rem;
    margin: 0px auto;
}
.d_in_blk{
    display: block;
    color: #2d2d2d;
}
.c_pot{
    cursor: pointer;
}
.bank_row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0rem 2rem;
}
.bank_img_wrap {
    display: flex;
    align-items: center;
    gap: 0 1rem;
}
.bank_amt_wrap {
    display: flex;
    align-items: center;
}
.bank_amt_wrap span{
    margin-right: .5rem;
}
.blu_bg_clr{
    background: #F2F6FF;
    padding: 1rem 2rem;
}
.banking_popup_int .min_two_lines {
    height:3rem;
}
.banking_popup_int {
    border: 1px solid #F1F1F1;
    padding: 1.2rem;
    height: 100%;
}
.bank_card_in_tran{
    background: url(../images/banking/send_bg.svg);
    border: 1px solid transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100%;
}
.banking_popup_int img{
    margin:2.7rem auto;
    width: 6rem;
    height: 6rem;
}
.bank_card_in_tran img{
    margin-left: 0;
    width: 10rem;
    height: 11rem;
    margin-bottom: 1rem;
    margin-top: 0;
}
.bank_added_wrap {
    background: #F2F6FF;
    height: 100%;
    padding: 2rem;
}
.bank_added_logo {
    display: flex;
    justify-content: space-between;
}
.bank_added_logo img{
    width: 5rem;
    height: 5rem;
}
.bank_ac_no {
    margin-top: 7rem;
}
.bg_svg_icon{
    background: #FFFFFF;
    border-radius: 50%;
    padding: .5rem;
    border: 1.33px solid #0000000D;
    margin-left: .8rem;
    cursor: pointer;
}
.img_bor_50{
    background: #FFFFFF;
    border-radius: 50%;
    padding: .5rem;
    border: 1.33px solid #0000000D;
    margin-left:1.2rem;
    cursor: pointer;
}
.bg_svg_icon .refresh_btn__sc.refresh_balance_amnt {
    width: 2rem;
    height: 2rem;
}
.bank_popup {
    display: inline-block;
    width: 100%;
    text-align: center;
    border: 1px solid #2d2d2d;
    padding: .8rem 1.2rem;
}
.bank_added {
    border: 1px solid #E4E4E4;
    padding: 1.2rem;
}
.bank_card_acc_bg {
    box-shadow: 0px 0px 20px 0px #0000001A;
    padding: 1.2rem;
    margin-bottom: 1.6rem;
}
.banking__main__right__sc {
    box-shadow: none;
    padding-top: 0;
    padding-bottom: 0;
}
.flx_dir_cl{
    flex-direction: column;
}
.two_head_btn_flx{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.banking_beneficiary_no_data{
    border: 0.5px solid #0000001A;
    background: #ffffffb2;
    height: auto;
}
.banking_beneficiary_list{
    display: flex;
    align-items: center;
    gap: 1rem;
    border-bottom: 1px solid #F4F4F4;
    padding: 2rem;
}
.invoice_content .modal-body{
    padding: 1.8rem 3rem;
}
.beneficiary_no_data{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3rem;
    height: 100%;
}
.banking_beneficiary_search{
    padding: 1.6rem 2rem;
}
.input_search.banking_beneficiary_search svg{
    right: 3rem;
}
.beneficiary_nobank{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}
.beneficiary_check_content {
    display: flex;
    gap: 0.4rem;
    flex-direction: column;
}
.beneficiary_check_content h5{
    color: var( --black_variant_dark);
}
.beneficiary_check_content p{
    color: var( --black_variant_medium);
}
.beneficiary_checkbox_sec{
    padding: 1.6rem 2rem;
}
.beneficiary_display{
    display: flex;
    align-items: center;
    gap: 1.6rem;
}
.beneficiary_checkbox{
    padding: 0.8rem 1.6rem;
    /* border: 0.5px solid #0000001A; */
    background: #f9f9f9;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.beneficiary_account {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}
.banking__main__right__sc.active {
    box-shadow: 0px 0px 20px 0px #0000001A;
    padding: 1.6rem;
}
.bank__recent__show {
    cursor: pointer;
}
.banking__main_body_bg {
    box-shadow: 0px 0px 20px 0px #0000001A;
    background: var(--bg_white);
    padding: 1.2rem;
    flex: 1 1 auto;
}
.bank_card_pk {
    margin-bottom: 1.6rem;
    border-width: 1px;
    border-style: solid;
    border-color:#F1F1F1;
    padding-top: 2.4rem;
    cursor: pointer;
    will-change: border-color;
    transform: translateZ(0);
}
.after_bank_added .bank_card_pk.active{
    background: radial-gradient(50% 50% at 50% 50%, #FCFDFD 0%, rgba(255, 255, 255, 0.6) 100%),
                linear-gradient(35.54deg, #FFDEE9 -3.76%, #FFFBF9 22.91%, #FFFFFF 62.76%, #DDF3FF 102.86%);

}
.bank_card_pk.active {
    border-color: #2D2D2D;
    transform: translateZ(0);
}
.bank_card_pk.active::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width:3px;
    height: 100%;
    background-color: #2D2D2D;
}
.cust_bank_pad tr td {
    padding: 1.6rem 1rem;
}
.banking__main__right__table__sc tbody td:last-child{
    text-align: right;
}
.dir_col{
    flex-direction: column;
    align-items: flex-start;
}
.banking__main__right__body__sc{
    height: 100%;
}
.cust_bank_gap{
    gap: 2rem;
}
.withdrae__money__bank_name {
    display: flex;
    align-items: center;
    width: 100%;
}
.withdrae__money__popup__body__row__sc{
    gap: 0 1.2rem;
}
.width_mty_two{
    width: 1.8rem;
}
.partner_details {
    width: 100%;
    background:transparent;
    padding-left:0rem;
    display: flex    ;
    width: 100%;
}
.partner_bor_top {
    border-top: 1px solid #0000001A;
    padding: 1.6rem;
    background: #F9F9F9;
    flex: 1 1 auto;
    margin-left: 1.2rem;
}
.bank__account__selecter__sc{
    margin-left: 1.2rem;
}

.beneficiary_account p{
    color: var( --black_variant_medium);
    text-align: right;
}
.beneficiary_account p span{
    color: var( --primary_dark);
}
.beneficiary_no_data{
    /* border: 0.5px solid #0000001A; */
    /* background: #ffffffb2; */
}
.timer_section{
    padding: 0.8rem 1.6rem;
    /* border: 0.5px solid #0000001A; */
    background: #f9f9f9;
    border-top: 1px solid #0000001A;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.timer_content p{
    color: var( --black_variant_medium);
}
.timer_count p{
    color: var(--light_green_color);
}
.beneficiary_reference{
    border: 0.5px solid #0000001A;
    background: #ffffffb2;
}
.banking_reference{
    padding: 3rem 2rem;
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}
.mb24{
    margin-bottom: 2.4rem;
}
.banking_reference input{
    padding: 1.2rem 1.6rem;
    color: var(--black_variant_light);
    border: 1px solid #E3E8EE;
    background: #F7FAFC;
}
.banking_reference_invoice{
    padding: 3rem 2rem 1.2rem;
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}
.beneficiary_reference h5{
    border-bottom: 1px solid #F4F4F4;
    padding: 2rem;
}
.banking_reference_invoice input{
    padding: 1.2rem 1.6rem;
    border: 1px solid #F4F4F4;
    background: #FFF;
}
.banking_add_invoice{
    padding: 1.2rem 1.6rem;
}
.banking_add{
    display: flex;
    align-items: center;
    padding: 1rem 0.8rem;
    gap: 0.8rem;
    cursor: pointer;
    margin-bottom: 3rem;
}
.banking_add h6{
    color: var(--light_green_color);
    text-decoration: underline;
}
.banking_add img{
    width: 1.8rem;
}
.banking_ref_payment{
    display: flex;
    align-items: center;
    gap: 0.8rem;
}
.ref_payment{
    display: flex;
    gap: 1.6rem;
}
.banking_ref_payment p{
    color: var(--black_variant_medium);
}
.banking_foot{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.banking_payment_success h5{
    color: var(--primary_dark);
}
.banking_payment_success p{
    color: var(--primary_medium);
}
.banking_successful{
    height: 100%;
}
.banking_payment_success{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    gap: 0.8rem;
}
.banking_payment_success img {
    margin-bottom: 2rem;
}
.flex_end{
    width: 100%;
    justify-content: end;
}
.img_gst_wrap img {
    margin: 0px auto;
    max-width: 54rem;
}
.gst_data{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.8rem;
    padding-inline: 0;
}
.error_img_inter img {
    margin: 0px auto;
    width: 10rem;
}
.error__popup__container__sc .add__money__popup__header__sc {
    padding-bottom: 0;
}
.error__popup__container__sc {
    padding-bottom: 4rem;
}
.error__popup__cont__sc h3 {
    margin: 2rem 0;
}
.error__popup__cont__sc p {
    margin-bottom: 2rem;
}
.error__popup__close__sect__sc {
    cursor: pointer;
}
.add_txt_green {
    display: flex;
    gap: .8rem;
    color: var(--light_green_color);
    text-decoration: underline;
}
.add_txt_green:hover{
    color: var(--light_green_color);
    text-decoration: underline;
}
.recurring_no {
    width: 2rem;
}
.marg_24{
    margin: 2.4rem 0;
}
.linked_bank_details_show {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.font_cust_blu {
    color: var(--table_text_clr);
    text-decoration: underline;
    background: transparent;
    width: auto;
    height: auto;
}
.beneficiary_add button{
    padding: 1rem 3rem;
    color: #2D2D2D;
    background: #fff;
    border: 0.5px solid #2D2D2D;
}
.banking_payment_success p{
    text-align: center;
}
.pagination_trans {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.pagination_trans{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1.2rem;
}
.btn_pagination {
    display: flex;
    align-items: center;
    gap: 1rem;
}
.btn_pg_cmn {
    padding: .8rem;
}
.pagination_trans ul li {
    display: inline-block;
}
.pagination_trans ul li a{
    display: inline-block;
    padding:.8rem 1.5rem;
    margin: 0 .2rem;
}
.pagination_trans ul li a.active, .pagination_trans ul li a:hover {
    background: #F4F4F4;
}
.btn_pg_cmn{
    border:1px solid #F4F4F4;
}
.link_icon_mob{
    display: none;
}
.table_team_expense_inner .custom_table .status_btn {
    float: left;
}
.zoho_book_table_wrap table tr td:not(:first-child){
    width: 32%;
}
.zoho_book_view_table table tr td:not(:first-child){
    width:47%;
}
.zoho_sync, .zoho_sync:hover, .zoho_view_single, .zoho_view_single:hover  {
    text-decoration: underline;
    color:var(--table_text_clr);
}
.syn_history, .sync_single_view{
    display: none;
}
.syn_history.show, .sync_single_view.show {
    display: block;
}
.d_flx_zoho{
    display: flex;
    align-items: center;
    cursor: pointer;
}
.pad_invoice{
    padding: 3rem 2rem 1.2rem;
}
.delete_invoice_item {
    float: right;
    display: none;
}
.append_invocie_no .delete_invoice_item {
    display: block;
}



@media(min-width:1025px) and (max-width:1180px) {
    .col-3 .para_flx_txt p.font16 {
        min-height: 32px;
    }
}

@media(min-width:1721px) and (max-width:1920px) {
    .signin .wegofin__authCards{
        padding: 2.5rem 4rem !important;
    }
    .signin.signin .signin__heading, .signin .forgotpass__txt{
        margin-bottom: 2.5rem !important;
    }
}
@media(min-width:1921px){
    .img_banner_sec{
        margin-top: 25rem;
    }
}
@media(max-width:1700px){
    .currency-symbol{
        top: 1.5rem;
    }
}
@media(max-width:1400px){
    .sales_tab_contents_bg{
        padding-left: 3rem;
    }

    .customer_trans_amt_img {
        display: none;
    }

    .customer_trans_details_bg {
        padding: 1.5rem;
    }

    .hide_140 {
        display: none;
    }

    .collect_data {
        padding-bottom: 1.5rem;
        padding-right: 3rem;
    }

    .payment_gateway_card {
        padding: 2.4rem 2.4rem;
    }

    .payment_gateway_card>p {
        margin-bottom: 1.5rem;
    }

    .collect_sec_head{
        align-items: end;
    }

    .recently_added {
        width: 20rem;
        height: 16rem;
    }

    .four_collect_cards {
        min-height: 18.4rem;
        padding: 2rem;
    }

    .btn_link_txts {
        bottom: -1rem;
    }

    .links_txt {
        padding-top: 0px;
    }

    .links_txt>p {
        padding-bottom: 2rem;
    }

    .payment_gateway_card_cmn h5 {
        min-height: 3.3rem;
    }
}

@media(min-width:1025px) and (max-width:1721px) {
    .payment__btn__check__sc {
        grid-template-columns:48% 50%;
    }
    .main__container, .main__container.dashboard__main__container__sc {
        padding: 1.5rem;
    }
    .main_layout_grid {
        gap: 1.5rem;
    }
    .left_section {
        height: calc(100vh - 13rem);
        padding: 1.5rem;
    }
    .left_section {
        width: 45rem;
    }
    .main_layout_grid {
        grid-template-columns: 45rem 1fr;
    }
    .expenses-main__grid-content__header-cont.expenses-main__grid-content__header-cont{
        width:100%;
    }
    .expenses-main__grid-content__header::before{
        display: none;
    }
    .signin .wegofin__authCards {
        min-height: 78rem !important;
        padding:2rem !important;
        height:56rem;
    }
    .signin.signin .signin__heading, .signin .forgotpass__txt, .signin .signin__othr__optns{
        margin-bottom:2.5rem !important;
    }
    .signin .signin__or__otns{
        margin: 4rem 0 !important;
    }
    .signin .signin__vrfy__cnt{
        margin:2rem 0 !important;
    }
    .signin .margin__btm {
        margin-bottom: 1.6rem !important;
    }
    .signin .signin__hdr {
        align-items: center;
        gap: 1px;
    }
    a.signin__hdr.d-flex.margin__btm.back__btn--arrow svg {
        padding: 3px;
    }
    .all__customers_table,
    .invoice__customers_table,
    .paymentlink__customers_table,
    .paymentbtn__customers_table {
        height: calc(100dvh - 51rem);
    }
}

@media(min-width:1025px) and (max-width:1200px) {
    .left_section {
        width: 35rem;
    }

    .main_layout_grid {
        grid-template-columns: 35rem 1fr;
    }

    .customer_trans_table_tabs p {
        width: auto;
        padding: 1.5rem;
    }

    .left_content_item {
        padding: 1rem;
        gap: 1.5rem;
        margin: 0 1rem;
    }

    .header_1,
    .custom_table tbody tr td:first-child {
        width: 8rem;
    }

    .header_2,
    .custom_table tbody tr td:nth-child(2) {
        width: 8rem;
    }

    .header_3,
    .custom_table tbody tr td:nth-child(3) {
        width: 8rem;
    }

    .header_4,
    .custom_table tbody tr td:nth-child(4) {
        width: 8rem;
    }

    .header_5,
    .custom_table tbody tr td:nth-child(5) {
        width: 16rem;
    }
    .right {
        display: none;
    }
    .left_content_item.recurring_pre .new_updates_recu{
        padding:1.5rem .5rem;
    }
    .left_section{
        padding: 0px;
    }
    .left_section_header {
        padding: 1.5rem 1.5rem 0rem 1.5rem;
    }
    .left_section_content {
        padding: 1.5rem 1.5rem;
    }
    .invoice_item.text_rgt_cnt .item_rgt p {
      white-space: normal;
      overflow-wrap: break-word;
      word-break: break-word;
    }
    .aftermath-create-button_list-summary.flex_ali_start .payid__cont__sc{
        white-space: normal;
        overflow-wrap: break-word;
        word-break: break-word;
    }
}

@media(min-width:1025px) and (max-width:1060px) {
    .pk_desktop_invoice_tab .pk_items_head {
        font-size: var(--font16);
    }
}
@media(max-width:1200px){
    .customer_trans_details.invoice_top_bg .customer_trans_details_bg{
        margin-bottom: 1.5rem;
    }
    .NEWReportsSec.collect_data.MakeGridRow .row .col-lg-6.col-6{
        margin-top:1rem ;
    }

}
#team_status_container svg {
    padding: 1.5rem;
}
@media(min-width:1025px){
    .invoice_info_btns svg{
        display: none;
    }
    .custom__row__sect__wd__sc{
        display: flex;
        row-gap: 1.5rem;
    }
    .expense_tooltip{
/*        left: 0 !important;*/
    }
}

@media(max-width:1024px) {
    .d_flx_zoho{
        display: none;
    }
    .mob_flx{
        display: flex;
        align-items: center;
    }
    .syn_history h3, .sync_single_view h3{
        display: none !important;
    }
    .img_bor_50, .bg_svg_icon {
        width: 2.5rem;
        height: 2.5rem;
        padding: 2px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .bg_svg_icon .refresh_btn__sc.refresh_balance_amnt {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
    }
    .bank_card_in_tran img{
        display: block;
        width: 5rem;
        height: 5rem;
        margin: 0;
    }
    .bank_added .col-lg-5, .bank_added .col-lg-7 {
        flex: 0 0 100%;
    }
    .bank_card_acc_bg{
        padding: 0;
    }
    .banking_popup_int{
        border: 0px;
        padding: 1.2rem 0;
    }
    .bank_card_in_tran{
        padding: 1.2rem;
    }
    .bank_card_pk{
        border-width: 1px;
    }
    .bank_card_in_tran p{
        display: block;
    }
    .bank_card_pk.active{
        border: 0px;
    }
    .after_bank_added .bank_card_pk{
        background: radial-gradient(50% 50% at 50% 50%, #FCFDFD 0%, rgba(255, 255, 255, 0.6) 100%);
    }
    .bank__card__section__sc.bank_card_pk {
        border: 1px solid #E4E4E4;
    }
    .link_icon_mob{
        display: block;
    }
    .b_h_mobile{
        display: none !important;
    }
    .link_icon_mob {
        background: transparent;
        width: 2.4rem;
        height: 2.4rem;
        padding: 0;
        border: 0px;
    }
    .img_mob_flx {
        width: 4rem;
        margin-right: 1.2rem;
    }
    .link_icon_mob img, .img_mob_flx img {
        width: auto;
        height: auto;
        margin: 0;
    }
    .bank_added .row .col-3, .bank_added .row .col-4{
        width: 100%;
    }
    .banking_popup_int {
        display: flex;
        flex-direction: row-reverse;
        justify-content: flex-end;
        align-items:flex-start;
        width: 100%;
        border: 1px solid #F1F1F1;
        background: #fff;
        padding: .8rem;
        margin-bottom: .8rem;
    }
    .mobile_flx_head {
        display: flex;
        align-items: unset;
        justify-content: space-between;
        flex: 1 1 auto;
    }
    .para_flx_txt .mt-2 {
        margin: 0px !important;
    }
    .bank_added {
        border: 0;
        padding: 0;
    }
    .order_3{
        order: 3;
    }
    .order_2{
        order:2;
    }
    .banking_popup_int .min_two_lines {
        height: auto;
        margin-bottom: 0 !important;
    }
    .bank_added .row{
        gap: .8rem;
    }
    .banking__main__right__sc, .banking__main__right__sc.active, .banking__main_body_bg {
        padding: 0;
        background: transparent;
        box-shadow: none;
    }
    .team_mobile .left__sidebar__hover__kyc__box__sc.active {
      background: var(--prfl_hover_bg);
      background-color: var(--bg_white);
      border: 0.5px solid #9DC588;
    }
    #team_status_container {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .font_medium.font14.font_weight_400.totalSales_count {
        display: flex;
        align-items: center;
    }
    .mob_upg_btn .teader__upgrade__btn__in__sc{
        width: 100%;
        justify-content: center;
    }
    .mob_upg_btn {
        margin-bottom: 2.4rem;
        border-image-source: linear-gradient(0deg, rgba(234, 150, 39, 0.2), rgba(234, 150, 39, 0.2)),
        conic-gradient(from 180deg at 47.41% 57.95%,
            #FCCD5E -1.07deg,
            rgba(252, 205, 94, 0) 42.64deg,
            rgba(252, 205, 94, 0) 302.4deg,
            #FCCD5E 358.93deg,
            rgba(252, 205, 94, 0) 402.64deg);
        -webkit-border-image-source: linear-gradient(0deg, rgba(234, 150, 39, 0.2), rgba(234, 150, 39, 0.2)),
            conic-gradient(from 180deg at 47.41% 57.95%,
            #FCCD5E -1.07deg,
            rgba(252, 205, 94, 0) 42.64deg,
            rgba(252, 205, 94, 0) 302.4deg,
            #FCCD5E 358.93deg,
            rgba(252, 205, 94, 0) 402.64deg);
    border-image-slice: 1;
    -webkit-border-image-slice: 1;
    }
    .overflow_adjust p{
        max-width: 20rem;
    }
    .split-1-of-3{
        padding: 1rem;
    }
    .expense_nodata__inner__sc.expense_nodata__inner__sc{
        background-size: contain;
        background-position: center;
    }
    .no-scroll_body{
        overflow: hidden;
    }
    .no-scroll_body .main__layout .main__container, .no-scroll_body .main__layout,
    .popup__overflow__sc .main__layout .main__container, .popup__overflow__sc .main__layout{
        overflow: hidden !important;
    }
    #pd_avatar {
        width: 8rem;
    }
    #pd_email{
        white-space: normal;
        overflow-wrap: break-word;
        word-break: break-word;
    }
    .personal_detail_bttn button {
        outline: none;
        color: #2d2d2d;
    }
    .personal_detail_email, .personal_detail_contact{
        align-items: center;
    }
    .payment__btn__apd__sc.overall_spc_top .payment__btn__check__sc{
        margin-left: 3.6rem;
    }
    .DlteSec.pymnt_customer_details_delete_sc{
        margin-top: 4rem;
    }
    .sa_card_parent .sa_intro_basic_align.maxWidthSey{
        width: 100%;
        max-width: unset;
    }
    .sa_introduction_heading{
        padding: 0 !important;
    }
    .bulk_mobile_css .bulk__detailswrap {
        display: flex;
        justify-content: space-between;
    }
    .new_bot_fixed{
        width:5rem;
    }
    .left_section__detailsContent{
        width: 100%;
    }
    .left_section__detailsContent.bulk_mobile_css {
        height: calc(100dvh - 20rem);
        margin-top: 0;
        padding: 0;
        background: transparent;
    }
    .bulk_mobile_css .bulk__detailswrap{
        background: radial-gradient(50% 50% at 50% 50%, #FCFDFD 0%, rgba(255, 255, 255, 0.6) 100%);
        padding: 2rem;
        margin-bottom: 0;
        border-bottom: 1px solid #f4f4f4;
    }
    .bulk_mobile_css .bulk__detailswrap::after{
        display: none;
    }
    .main_layout_wrap {
        overflow:unset;
    }
    .card_collects.bgc_1 .img_card_cmn_wrap img,.card_collects.bgc_4 .img_card_cmn_wrap img{
        width: 10rem;
    }
    .desktop__view__sc{
        display: none !important;
    }
    .left_section.left_section{
        height: 100%;
    }
    .invoice_content_details {
        padding: 1.2rem 1.2rem 2.4rem;
    }
    .invoice_item_desc{
        padding: 1.2rem 1.2rem 1.2rem;
    }
    .pd12{
        padding: 1.2rem;
    }
    .pk_invoice_accordions {
        margin-bottom: 1.6rem;
    }
    .pk_invoice_accordions .accordion-collapse {
        padding:0px;
    }
    .pk_invoice_accordions .invoice_payement_item {
        padding: 1.6rem 1.2rem;
    }
    .pk_invoice_accordions .accordion-button {
        padding: 1.2rem;
    }
    .sa_intro_basic_align p {
        font-size: var(--font16);
    }
    .sub_total_wrap {
        padding: 1.2rem 2.4rem;
    }
    .btn_black:hover {
        background: var(--primary_dark);
        border: 1px solid var(--primary_dark);
        color:#fff;
    }
    .buttonAddTeamList{
        display: flex;
    }
    .inv_client_notes {
        margin: 2.4rem 0;
    }
    .invoice_powerby .font18{
        font-size: var(--font16);
    }
    .wrap_logo_img {
        max-width: 11rem;
    }
    .jrk_btn_navigation{
        gap: 1rem;
    }

    .btn_trans{
        background: transparent;
        border: 1px solid var(--primary_dark);
        color: var(--primary_dark);
    }
    .left_section{
        padding:.4rem;
    }
    .icon_svg_wdt {
        width: 25rem;
    }
    .signin .wegofin__authCards, .signin .wegofin__authCardMobFstPge{
        height:100dvh;
        background:unset !important;
        box-shadow: unset !important;
    }
    .journal_content_body tr td {
        padding: 2rem 1rem;
    }
    .show_1024{
        display:block;
    }
    .desk_hide_btn{
        display:block;
    }
    .expenses-main__grid-content__header::before{
        display:none;
    }
    .reports-balancesheet_box h4{
        font-size: 1.4rem;
    }
    .reports-balancesheet_box .left p{
        font-size: 1.2rem;
        color: rgba(93, 93, 93, 1);
        font-weight: 400;
    }
    .trail_balance{
        padding: 0;
    }
    .expenses-main__grid-content__header-cont.expenses-main__grid-content__header-cont{
        width:100%;
    }
    .show_accordions {
        max-width: 100%;
    }

    .add_btn_popup {
        display: block !important;
    }
    .header_backWrap{
        display:block;
    }
    .modal.right .modal-dialog{
        height: 100%;
    }
    .btn_mob_popup_team{
        display:flex;
    }
    .left_section_heading.customer_list_heading{
        display: none;
    }
    .left_section.customer_left_content{
        padding: 0;
    }
    .left_section.customer_left_content .left_section_content{
        margin-top: 1.2rem;
        height: calc(100dvh - 25.5rem);
        flex-grow: initial;
    }
    .left_section.customer_left_content .left_section_content::-webkit-scrollbar {
        display: none;
    }
    .left_section.customer_left_content .left_section_content .left_section_content_wrap::-webkit-scrollbar {
        display: none;
    }
    .left_content_item_due p{
        text-align: right;
    }
    .payouts_contents {
        padding-bottom: 0;
    }
    .sec_nodata_hide{
        display:none;
    }
    .footer_avail{
        bottom:10rem;
    }
    .mobile_custom_wrap .left_section{
        height: calc(100dvh - 15rem);
    }
    .mobile_custom_wrap  .invoice_content_details{
        padding:1.2rem 0;
    }
    .img_card_cmn_wrap {
        flex: 0 0 auto;
    }
    .customer_trans_table_tabs .payments_detail_tab_link_sc {
        padding: 1rem 4rem;
        width: unset;
        border-left: 1px solid #F4F4F4;
        flex: 0 0 auto;
        gap: 0.4rem;
        background-color: var(--bg_white);
    }
    .customer_trans_table_tabs .payments_detail_tab_link_sc img {
        width: 2rem;
        height: auto;
    }
    .customer_trans_table_tabs {
        width: 100%;
        flex-direction: row;
    }
    .trans_header_list {
        flex: 1;
        overflow: auto;
        background-color: var(--bg_white);
    }
    .trans_header_list::-webkit-scrollbar {
        display: none;
    }
    .mobile_custom_wrap .left_section .left_section_heading{
        display: none;
    }
    .currency-symbol{
        top: 1.4rem;
    }
    .modal-footer-gs>button{
        width: 8rem;
    }
    .resubmit_profile{
        padding: 0 ;
    }
    .resubmit_profile_content{
         padding: 1rem 1.2rem !important;
    }
    .resubmit_btn{
        flex-direction: column !important;
    }
    .text_rt{
        text-align: right;
    }
    .recently_added{
        display: none;
    }
    .modal_del2 .overlay_modal {
        z-index: 1056 !important;
    }
    .timer_section{
        display: block;
    }
    .timer_content{
        margin-bottom: 0.8em;
    }
    .beneficiary_checkbox{
        display: block;
    }
    .beneficiary_account p{
        text-align: left;
    }
    .beneficiary_display {
        gap: 0.8em;
        margin-bottom: 0.8rem;
    }
    .beneficiary_account{
        flex-direction: row;
        justify-content: space-between;
    }
    .banking_beneficiary_no_data{
        height: auto;
    }
    .beneficiary_add button {
        padding: 1rem 1.9rem;
    }

}
@media(min-width:900px) and (max-width:1024px){
    .itemDetailsWrap .modal-body.two_subtotals {
        padding: 2rem 2rem 28%;
    }
}
@media(min-width:768px) and (max-width:1024px){
    .payouts_contents{
        padding-bottom:2rem;
    }
}
@media(max-width:899px){
    .itemDetailsWrap .modal-body.two_subtotals{
        padding: 2rem 2rem 35%;
    }
}
@media(max-width:991px){
    .overflow_mobile_auto{
        overflow:hidden auto;
    }
    .d__sm_none{
        display:none;
    }
    .invoice_details_popup .col-6.rem_bs_pad.maeginb{
        width: 100%;
    }
    .customer_trans_details_bg.total_amount_cls {
        flex-direction: unset !important;
    }
    .clone_journal .col-lg-1 {
        display: none;
    }
    .mobile_txt_gl_head .mobile_txt_gl {
        display: block;
        color: #5D5D5D;
        font-weight: 400;
        font-size: 12px;
        margin-top: 18px;
        margin-bottom: 3px;
    }
    .mobile_txt_gl_head p, .mobile_txt_gl_tot p{
        text-align: left !important;
        font-size: 12px;
    }
    .txt_rgt_ac , .txt_rgt_ac p{
        text-align: right !important;
        font-size: 12px;
        font-weight: 500;
    }
    .txt_grn{
        color:#3FB640;
    }
    .txt_red{
        color:#FF4242;
    }
    .add_journaldulplicate p {
        display: block;
    }
    .journalEntryPopup__summary > :not(:last-child) {
        margin-bottom:1.2rem;
    }
    .NEWReportsSec.collect_data.MakeGridRow .card_collects{
        position: relative;
        min-height: 12rem;
    }
}
@media (max-width:990px){
    .merc_id h6{
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 100%;
        padding-right: 4rem;
        overflow: hidden;
    }
}
@media(max-width:767px) {
    .partner_bor_top {
        padding: 1.2rem 0.8rem;
    }
    .bank__account__selecter__sc{
        border: 0px;
    }
    .main_slc_cont_ph_em_dta .left_content_item_img_inner .avatar-icons {
        flex: 0 0 auto;
    }
    .avt_img{
        width: unset !important;
    }
    .NEWReportsSec.collect_data.MakeGridRow .img_card_cmn_wrap img{
        width: 10rem;
    }
    .invoice_bg_wrap {
        padding: 0px 1.2rem;
    }
    .mobile_custom_wrap .pk_invoice_content_wrap{
        background: #FFFFFFB2;
    }
    .NEWReportsSec.collect_data.MakeGridRow .card_collects{
        align-items: start;
        padding-top: 1.5rem;
        padding-left: 1.5rem;
    }
    .mobile_custom_wrap .pk_invoice_content_wrap{
        padding:0px;
    }
    .mobile_custom_wrap .invoice_details_head{
        padding: 1.2rem;
    }
    .mobile_custom_wrap .invoice_item_desc{
        padding:1.2rem;
    }
    .mobile_custom_wrap .invoice_content_top_sec .col-6{
        margin-bottom: 2.4rem;
    }
    .mobile_custom_wrap .sa_invoice_table_deatil_inner_padding{
        padding:1.2rem;
    }
    .mobile_custom_wrap .invoice_payement_item{
        padding:1.6rem 1.2rem;
    }
    .mobile_custom_wrap .accordion-collapse{
        padding: 0px;
    }
    .mobile_custom_wrap .pk_invoice_accordions .accordion-button{
        padding:1.6rem 1.2rem;
    }
    .mobile_custom_wrap .pk_invoice_accordions{
        margin: 1.6rem 1.2rem;
    }
    .itemDetailsWrap .modal-body.two_subtotals {
        padding: 2rem 2rem 70%;
    }
    .kyc_icon_shield{
        width:20rem;
        margin: 0px auto;
    }
    .kyc_btn_succ{
        padding:1.5rem 0;
    }
    .modal_del .modal_cmn_box{
        width:60%;
    }
    .popup-content{
        padding: 0;
    }
    .subs_details_btn button {
        width: 50%;
    }
    .payment_menu_list {
        padding: 0;
    }
    .modal-footer .btn_style {
        width: 100%;
    }
    .modal.right .modal-dialog{
        height: 100%;
    }
    .mod_widthFull {
        width: 100% !important;
    }

    .w_412 {
        width: 100%;
    }

    .hide_txt_mob span {
        display: none;
    }

    .desktop_table_show {
        display: none;
    }

    .last_sticky tr>td:last-child {
        position: sticky;
        right: 0;
        padding: 0px;
    }

    .box_arrows {
        background: #fff !important;
        width: 3.6rem;
        border-bottom: 0px;
    }

    .mobile_table_show {
        display: block;
    }

    .box_arrows img {
        margin: 0px auto;
    }

    .modal_width_78 .modal-content {
        margin: 1.2rem;
    }

    .modal_del2 .modal_cmn_box_save_draft{
        width: 100%;
    }
    .modal_width_78 {
        max-width: 100%;
    }

    .modal_width_78 .modal-content {
        width: 95%;
        margin: 0px 1.2rem;
    }

    td.box_arrows:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 0;
        z-index: -1;
        box-shadow: 0px 2px 8px 0px #0000001A;
        border-bottom: 1px solid #F4F4F4
    }

    .einvoice_css .e__way__bill__content__wrpr {
        padding: 0;
        border: 0;
        box-shadow: none;
        background-color: transparent;
    }

    .einvoice_css .e__way__bill__content {
        border: 0;
        padding: 0;
    }

    .einvoice_css table {
        background: #fff;
    }

    .einvoice_css .filter_btn_cust.filter_content {
        height: 4.8rem;
        display: flex;
        align-items: center;
    }

    .pad_all30 {
        padding: 1.2rem;
    }

    .invoice_details_input_box,
    .invoice_details_wrap h5 {
        padding: 1.6rem 1.2rem;
    }

    .create_invoice_header .header_txt {
        padding: 1.2rem;
    }

    .invoice_filter_wrap {
        padding: .6rem 1.2rem;
    }

    .modal.right .modal-dialog {
        height: 100%;
    }
    .main__container{
        padding: .2rem;
    }
    .trail_balance_total{
        padding: 1.6rem 1.2rem;
    }
    .debit_clr.text-end {
        text-align: left !important;
    }
    .mobile_hide_sm{
        display:none;
    }
    .bg_blue_acc{
        padding: 1.2rem;
    }
    .trail_balance_accordion .accordion_header::after {
        width: 1.8rem;
        height: 1.8rem;
        background-size: 1.8rem;
    }
    .inner_accordions .accordion-button{
        padding:1.2rem 1.2rem 1.2rem 0.2rem;
    }
    .mobile_show_sm{
        display:block;
    }
    .inner_accordions .accordion-button::after{
        width: 1.2rem;
        height: 1.2rem;
        background-size: 1.2rem;
    }
    .text-end.text_left{
        text-align: left !important;
    }
    .mobile_top_align{
        align-items: flex-start;
        position: relative;
    }
    .inner_accordions .accordion-button.mobile_top_align::after{
        position: absolute;
        right: 1.2rem;
    }
    .w-96{
        width: 100%;
        margin: 0px;
    }
    .d_flx{
        display:flex;
    }
    .txt_end_f{
        justify-content: flex-end;
    }
    .mar_12{
        margin: 0px;
    }
    .trail_balance_menu_inner{
        padding: 1.2rem;
        border-bottom: 1px solid #0000001A;
    }
    .trail_balance_menu_inner .trail_icon_head {
        padding-left:0rem;
    }
    .mb_12{
        margin-bottom: 1.2rem;
    }
    .mob_p_0{
        padding-right: 0px;
    }
    .mob_cust_css {
        font-weight: 500;
        color: var(--primary_dark);
    }
    .trail_balance {
        background: transparent;
        box-shadow: none;
    }
    .trail_balance_head{
        flex-direction: column;
        align-items: flex-start;
        gap: 1.2rem;
        padding: 0;
        background: transparent;
        border: 0;
    }
    .w_29{
        width:100%;
    }
    .date_range_box {
        width: 100%;
    }
    .trail_balance_total{
        margin: 0;
    }
    .trail_balance_total.box_trail, .trail_balance_total {
        margin-top: 2.4rem;
    }
    .trail_balance_accordion {
         margin-top: 1.6rem;
    }
    .mob_rgt{
        text-align:right;
    }
    .customer_trans_details_bg {
        display: flex;
        justify-content:unset;
        flex-direction: column;
        min-height: 10.1rem;
        height:unset;
    }
    .customer_trans_amt_img {
        justify-content: end;
    }
    .pay-button-right-side__img img{
        height: 10rem;
        width: 10rem;
    }
    .font_weight_500  p, .ai-button-gs , .input_wrap_cmn p{
        font-size: 1.4rem;
    }
    .pay-button-right-side__list li {
        font-size: 1.2rem;
        margin-bottom: 1.2rem;
    }
    .pay-button-right-side{
        gap: 1.6rem;
    }
    .payment_dashboard_head_sec.payment__customerCollect__mob__head__sc  {
        background: transparent;
    }
    .payment_dashboard_head_sec.payment__customerCollect__mob__head__sc .payment_menu_list  {
        box-shadow: none;
        padding: 0;
    }
    .payment_dashboard_head_sec.payment__customerCollect__mob__head__sc .payment_menu_list .payment_menu_list_item p {
        background: radial-gradient(50% 50% at 50% 50%, #FCFDFD 0%, rgba(255, 255, 255, 0.6) 100%);
        font-size: 1.2rem;
        gap: 0.6rem;
    }
    .payment_dashboard_head_sec.payment__customerCollect__mob__head__sc .payment_menu_list .payment_menu_list_item p img {
        width: 2rem;
        height: auto;
    }
    .collect_data .card_collects_txt {
        padding: 0;
    }
    .left_section_search {
        margin-top: 0;
        gap: 1.2rem;
    }
    .input_cmn {
        height: 4.4rem;
    }
    .input_search svg {
        right: 1.2rem;
        width: 1.6rem;
        kerning: auto;
    }
    .customer__filter__box__sc {
        border: none;
        flex: 0 0 4.4rem;
        height: 4.4rem;
    }
    .customer__filter__box__sc img {
        width: 1.6rem;
        height: auto;
    }
    .two_tabs_customers {
        padding-top: 1.2rem;
    }
    .two_tabs_customers ul li.active {
        padding: 1rem;
        box-shadow: 0px 0px 12.44px 0px #0000001A;
    }
    .two_tabs_customers ul li {
        background: radial-gradient(50% 50% at 50% 50%, #FCFDFD 0%, rgba(255, 255, 255, 0.6) 100%);
        padding: 1rem;
        gap: 0.6rem;
        font-size: 1.2rem;
    }
    .two_tabs_customers ul li img {
        width: 2rem;
        height: auto;
    }
    .left_section_no_data_img img {
        width: 12rem;
        height: auto;
    }
    .txt_ali_right{
        text-align: right;
    }
    .txt_ali_right .invoice_item{
        align-items: unset !important;
    }
    .pd_20{
        padding: 0 1.2rem;
    }
    .TransactionDetail.HeightFit.response_mob_css .DetailTExts{
        width: 100%;
        flex-grow: unset;
    }
    .TransactionDetail.HeightFit.response_mob_css .DetailTExts .LEft_detail, .TransactionDetail.HeightFit.response_mob_css .LEft_detail{
        width: 50%;
    }
    .TransactionDetail.HeightFit.response_mob_css .wrap_ac_no{
        white-space: normal;
        overflow-wrap: break-word;
        word-break: break-word;
        display: inline-block;
        text-align: left;
    }
    .TransactionDetail.HeightFit.response_mob_css .txt_mob_rgt h3, .TransactionDetail.HeightFit.response_mob_css .txt_mob_rgt p{
        text-align: right;
        justify-content: end;
    }
    .TransactionDetail.HeightFit.response_mob_css .refer__wrap {
        width: 100% !important;
    }
    .TransactionDetail.HeightFit.response_mob_css .BankDEtails.trans_bankWrap .wrap_ac_no{
        text-align: right;
    }
    .create__contact__popup__body__sc .contact__error__sc{
        font-size: 1rem;
    }
}
@media(min-width:767px)and(max-width:1024px){
    .avt_img{
        width: 120px !important;
    }
}
/* for expense attachment start */
.cursor-pointer {
    cursor: pointer;
}
@media screen and (max-width:450px){
    .NEWReportsSec.collect_data.MakeGridRow .img_card_cmn_wrap img {
        width: 7rem;
    }
    .NEWReportsSec.collect_data.MakeGridRow .card_collects_txt {
            flex: unset;
    }
    .NEWReportsSec.collect_data.MakeGridRow .row .col-lg-6.col-6{
        padding: .5rem;
    }
    .NEWReportsSec.collect_data.MakeGridRow .row .col-lg-6.col-6{
        margin-top: 0;
    }
}

@media(max-width:540px){
    .acc_wego_ai .modal-content{
        margin: 1rem;
    }
    .new_acc_div h2 {
        font-size: 2rem;
        margin: 1.5rem;
    }
    .new_acc_div p, .last_txt_acc {
        font-size: 1.4rem;
    }
}
.hidden {
  display: none;
}

.main__layout{
    min-height: 100dvh !important;
}