@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');



body{
    font-family: "Outfit", sans-serif!important;
    background: var(--Surface-Surface-2, #F9FBFC);
    color: var(--Text-Primary, #2D2D2D);


}

* {
    font-family: "Outfit", sans-serif!important;
    color: var(--Text-Primary, #2D2D2D);


}
.dashboard-main-container.ksr_pad {
    padding: 25px;
}
.navigation-text ,.dashboard-title{
    font-family: "Outfit", sans-serif!important;
    text-transform: none!important;
}
.dashboard-header{
    background: #ffffff;
    border-bottom: 1px solid #E3E3E3;
    box-shadow:none!important;

}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill, input:-webkit-autofill:hover, textarea:-webkit-autofill:hover, select:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill:focus, select:-webkit-autofill:focus{
    -webkit-box-shadow: none !important;
    box-shadow: none #fff inset !important;
    -webkit-text-fill-color: #2D2D2D !important;
}
p.cr_ksr {
    text-align: center;
    color: #021E00;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    position: relative;
    top: -17px;
}
.left_bg_img ,.right_bg_img{
max-width: 380px;
}
.export_btn:hover ,.export_btn:active{
    background: var(--PrimaryColor, #0B7431) !important;
    color: #ffffff!important;
    border: 0px solid!important;
    opacity: 1!important;
}
.navabr_menu_seclist{
    background: #ffffff;
}
.sidebar-header{
    background: #ffffff;
    width:100% ;
    border-bottom: 1px solid #E3E3E3;
}
.navigation-sidebar{
border-right: 0px solid!important;
}
.navigation_label_text{
    color: var(--Text-Subtext1, #777777);
}
.navigation-text{
    color: var(--Text-Primary, #2D2D2D);
}
.dashboard-title{
    display: none;
}
.sidebar-nav-link.active, .sidebar-nav-link:hover{
    background: var(--Surface-Surface-1,     #E7F4EB);
    color: var(--Text-Primary, #0B7431)!important;
    border-radius: 8px!important    ;

}
.sidebar-nav-link.active .navigation-text, .sidebar-nav-link:hover .navigation-text{
    color: var(--Text-Primary, #0B7431)!important;


}
.sidebar-nav-link.active span::after{
    background: none!important;
}
.navigation_label_text{
    letter-spacing: 1.26px;
}
.sidebar-nav-link{
    width: 194px;
    height:44px;
    gap:10px
}
.navigation-sidebar.expanded {
    width: 226px;
}
.main-content.sidebar-expanded {
    margin-left: 226px;
}
.navigation-list ,.navabr_menu_seclist:has(.navigation_label_text){
    gap:8px
}
.navigation_label_text {
    height:44px;
    position: relative;
    top: 13px;
}

.dashboard-main-container:not(:has(.add_role_sec)) .content-header{
    background: transparent!important;
}

.table_data_itmes tr:hover{
    background: #eaeaea59!important;
}
.table_data_itmes tr:nth-child(even){
    background: #FDFDFD!important;

}
.table_data_itmes tr{
    border-bottom: 0.5px solid  #F1F1F1!important
}
.table_data_itmes th{
    background: transparent!important;
}
.dataTables_wrapper{
    background: var(--Surface-Surface-2, #F9FBFC);
   border-radius: 16px;
   border:8px solid #ffffff;
   padding: 6px 16px;
}
.table_data_itmes tbody tr td{
    border: 0.5px solid #F1F1F1;
    padding-left:12px!important;
    padding-right:12px!important;
}
.table_data_itmes th{
    font-size: 16px!important;
    line-height: 1.5!important;
    text-transform: none!important;
}
.dashboard-main-container:not(:has(.add_role_sec)) .filter_component_section{
    background: transparent!important;
}
.filter_list{
    border: 0px solid !important;
    background: var(--Surface-Surface-1, #FFFFFF);
    padding: 2px!important;
    border-radius: 12px!important;
    height: 37px!important;

}
.filter_list .tabfilter_btn{
    color: var(--Text-Subtext2, #5E5E5E)!important;
    line-height: 1.5    !important;
    border-right: 1px solid var(--Stroke-Table-Stroke, #F1F1F1)!important;
}
.filter_list{
    gap: 0!important;
    padding: 0!important;
}
.filter_list .active ,.filter_list button:hover{
    background: var(--primary-text)!important;
    color: #ffffff!important;
    background: var(--PrimaryColor, #0B7431)!important;
    border-radius: 0px!important;
}
.filter_list button:nth-child(1){
    border-top-left-radius: 12px!important;
    border-bottom-left-radius: 12px!important;
}
.filter_list button:last-child{
    border-top-right-radius: 12px!important;
    border-bottom-right-radius: 12px!important;
    border-right:0px solid!important;
}
.filter_list .tabfilter_btn{
    height: unset!important;
}
.data__transaction-overview :is(.data-card-grid,.data-card__content-bank ,.data-card__content){
    background: transparent!important;
}
.data-card{
    /* background: #F8FEF8!important; */
    border: 4x solid #fff!important;

}
.KSR_view1511 .data-card {
    gap: 12px!important;
    width:33%
}
.data-card.card__success {
    background: #F0FFF6;
    border: 0.2px solid #64D993;
    border-radius: 8px;
    padding: 6px 16px !important;
    gap: 12px;
}
.filter_format:hover svg {
    fill: #0e7431!important;
}
.data-card.card__pending {
    background: #FFFBF0;

    border: 0.2px solid #C8A443;
    border-radius: 8px;
    padding: 6px 16px !important;
    gap: 12px;
}
.data-card.card_failed {
    background: #FFF0F0;

    border: 0.2px solid #D03333;
    border-radius: 8px;
    padding: 6px 16px !important;
    gap: 12px;
}
.ksrrr_ff {
    display: flex;
    gap: 12px;
    justify-content: right;
}
.filter_count_sec{
background-color: #0e7431!important;
}

.data-card__container.KSR_view1511 {
    background: #F8FEF8;
    border: 4px solid #FFFFFF;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    padding: 10px;
}
.tota__ksr__con{
    width: 30%;
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    /* height: 100%; */
    margin-top: 31px;
}

.tota__ksr__con h3{
    color: var(--Text-Primary, #2D2D2D);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
}
.tota__ksr__con p{
    color: var(--Text-Primary, #2D2D2D);
    font-size: 38px;
    font-weight: 500;
    line-height: 1.5;
}
img.ksr_ribbon_img {
    position: absolute;
    left: 0;
    bottom: 0;
}
img.ksr_ribbon_img__s {
    position: absolute;
    right: 0;
    top: 0;
}
.data-card{
    position: relative;
}
.data__transaction-overview .data-card__content{
    padding: 0px!important;
}
.card__success .label-value__label{
    color: var(--Success-Green, #2AB500);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;

}
.card__pending .label-value__label{
    color: var(--Warning-Yellow, #B88804);

    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
}

.card_failed .label-value__label{
    color: var(--Error-Red, #FF2A2A);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
}
.vlu_txt span{
    color: var(--Text-Subtext1, #777777);
    font-size: 14px;
    font-weight: 500;
    margin-left: 5px;
    line-height: 1.5;
    position: relative;
    top: -4px;

}
.vlu_txt{
    color: var(--Text-Primary, #2D2D2D);
    font-size: 24px;
    font-weight: 500;

}
.label_cnt {
    display: flex;
    align-items: center;
    gap: 11px;
}
.stat_ksrr{
    font-size: 14px;
    font-weight: 400;
}
.stat_ksr_up{
    color: var(--Success-Green, #2AB500);

}
.stat_ksr_down{
    color: #B82222;
}
.content-header :is(.text-label, .status){
    text-transform: none        !important;
}
.export_btn{
    border-radius: 8px!important;
    background: var(--PrimaryColor, #0B7431)!important;
}
.export_btn span{

    color: #fff!important;
}
.export_btn::after{
    display: none!important;
}
.export_btn img {
    filter: none!important;
    transform: none!important;
}
img.ksr_rcibbon_img {
    position: relative;
    top: 2px;
    margin-right: 3px;
}
.filter_format{
    border: 1px solid #E0E0E0!important;
    border-radius: 8px!important;
}
.filter_count_sec{
    border: 1px solid #E0E0E0!important;
    border-radius: 8px!important;
}
.data-card-main.data__transaction-overview{
    z-index: 959!important;
}
.tr_count_row {
    display: flex;
    gap: 10px;
    align-items: center;
  }
  .trlbl_count {
    font-size: 28px;
    font-weight: bold;
  }
  .trlbl_count small {
    font-size: 14px;
    font-weight: 400;
  }
  .tr_change {
    font-size: 12px;
    font-weight: 600;
  }
  .down_red { color: #D9534F; }
  .up_green { color: #28A745; }
  .tr_progress_bar {
    width: 250px;
    height: 6px;
    background: #E6E6E6;
    border-radius: 20px;
    margin: 8px 0;
  }
  .trlb_progress {
    height: 6px;
    border-radius: 20px;
  }
  /* SUCCESS CARD */
  .success-bar {
    background: #2FAD4C;
  }
  /* PENDING CARD */
  .pending-bar {
    background: #BE8B09;
  }
  /* FAILED CARD */
  .failed-bar {
    background: #FF4B4B;
  }
  .gr_percentage {
    font-size: 13px;
    position: absolute;
    right: 16px;
    bottom: 16px;
    font-weight: 300;
    color: #2d2d2d;
  }
  .user-profile-image{
    border-radius: 6px!important;
  }
  .transaction_filter_content{
    background: linear-gradient(0deg, #FDFDFD 0%, #F7F9F7 65.38%, rgba(242, 254, 243, 0.93) 100%)!important;
    border: 7px solid #FFFFFF!important;
    border-radius: 8px!important;
  }
  .zi_popup_container{
    background: linear-gradient(0deg, #FDFDFD 0%, #F7F9F7 65.38%, rgba(242, 254, 243, 0.93) 100%)!important;
    border: 7px solid #FFFFFF!important;
    border-radius: 8px!important;
  }
  .form_input{
    border-radius: 8px!important;
    border: 1px solid #C1C1C1!important;
    background: #fff!important;
    color: var(--Text-Primary, #2D2D2D)!important;
    height: 42px!important;
  }
  .transaction_filter_content .transaction_filter_main .transaction_filter_text{
    color: var(--Text-Primary, #2D2D2D)!important;
    font-size: 20px!important;
    font-weight: 500!important;
  }
  .transaction_filter_content .transaction_filter_main .transaction_filter_text:before{
    display: none!important;
  }
  .form_label{
    color: var(--Text-Subtext2, #5E5E5E)!important;
    text-transform: capitalize!important;
    margin-bottom: 6px!important;
  }
  .transaction_apply_button{
    background: var(--PrimaryColor, #0B7431)!important;
    color: #fff!important;
    font-size: 14px;
    font-weight: 400!important;
    height: 37px!important;
    border-radius: 8px!important;
  }
  .transaction_filter_content .transaction_filter_button{
    border: 0px solid!important;
    margin-top: 0px!important;
  }

  .flex-row {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    gap: 10px;
}
.bottom {
    margin: 16px 0px;
}
.table-scroll-wrapper .dataTables_info {
    font-size: 14px;
    font-weight: 400;
    color: #2D2D2D;
}
.dataTables_info {
    clear: both;
    float: left;
    padding-top: .755em;
}
.dataTables_paginate.paging_simple_numbers {
    display: flex !important;
    align-items: center;
}
.dataTables_paginate {
    color: inherit;
}
.dataTables_paginate {
    float: right;
    text-align: right;
    padding-top: .25em;
}
.dataTables_paginate.paging_simple_numbers .pagination {
    display: flex !important;
    align-items: center;
}
.dataTables_paginate .paginate_button.active, .dataTables_paginate .paginate_button:hover {
    background: var(--PrimaryColor, #0B7431) !important;
    color: #ffffff !important;
    border: 1px solid var(--PrimaryColor, #0B7431) !important;
    box-shadow: none !important;
}
.dataTables_paginate .paginate_button.active a, .dataTables_paginate .paginate_button:hover a {
    color: #ffffff !important;
}

.dataTables_paginate .paginate_button.previous, .dataTables_paginate .paginate_button.next, .dataTables_paginate .paginate_button:hover.previous, .dataTables_paginate .paginate_button:hover.next {
    cursor: default;
    color: #666 !important;
    border: 1px solid transparent;
    background: transparent!important;
    box-shadow: none;
}
.dataTables_paginate .paginate_button.active a, .dataTables_paginate .paginate_button:hover a {
    color: #ffffff !important;
}
.dataTables_paginate .paginate_button.previous, .dataTables_paginate .paginate_button.next {
    border: 1px solid #fff !important;
    padding: 0px;
}
.dataTables_paginate .paginate_button.disabled, .dataTables_paginate .paginate_button.disabled:hover, .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    color: #666 !important;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none;
}
.dataTables_paginate .paginate_button {
    border: 1px solid #E0E0E0 !important;
    padding: 8px 18px;
    color: #2D2D2D !important;
    border-radius: 4px;
    background: transparent !important;
    font-weight: 400;
    font-size: 14px;
}
.dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: .5em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    color: inherit !important;
    border: 1px solid transparent;
    border-radius: 2px;
    background: transparent;
}
.dataTables_paginate .paginate_button {
    border: 1px solid #E0E0E0 !important;
    padding: 8px 18px;
    color: #2D2D2D !important;
    border-radius: 4px;
    background: transparent !important;
    font-weight: 400;
    font-size: 14px;
}
.dataTables_paginate.paging_simple_numbers .pagination .page-link {
    display: flex;
    align-items: center;
    color: #2D2D2D;
}
.page-arrow-img {
    max-width: 24px;
}
.dataTables_length {
    float: left;
    margin-right: 20px;
}
.table-scroll-wrapper .dataTables_length label, .table-scroll-wrapper .dataTables_info {
    font-size: 14px;
    font-weight: 400;
    color: #2D2D2D;
}
.dataTables_length select {
    border: 1px solid #E0E0E0!important;
    border-radius: 4px;
    padding: 8px 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-image: url(/transfergram/assets/images/dropdown_logo.svg);
    background-repeat: no-repeat;
    background-position-x: 85%;
    background-position-y: 13px;
    color: #5A5A5A;
    cursor: pointer;
}
.paginate_button.disabled{
    opacity: 0.2!important;
}
.transaction_filter_content .transaction_filter_main .transaction_range_slider{
    max-height: 90vh!important;
}

.signin_container, .signup_container {
    background: #fff!important;
}
.header_rht ul{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 49px;
}
.header_rht ul a{
    color: var(--Text-ClickableTextLink, #2D8EFF);
}
.signin_header_part{
    border-bottom: 1px solid #E4E4E4;
    background: #FFF;
    height:86px
}
.form_container{
    width: 441px;
    border: 7px solid #fff;
    backdrop-filter: none!important;
    padding: 0!important;
    background: linear-gradient(0deg, #FDFDFD 0%, #F7F9F7 65.38%, rgba(242, 254, 243, 0.93) 100%);
    box-shadow: 0px 0px 30px 0px #919C8C63;
}
.form_content{
    background: transparent!important;

}
.form_content{
    z-index: unset!important;
}
.card_head_txt{
    font-size: 24px!important;
}
.card_subtitle{
    font-size: 14px!important;
    font-weight: 400!important;
    color: var(--Text-Subtext2, #5E5E5E)!important;

}
/* Chrome, Safari, Edge, Opera */
.form_input::placeholder {
    color: #AFAFAF !important;
}

/* Firefox */
.form_input::-moz-placeholder {
    color: #AFAFAF !important;
}

/* Internet Explorer 10–11 */
.form_input:-ms-input-placeholder {
    color: #AFAFAF !important;
}

/* Microsoft Edge Legacy */
.form_input::-ms-input-placeholder {
    color: #AFAFAF !important;
}
.btn-primary{
    background: var(--PrimaryColor, #0B7431)!important;
    color: #ffffff!important;
}
.forgot_link_txt {
    color: #0B7431!important;
    width: 100%!important;
    text-align: right!important;
    border-radius: 8px!important;
}
.top_bg_img{
    width: 100%;
    position: absolute;
    top: 80px;
    left: 0;
}


.bottom_bg_img{
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0;
}
.back_link_container{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
a#back-to-login {
    color: #0e7431;
    position: relative;
    top: 6px;
}
img.left_img {
    position: relative;
    top: 2px;
    margin-right: 4px;
}
label span{
    color: var(--Error-Red, #FF2A2A);
    position: relative;
    top: -1px;

}
.password-toggle{
    filter: none!important;
}
.superad_headsec_ddalign {
    width:100%;
}
.superad_headsec_ddjustifyli{
    justify-content: space-between;
    width:100%;
}
.header_profile_popup{
    background: var(--Surface-Surface-2, #F9FBFC)!important;
    border-radius: 8px!important;
    width: 350px!important;
    border: 0px solid!important;
    padding: 20px!important;
    box-shadow: 0 12px 32px rgb(90 84 84 / 60%)!important;
}
.head_profile_logout_section a{
    color: var(--Text-Subtext2, #5E5E5E)!important;
    font-size: 14px;
    font-weight: 400;
}
.head_profile_logout_section {
    background: var(--Surface-Surface-1, #FFFFFF);
    border: 1px solid var(--Stroke-Table-Stroke, #F1F1F1);
    padding: 12px 14px!important;
    border-radius: 4px;
}
.logout{
    background: var(--Surface-Surface-1, #FFFFFF);
    border: 1px solid var(--Stroke-Table-Stroke, #F1F1F1);
    padding: 12px 14px !important;
    border-radius: 4px;
    width: 100%;
}
.logout a{
    color: var(--Error-Red, #FF2A2A)!important;

}
.header_profile_popup h3{
    color: var(--Text-Primary, #2D2D2D)!important;
}

.head_profile_logout_section ul li a:hover{
    color: #0f7331!important;
}
.head_profile_logout_section img{
    filter: invert(0.4);
}

.head_profile_logout_section ul li a:hover img{
    filter: none!important;
}
.notification-bell, .settings-icon{
    visibility: visible!important;
    max-width: 37px;
}
.profile-image-wrapper {
    text-align: right;
    line-height: 1.5;
}
.profile-image-wrapper h3{
    color: #021E00;
    font-size: 14px;
    font-weight: 400;

}
.profile-image-wrapper p{
    color: #021E00;
    font-size: 14px;
    font-weight: 300;
}
.confirm_popup_title{
    color: var(--Text-Primary, #2D2D2D)!important;
    font-weight: 500!important;
}
.all_popup_keynames_subhead_para p{
    color: #777777!important
    ;
}.status_button_yes{
    background: var(--PrimaryColor, #0B7431)!important;
    color: #fff!important;
    border-radius: 8px!important;
    height: 36px!important;
    font-size: 14px!important;
    font-weight: 400!important;
    text-transform: capitalize;
}
.yes_or_no_btn.zi_popup_closev,.yes_or_no_btn.chngPwdClose , .sec_btn_ksr{
    background: #fff;
    color: red!important;
    border-radius: 8px!important;
    height: 36px!important;
    font-size: 14px;
    border: 1px solid red!important;
    text-transform: capitalize!important;
}
.btn_primary{
    background: var(--PrimaryColor, #0B7431)!important;
    color: #ffffff!important;
    border-radius: 8px!important;
    height: 36px!important;
    font-size: 14px!important;
    font-weight: 400!important;
    text-transform: capitalize!important;
}
.top_export_btns{
    gap: 16px !important;
}
.top_export_btns a{
    height: 42px !important;
    border: 1px solid #0B7431!important;
    cursor: pointer;
    font-size: 16px!important;
}
.top_export_btns .export_btn_all{
    background-color: #fff !important;
     border: 1px solid #0B7431!important;
}
.top_export_btns .export_btn_all  span{
    color: #0B7431 !important;
}

.menu-icon.icon{
    display: none!important;
}
.navigation-sidebar.expanded .sidebar-title img{
    max-height: 46px!important;
}
.sidebar-footer{
    position: fixed;
    bottom: 20px;
    left: 13px;
    background: linear-gradient(180deg, #F9F9F9 0%, #E8F3EA 100%);
    width: 200px;
    padding: 10px;
    border: 2px solid #F9F9F9;
    border-radius: 4px;
}
p.captio_p {
    color: var(--PrimaryColor, #0B7431);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
}
p.cont_p {
    color: var(--Text-Subtext2, #5E5E5E);
    font-size: 13px;
    font-weight: 300;
    line-height: 1.5;
}
.container-fluid{
    /* max-width: 1200px;
    margin: 0 auto; */
}
p.ref_id_ksr {
    color: var(--PrimaryColor, #0B7431);
    font-size: 14px;
    font-weight: 400;
    border-bottom: 1px solid;
    cursor: pointer;
}
:has(.data-card-main.data__transaction-overview) .table_data_container.scrollable-content ,.force-unset-height{
    height: unset!important;
    min-height: unset!important;
    max-height: unset!important;
}
.table-footer {
    display: none!important;
}
.data-card-main.data__transaction-overview ,.dashboard-main-container:not(:has(.add_role_sec)) .filter_component_section{
    position: unset!important;
}
h3.nodata_sec_headtext {
    color: var(--Primary-Text, #242424) !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 1.5;
}
p.nodata_sec_subtext {
    color: var(--Text-Colors-inactive-text, #6A6A6A)!important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.5;
}
.ksr_pop_head{
    color: var(--Text-Primary, #2D2D2D);
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 1.5;
}
.custom_close_icon{
    width: 12px!important;
     height: 12px!important;
}
.all_popup_innersection{
    gap: 10px!important;
}
.edit_modal_popup {
    max-width: 540px!important;
    position: relative;
}
.outer_popup_sample {
    position: relative;
    line-height: 1.5;
}



.header_ksr_part {
    padding: 30px 0;
    display: flex;
    align-items: center;
    gap: 13px;
}
.header_ksr_part h2 {
    font-size: 22px;
    font-weight: 400;
    line-height: 1.5;
}

.header_ksr_part img{
    margin-right: 10px;
    position: relative;
    top: 5px;
}

.header_ksr_part span{
    width: 4px;
    height: 4px;
    display: inline-block;
    background: #000;
    position: relative;
    top:-4px;
    margin-right: 4px;
    border-radius: 50%;
}
.header_ksr_part p {
    position: relative;
    top: 2px;
}
.status_ksr_success{
    color: var(--Success-Green, #2AB500);

}
.status_ksr_success span{
    background: var(--Success-Green, #2AB500);

}

.status_ksr_pending{
    color: #B88804;

}
.status_ksr_pending span{
    background: #B88804;

}

.status_ksr_failed{
    color: #FF2A2A;

}
.status_ksr_failed span{
    background: #FF2A2A;

}
.payout_report_main_container {
    display: flex;
     gap: 20px;
}
.payout_report_main_container_left {
    width: calc(50% - 10px);

}
.payout_report_main_container_left_overview {
    background: var(--Surface-Surface-1, #FFFFFF);
    border: 1px solid var(--Stroke-Inactive, #E4E4E4);
    border-radius: 16px;
    padding: 24px;
    margin-bottom: 24px;
}
.payout_report_main_container_right{
    background: var(--Surface-Surface-1, #FFFFFF);
    border: 1px solid var(--Stroke-Inactive, #E4E4E4);
    border-radius: 16px;
    width: calc(50% - 10px);
    margin-bottom: 24px;
}
.payout_report_main_container_left_overview .payout_report_main_container_left_overview_title {
    color: var(--Text-Primary, #2D2D2D);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 20px;
}
.payout_report_main_container_left_overview .overview_sub{
    color: var(--Text-Subtext1, #777777);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}
.payout_report_main_container_left_overview .overview_sub span{
    color: var(--Text-Primary, #2D2D2D);
}
.payout_report_main_container_left_overview .overview_amt{
    color: var(--Text-Primary, #2D2D2D);
    font-size: 27px;
    font-weight: 600;
    line-height: 1.5;
}
.payout_report_main_container_left_details {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 20px;
}
.payout_detail_row {
    display: flex;
    flex-direction: column;
    width: calc(50% - 10px);
    line-height: 1.5;
    position: relative;
}
.payout_detail_label{
    color: var(--Text-Subtext1, #777777);
    font-size: 14px;
    font-weight: 400;
}
.payout_detail_value {
    color: var(--Text-Primary, #2D2D2D);
    font-size: 16px;
    font-weight: 400;
    margin-right: 8px;
}
.payout_detail_value img{
    cursor: pointer;
}
h3.payout_report_main_container_right_overview_title {
    background: #EEF6E3CF;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    /* text-align: center; */
    font-size: 18px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    padding: 14px 24px;
}
.report_details_ksr {
    padding: 24px;
}
span.report_details_ksr_label {
    color: var(--Text-Subtext1, #777777);
    width: 30%;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}
span.report_details_ksr_dot {
    color: var(--Text-Subtext1, #777777);
    font-size: 16px;
    width: 20%;
    display: inline-block;
    text-align: center;
}
span.report_details_ksr_value{
    width: 50%;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}
.report_details_ksr_in {
    display: flex;
    line-height: 1.8;
    margin-bottom: 30px;
}
.bank_logo{
    position: relative;
    top: 4px;
}
.response_details_ksr_value {
    background: var(--Surface-Table-BG, #FAFAFA);
    padding: 24px;
    line-height: 1.8;
    position: relative;
}
.response_details_ksr_value img{
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}
h2.logs_right_head {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    position: relative;
    top: -9px;
}
h2.logs_right_head span{
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: var(--Text-Subtext1, #777777);

}
.logs_right_sub {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: var(--Text-Subtext1, #777777);
    position: relative;
    top: -9px;
}
.transaction_logs_right {
    min-height: 70px;
    line-height: 2;
    padding-left: 30px;
    border-left: 2px dashed #2AB500;
    position: relative;
    margin-bottom: 16px;
}
.transaction_logs_right img{
    position: absolute;
    left: -8px;
    top: -4px;
    max-width: 15px;
}
.failed_status ,.pending_status , .transaction_logs_right:last-child{
    border-left: 0px dashed !important;
}
.transaction_logs_main {
    margin-top: 15px;
}
.tooltip_ksr {
    display: none;
    background: #0f7331;
    color: #fff;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    position: absolute;
    margin-left: 10px;

}

.response_details_ksr_value .tooltip_ksr1{
    right: -11px;
    top: -24px;
}

.payout_detail_row .tooltip_ksr{
    right: 0px;
    top: 0px;
}
.yes_or_no_buttons {
    display: flex;
    justify-content: right;
    gap: 10px;
}

.clearFilter.comman-filter_refresh-btn{
    display: none!important;
}
.dashboard-main-container:has(.data-card-main.data__transaction-overview) .dataTables_scrollBody ,.dataTables_scrollBody  {
    height: unset!important;
}
.dataTables_scrollBody ,.table_data_container{
    min-height: unset!important;
    max-height: unset!important;
}
.addMarchentBtn{
    font-size: 16px!important;
    height: 42px!important;
}
.ksr__mesrr .table_data_itmes th  ,.ksr__mesrr .table_data_itmes td{
    padding: 0px 14px!important;
}
.ksr__mesrr .subtext_muted{
    color: var(--Text-Subtext1, #777777);
    font-size: 13px!important;
    font-weight: 300!important;
}
.ksr__mesrr .dataTables_scrollBody ,.ksr__mesrr .table_data_container{
    min-height: 250px!important;
}
.action_icon_filter img{
    max-width: 18px;
    opacity: 0.8;
}
.table_pagination_contain{
    font-size: 14px;
}
.ksr__mesrr .table_data_container:has(.nodata_container_sec) {
    min-height: unset!important;
}
.ksr__mesrr:has(.nodata_container_sec) .dataTables_scrollBody {
    min-height: unset !important;
}

.ksr__sec___btn{
    border: 1px solid var(--PrimaryColor, #0B7431)!important;
    color : #0b7431 !important;
    text-transform: unset!important;
    border-radius: 8px!important;
    height: 36px!important;
    font-size: 14px !important;
}
.KSRR__class{
    color: #2d2d2d!important;
}

.ksr_permission .createRollBtn{
    height: 42px!important;
}
.addRole_saveBtn{
    height: 42px!important;
    float: right;
}
.ksr_permission2 .subtext_muted {
    color: #777777;
    font-size: 13px;
    font-weight: 300;
}

.ksr__mesrr .table_data_itmes tr{
    height: 56px;
}
.ksr_virtual .add_new{
    height: 42px!important;
}
.ksr_virtual .add_new span{
    COLOR: #fff!important;
}

.tab_filter_sec .tab_item {
    font-size: 14px;
    font-weight: 400;
    color: #5E5E5E;
}
.mechant_list_table_wrapper td{
   line-height: 1.5;
}
.filter_icon_ksr{
    cursor: pointer;
}
#mechant_list_table th{
    font-size: 16px!important;
    font-weight: 400!important;
}
#crudTable_custom_search {
    border: 1px solid var(--Stroke-Active, #E0E0E0) !important;
}
#datepickers-container .datepicker {
    background: linear-gradient(0deg, #FDFDFD 0%, #F7F9F7 65.38%, rgba(242, 254, 243, 0.93) 100%) !important;
}

#datepickers-container .datepicker--nav-title,#datepickers-container .datepicker--nav-title i
 {
    font-size: 16px !important;
    color: #0B7431 !important;
}
#datepickers-container .datepicker--cell-day.-other-month-, #datepickers-container .datepicker--cell-year.-other-decade- {
    color: #ffffff!important;
}
#datepickers-container .datepicker--nav-action:hover,#datepickers-container .datepicker--nav-title:hover,#datepickers-container .datepicker--cell:hover {
    background-color: #E7F4EB !important;
    color:#0B7431!important;
    cursor: pointer;
}
#datepickers-container .datepicker--nav {
    border-bottom: 1px solid #127433 !important;
}


#datepickers-container .datepicker--cell.-selected-,#datepickers-container .datepicker--cell.-selected-.-current- {
    color: #e9f1eb!important;
    background: #0B7431!important;
}
#datepickers-container .datepicker--cell.-current- {
border: 2px solid #0B7431!important;
color: #0d752c!important;
}

#datepickers-container .datepicker--time-current-hours,#datepickers-container .datepicker--time-current-minutes,#datepickers-container .datepicker--time-current-colon  {
 color: #0d752c!important;
}


#datepickers-container .datepicker--time-current-hours.-focus-,#datepickers-container .datepicker--time-current-minutes.-focus-{
    background:transparent!important;
}
#datepickers-container .datepicker--day-name  {
 color: #0d752c!important;
}
#datepickers-container .datepicker--time-row {
    background: linear-gradient(to right, #127433, #dedede) left 50% / 100% 1px no-repeat;
}

#datepickers-container .datepicker--cell.-disabled- {
color:#aeaeae!important;
}
#datepickers-container .datepicker--time{
    border-top: 1px solid transparent !important;
}
.marchant_success_btn{
    height: 42px!important;
}
.paginate_button.active {
    background-color: #000 !important;
}
#datepickers-container .datepicker--time-current-hours.-focus-:after,#datepickers-container .datepicker--time-current-minutes.-focus-:after
{
    background-color:transparent!important;
    padding:10px!important;
    border:1px solid #0d752c!important;
}

.yet_to_submit {
    color: #B88804 !important;
}

.pending {
    color: #B88804 !important;
}

.completed {
    color: #2AB500 !important;
}

.bypassed {
    color: #17BEBB !important;
}

.active {
    color: #2AB500 !important;
}

.in_active {
    color: #B88804 !important;
}

.suspended {
    color: #B88804 !important;
}

.blocked {
    color: #FF2A2A !important;
}

.approved {
    color: #2AB500 !important;
}

.rejected {
    color: #FF2A2A !important;
}

.yet_to_review {
    color: #FF972F !important;
}

.correction_required {
    color: #DC7400 !important;
}

.new {
    color: #2D8EFF !important;
}

.not_submitted {
    color: #9CA3AF !important;
}

.forwarded {
    color: #7C3AED !important;
}

.pend_pic_txt{
    background-color: #FFFEF5;
}

.app_pic_txt {
    background-color: #F5FFF8;
}

.reg_pic_txt {
    background-color: #FFFEF5;
}

.yet_pic_txt{
    background-color: #FFFEF5;
}

.pen_txt_detail::before,.yet_certi_txt::before {
    content: ".";
    font-style: normal;
    margin-right: 5px;
    border-radius: 50%;
    position: relative;
    bottom: 3px;
    font-size: 32px;
    font-weight: 600;
    line-height: 0;
}
.cr_required_brd{
    border: 1px solid #DC7400 !important;
    background: #FFFBF6;
}
.profile-avatar-circle {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #4a4a4a;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
}
@media only screen and (min-width:900px) and (max-width:1700px) {
.ksr_ribbon_imgtot {
    width:60px;
    height: 60px;
}
}