#aiCheckAccessModal .modal-content{
    border: none;
}
#aiCheckAccessModal input{
    height: 4.6rem;
    width: 100%;
    margin-top: 2rem;
    padding-left: 1.6rem;
}

  input[type="date"]::-moz-placeholder {
    color: transparent;
  }
.chatAccountContainer {
    height: 100%;
}
#aiCheckAccessModal button{
    font-size: 1.6rem;
    font-weight: 600;
    color: #FFFFFF;
    height: 4.6rem;
    width: 100%;
    background: #2D2D2D;
    border-radius: 50px;
}

.TableSec.ForGeneral.SecondTdsTable{
    overflow: scroll;
}
.rem_bs_pad.mb-6.mrgn32{
    margin-bottom: 3.2rem;
}
.ChatMain {
    padding: 1.6rem;
    box-shadow: 0px 0px 20px 0px #0000001A;
    height: 100%;
    overflow: scroll;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
  }
  input[type="date"] {
    -moz-appearance: textfield;
  }
.input_wrap_cmn{
    position:relative;

}

  input[type="date"]::-moz-placeholder {
    color: transparent;
  }
.chatAccountContainer {
    height: 100%;
}
#l2parent-error,#highrate_category-error,#tds_category-error,#cate_name-error, #tds_category-error{
   position:absolute;
       bottom:-2.6rem;
       left: 0;
       color: red;
}
#tds_display_rateoftax-error{
    color: red;

}
.chatTExt button {
    color: #725BF7;
}

.Amb_24 {
    margin-bottom: 2.4rem;
}

.Amt_12 {
    margin-top: 1.2rem;
}

.GAp12 {
    gap: 1.2rem;
}

.GreenBGREport p {
    margin-bottom: 0 !important;
}

.chtBanner {
    position: relative;
}
.ProfitMainWrap.NoDataShowScript .pl_report,.customerMainWrap.NoDataShowScript .mobile_customers_overview,.ExpenseMainWrap.NoDataShowScript .expense_chart_data,.SalesMainWrap.NoDataShowScript .SalesGarpHSEc{
    display: none;
}
.ProfitMainWrap.NoDataShowScript .NodaTaProfit,.customerMainWrap.NoDataShowScript .NodaTaCustomer,.ExpenseMainWrap.NoDataShowScript .NodaTaExpense,.SalesMainWrap.NoDataShowScript .NodaTaSales{
    display: block !important;
}

.SalesMainWrap.containerMain.containerMain3.NoDataShowScript .NodaTaSales{
    display: block !important;

}
.dROpDownToggle{
    border: 1px solid #FFFFFF;
    background: #f4f4f4;
    padding: 1.2rem;
    box-shadow: 0px 0px 10px 0px #0000001A;
    position: absolute;
    top: 5.1rem;
    width: 100%;
    display: none;
}
ul.dROpDownToggle li{
    padding: 1.2rem 1.6rem;
    cursor: pointer;
    font-size: var(--font16);
    font-weight: 500;
}
ul.dROpDownToggle li.active{
    background: #6565651A;
}
.chatTExt {
    position: absolute;
    left: 27rem;
}
.ShowSecondSEc.active svg{
    transform: rotate(180deg);
}
.chtBanner button {
    width: 14rem;
    height: 4.8rem;

}

.CHatDiv {
    border: 1px solid #E4E4E4;
}

.Apd12 {
    padding: 1.2rem;
}

.Amt_18 {
    margin-top: 1.8rem;
}

.CHatDiv {
    flex-grow: 1;
}

.NoDataNotifycation {
    display: flex;
    justify-content: center;
    align-items: center;
}

.NoDataNotifycation {
    width: 100%;
}

.HEadChatAcc {
    height: 5.6rem;
    background: #F2F6FF;
    padding-left: 1.2rem;
    margin-bottom: 1.2rem;
    padding-right: 2.2rem;
}

.accordianHead {
    border: 1px solid #E4E4E4;
    height: fit-content;
}

.AccordianClick {
    padding: 2rem 1.6rem;
    cursor: pointer;
    gap: 1rem;
}

.accordianContain {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}

.AccordianHidden {
    display: none;
}

.MainH4Contain img{
width: 2rem;
cursor: pointer;
}
.MainH4Contain {
    gap: 1rem;
    padding: 1.2rem 1.2rem 1.2rem 2rem;
    justify-content: space-between;

}

.AccordianHidden {
    color: #5D5D5D;
}

.imgMinus {
    display: none;
}

.accordianHead.active .AccordianClick .imgMinus {
    display: block;
}

.accordianHead.active .AccordianClick .imgPlus {
    display: none;
}

.AccordianClick h3 {
    white-space: nowrap;
}

.AccordianClick h3 span.active {
    color: #A3A3A3;
}

.ContanerAcc:not(:last-of-type) {
    margin-bottom: 3.2rem;
}

.addAccount h3 {
    text-decoration: underline;
}

.gap8 {
    gap: .8rem;
}

.DateAndTypeSec_structure.ShadowChat {
    border: none;
    box-shadow: 0px 0px 20px 0px #0000001A;
    height: 100%;
    flex-grow: 1;
    overflow: scroll;
}

.FilterPayout.FilterBtnConinue {
    box-shadow: 0px 0px 20px 0px #0000001A;
    padding: 2rem 3rem;
}

.invoice_body.chaaCCount form .modal-body .invoice_details_wrap {
    box-shadow: 0px 0px 20px 0px #0000001A;
    border: none;
}

.banner_2 {
    display: none;
}

.chtBanner img {
    width: 100%;
}

.integrationContainer {
    box-shadow: 0px 0px 20px 0px #0000001A;
}

.integrationContainer {
    height: 100%;
    padding: 1.6rem;
}

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

.LogoSecINteg h2 {
    margin: 0 .8rem 0 1.6rem;
}

.addAccBtn button {
    height: 4.8rem;
    width: 15rem;
}

.LogoSecINteg {
    padding: 1.4rem 0 1.4rem 0;
}

.Amt2 {
    margin-top: 2rem;
}

.SecConnect {
    min-height: 21.7rem;
    width: 36.4rem;
}

.girdSecChild {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 2.8rem 1.2rem 1rem 1.2rem;
}

.pd10 {
    padding: 1rem;
}

.logoConnect {
    width: 5.8rem;
    height: 5.8rem;
    border-radius: 5rem;
}

.LogoBOrder {
    border-radius: 5rem;
    padding: .1rem;
}

/* .BGBlue .LogoBOrder {
    background: radial-gradient(204.11% 337.01% at 11.93% -31.51%, #619DF8 0%, #88A1FF 49%, #619DF8 100%);
}

.BGGreen .LogoBOrder {
    background: linear-gradient(108.98deg, #CFFFB8 27.06%, #39B919 90.91%);
}

.BGOrange .LogoBOrder {
    background: radial-gradient(187.57% 337.16% at 14.6% -23.5%, #F66F59 0%, #FB8875 51.43%, #F66F59 100%);
}

.BGViolet {
    background: radial-gradient(187.57% 337.16% at 14.6% -23.5%, #F66F59 0%, #FB8875 51.43%, #F66F59 100%);
} */

.BGGreen {
    background-image: url(../images/integration/banner1.png);
}

.BGBlue {
    background-image: url(../images/integration/banner2.png);
}

.BGOrange {
    background-image: url(../images/integration/banner3.png);
}

.BGViolet {
    background-image: url(../images/integration/banner4.png);
}

.girdSec {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 3rem;
    flex: 1;
}

.SecConnect h2 {
    margin-bottom: 1rem;
}


.Amt6 {
    margin-top: .6rem;
}

.girdSecChild h2 {
    margin-top: 1rem;
    text-align: center;
}

.DataSec {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: 100%;
    gap: 3rem;
}

.pdA12 {
    padding: 1.2rem;
}

.pERMISSIONsEC p {
    color: rgba(106, 106, 106, 1);
    margin-top: 1rem;
    max-width: 70%;
}

.Amt_4 {
    margin-top: .4rem;
}

.DownloadBtn.TdsExport {
    width: 15rem;
}


.secData p {
    color: rgba(106, 106, 106, 1);
    margin-top: .8rem;
}

.gap23rem {
    gap: 2.3rem;
}

.listDataChild:not(:last-child) {
    margin-bottom: 1.9rem;
}

.listData {
    margin-top: 3rem;
}

.listDataChild h3 {
    color: rgba(93, 93, 93, 1);

}

.DevelopBy,
.PersmissionLogo {
    padding: 1.6rem;

}

.DevelopBy {
    gap: 3.4rem;
}

.Agap8 {
    gap: .8rem;
}

.Amb21 {
    margin-bottom: 2.1rem;
}

.DaTaZoho {
    padding: 3rem;
}

.DevelopBy h3 {
    margin-bottom: .8rem;
}

.DevelopByChild a {
    color: rgba(78, 138, 243, 1);
    text-decoration: underline;
}

.pERMISSIONsEC {
    padding-bottom: 2.2rem;
}

.ImgSecIntegration h4 {
    color: rgba(51, 168, 0, 1);
    padding: 7.5px 16px 7.5px 16px;
    background: rgba(220, 245, 209, 1);
}
.valueInnerPercentage{
    color: #E02C2C;
    font-size: 1.4rem;
    font-weight: 500;

}
.IntegrationSec p {
    color: rgba(93, 93, 93, 1);
    margin-right: 1.2rem;
}

.IntegrationSec button.DeLink {
    border: 0.5px solid rgba(45, 45, 45, 1);
    width: 12rem;
    margin-right: 1.6rem;
}

.BannersSEc {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3rem;
}

.textSEcBann {
    position: absolute;
    left: 2.2rem;
}

.BannersSEcCont {
    position: relative;
}

.textSEcBann h3 {
    margin-bottom: .4rem;
    text-transform: uppercase;
}

.TableSec.IntegrationTable table tbody tr td {
    padding: 2.8rem 0 2.8rem 1.2rem;
}

.TableSec.IntegrationTable table tbody tr td {
    border-bottom: 1px solid rgba(244, 244, 244, 1);
}

.QuestionZoho {
    padding: 2rem 1.2rem;
    color: rgba(242, 246, 255, 1);
    margin-top: 1.6rem;
}

.MarGin14 {
    margin-bottom: 1.4rem;
}

.QuestionZoho ul li {
    color: rgba(93, 93, 93, 1);
}

.QuestionZoho {
    background: rgba(242, 246, 255, 1);
}

.QuestionZoho p {
    margin-bottom: 2.6rem;
}

.QuestionZoho ul {
    padding-left: 2.5rem;
}

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

.QuestionZoho ul li:not(:last-of-type) {
    margin-bottom: 1.6rem;
}

.PoppZoho {
    color: rgba(36, 38, 52, 1);
    margin-top: 1.2rem;
}

.textPerCentange h2 {
    color: rgba(90, 144, 0, 1);
}

.textPerCentange {
    position: absolute;
    bottom: 4rem;
}

.btnSubmiT.IntegratIOnBtn button {
    width: 20rem;
}

.mt68 {
    margin-top: 4.8rem;
}

.imgINtegration {
    position: relative;
}

.addAccBtn.TallyBtn button {
    width: 16rem;
}

.showMob {
    display: none;
}

.SelectBankdiv {
    padding-bottom: 3rem;
}

.TxtWidth {
    max-width: 70%;
}

.mbA2 {
    margin-bottom: 2rem;
}

.GreenBGREport {
    margin-top: 0 !important;
}

.QuestionZoho.GreenBGREport {
    padding: 3.4rem 1.2rem;
}

.ChatMain.ReportAdJustHT {
    height: auto;
    margin-top: 2rem;
}

.BoXSEcChild {
    min-height: 17.4rem;
    padding: 2rem 2.4rem 2rem 2.7rem;
    align-items: start;
    position: relative;
    display: flex;
}

.BoXSEc .BoXSEcChild:first-child {
    border: 2px solid rgba(231, 232, 255, 1);
}

.BoXSEc .BoXSEcChild:nth-child(2) {
    border: 2px solid rgba(226, 239, 211, 1)
}

.BoXSEc .BoXSEcChild:nth-child(3) {
    border: 2px solid rgba(240, 233, 214, 1)
}

.BoXSEc .BoXSEcChild:nth-child(4) {
    border: 2px solid rgba(236, 214, 234, 1)
}

.FinanCeSEC2BoxSec {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    padding-top: 2rem;
}

.BoXSEc {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding-top: 2rem;
    gap: 2rem;
}

.RoundArrow {
    position: absolute;
    top: 0.6rem;
    right: 1.6rem;
}

.TExtReportBx h2 {
    text-transform: uppercase;
}

.TExtReportBx {
    padding-left: 2rem;
    max-width: 80%;
}

.mtA6 {
    margin-top: .6rem;
}

.FinanCeSEC2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.6rem;
    padding-top: 2rem;
}

.FinanCeSEC2BoxSec .BoXSEcChild:nth-child(1) {
    border: 2px solid rgba(226, 239, 211, 1)
}

.FinanCeSEC2BoxSec .BoXSEcChild:nth-child(2) {
    border: 2px solid rgba(240, 233, 214, 1)
}

.QuestionZoho.GreenBGREport.pdA2 {
    padding: 2rem;
}

.FinanCeSEGridChild {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.FinanCeSEGridChild {
    gap: 1.6rem;
}

.QuestionZoho.GreenBGREport.pdA212 {
    padding: 1rem 2rem;
}

.FinanCeSEC2BoxSec.MakSingleGrid {
    grid-template-columns: repeat(1, 1fr);
}

.SetSameHt {
    min-height: 15rem;
}

.minHtBox {
    min-height: 18.7rem;
}

.RoundArrow {
    cursor: pointer;
}

.MakSingleGrid .BoXSEcChild {
    border: 2px solid rgba(231, 232, 255, 1) !important;
}

.GEneralLedgesTxtGray {
    color: rgba(106, 106, 106, 1) !important;
}

.pD15 {
    padding: 1.5rem;
}

.Amt65 {
    margin-top: 6.5rem;
}

.ORangeClk {
    color: rgba(255, 121, 99, 1) !important;
}

.btnsFilterGeneral button {
    padding: 1.2rem 2.4rem;
    width: auto;
    white-space: nowrap;
}

.secFilderbtn {
    width: 4.8rem;
    height: 4.8rem;
    border: 0.5px solid rgba(45, 45, 45, 1);
    cursor: pointer;
}

.GeneralLegdesHt .modal-body {
    overflow: unset;
}

.gap16 {
    gap: 1.6rem;
}

.borderBx {
    border: 1px solid rgba(228, 228, 228, 1) !important;
}

.TableSec table tbody tr td.txtEnd,
.TableSec table thead tr td.txtEnd {
    text-align: end;
}

.TableSec.ForGeneral table tbody tr td {
    padding: 2.8rem 1.2rem 2.8rem 1.2rem;
    white-space: nowrap;
}
.TableSec.ForGeneral table tbody#preview-data tr td{
    white-space: unset;

}
.TableSec.ForGeneral table tbody tr td.pdExt {
    padding: 2.8rem 2rem 2.8rem 2rem;
}

.whitSpaces {
    white-space: nowrap;
}

.CloseImgReconcile {
    display: none;
}

ul.akDropDown {
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
    display: none;
    cursor: pointer;
    max-height: 24rem;
    overflow-y: auto;
    position: relative;
    z-index: 1;
}

ul.akDropDown li {
    display: flex;
    padding: 1.2rem 1.6rem;
    border-bottom: 1px solid rgba(244, 244, 244, 1);
    gap: 1.6rem;
}
ul.akDropDown .search_result {
    max-height: 25rem;
    overflow-y: auto;
}

.HideContent p {
    color: rgba(163, 163, 163, 1);
    width: 100%;
}

ul.akDropDown li.hideINNerDrop p {
    padding-left: 4.4rem;
    height: 100%;
    display: flex;
    align-items: center;
}

ul.akDropDown li .HideContent {
    width: 100%;
}

ul.akDropDown li.hideINNerDrop {
    padding: 0;
    cursor: pointer;
    display: none;
}

.IMgSHOW {
    display: flex;
    align-items: center;
}
.IMgSHOW__cont {
    display: flex;
    align-content: center;
    gap: 0.4rem;
}
.IMgSHOW__cont.IMgSHOW__cont p {
    display: block;
}
.tOggleSlide input {
    border: none;
    width: 100%;
}

.tOggleSlidePk input, .toggleSlideExpire input {
    border: none;
    width: 100%;
}
.InputAdd input {
    border: none;
    width: 100%;
}

.DIvProfile {
    width: 100%;
    gap: 1.2rem;
}

.UlLinks {
    height: 40rem;
    overflow-x: scroll;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
    display: none;
    position: absolute;
    background: #FFFFFF;
    width: 100%;
    z-index: 1111;
}

.menuNewLinks ul,
.inputDropLinks ul {
    padding: 0 0 1.6rem 0;
}

.menuNewLinks ul li,
.inputDropLinks ul li {
    padding: 0;
    padding: 1.6rem 1.2rem;
    margin-bottom: 1rem;
    border: 1px solid rgba(244, 244, 244, 1);
}

.menuNewLinks ul li.noResultLinks {
    display: flex;
    height: 100%;
    border: none;
}

.menuNewLinks ul li:first-of-type {
    height: auto;
    padding: 0;
}

.menuNewLinks ul li.option:last-child {
    border-bottom: 1px solid rgba(244, 244, 244, 1);
}

.SearchLinks {
    padding: 1.2rem;
    width: 100%;
    position: relative;
}

.SearchLinks .SearChImg,
.SearchLinks .CloseImgReconcile {
    position: absolute;
    right: 2.2rem;
}

.DownLoadPdFcsv {
    border: 3px solid rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    background: rgba(244, 244, 244, 0.7);
    padding: 1.2rem;
    position: absolute;
    right: 0;
    z-index: 11;
    top: 5rem;
    display: none;
}

.DownLoadPdFcsvChild {
    padding: 1.2rem 1.6rem;
    cursor: pointer;
    white-space: nowrap;
}

.DownLoadPdFcsvChild.active {
    background: rgba(101, 101, 101, 0.1);
}

.filter_btns {
    position: relative;
}

.menuNewLinks ul.jrk_options .option:hover {
    background: none;
}

.postionAb {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
}

.PayoutName {
    padding: 3rem;
}

.w100 {
    width: 100%;
}

.m2030 {
    margin-top: 2rem;
    margin-bottom: 3rem;
}

.mt30 {
    margin-top: 3rem;
}

.mt90 {
    margin-top: 9rem;
}

.OTPPayouts {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.ChildDetailS p {
    color: rgba(106, 106, 106, 1);
}

.ChildDetailS {
    margin-top: 1.8rem;
}

.SearchLinks input {
    border: 1px solid rgba(227, 232, 238, 1);
    height: 3.9rem;
    width: 100%;
    padding-left: 1.6rem;
    padding-right: 3rem;
}

.IMgHIde {
    display: none;
}

ul li.ShowINNerDrop.active .IMgHIde {
    display: block;
}

ul li.ShowINNerDrop.active .IMgSHOW {
    display: none;
}

ul.akDropDown li.hideINNerDrop ul li {
    padding: 0 !important;
    height: 3.6rem;
}

.filterMob {
    display: none;
}

.balanceDiv {
    gap: .4rem;
}

.TableSec.SecondTdsTable table tbody tr td.PadingADjust {
    padding-left: 2.7rem !important;
}

.w100 {
    width: 100%;
}

.FilterSEcNew input {
    width: 29rem;
    height: 4.8rem;
    border: 0.5px solid rgba(45, 45, 45, 1);
    padding-left: 1.6rem;
    font-size: var(--font16);

}

.FilterSEcNew .imgCalEnder {
    position: absolute;
    right: 1.5rem;
    top: 1rem;
}

.FilterSEcNew ul {
    position: absolute;
    top: 5.5rem;
    border-top: 3px solid rgba(255, 255, 255, 1);
    background: rgb(244 244 244 / 96%);
    width: 100%;
    padding: 1.2rem 1.2rem 1.2rem 1.2rem;
    display: none;
}

.FilterSEcNew ul li {
    height: 4.6rem;
    display: flex;
    align-items: center;
    padding-left: 2.5rem;
    cursor: pointer;
}

.FilterSEcNew ul li.active {
    padding-left: 1.6rem;
    background: rgba(101, 101, 101, 0.1);
}

.FilterSEcNew ul li:hover {
    padding-left: 1.6rem;
    background: rgba(101, 101, 101, 0.1);
}

.FilterSEcNew {
    margin-left: 1.6rem;
    position: relative;

}

.FilterSEcNew input::placeholder {
    font-weight: 400;
    color: rgba(45, 45, 45, 1);
    font-size: var(--font16);
}

.SecDivTds {
    gap: .8rem;
}

.FilterSEcNew ul li {
    padding-left: 1.6rem;
}

.TDSSection h3 {
    color: rgba(78, 138, 243, 1);
    margin-bottom: .3rem;
}

.TDSSection p {
    color: rgba(106, 106, 106, 1);
}

.mt12 {
    margin-top: 1.2rem;
}

.GrpCctrec h3 svg {
    cursor: pointer;
}

.inputHiddenCustom {
    border: none !important;
    background: none !important;
    padding: 0 !important;
    color: rgba(45, 45, 45, 1) !important;
    font-size: var(--font16) !important;
    font-weight: 500 !important;
}

input.inputHiddenCustom::placeholder {
    color: rgba(45, 45, 45, 1) !important;
    font-size: var(--font16) !important;
    font-weight: 500 !important;
    cursor: pointer;
}

.pdLeft {
    padding-left: 1.6rem;
}

.inputHiddenCustom {
    opacity: 0;
}

.CustomDateHiden .input-group-append {
    display: none;
    position: relative;
}

.CustomDateHiden h3 {
    position: absolute;
    top: 1.3rem;
}

.CustomDateHiden input {
    z-index: 11111;
}

.BulkCollect.pd12.Pad0 {
    box-shadow: none;
}

.BulkCollect.pd10.borderBx {
    overflow: auto !important;
}

.SaveSecInput input {
    width: 100%;
    border: 1px solid rgba(244, 244, 244, 1);
    height: 4.8rem;
    padding-left: 1.6rem;
}

.SaveSecInput {
    position: relative;
    display: flex;
    align-items: center;
    flex: 1;
}

.SaveTxtBNotify h3 {
    color: rgba(78, 138, 243, 1);
    cursor: pointer;
}

.SaveSecInput svg {
    position: absolute;
    right: 2rem;
    cursor: pointer;
}

.IconSECNotify svg {
    cursor: pointer;
}

.OtpMainSec .otp-container {
    justify-content: start;
    margin-top: 1.8rem;
}

.OtpMainSec {
    padding: 1.6rem 2rem;
}

.SecNotfiy {
    padding: 0 2rem 1.6rem 2rem;
    margin-top: 1.6rem;
    display: none;
}

.OtpMainSec .btnSubmiT {
    justify-content: start;
    margin-top: 2rem;
}

.gap14 {
    gap: 1.4rem;
}

.OtpMainSec .GRNOTP {
    color: rgba(111, 166, 20, 1);
}

.OtpMainSec .otp-container input {
    height: 4.8rem;
    width: 4.8rem;
}

.reconcileHeight.ModiFyNotifYPopup p {
    padding-top: 0;
}

.ModiFyNotifYPopup .btnReconsile button {
    width: 15rem;
}

.poppBulkPayment.reconcileHeight.ModiFyNotifYPopup .bg_PoppBulk {
    max-width: 74rem;
    min-height: 30.5rem;
}

.reconcileHeight.ModiFyNotifYPopup .CloseImg {
    right: 3rem;
    top: 3rem;
}

.ModiFyNotifYPopup .btnReconsile {
    margin-top: 3rem;
}

.BorderBLK {
    border: 0.5px solid rgba(45, 45, 45, 1)
}

.modal-content.BgNotifySec {
    background: #FFFFFF;
    padding-bottom: 2rem;
}

.header_txt.NotifyHead {
    background: rgba(255, 255, 255, 0.5);
}

.mb20 {
    margin-bottom: 2rem;
}

.TextSETTings {
    justify-content: end;
    padding: 1rem 3rem 1.2rem 1rem;
    background: rgba(255, 255, 255, 1);
    width: 100%;
}

.NotiFySecTion {
    padding: 1.8rem 3rem 0 3rem;
    width: 100%;
}

.NoDataNotifycation h2 {
    margin-top: 1.8rem;
}

.NoDataNotifycationMain button {
    width: 15rem;
    height: 4.8rem;
}

.bodySecondNotify {
    padding: 1.8rem 3rem;
}

.NotiFySecTion.SecBodySec {
    background: rgba(255, 255, 255, 0.7);
    padding: 3rem;
    border: 0.5px solid rgba(0, 0, 0, 0.1)
}

.BgNotifySec .NotiFySecTibody {
    padding: 1rem 2rem 1rem 2rem;
}

.TextSETTings h2 {
    color: rgba(78, 138, 243, 1);
}

.NotiFySecTionTableHead {
    padding: 1.2rem 2rem;
    background: rgba(242, 246, 255, 1);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}

.NotiFySecTibodySec1 p {
    margin-top: .4rem;
}

.NotiFySecTibody {
    padding: 1rem 2rem;
    border-bottom: 1px solid rgba(244, 244, 244, 1);
}

.BodySECmaic {
    border: 1px solid rgba(244, 244, 244, 1);
    background: rgba(255, 255, 255, 1);
}

.NotiFySecTionTable {
    margin-bottom: 3rem;
}

.pd0 {
    padding: 0;
}

.NotificationContainer .modal-body {
    padding: 0 !important;
}

.NotificationContainer .modal-body.bodySecondNotify {
    padding: 1.8rem 3rem !important;
}

.AddEmailSec {
    padding: 2.4rem;
    justify-content: center;
    cursor: pointer;
}

.AddEmailSec h3 {
    color: rgba(78, 138, 243, 1);
}

.bodySecondNotify .NotiFySecTibody {
    border-bottom: none;
}

.SignInContainerBg {
    background-image: url(../images/teams/authframe.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100vh;
    position: relative;
}

.TopIcon {
    position: absolute;
    top: -39px;
}

.POsAb {
    position: absolute;
}

.TeamSigninBody {
    height: 100%;
    max-height: 80%;
    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;
    border-radius: 5.2rem;
    width: 100%;
    max-width: 60rem;
    margin-top: 9rem;
    padding: 4rem;
}

.InputTeams {
    padding-top: 4rem;
}

.InputContainTeam {
    position: relative;
    width: 100%;
    margin-bottom: 2.4rem;
}

.InputContainTeam input {
    border: none;
    background: linear-gradient(96.87deg, rgba(230, 232, 246, 0.5) 39.25%, rgba(243, 245, 252, 0.5) 60.75%);
    box-shadow: 1px 1px 2px 0px #32323230 inset, 1px 1px 3px 0px #71fb8724 inset, -2px -2px 2px 0px #FFFFFF inset;
    height: 6.4rem;
    width: 100%;
    border-radius: 5rem;
    padding-left: 6rem;
}

.InputContainTeam input::placeholder {
    color: rgba(163, 163, 163, 1);
    font-size: var(--font18);
    font-weight: 400;
}

.IconImgInput {
    position: absolute;
    left: 1.8rem;
}

.SecTionGenderChild {
    padding: 1.6rem;
    background: linear-gradient(96.87deg, rgba(230, 232, 246, 0.5) 39.25%, rgba(243, 245, 252, 0.5) 60.75%);
    box-shadow: 1px 1px 2px 0px #32323230 inset, 1px 1px 3px 0px #71fb8724 inset, -2px -2px 2px 0px #FFFFFF inset;
    border-radius: 50px;
    cursor: pointer;
}

.roundSecCheck {
    width: 1.9rem;
    height: 1.9rem;
    border: 1px solid rgba(111, 166, 20, 1);
    border-radius: 10rem;
    position: relative;
}

.roundSecCheck::after {
    content: '';
    background: rgba(111, 166, 20, 1);
    height: 1.1rem;
    width: 1.1rem;
    border-radius: 10rem;
    display: none;
}

.SecTionGenderChild.active .roundSecCheck::after {
    display: block;
}

.SecTionGender {
    margin-bottom: 4rem;
}

.InputTeams button,
.OtpStructUre button {
    background: linear-gradient(88.33deg, #5C5C5C -7.64%, #000000 145.94%);
    width: 100%;
    height: 5.6rem;
    border-radius: 50px;
}

.IconRightTeams {
    position: absolute;
    right: 1.9rem;
    cursor: pointer;
}

.errorAK {
    position: absolute;
    bottom: -1.9rem;
    left: 3rem;
    font-size: var(--font12);
    color: rgba(255, 66, 66, 1);
}

.error_expense{
    font-size: var(--font12);
    color: rgba(255, 66, 66, 1);
    display: none;
    margin-top: .5rem;
}

.file--wrap.WrapTeams{
    position: relative;
}
.tickSS{
    display: none;
}
.errorAK {
    display: none;
}

.InputContainTeam input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
}

.InputContainTeam input[type="date"]::-moz-calendar-picker-indicator {
    display: none;
}

.InputContainTeam input[type="date"]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

.OtpStructUre .OtpMainSec {
    padding: 0;
    margin-top: 4rem;
}

.OtpStructUre .OtpMainSec .otp-container {
    margin-top: 0;
}

.OtpStructUre .PhnMailTxt {
    color: var(--color-black);
}

.SectIOnTesrms p span {
    color: rgba(111, 166, 20, 1);
}

.mt40 {
    margin-top: 4rem;
}

.SectIOnTesrms p {
    text-wrap: balance;
}

.OtpStructUre .OtpMainSec .otp-container input {
    height: 6.4rem;
    width: 6.4rem;
    background: linear-gradient(96.87deg, rgba(230, 232, 246, 0.5) 39.25%, rgba(243, 245, 252, 0.5) 60.75%);
    box-shadow: 1px 1px 2px 0px #32323230 inset, 1px 1px 3px 0px #71fb8724 inset, -2px -2px 2px 0px #FFFFFF inset;
    border: none;
    border-radius: 5rem;
}

.OtpStructUre .OtpMainSec .otp-container {
    gap: 1rem;
}

.TeamSigninBody {
    position: relative;
}

.BtnOtpTEam {
    position: absolute;
    bottom: 4rem;
    width: 100%;
    padding: 0 4rem;
}

.otpError {
    color: rgba(255, 66, 66, 1);
}

.SecOtpTeam h1 {
    margin-top: 2rem;
}

.BackBtnTeamsOtp {
    width: fit-content;
    cursor: pointer;
}

.SecOtpTeam {
    min-height: 66rem;
}

.PayrollTEams {
    height: 100%;
    width: 100%;
}

.Mtb1640 {
    margin-top: 1.6rem;
    margin-bottom: 4rem;
}

.BannerTeamsPayroll button {
    color: rgba(11, 141, 184, 1);
}

.BannerTeamsPayroll {
    position: relative;
}

.RelativeSec {
    position: absolute;
    left: 4rem;
    max-width: 50%;
}

.RelativeSec button {
    width: 15rem;
    height: 4.8rem;
}

.m1232 {
    margin-top: 1.2rem;
    margin-bottom: 3.2rem;
}

.file--wrap.WrapTeams {
    padding: 0;
    border: none;
}
.body_TableTds{
    display: none;
}

.SecNodataTDS p{
    font-size: var(--font20);
    font-weight: 500;
    color: #2D2D2D;
    text-align: center;
}
.SecNodataTDS{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 4rem 0;
}
.WrapTeams .jrk-file-input {
    border: 1px solid rgba(227, 232, 238, 1)
}

.PoppupModelTeams input,
.PoppupModelTeams .jrk_select-btn,
.PoppupModelTeams textarea {
    border: 1px solid rgba(171, 171, 171, 1)
}

.PoppupModelTeams .invoice_details_wrap {
    box-shadow: none !important;
}

.PoppupModelTeams .invoice_body {
    padding: 3rem;
}

.PoppupModelTeams .invoice_details_input_box {
    padding: 0;
}

.PoppupModelTeams .modal-body {
    height: calc(100vh - 27rem);
    overflow: scroll;
    padding-bottom: 0 !important;
}

.PoppupModelTeams .NotiFySecTion {
    padding: 2rem;
}

.PoppupModelTeams .auth_register_tams_sc {
    margin-bottom: 3.2rem;
}

.PoppupModelTeams .auth_register_tams_sc {
    margin-top: 3.2rem;
}

.ChildDetailS h3 {
    margin-top: .8rem;
}

.ChildDetailS p {
    white-space: nowrap;
}

.brandLogo__txt {
    background-image: url(../images/teams/iconcontain.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 44rem;
    height: 12rem;
    width: 100%;
    position: fixed;
    top: -32px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
}
.DaTaZoho
{
    background-image: url(../images/integration/05.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0px 0px 20px 0px #0000000A;
}


.OTPPayouts {
    padding: 0;
}
.AiGraphMobile ul{
    gap: .6rem;
    overflow-y: scroll;
}
.AiGraphMobile ul li{
    padding: .8rem 1.2rem !important;
    white-space: nowrap;
    border: 0.5px solid rgba(152, 156, 171, 0.2);
    border-radius: 4rem;
    cursor: pointer;
}
.AiGraphMobile ul li.active{
    border: 0.5px solid rgba(152, 156, 171, 1);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}
.AiGraphMobile ul{
    border-radius: 0;
}
.exportBtn{
    position: relative;
}
.bodySecondNotify .Submit{
    background: #2D2D2D !important;
    color: #FFFFFF !important;
}
.bodySecondNotify .Submit.disabled{
    background: rgba(236, 236, 236, 1) !important;
    color: #A3A3A3 !important;
}
.bodySecondNotify .otp-container,.bodySecondNotify .btnSubmiT{
    justify-content: start;
}
.pad20{
    padding: 2rem;
}
.bodySecondNotify .btnSubmiT{
    margin-top: 2rem;
}
.bodySecondNotify form{
    padding:1.6rem 2rem 1.6rem 2rem;
}
.PhnMailTxt.font_weight_500.font14.mobile_acontent span{
    white-space: nowrap;
}
.Payment_Expired_poppup, .Payment__processing__poppup{
    position: fixed;
    background: rgba(232, 232, 232, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 111111;
}
.Payment_Expired_poppup_body{
    max-width: 74rem;
    width: 100%;
    max-height: 80%;
    height: 100%;
    background: #FFFFFF;
}
.Payment_Expired_poppup_body.KycAlertPoppupBody{
    max-width: 78rem;
    z-index: 11111;
}
.LogoMainWego {
    padding-top: 1.4rem;
    display: flex;
    justify-content: center;
}
.ImgExired{
    height: calc(100% - 8.8rem);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.ImgExired h2{
    color: #2D2D2D;
    font-weight: 500;
    font-size: var(--font24);
    margin: 0 0 1.2rem 0;
    text-align: center;
}
.ImgExired p{
    color: #5D5D5D;
    font-size: var(--font16);
    font-weight: 400;
}
.ShowMore_notification{
    height: 4.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #F4F4F4;
  border-bottom: 1px solid #F4F4F4;
  border-left: 1px solid #F4F4F4;
  font-weight: 500;
  color: #4E8AF3;
  font-size: var(--font14);
  text-align: center  ;
  cursor: pointer;
}
.ShowMore_notification span{
    margin-left: 5px;
}
.CloseKycALert{
    display: flex;
    align-items: center;
    gap: 1rem;
    position: absolute;
    top: 3rem;
    right: 3rem;
    cursor: pointer;
}
.btnResubmit button{
background: #2D2D2D;
color: #FFFFFF;
font-size: var(--font16);
font-weight: 500;
height: 4.8rem;
width: 16rem;
}

.btnResubmit{
    margin: 0 auto;
    width: fit-content;
    margin-top: 3rem;
}
.KycAlertPoppupBody{
    position: relative;
}
.CloseKycALert{
    font-size: var(--font16);
    color: #2D2D2D;
}
.KycAlertPoppupBoxMain{
    padding-left: .5rem;
}
.KycAlertPoppup h1{
    font-size: var(--font36);
    font-weight: 500;
    margin-top: 1.4rem;
    margin-bottom: 1.6rem;
    text-align: center;
}

.KycAlertPoppup h2{
    font-size: var(--font18);
    font-weight: 400;
    color: #6A6A6A;
    margin-bottom: 2.4rem;
    text-align: center;
}
.KycAlertPoppupBody{
    padding: 5rem 4rem;
}
.KycAlertPoppupBox{
    border: 1px solid #E4E4E4;
    padding: 2.4rem 2rem;
    margin-bottom: 2.4rem;
}
.KycAlertPoppupBox h3{
    color: #2D2D2D;
    font-weight: 500;
    font-size: var(--font18);
}
.KycAlertPoppupBox h4{ margin-top: 1.4rem;
    margin-bottom: 1.6rem;
    color: #2D2D2D;
    font-weight: 500;
    font-size: var(--font16);
    margin-top: 2rem;
    margin-bottom: 1.6rem;
}
.KycAlertPoppupBox ul li{
    color:#6A6A6A;
    font-size: var(--font16);
    font-weight: 400;
    list-style: disc;
}
.KycAlertPoppupBox ul{
    padding-left: 2.3rem;
}
.error.errorAK.password-invalid {
    position: relative;
    bottom: 0;
    top: 0;
    margin-bottom: 1.5rem;
}
.invoice_popup .invoice_popup_boby h1{
    text-align: center;
    padding-top: 4rem;
}
.invoice_popup_flex{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4rem;
}
.issued_date{
    margin-bottom: 2rem;
}
.issued_date_inner{
    display: flex;
    justify-content: space-between;
    background-color: #F1F1F1;
    padding: 1.2rem;
}
.issued_inner_two p{
    text-align: right;
    display: flex;
    flex-direction: column;
}
.item_left_popup p{
    color: #6A6A6A;
    margin-bottom: 0.5rem;
}
.item_rgt_popup p{
    color: #2D2D2D;
    margin-bottom: 0.5rem;
}
.issued_inner_two p span{
    color: #5D5D5D;
    margin-bottom: 0.5rem;
}
.issued_inner_two p{
    color: #2D2D2D;
}
.billing_address_left p{
    color: #5D5D5D;
    margin-bottom: 0.4rem;
}
.billing_address_inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.2rem;
}
.billing_address_left h5{
    color: #2D2D2D;
    margin-bottom: 0.4rem;
}
.billing_address_right{
    text-align: right;
}
.billing_address_right p{
    color: #5D5D5D;
    margin-bottom: 0.4rem;
}
.billing_address_right h5{
    color: #2D2D2D;
    margin-bottom: 0.4rem;
}
.invoice_popup_table .table tr th{
    background-color: #E54E4E;
    color: #fff;
    padding: 1rem 0.5rem;
}
.invoice_popup_table .table tr td{
    padding: 1rem 0.5rem;
    color: #2D2D2D;
}
.sub_total_flex{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border-bottom: 1px solid #EEEEEE
}
.sub_total_1{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.sub_total_1 p{
    color: #2D2D2D;
}
.sub_total_2{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.sub_total_2 p{
    color: #6A6A6A;
}
.sub_total_3{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.sub_total_3 p{
    color: #6A6A6A;
}
.sub_total_border{
    border-bottom: 1.27px solid #EEEEEE
}
.sub_total_inner_flex{
    padding: 1rem 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.sub_total_inner{
    padding: 0 0.5rem;
}
.thank_invoice_popup p{
    color: #E54E4E;
    padding: 3rem 0;
}
.note_invoice_popup p{
    text-align: center;
    color: #6A6A6A;
    padding: 4rem 0;
}
.note_invoice_popup p span{
    color: #2D2D2D;
}
.invoice_popup_red{
    background-color: #E54E4E;
    width: 100%;
    height: 1rem;
}
.invoice_popup_grey{
    background-color: #B2B3B3;
    width: 100%;
    height: 0.8rem;
}
.invoice_popup_grey2{
    background-color: #B2B3B3;
    width: 100%;
    height: 1rem;
}
.invoice_footer_address{
    display: flex;
    flex-direction: column;
    gap: 3px;
}
.invoice_footer_address h4{
    color: #fff;
}
.invoice_footer_address p{
    color: #fff;
}
.invoice_footer_logo p{
    color: #fff;
    text-transform: uppercase;
    text-align: right;
}
.invoice_popup_purple{
    background-color: #19344C;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 3rem 4rem 3rem 4rem;
}
.invoice_popup .invoice_popup_boby{
    max-width: 110rem;
}
.invoice_popup_boby{
    position: relative;
    overflow: scroll;
}
.otp-input.valid{
    border:#ABABAB 2px solid;
}
.invoice_popup_padding{
    padding: 4rem 4rem 0 4rem;
}
.invoice_popup_item{
    display: flex;
    gap: .6rem;
    margin-bottom: 1.2rem;
}
.item_left_popup{
    min-width: 18.4rem;
}
.item_left_popup span{
    float: right;
}
.HeightMob {
    max-width: 60rem;
    width: 100%;
}
.processing_payout{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.pay_process{
    display: flex;
    justify-content: center;
    max-height: 50%;
    max-width: 80rem;
}
.processing_payout p{
    color: #263238;
    font-style: italic;
    padding-top: 1rem;
}


@media screen and (max-width:1500px) {
    .accordianContain {
        grid-template-columns: repeat(4, 1fr);
    }
    .SecOtpTeam{
        min-height: auto;
    }
    .SecOtpTeam{
        min-height: 57rem;
    }
    .minHtBox {
        min-height: 19.1rem;
    }

    .MainScroll {
        height: calc(100vh - 411px);
        overflow: scroll;
    }

    .HtmlSizing {
        font-size: 44%;
    }

    .TeamSigninBody {
        max-height: 70%;
    }
    .InputTeams {
        padding-top: 2rem;
    }
    .InputContainTeam{
        margin-bottom: 1.6rem;
    }
    .InputContainTeam input{
        height: 4.8rem;
    }
    .TeamSigninBody {
        margin-top: 3rem;
    }
    .errorAK{
    bottom: -1.5rem;
    }
}

@media screen and (max-width:1400px) {
    .minHtBox {
        min-height: 21.4rem;
    }

    .TableSec.SecondTdsTable {
        max-width: 1300px;
        overflow: scroll;
    }

    .TableSec.SecondTdsTable table tbody tr td.PadingADjust {
        padding-left: 1.8rem !important;
    }
}

@media screen and (max-width:1250px) {
    .accordianContain {
        grid-template-columns: repeat(3, 1fr);
    }

    .TExtReportBx {
        padding-left: 1rem;
    }

    .SetSameHt {
        min-height: 18rem;
    }

    .minHtBox {
        min-height: 21.8rem;
    }

    .BoXSEcChild {
        padding: 1.6rem;
    }

    .RoundArrow {
        position: absolute;
        top: 0.6rem;
        right: 0.6rem;
    }

    .MainScroll {
        height: calc(100vh - 427px);
        overflow: scroll;
    }
}

@media screen and (max-width:1024px) {
    .postionAb {
        left: 0;
    }

    .KYCSuccessSubmitted{
        background-image: url(../images/banner1.png);
        height: 100dvh;
        background-position: center;
    }
    .KYCSuccessSubmittedBodyMan button{
        height: 5.4rem;
        font-size: var(--font16);
    }
    .BTnDoc{
        margin-top: 3.2rem;
    }
    .KYCSuccessSubmittedBody{
        max-width: unset;
        background: none;
        box-shadow: none;
    }
    .KYCSuccessSubmittedBody h1{
        margin: 3.2rem 0 1.2rem 0;
    }

    .Payment_Expired_poppup.KycAlertPoppup{
        padding: 1.2rem;
    }
    .Payment_Expired_poppup_body.KycAlertPoppupBody{
        height: 100%;
        max-height: unset;
        width: 100%;
        max-width: 100%;
        overflow-y: scroll;
    }
    .Payment_Expired_poppup.KycAlertPoppup{
        height: 100%;
    }
    .all__customers_table.customer_trans_tab_body_pk{
        height: auto;
    }
    .accordianContain {
        grid-template-columns: repeat(2, 1fr);
    }
    .TableSec.ForGeneral table tbody#preview-data tr td{
        white-space: nowrap;
    }
    .SecNodataTDS img{
        width: 9rem;
    }
    .SecNodataTDS p{
        font-size: 1.2rem;
        font-weight: 400;
        margin-top: 1rem;
    }
    .bodySecondNotify form{
        padding: 1.2rem;
    }
    .otp-input{
        border: 2px solid #f4f4f4;
    }
    .PhnMailTxt:nth-child(2),.PhnMailTxt:nth-child(2) span, .resendPushOtpTxt{
        font-size: 1.2rem;
    }
    .mobile_team_status_content .flex_default{
        align-items: center;
    }
    ul.dROpDownToggle li{
        padding: 1.2rem 1.2rem;
        cursor: pointer;
        font-size: 1.4rem;
        font-weight: 500;
    }
    .dROpDownToggle {
        border: 1px solid #FFFFFF;
        background: #f4f4f4;
        padding: 1.2rem;
        box-shadow: 0px 0px 10px 0px #0000001A;
        position: absolute;
        top: bottom;
        width: 100%;
        display: none;
        left: 0;
        height: fit-content;
        top: -167px;
    }
    .alignProfit{
    gap: 1.2rem;
    display: flex;
    flex-direction: column;
    }
    #l2parent-error, #highrate_category-error, #tds_category-error, #cate_name-error, #tds_category-error{
        font-size: 1.2rem;
    }
    .nodata_chart{
        margin: 0;
        flex: unset;
        height: 100%;
        width: 100%;
        position: absolute;
        left: 0;
    }


    .NodaTaCustomer .legend_color_indicator{
        margin-top: 1.2rem;
    }
    .NodaTaCustomer .legend_total,.NodaTaCustomer .legend_new,.NodaTaCustomer .legend_retained{
        position: relative;
    }
    .NodaTaCustomer .legend_total::after{
        content: '';
        position: absolute;
        bottom: -1rem;
        height: .7rem;
        border-radius: 2rem;
        background: linear-gradient(90deg, #7A5AD6 0%, #FFFFFF 100%);
        width: 50%;
        opacity: 0.2;
    }
    .NodaTaCustomer .legend_new::after{
        content: '';
        position: absolute;
        bottom: -1rem;
        height: .7rem;
        border-radius: 2rem;
        background: linear-gradient(90deg, #FFC955 0%, #FFFFFF 100%);
        width: 50%;
        opacity: 0.2;
    }
    .NodaTaCustomer .legend_retained::after{
        content: '';
        position: absolute;
        bottom: -1rem;
        height: .7rem;
        border-radius: 2rem;
        background: linear-gradient(90deg, #5CC2F5 0%, #FFFFFF 100%);
        width: 50%;
        opacity: 0.2;
    }
    .txtSecCustomer{
        margin-top: 4rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .nodataChart .txtSecCustomer p{
        color: #2A2A2A;
        font-size: 1.1rem;
        font-weight: 500;
    }
    .alignStart{
        align-items: start;
    }
    .NodaTaCustomer::after{
        content: '';
        background-image: url(../images/dashboard/chart1.svg);
        position: absolute;
        bottom: 1.2rem;
        width: 100%;
        background-position: center;
        left: 1.2rem;
        width: 100%;
        background-size: 100% 100%;
        height: 13.5rem;
        background-repeat: no-repeat;
    }
    .NodaTaExpense.expense_nodata{
        margin-top: 1rem;
    }
    .NodaTaExpense .expense_nodata p:first-of-type{
        font-weight: 500;
        margin-bottom: .4rem;
        margin-top: .8rem;
        font-size: 1.1rem;
    }
   .NodaTaExpense .expense_nodata{
    padding: 0;
   }
   .NodaTaExpense .btn_add_customer{
    padding: 0;
    gap: .5rem;
    width: 11.2rem;
    height: 3.2rem;
    font-size: 1rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    border-radius: .6rem;
   }
   .NodaTaTransaction .transaction_nodata{
    margin-top: 0;
    padding: 0;
   }
   .NodaTaTransaction .transaction_nodata_txt.transaction_nodata_txt h5{
    text-align: center;
    font-weight: 600;
    font-size: 1.4rem;
    margin-bottom: 0;
   }
   .NodaTaTransaction .transaction_nodata_txt.transaction_nodata_txt p{
    text-align: center;
    font-size: 1.2rem;
    color: #2D2D2D;
   }
  .ReimbursementsStatus_Nodata .reimburesement_nodata_txt{
    padding: 0;
  }
  .ReimbursementsStatus_Nodata .reimburesement_nodata_txt .d_flex_div{
    flex-direction: column;
  }
  .mobile_team_status_content h5{
    font-weight: 600;
    font-size: 1.4rem;
    padding: 0;
    padding-bottom: 0 !important;
  }
  .teams_nodata_first{
    display: flex;
    flex-direction: column;
  }
  .mobile_team_status_content p{
    font-weight: 400;
    font-size: 1.2rem;
    padding: 0;
  }
  .teams_nodata_first{
    padding: 0;
  }
  .ReimbursementsStatus_Nodata .reimburesement_nodata_txt .d_flex_div .wrap_reim_div h5{
    font-size: 1.4rem;
    font-weight: 500;
    margin-bottom: .8rem !important;
  }
  .ReimbursementsStatus_Nodata .reimburesement_nodata_txt .d_flex_div .wrap_reim_div_1 img{
    max-width: 18rem;
  }
  .ReimbursementsStatus_Nodata .reimburesement_nodata_txt .d_flex_div .wrap_reim_div p{
    font-size: 1.2rem   ;
  }
   .NodaTaTransaction .img_trans img{
    max-width: 18rem;
    margin: 0 auto;
   }
   .NodaTaTransaction .img_trans {
    margin-top: 2.4rem;
   }
   .NodaTaTransaction .transaction_nodata{
    background-image: none;
   }
   .imgBottom{
    display: flex;
    justify-content: center;
   }
   .NodaTax .imgBottom{
    margin-top: 2rem;
   }
   .NodaTaExpense .btn_add_customer svg{
    width: 1.6rem;
    height: 1.6rem;
   }
    .imGGraph{
        position: absolute;
        bottom: 0 ;
    }
    .sales_percent_indicator{
         margin-left: 0;
         display: flex;
         align-items: center;
    }
    .txtSecCustomer button{
        width: 11.4rem;
        height: 3.2rem;
        display: flex;
        align-items: center;
        gap: .5rem;
        font-size: 1rem;
        font-weight: 500;
        background: #1C1C1C;
        border-radius: .6rem;
        color: #FFFFFF;
        justify-content: center;
        z-index: 1;
    }
    .NavGatSec{
        display: flex;
        align-items: center;
        gap: .8rem;
    }
    .sales_points span{
        width: 1.4rem;
        height: 1.4rem;
    }
    .sales_points.point_1 span{
        border: #9385EE80 1.5px solid;
        background: #9284EE;
    }
    .sales_points.point_2 span{
        border: #EE918480 1.5px solid;
        background: #EE9184;
    }
    .NavGatSec .sales_points a {
        width: auto !important;
    }
    .NodaTaSales .point_1{
        margin: 0;
    }
    .NavGatSec{
        margin-top: .8rem;
    }
    .imgSalesChart{
        position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    width: 100%;
    }
    .sales_points a{
        font-weight: 500;
        font-size: 1rem;
    }
    .sales_points{
        gap: .4rem;
    }
    .sales_points span{
        font-size: .8rem;
        width: 1.5rem;
        height: 1.5rem;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px;
        color: #fff;
    }
   .nodataChart{
    color: #070A2180;
    margin-top: 1rem;
    position: relative;
    overflow: hidden;
   }
   .NodaTaSales h4{
    color: #6A6A6A;
    font-weight: 500;
    font-size: 1rem;
   }
   .nodataChart p{
    color: #6A6A6A;
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 1rem;
    margin-top: .7rem;
   }
   .imGData{
    position: absolute;
    right: 1.2rem;
    bottom: 1.2rem;
   }
   .LogoDataSec{
        width: 3rem;
        height: 3rem;
        border-radius: .2rem;
        display: flex;
        justify-content: center;
        align-items: center;
   }
   .nodataChartStepsChild.green{
    background: #63BAA82E;
   }
   .nodataChartSteps{
    max-width: 78%;
   }
   .LogoDataSec.Green{
    background: #76C4B5;

   }
   .TXtNoData p{
    color: #6A6A6A;
    font-weight: 500;
    font-size: 1rem;
   }
   .LogoDataSec.violet{
    background: #A188F5;
   }
   .LogoDataSec.orange{
    background: #F1A8A6;
   }
   .nodataChartStepsChild.violet{
    background: #9073F32E;
   }
   .nodataChartStepsChild:not(:last-of-type){
    margin-bottom: .8rem;
   }
   .nodataChartStepsChild{
    padding: .8rem .6rem;
display: flex;
align-items: center;
gap: .8rem;
border-radius: .8rem;
   }
   .nodataChartStepsChild.orange{
    background: #ED928F2E;
   }
   .TXtNoData h3{
    color: #2D2D2D;
font-weight: 600;
font-size: 1.1rem;
margin-bottom: .4rem;

}
   .TXtNoData p{
    margin: 0;
   }
   .nodataChart{
    border: 2px solid #FFFFFF;
    background: radial-gradient(50% 50% at 50% 50%, #FFFFFF 25.5%, rgba(255, 255, 255, 0.6) 100%);
    width: 100%;
    min-height: 26.1rem;
    padding: .8rem 1rem;
    height: auto;
   }

    .pl_report,.customers_overview{
        border: 2px solid #FFFFFF;

    }
    .OverFlowGrap::-webkit-scrollbar {
        display: none;
      }
      #graph-containerMobile::-webkit-scrollbar {
        display: none;
      }
   .AiGraphMobile .dropdown_select .custom_dropdown_box li{
        font-size: 1.2rem;
        border: none;
    }
    .AiGraphMobile .dropdown-menu{
        width: 15rem;
    }
    .team_status{
        flex-direction: column;
        display: flex;
    }
    .employees_status_details{
        gap: 2rem;
    }
    .employees_status_details .flex_space_between{
        gap: 1rem;
    }
    .employees_status_details .flex_default.gap10{
        gap: .6rem  ;
    }
    .sub__boxes__clmn:hover{
        flex:1;
    }

      .sub__boxes__clmn.active{
        flex: 0 0 80%;
        transition: opacity 0.3s ease;
    }
    .y-axis .tick text,.x-axis .tick text{
        stroke: #FFFFFF;
        font-size: .8rem;
        font-weight: 500;
    }
    .color_circ{
        height: 1.2rem;
        width: 1.2rem;
    }
    .chart__sales-ana{
        overflow-x: scroll;
    }
    .customer_tooltip{
        padding: .4rem .8rem;
        gap: .6rem;
        font-size: .8rem;
        font-weight: 400;
    }
    .employees_status_details .flex_default.gap10 div:last-child{
        font-size: 1.1rem;
    }
    .sub__boxes__clmn {
        position: relative;
        overflow: hidden;
        transition: all 0.3s ease;
      }

      .sub__boxxes__rgt, .svg___border {
        transition: opacity 0.3s ease, transform 0.3s ease;
      }

      .sub__boxxes__rgt.hidden, .svg___border.hidden {
        opacity: 0;
        transform: scale(0.9);
      }

      .sub__boxxes__rgt.show, .svg___border.show {
        opacity: 1;
        transform: scale(1);
      }
      .bar{
        width: 2px;
      }
      .hover-chart {
        transition: opacity 0.3s ease;
      }
    .customer_tooltip span{
        font-size: .8rem;
        font-weight: 700;
    }
    .employees_status_details{
    grid-template-columns:repeat(2,1fr);
    width: 100%;
    }
    .employees_status_details .flex_space_between div:nth-child(2){
        display: flex;
        flex-direction: column;
        font-size: 1.2rem;
        font-weight: 700;
    }
    .employees_status_details > div:not(:last-child){
        border-bottom: none;
    }

    .employees_status_details .flex_space_between .flex_default svg{
        display: none;
    }
    .employees_status_details .flex_default{
        align-items: flex-start;
        position: relative;
    }
    .employees_status_details .flex_default.gap10{
        align-items: center;
    }
    .PayoutName {
        padding: 1.6rem;
    }

    .OTPPayouts h2 {
        text-align: center;
    }

    .DateAndTypeSec {
        height: calc(100% - 13rem);
    }

    #create_challan_popup .modal-body {
        padding: 1.2rem;
    }

    .FilterHead {
        height: 5.4rem;
    }

    #gstPortalPopup .invoice_details_wrap {
        padding: 0;
    }

    .OTPPayouts {
        margin-top: 1.6rem;
    }

    .PoppupModelTeams .invoice_details_wrap {
        padding: 0 !important;
    }

    .PoppupModelTeams .modal-body {
        padding: 0 !important;
    }

    .PoppupModelTeams .col-lg-12,
    .PoppupModelTeams .input_wrap_cmn {
        padding: 0 !important;
    }

    .pad_30 {
        padding: 1.6rem;
    }

    .GenralBg {
        background: transparent;
        box-shadow: none !important;
        padding: 0 !important;
    }

    .GenralBg .invoice_details_input_box {
        padding: 0;
    }

    .invoice_details_input_box {
        padding: 1rem 1.2rem;
    }

    .brandLogo__txt {
        display: none;
    }

    .PoppupModelTeams .input_wrap_cmn {
        margin-bottom: 2.4rem;
    }

    .PoppupModelTeams .auth_register_tams_sc {
        margin-top: 2.4rem;
        margin-bottom: 0;
    }

    .PoppupModelTeams .auth_register_tams_sc {
        margin-bottom: 2.4rem;
    }

    .PoppupModelTeams .auth_register_tams_sc label {
        font-size: 1.4rem !important;
        white-space: nowrap;
    }

    .mbMob0 {
        margin-top: 0;
    }

    .PayrollTEams {
        align-items: start;
        height: auto;
    }

    .PoppupModelTeams .modal-body {
        padding: 0;
        height: calc(100dvh - 15rem);
        overflow: scroll;
        padding: 1.2rem;
    }

    .PoppupModelTeams .invoice_body {
        padding: 0;
    }

    .PoppupModelTeams .NotiFySecTion.SecBodySec {
        background: #FFFFFF;
    }

    .RelativeSec {
        max-width: 60%;
        left: 1.2rem;
    }

    .m1232 {
        margin-top: .6rem;
        margin-bottom: .6rem;
    }

    .RelativeSec h2 {
        font-size: 1.2rem;
        white-space: nowrap;
    }

    .BannerTeamsPayroll {
        background-image: url(../images/teams/bannerMob.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        width: 100%;
    }

    .PayrollTEams p {
        font-size: 1.2rem;
    }

    .PayrollTEams {
        border: none;
    }

    .RelativeSec h4 {
        font-size: 1rem;
    }

    .RelativeSec button {
        color: rgba(114, 91, 247, 1);
        font-size: 1.2rem;
        width: 9rem;
        height: 3rem;
    }

    .PayrollTEams h3 {
        font-size: 1.4rem;
    }

    .Mtb1640 {
        margin-top: .4rem;
        margin-bottom: 1.6rem;
    }

    .NotifyHead .modal-title {
        gap: .8rem;
        align-items: center;
    }

    .SignInContainerBg {
        background-image: url(../images/teams/framemob.png);
        height: 100vh;
    }

    .RelativeSec {
        position: initial;
        padding: 1.2rem;
    }

    .InputContainTeam input {
        height: 5.4rem;
    }

    .IconImgInput img {
        width: 2.8rem;
    }

    .SecTionGenderChild {
        gap: .4rem;
    }

    .InputContainTeam input {
        padding-left: 5.2rem;
    }

    .roundSecCheck::after {
        width: 1rem;
        height: 1rem;
    }

    .SectIOnTesrms {
        display: none;
    }

    .BtnSigin,
    .BtnOtpTEam {
        position: fixed;
        bottom: 2.4rem;
        width: 100%;
        left: 0;
        padding: 0 2.4rem;
    }

    .HeightMob {
        height: calc(100dvh - 10rem);
        overflow: scroll;
    }

    .BackBtnTeamsOtp {
        position: absolute;
        top: -3.8rem;
        left: 2.2rem;
    }

    .otpError {
        font-size: 1.1rem;
    }

    .SecOtpTeam {
        font-size: 1.4rem;
    }

    .OtpStructUre .OtpMainSec {
        margin-top: 3rem;
    }

    .OtpStructUre .OtpMainSec .otp-container input {
        width: 4.7rem;
        height: 4.7rem;
    }

    .SecOtpTeam h1 {
        font-size: 2rem;
    }

    .IMgShield img {
        max-width: 12.1rem;
    }

    .SecTionGender {
        gap: .4rem;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .InputTeams button,
    .OtpStructUre button {
        height: 5.4rem;
        font-size: 1.6rem;
    }

    .HeightMob {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .roundSecCheck {
        width: 1.6rem;
        height: 1.6rem;
    }

    .SecTionGenderChild {
        padding: 1.4rem;
    }

    .TopIcon {
        display: none;
    }

    .SecSigin p {
        font-size: 1.4rem;
    }

    .SignInContainerBg {
        align-items: start;
    }

    .TeamSigninBody {
        padding: 0 2.8rem;
    }

    .InputTeams {
        padding-top: 3rem;
    }

    .SecSigin h1 {
        font-size: 2rem;
    }

    .BgNotifySec {
        padding-bottom: 0;
    }

    .TeamSigninBody {
        margin-top: 6rem;
    }

    .TeamSigninBody {
        background: none;
        box-shadow: none;
    }

    .TextSETTings h2 {
        font-size: 1.2rem;
    }

    .NotiFySecTionTable {
        margin-bottom: 1.6rem;
    }

    .OtpMainSec h2.PhnMailTxt {
        font-size: 1.2rem;
    }

    .OtpMainSec h2.PhnMailTxt span {
        font-size: 1.2rem;
    }

    .OtpStructUre.OtpMainSec h2.PhnMailTxt span,
    .OtpStructUre.OtpMainSec h2.PhnMailTxt {
        font-size: 1.4rem;
    }

    .OtpStructUre input {
        font-size: 2.2rem;
    }

    .OtpStructUre .OtpMainSec .otp-container {
        gap: .4rem;
    }

    .BodySECmaic .btnSubmiT button {
        height: 4.4rem;
        font-size: 1.4rem;
    }

    .AddEmailSec {
        padding: 2.2rem;
    }

    .TextSETTings img {
        width: 1.6rem;
    }

    .NotificationContainer .PbMob {
        background: rgba(247, 246, 248, 1);
        height: calc(100dvh - 8.5rem);
        overflow: scroll;
    }

    .TextSETTings {
        gap: .6rem;
        padding: 1rem;
    }

    .NotiFySecTion {
        padding: 1.2rem;
    }

    .NotiFySecTibodySec1 ul li {
        font-size: 1.2rem;
    }
    #ai-other-day .NotiFySecTibody{
        flex-direction: column;
    }
    #ai-other-day .NotiFySecTibody h3{
        justify-content: end;
    }
    .NotiFySecTibodySec1 p {
        font-size: 1.2rem;
        text-decoration: none;
    }

    .NotiFySecTionTableHead h3 {
        font-size: 1.4rem;
    }

    .NoDataNotifycation h2 {
        font-size: 1.2rem;
    }

    .NoDataNotifycationMain p {
        font-size: 1.2rem;
        margin-top: .6rem;
    }

    .BgNotifySec .NotiFySecTibody {
        padding: 1rem 1.2rem;
    }

    .NoDataNotifycationMain img {
        width: 8rem;
    }

    .ModiFyNotifYPopup .btnReconsile {
        flex-direction: row;
    }

    .ModiFyNotifYPopup .btnReconsile button {
        height: 4.4rem;
        font-size: 1.4rem !important;
    }

    .poppBulkPayment.reconcileHeight.ModiFyNotifYPopup .bg_PoppBulk {
        height: auto;
        min-height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 2rem;
    }

    .SaveSecInput input {
        height: 4.4rem;
        padding: 1.2rem;
    }

    .AddEmailSec h3 {
        font-size: 1.4rem;
    }

    .SaveSecInput input::placeholder {
        font-size: 1.4rem;
    }

    .NotiFySecTion.SecBodySec {
        background: rgba(247, 246, 248, 1);
    }

    .SecNotfiy {
        padding: 1.2rem;
        margin-top: 0;
    }

    .ImgDltNoty img {
        width: 5rem;
    }

    .ImgDltNoty {
        margin-bottom: 1.4rem;
    }

    .ModiFyNotifYPopup .btnReconsile {
        margin-top: 1.4rem;
    }

    .NoDataNotifycationMain button {
        height: 4.4rem;
        font-size: 1.4rem;
        margin-top: 1.8rem;
    }

    .NotiFySecTibody h3 {
        font-size: 1.1rem;
        display: flex;
        align-items: end;
        white-space: nowrap;
    }

    .NotiFySecTionTableHead {
        padding: 1rem 1.2rem;
    }

    .NotificationContainer .modal-body.bodySecondNotify {
        padding: 0 !important;
    }

    .NotiFySecTion.SecBodySec {
        padding: 1.2rem;
    }

    .main__container {
        padding: 1.2rem 1.2rem 2rem 1.2rem !important;
        margin: 0 !important;
    }
    .customer_info_img img {
        width: 5.4rem;
        height: auto;
    }
    .right_section {
        overflow: hidden auto;
    }
    .customer_trans_table {
        padding: 0;
        border: none;
    }
    .customer_trans_table_tabs::-webkit-scrollbar {
        display: none;
    }
    .table-responsive::-webkit-scrollbar {
        display: none;
    }

    .right_section {
        box-shadow: none;
    }

    .QuestionZoho ul li {
        font-size: 1.2rem;
    }

    .GrpCctrec h3 {
        gap: .8rem;
    }

    .header_txt .modal-title {
        font-size: 1.4rem;
    }

    .secFilderbtn {
        display: none;
    }

    .TDSSection h3 {
        font-size: 1.2rem;
    }

    .TDSSection p {
        font-size: 1.2rem;
    }

    .FilterSEcNew ul {
        max-height: 31.3rem;
        overflow: scroll;
    }

    .BulkCollect.borderBx.RomovbeOverX {
        overflow: inherit;
    }

    .GrpCctrec {
        margin-right: 1rem;
    }

    .Amt65 {
        margin-top: 1.6rem;
    }

    .balanceDiv {
        flex-direction: column;
        gap: 0;
        align-items: start;
    }

    .OtpMainSec .otp-container input {
        width: 4.4rem;
        height: 4.4rem;
    }

    .btnSSubmit button {
        flex: 1;
    }

    .btnSSubmit {
        width: 100%;
    }
    .graphSingle{
        background: radial-gradient(50% 50% at 50% 50%, #FFFFFF 25.5%, rgba(255, 255, 255, 0.6) 100%);
        border: 2px solid #FFFFFF;
        box-shadow: -4.57px 4.57px 4.57px 0px #00000003;
box-shadow: 4.57px -4.57px 4.57px 0px #00000003;
padding: 1.2rem;
    }
    .graphSingle{
        margin-top: 2.4rem;
    }
    .SalesGarpHSEc{
        margin-top: 1rem;
    }
    .DropTEams{
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }
    .graphSingle .mob__reimbursements__dp__head__sc{
        margin-bottom: 0;
    }
    .btnSSubmit button {
        flex: 1;
    }
    .GraphContain{
        margin-top: 2.4rem;
    }
    .OtpMainSec .otp-container {
        gap: .8rem;
    }
    .sub__boxes__top h2{
        font-size: 1.4rem;
        white-space: nowrap;
    }
    .sub__boxes__bottom{
        display: none;
    }
    .sub__boxes__clmn{
        justify-content: space-between;
        align-items: center;
        padding: 1rem;
    }
    .TableSec.SecondTdsTable {
        max-width: 1024px;
        overflow: scroll;
    }
    .sub__boxes__clmn {
        height: 14.2rem;
    }
    .sub__boxes__top p{
        font-size: 1rem;
        font-weight: 400;
        display: flex;
        gap: .4rem;
        white-space: nowrap;
    }
    .sub__boxxes__lft{
        padding: 0;
        height: 100%;
    }
    .sub__boxes__top{
        display: flex;
        flex-direction: column;
    }
    .sub__boxes__top p{
        order: 1;
        margin-top: .4rem;
    }
    .dashboard__sub__boxes__in, .dashboard__sub__boxes__in,.dashboard__sub__boxes{
        gap: .8rem;
    }
    .dashboard__sub__boxes{
        flex-direction: column;
    }
    .sub__boxes__clmn .sub__boxxes__rgt{
        max-width: 10.2rem;
    }
    .dashboard__sub__boxes:hover path.path2, .dashboard__sub__boxes:hover path.path1, .dashboard__sub__boxes:hover path.path3, .dashboard__sub__boxes:hover path.path4, .dashboard__sub__boxes:hover .animated__chip__right, .dashboard__sub__boxes:hover .animate__chip, .dashboard__sub__boxes:hover .path__last, .dashboard__sub__boxes:hover .l__shape__coins__second, .dashboard__sub__boxes:hover .l__shape__coins, .dashboard__sub__boxes:hover .path___last__2, .dashboard__sub__boxes:hover .flow__coins__alternate{
        animation-play-state: unset;
    }
    .reconcilerightside,
    .reconcileMain {
        padding: 1.2rem;
    }

    .gstr__enable__row__lt__sc p,
    .gstr__applicable__box__header__sc h4 {
        font-size: 1.4rem;
    }

    .OtpMainSec {
        padding: 1.2rem;
    }

    ul.akDropDown li.ShowINNerDrop .option-text {
        font-size: 1.4rem;
    }

    .balanceDiv span {
        display: none;
    }

    .FilterShowTDS {
        border: none;
        background: var(--chat__bg);
        box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
        width: 3.8rem;
        height: 3.8rem;
    }

    .balanceDiv h2:first-child {
        color: rgba(93, 93, 93, 1);
        font-weight: 400;
        margin-bottom: .3rem;
    }

    .secFilderbtn.filterMob {
        display: flex;
        height: 4.4rem;
        width: 4.4rem;
        border: none;
        background: var(--chat__bg);
        margin-left: auto;
        margin-bottom: 1.6rem;
    }

    .fixedMobBtn h2 {
        display: none;
    }

    .left_section {
        background: none;
        box-shadow: none;
        width: 100%;
    }

    .MainSecRight {
        height: calc(100dvh - 20rem);
        overflow-x: scroll;
    }

    .main_layout_grid {
        justify-content: start;
        align-items: start;
    }

    .ImgMobWidth {
        width: 11.4rem;
        height: 3.8rem;
    }

    .GrpCctrec h4 {
        margin-top: .4rem;
        font-size: 1.2rem;
    }

    .Pad0 {
        padding: 0 !important;
        border: none !important;
    }

    .TableSec.ForGeneral table thead tr td {
        padding: 1.1rem 1.2rem;
        font-size: 1.2rem;
    }

    .TableSec.ForGeneral table tbody tr td {
        padding: 2.1rem 1.2rem !important;
        background: rgba(255, 255, 255, 1);
        font-size: 1.2rem;
    }

    .balanceDiv h2,
    .balanceDiv span {
        font-size: 1.2rem;
    }

    .TableBgChangeMob {
        padding: 0 !important;
    }

    .FilterSEcNew {
        width: 100%;
        margin-top: .8rem;
    }

    .FilterSEcNew input {
        width: 100%;
        border: 1px solid rgba(227, 232, 238, 1)
    }

    .exportBtn {
        position: fixed;
        background: var(--chat__bg);
        padding: 1rem 1.2rem;
        bottom: 0;
        left: 0;
        width: 100%;
    }

    .exportBtn button {
        width: 100% !important;
    }

    .DownloadBtn {
        gap: .8rem;
    }
    .DownloadBtnBP {
        gap: .8rem;
        width: 5rem;
    }

    .fixedMobBtn {
        justify-content: center;
        padding: 1rem 1.2rem;
        background: var(--chat__bg);
        width: 100%;
        position: fixed;
        bottom: 0;
        margin-bottom: 0;
        left: 0;
    }

    .relativepostn {
        position: relative;
    }

    .fixedMobBtn .btnsFilterGeneral,
    .btnsFilterGeneral button {
        min-width: 100%;
    }

    .HideSideMob {
        display: none;
    }
    .teams_nodata_first img{
        margin-top: 3rem;
        order: 3;
    }
    .mobile_team_status_content{
        background-image:  url(../images/dashboard/frame.svg);
        background-size: cover;
        background-position: center;
        padding: 1.6rem 1.2rem 3.8rem 1.2rem;
    }
    .ReimbursementsStatus_Nodata.nodataChart{
        padding: 0;margin-top: 0;
    }
    .teams_nodata_first{
        background-image: none;
    }
    .girdSecChild p {
        font-size: 1.1rem;
    }

    .integrationContainer {
        box-shadow: none;
    }

    .LogoSecINteg {
        flex-direction: column;
    }

    .ChatMain {
        background: #FFFFFF99;
        box-shadow: none;

    }

    .QuestionZoho.GreenBGREport {
        padding: .6rem 1.2rem;
    }

    .TXtFinance h2 {
        font-size: 1.4rem;
    }

    .TXtFinance {
        gap: .6rem;
    }

    .FinanCeSEC2 {
        gap: 1.2rem;
    }

    .FinanCeSEGridChild {
        grid-template-columns: repeat(1, 1fr);
    }

    .QuestionZoho.GreenBGREport.pdA212 {
        padding: 1.4rem 1.2rem;
        min-height: auto;
    }

    .ChatMain.ReportAdJustHT {
        background: #F7F6F8;
    }

    .TDSFirstLayout,
    .TDSSecondLayout {
        height: calc(100dvh - 12rem);
        overflow: scroll;
    }

    .TDSFirstLayout .borderLayer,
    .TDSSecondLayout .borderLayer {
        padding: 0;
        border: 0;
    }

    .FinanCeSEC2Child,
    .ReportAdJustHT .CHatDiv {
        background: var(--chat__bg);
    }

    .REportWid .tExtMainChat {
        width: 90%;
    }

    .REportWid .tExtMainChat p {
        max-width: 100%;
    }


    .FinanCeSEC2BoxSec {
        padding-top: 1.2rem;
    }

    .FinanCeSEC2BoxSec {
        gap: .8rem;
        grid-template-columns: repeat(1, 1fr);
    }

    .QuestionZoho.GreenBGREport.pdA2 {
        min-height: auto;
        padding: 1.4rem 1.2rem;
    }

    .BoXSEc {
        grid-template-columns: repeat(1, 1fr);
        gap: .8rem;
        padding-top: 1.2rem;
    }

    .FinanCeSEC2 {
        padding-top: 1.6rem;
    }

    .FinanCeSEC2 {
        grid-template-columns: repeat(1, 1fr);
    }

    .BoXSEcChild {
        padding: 1.4rem 1.2rem;
        min-height: auto;
    }

    .TExtReportBx p {
        font-size: 1.2rem;
    }

    .TExtReportBx h2 {
        text-transform: capitalize;
        font-size: 1.4rem;
        font-weight: 500;
    }

    .BoXSEcChild img {
        width: 2.4rem;
    }
    .BoXSEcChild .RoundArrow svg{
        width: 2rem;
    }

    .SelectBankdiv {
        padding-bottom: 1.6rem;
    }

    .girdSecChild {
        justify-content: start;
    }

    .girdSecChild h2 {
        margin-top: .6rem;
    }

    .ImgSecIntegration {
        width: 100%;
    }

    .chatTExt {
        padding: 1.2rem;
        width: 100%;
    }

    .addAccBtn.IntegrationSec {
        flex-direction: column;
    }

    .BannersSEc {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
        grid-gap: .8rem;
    }

    .TableSEcInt {
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between;
    }

    .btnIne {
        display: flex;
    }

    .MobDef {
        width: 100%;
        align-items: start;
    }

    .IntegrationSec button.DeLink {
        margin: 0;
    }

    .borderLayer.tAbleBg {
        background: none;
        border: none;
        padding: 0;
    }

    .TableSec.IntegrationTable table tbody tr td {
        background: var(--chat__bg);
        padding: 1.6rem 0 1.6rem 1.2rem;
    }

    .BannersSEcCont img {
        width: 100%;
    }

    .textSEcBann {
        left: 1rem;
        top: 1rem;
    }

    .addAccount svg {
        width: 1.2rem;
    }

    .textSEcBann h3 {
        font-size: 1.1rem;
    }

    .textSEcBann h2 {
        font-size: 1.4rem;
    }

    .btnIne {
        gap: .8rem;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        width: 100%;
        margin-bottom: 1.2rem;
    }

    .IntegrationSec p {
        margin-top: 1.2rem;
        margin-bottom: .8rem;
    }

    .btnIne button {
        width: auto !important;
    }

    .ImgSecIntegration h4 {
        padding: .4rem 1rem;
        font-size: 1rem;
        border-radius: .4rem;
    }

    .girdSecChild h2 {
        text-align: center;
    }

    .ImgSecIntegration h3 {
        font-size: 1.4rem;
    }

    .SelectBankdiv h2 {
        margin-top: 4rem;
    }

    .PoppZoho {
        margin-top: .8rem;
    }

    .bg_PoppBulk {
        min-height: auto;
    }

    .DataSec {
        gap: 0;
    }

    .imgINtegration .mob_intro__svg__animate__sc {
        width: 100%;
        height: 20rem;
    }

    .textPerCentange h2 {
        font-size: 1.3rem;
    }

    .textPerCentange {
        bottom: 1rem;
    }

    .SelectBankdiv h2 {
        font-size: 1.4rem;
    }

    .bg_PoppBulk {
        padding: 0 1.2rem 2rem 1.2rem;
    }

    .CloseImg h2 {
        display: none;
    }

    .reconcileHeight.ModiFyNotifYPopup .CloseImg span {
        display: none;
    }

    .reconcileHeight.ModiFyNotifYPopup .CloseImg {
        right: 1.6rem;
        top: 1.6rem;
    }

    .CloseImg {
        top: 1.5rem;
        right: 1.5rem;
    }

    .bg_PoppBulk {
        min-width: auto;
    }

    .QuestionZoho ul {
        padding-left: 2.3rem;
    }

    .bg_PoppBulk.bgWhite.w78 {
        width: 100%;
    }

    .poppBulkPayment {
        padding: 1.2rem;
    }

    .BannersSEc .BannersSEcCont:first-child {
        grid-column: 1 / -1;
    }

    .QuestionZoho p {
        margin-bottom: 1.2rem;
    }

    .girdSecChild p {
        margin-top: .4rem;
    }

    .QuestionZoho ul li:not(:last-of-type) {
        margin-bottom: 1rem;
    }

    .integrationContainer {
        padding: 0;
    }

    .logoConnect {
        width: 2.8rem;
        height: 2.8rem;
    }

    .logoConnect img {
        width: 1.2rem;
    }

    .SecConnect h2 {
        margin-bottom: .4rem;
        font-size: 1.4rem;
    }

    .DevelopByChild img {
        width: 2.4rem;
    }

    .girdSec {
        grid-template-columns: repeat(2, 1fr);
        gap: .8rem;
    }

    .girdSecChild {
        padding: 1.2rem;
    }

    .DataSec {
        display: flex;
        flex-direction: column;
        padding-bottom: 6rem;
        position: relative;
    }

    .addAccBtn button {
        height: 4.4rem;
        width: 100%;
    }

    .LogoSecINteg h2 {
        font-size: var(--font14);
    }

    .integrationContainer {
        height: auto;
    }

    .DevelopBy {
        position: absolute;
        bottom: 1rem;
        justify-content: center;
        align-items: center;
        width: 100%;
        flex-direction: column;
        gap: 1.2rem;
        left: 0;
    }

    .DevelopByChild {
        gap: 1.2rem;
    }

    .DevelopByChild .DevelopByChild {
        gap: .4rem;
    }

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

    .DevelopByChild h3 {
        margin-top: .3rem;
    }

    .DevelopByChild {
        margin-bottom: 0;
    }

    .DevelopByChild a {
        font-size: 1.2rem;
    }

    .listDataChild img {
        width: 1.6rem;
    }

    .listDataChild {
        gap: .8rem;
    }

    .DaTaZoho {
        padding: 0;
    }

    .FirstChildPersmiision h2 {
        font-size: 1.4rem;
    }

    .listData {
        margin-top: 1.2rem;
    }

    .secData h2 {
        font-size: 1.2rem;
    }

    .pERMISSIONsEC p {
        font-size: 1.2rem;
        width: 100%;
        margin-top: .4rem;
    }

    .IntegrationSec button.DeLink {
        margin: 0;
        font-size: 1.4rem;
    }
    .DaTaZoho {
        padding: 1.2rem;
        margin-bottom: 3.2rem;
    }

    .integrationContainer {
        background: var(--theme_bg_color);
    }

    .borderLayer {
        background: var(--chat__bg);
    }

    .listDataChild h3 {
        font-size: 1.4rem;
    }

    .listDataChild:not(:last-child) {
        margin-bottom: .8rem;
    }

    .DevelopByChild .DevelopByChild img {
        width: 1.6rem;
    }

    .banner_1 {
        display: none;
    }

    .SecConnect {
        min-height: auto;
    }

    .SecConnect {
        margin-bottom: 1.2rem;
    }

    .borderLayer {
        flex-direction: column;
    }

    .showdesk {
        display: none;
    }

    .CloseMobile {
        position: absolute;
        top: -3rem;
        right: 2rem;
    }

    .showMob {
        display: block;
    }

    .banner_2 {
        display: block;
        height: 20rem;
    }

    .chatTExt {
        left: 0;
        padding: 2rem 1.2rem 1.2rem 1.2rem;
    }

    .chatTExt {
        display: flex;
        justify-content: space-between;
    }
.expense_color_indicators{
    gap: 1.2rem;
}
    .Amb_24 {
        margin-bottom: 0;
    }

    .ChatMain {
        padding: 0;
    }

    .tExtMainChat {
        width: 60%;
    }

    .btnChatContine button {
        width: 100% !important;
    }

    .tExtMainChat h2 {
        font-size: 1.4rem;
        white-space: nowrap;
    }

    .TableSec.SecondTdsTable table tbody tr td.PadingADjust {
        padding-left: 1.2rem !important;
        font-size: 1.2rem;
    }

    .tExtMainChat p {
        font-size: var(--font12);
        margin: .1rem;
    }

    .chtBanner button {
        width: 8.1rem;
        height: 3.4rem;
    }

    .AccordianClick {
        padding: 1rem 1.2rem;
    }

    .ImgSecIntegration {
        flex-direction: column;
        align-items: start;
    }

    .txtIntegration {
        margin: 1.4rem .4rem .4rem 0;
    }

    .LogoSecINteg {
        padding: 0;
    }

    .borderLayer p.font_dark {
        margin-top: .4rem;
    }

    .LogoSecINteg h2 {
        margin: 0 .4rem 0 0rem;
    }

    .TableSec.FirstTableTDS table thead tr td {
        white-space: nowrap;
    }

    .MoBRow {
        flex-direction: column;
        align-items: start;
    }

    .TableBgChangeMob {
        border: none !important;
    }

    .FilterSEcNew {
        margin-left: 0;
    }

    .secFilderbtn.FilterShowTDS {
        display: flex !important;
    }
    .item_left_popup span {
        display: none;
    }
    .item_left_popup {
        min-width: 12.4rem;
    }
    .invoice_popup_item{
        flex-direction: column;
        align-items: start;
    }
    .PersmissionLogo {
        padding: 0;
    }
}

@media screen and (max-width:1024px) {
    .accordianContain {
        grid-template-columns: repeat(1, 1fr);
    }
    .KycAlertPoppupBox ul{
        padding-left: 1.9rem;
    }
    .KycAlertPoppupBody {
        padding: 1rem 2rem;
    }
    .CloseKycALert{
        top: 2rem;
        right: 2rem;
    }
    .CloseKycALert span{
        display: none;
    }

}
.KycAlertPoppupBody{
    overflow: scroll;
}
@media screen and (max-width:768px) {
    .TableSec.ForGeneral {
        max-width: 768px;
        overflow-x: scroll;
    }
    .KycAlertPoppupBox h3{
        font-size: 1.4rem;
    }
    .KycAlertPoppupBox h4{
        font-size: 1.2rem;
        margin: 1.6rem 0 1.2rem 0;
    }
    .KycAlertPoppupBox ul li{
        font-size: 1.2rem;
    }
    .btnResubmit button{
        height: 4.4rem;
        font-size: 1.4rem;
    }
    .btnResubmit{
        margin-top: 1.6rem;

    }
    .CloseKycALert{
        top: 1.6rem;
        right: 1.6rem;
    }
    .KycAlertPoppupBox{
        margin-bottom: 1.6rem;
    }
    .KycAlertPoppupBox{
        padding: 1.2rem;
    }
    .KycAlertPoppup h1{
        font-size: 1.8rem;
        margin-top: 1.4rem;
        margin-bottom: .8rem;
    }
    .KycAlertPoppup h2{
        font-size: 1.2rem;
        font-weight: 400;
        margin-bottom: .6rem;
    }
    .LogoMainWego img{
        max-width: 7rem;
    }
    .LogoMainWego{
        padding: 3rem 0 0 0;
    }
    .Payment_Expired_poppup_body{
        max-height: unset;
    }
    .Payment_Expired_poppup, .Payment__processing__poppup{
        padding: 1.2rem;
    }
    .Payment__processing__poppup .Payment_Expired_poppup_body {
        height: 50%;
    }
    .ImgExired img{
        max-width: 12.1rem;
    }
    .ImgExired h2{
        font-size: 1.6rem;
    }
    .ImgExired p{
        font-size: 1.2rem;
    }
    .rem_bs_pad.mb-6.mrgn32{
        margin-bottom: 1.6rem;
    }
    .QuestionZoho p {
        font-size: 1.4rem;
        margin-top: .5rem;
        font-weight: 500;
    }
    .DaTaZoho {
        background-image: url(../images/integration/05.svg);
        background-size: cover;
        background-repeat: round;
    }

    .LogoSecINteg h2 {
        font-size: 1.4rem;
    }

    .LogoSecINteg h3 {
        font-size: 1.2rem;
    }

    .right_section {
        background: none;
        padding: 0;
    }
    .SecConnect p {
        font-weight: 500;
        font-size: 1.2rem;
        width: 100%;
    }
    .girdSecChild p {
        font-weight: 400;
        font-size: 1.1rem;
    }
    .SecConnect{
        width: auto;
    }

    .TableSec.ForGeneral table {
        background: var(--chat__bg);
    }

    .borderBx {
        background: var(--chat__bg);
    }

    .FirstTableTDS {
        max-width: 800px;
        overflow-x: scroll;
    }

    .invoice_popup_padding {
        padding: 2rem 2rem 0 2rem;
    }

    .invoice_popup_purple {
        padding: 2rem 2rem 2rem 2rem;
    }

    .invoice_popup_flex {
        margin-bottom: 2rem;
    }

    .item_left_popup p {
        margin-bottom: 0;
    }

    .invoice_popup_item {
        margin-bottom: 0.6rem;
    }
}
@media screen  and (min-width:1700px){
    .wd_250{
        width: 250px;
    }
}
@media screen and (max-width:400px) {
    .TableSec.IntegrationTable {
        white-space: nowrap;
        max-width: 500px;
        overflow: scroll;
    }

    .banner_2 {
        display: block;
        height: 17rem;
    }

    .chtBanner button,
    .AccordianHidden h4 {
        font-size: 1.2rem;
    }
}
@media screen and (max-width:500px) {
    .sub__boxes__clmn {
       height: 9.2rem;
    }
}
@media screen and (max-width:359px) {
    .NotiFySecTibody.MobileClmn {
        flex-direction: column;
    }
    .AiGraphMobile .flex_default{
        gap: .4rem;
    }
    .pl_values_container{
        gap: 3rem;
    }
    .pl_values_holder{
        gap: 1rem;
    }
.expense_color_indicators{
    flex-direction: column;
}
    .NotiFySecTibody.MobileClmn h3 {
        justify-content: end;
    }
}

.CheckClsss {
    color: red;
}

@media screen and (max-width:360px) {
    .sub__boxes__clmn {
        height: 8.2rem;
    }
}
.TableSec.ForGeneral thead tr td:first-child, .TableSec.ForGeneral tbody tr td:first-child{
    width: 25%;
}
.TableSec.ForGeneral thead tr td:nth-child(2), .TableSec.ForGeneral tbody tr td:nth-child(2) {
    width: 35%;
}
.TableSec.ForGeneral thead tr td:nth-child(3), .TableSec.ForGeneral tbody tr td:nth-child(3) {
    width: 20%;
}
.TableSec.ForGeneral thead tr td:last-child, .TableSec.ForGeneral tbody tr td:last-child {
    width: 20%;
}

input.sBtn-text.add_expence_input.no_border {
    border: none;
}
.tick-password{
    right: 45px;
}