table th{
    font-size: 10px !important;
}
table td{
    font-size: 12px !important;
}
.innerTitle{
    color: rgb(63, 63, 158);
    font-weight: bold;
    font-size: 20px;
    width: 100%;
    text-align: center;
}
.catName{
    width:300px;
}
.mySpinner{
    width: 2rem;
    height: 2rem;
    color: green;
}
.table-horiz-scroll {
    overflow-x:auto;
 }

.modalBodyWrapper{
    margin-left:10px;
    margin-right: 10px;
}
.modalBodyWrapper label{
    color:rgb(77, 77, 153);
}
.rightsTitle{
    font-weight: bold;
    color: black !important;
    font-size: 15px !important;
}
.modalFooter{
    width: 100%;
}
.status1{
    font-weight: bold !important;
    color:green !important;
}
.status2{
    font-weight: bold !important;
    color:red !important;
}
.actBTN{
    background: rgb(94, 182, 94);
}
.addMorebtn{
    max-width: 320px;
    margin-top:5px;
    background: #82E0AA !important;
}
.removeMoreBtn{
    background: rgb(235, 122, 122) !important;
    margin-left: 5px;
    margin-bottom: 2px;
    margin-top: 0px;
    width:120px;
    height: 35px;
}
.actInputs{
    border-radius: 4px;
    border-color: rgb(196, 192, 192);
    height: 38px;
    margin-bottom: 2px;
    margin-top: 0px;
    width: 100% !important;
}
.multipleSelect{
    background:red;
}

.myTable2{
    margin-top:0px;
    border: 1px solid gray;
}
.tableHead{
    color: #fff;
    background-color: #343a40;
    border-color: #454d55;
    text-align:center
}
.tableWrapper{
    margin-top:40px;
}
.tableWrapper label{
    color:#e51c23;
    width: 100%;
    text-align:center;
    margin-bottom: 15px;
}
.projH{
    width: 100%;
    text-align: center;
}
.downLink{
    width: auto;
    margin:0px auto;
}
.border-left-info {
    border-left: .25rem solid #e51c23!important;
}
.text-info2{
    color:  #e51c23!important;
}
.btn-warning{
    color:white !important;
    font-weight:bold
}
.dash{
    margin-left:20px;
}
.mainWrraper{
    background: white;
    margin-bottom: 20px;
    padding: 20px !important;
    padding-left: 40px !important;
    border-radius: 8px;
}
.mainWrraper label{
    color:rgb(77, 77, 153);
}

.mainWrraper2{
    background: white;
    margin-bottom: 20px;
    padding: 20px !important;
    padding-left: 20px !important;
    border-radius: 8px;
    margin-top: 0px !important;
}
.sbox{
    margin-top:10px !important;
}
.eBox{
    margin-top:10px !important;
}
.loginWrapper{
   /* background: blue;*/
    padding: 0px !important;
    margin: 0px !important;
    margin-top:110px !important
}
.bg-login-image img{
    height:100%;
    width:100%;
}
.myb{
    width:100% !important;
}
.subjectNotTaken{
    background: gray !important;
    color: white !important;
    font-family: bold !important;
}
.marksFound{
    background: #27d673 !important;
    color: white !important;
    font-weight: bold !important;
}
.marksFoundPatial{
    background: #a2dfbc !important;
    color: white !important;
    font-weight: bold !important;
}
.marksMissed{
    background: rgb(241, 78, 78) !important;
    color: white !important;
    font-weight: bold !important;
}
.colorWrapper{
    padding: 10px !important;
    width: 20px !important;
    border-radius: 40px !important;
   margin-right: 5px !important;

  
}

.myColor{
    margin-top: 10px!important;
}
.myColor label{
    color: rgb(66, 63, 63) !important;
    padding-right: 20px !important;
    font-size: 13px !important;
    font-weight: bold !important;
    
}


body{
    background: #f8f9fc !important;
}
.reportHeaderText{
    padding-top: 20px;
  
}
.reportHeaderText2{
    padding-left: 170px;
}
.reportLogo{
    height: 120px;
    width: 120px;
}
.reportHeaderImage{
    text-align: right;
}
.reportHeaderImage2{
    text-align: left;
}
.reportSperator{
    background: #343a40;
    height: 20px;
}
.myCenter{
    text-align: center !important;
    width: 100% !important;
}
.reportLogo2{
    height: 120px;
    width: 120px;
}
.table1{
    margin-bottom: 0px !important;
}
  .table1 th,
  .table1 td {
    padding: 0.75rem;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    vertical-align: top;
    border-top: 1px solid #e3e6f0;
  }
  
  .table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #e3e6f0;
  }
  
  .table tbody + tbody {
    border-top: 2px solid #e3e6f0;
  }
  
  .table-sm th,
  .table-sm td {
    padding: 0.3rem;
  }
  
  .table-bordered {
    border: 1px solid #e3e6f0;
  }
  .signature{
    padding:30px;
    /*background-color: #e51c23;*/
  }
  .reportWrap{
    background:'#f5f5f5';
    width:'210mm';
    min-height:'297mm';
    margin-left:'auto';
    margin-right: 'auto';
   
  }
  .ttm thead th{
    padding:2px !important
  }
  .printSection{
    padding: 4px !important;
  }
  /*.table-bordered td, .table-bordered th {
    border: 1px solid black !important;
}*/

.genTop{
    margin-bottom: 20px !important;
}

.account{
    width: 100px !important;
}
.account2{
    width: 130px !important;
}
.clientName{
    width: 200px !important;
}
.loanLabel{
    font-size: 14px !important;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}
.loanBox{
    height: 40px !important;
    margin-top: 0px !important;
}
.loanBox2{
    margin-bottom: 2px !important;
}
.loanBox3{
    margin-bottom: 20px !important;
}
.loanArea{
    min-height: 61px !important;
}
.loanArea2{
    min-height: 61px !important;
}
.loanArea4{
    min-height: 41px !important;
}
.loanBtn{
    width:100% !important;
}
.activeLoan{
    width:100% !important;
    font-size: larger !important;
    color:white !important;
    background:#a52711 !important;
    text-align:center !important;
    font-weight:bold !important;
    border-radius: 4px !important;
}

.topWords{
    margin-bottom: 10px !important;
}

.topWords span{
    color:#27d673
}
.showPayDetailsBtn{
    margin-bottom: 15px !important;
    margin-left: 40% !important;
}
.currerntDate{
    background: #ce7d6f !important;
    border-radius: 4px;
    padding: 6px !important;
}

.yesCurrentDate{
    background:#72e9a5 !important
}
.notCurrentDate{
    background: #ce7d6f !important;
}

.currerntDate label{
    color: white !important;
    font-size: x-large !important;
    text-align: center !important;
    width: 100% !important;
}
.loanLabel2{
    text-align: center !important;
    width: 100% !important;
}


.mainWrraper2 table{
    display: block !important; 
}

/*.mainWrraper2 tbody{
    height: 500px !important;
    display: block !important;
    overflow-y: auto !important;
    width: '100%' !important;
}*/
.tableWrapper{
    margin-top: 10px !important;
}
.block-header{
    margin-bottom: 0px !important;
    width: 100% !important;
    text-align: center !important;
}
.des{
    margin-bottom: 20px !important;
}
.btnClass{
    background-color: rgb(204, 196, 196) !important;
    border-color: rgb(204, 196, 196) !important;
}

.table-container {
    position: relative;
    max-height: 600px;
    overflow: auto;
  
}

.table-container thead{
    background-color: #007bff !important;
    color: white !important;
}
  
.table-header thead {
    position: sticky;
    top: 0;
    background-color: #f7f7f7;
}

.table-container2{
    position: relative;
    max-height: 300px;
    overflow: auto;
}

.table-container2 thead{
    background-color: #007bff !important;
    color: white !important;
}
.welImg{
    height: 140px;
    width: 100;
  
}
.success{
    color: #084b25;
}
.danger{
    color: #e51c23;
}
.balB{
    background: #007bff6c !important;
    color: white !important;
    font-size: 18px;
    font-weight: bold;
    padding: 5px;
    border-radius: 4px;
}
.reportTotals{
    background: #00ffc86c !important;
    color: white !important;
    font-size: 18px !important;
    font-weight: bold !important;
   
}

th{
    font-size: 12px !important;
}
td{
    font-size: 12px !important;
}
.myCalender{
    background: white !important;
    width: 100% !important;
}
.react-calendar__tile--rangeStart,
.react-calendar__tile--rangeEnd,
.react-calendar__tile--range:hover,
.react-calendar__tile--active {
  background-color: green;
}
.loan-period{
    background-color: #D5D8DC !important;
    border: 1px solid #AEB6BF !important;
}
.missed-payment{
    background-color: #a52711 !important;
    color:white !important;
}
.partial-payment{
    background-color: #96a511 !important;
    color:white !important;
}
.full-payment{
    background-color: #09924e !important;
    color:white !important;
}
.advance-payment{
    background-color: #034b23 !important;
    color:white !important;
}
.payment-tooltip {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    font-weight: bold;
    color: white;
    font-size: 14px;
    cursor: pointer;
  }
  .payment-tooltip2 {
    display: inline;
    align-items: center;
    justify-content: center;
    width: 24px !important;
    height: 24px !important;
    border-radius: 50%;
    font-weight: bold;
    color: white;
    font-size: 14px;
    cursor: pointer;
    padding: 10px;
  }
  .letterWrapper{
    display: inline-block;
    font-size: 12px;
  }
  .moveBtn{
    margin-top: 10px;
    margin-left: 0px;
  }
  .agentListTr{
    color: white;
    font-weight: bold;
  }
  .myComment{
    color: #28a745 !important;
    text-align: center !important;
    width:100% !important;
 
  }
  .uname{
    background: #84A6A9 ;
    color:white;
    padding: 2px;
    border-radius: 4px;
   
  }
  .tableTotals{
    background: #3caab4  !important;
    color:white;
  }
  .pageComment{
    font-size: 14px !important;
    color: #3caab4!important;
    font-size: bold !important;
   
  }
  .block-header h4{
    font-size: 18px !important;
    font-weight: bold !important;
  }
  .myCopy{
    margin-bottom: 10px !important;
    color:#576f8a !important;
    font-size: 14px !important
  }
  .mlTitle{
    font-size: 22px !important;
    margin-bottom: 0px !important;
    font-weight: bold !important;
    color:#007bff !important
  }
  .mlTitle2{
    font-size: 18px !important;
    color:#576f8a !important
  }
  .myName h6{
    background-color: #60b184d5;
    margin-bottom: 10px !important;
    border-radius: 4px !important;
    font-weight: bold;
    color: white !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  
  }
  .searchWrapper{
    margin-bottom: 10px !important;
    padding-left: 14px;
  }
  .startFrom{
    background-color: #c7e0c9;
  }
  .endAt{
    background-color: #e4c0d8;
  }
  .fromTable thead{
    background-color: #c7e0c9 !important;
  }
  .endTable thead{
    background-color: #e4c0d8 !important;
  }
  .changeTable thead{
    background-color: #dc3545 !important;
  }
  .tableTitle{
    width: 100%;
    text-align: center !important;
    font-weight: bold !important;
  }
  .clientRepeated{
    background-color: #3cd37d !important;
  }
  .notRepeated{
    background-color: white !important;
  }
  .closedRenew{
    background-color: #eea6d6 !important;
  }
  .accType{
    margin-top: 20px !important;
  }
  .stallflistTB td{
    padding : 3px !important;
  }
  .newBtn{
    margin-bottom: 10px !important;
    margin-left: 15% !important;
    margin-right: 15% !important;
    width: 70% !important;
  }
  .addressBtn{
    max-height: 40px !important;
    padding: 2px !important;
  }
  .showPayDetailsBtn2{
    width: 100% !important;
    margin-bottom: 20px !important;
  }
  .downloaBTN{
    width: 100%;
    margin-bottom: 20px !important;
    background-color: #3caab4 !important;
  }
  .repeatedB{
    background-color: #3cd37d
  }
   .repeatedR{
    background-color: #e75b5b
  }
  .repeatedW{
    background-color: white 
  }
  .amountLine{
    font-size: 14px;
    text-align: center;
    width: 100%;
    color: black !important;
  }
  .amountLine span{
    color:#60b184d5;
    font-weight: bold;
    
  }
  .actCode{
    color:#60b184d5;
    font-size: 12px;
  }
  .verySmall{
    color:#1ed36fd5;
    font-size: 12px;
    font-weight: bold;
  }
  .commentBox{
    border-radius: 4px !important;
    background-color:rgb(250, 249, 249) !important;
    margin-bottom: 4px !important;
    padding: 4px !important;
  }
  .commentInt{
    font-size: 9px;
  }
  .commentName{
    color: black;
    font-weight: bold;
  }
  .commentCat{
    color: rgb(73, 79, 80);
  }
  .loanComment{
    font-size: 11px !important;
    padding: 0px !important;
    margin: 0px !important;
    font-family: 'Verdana', sans-serif;
    color: #011108 !important;
  }
  .fTeam{
    color: #007bff;
  }
  .aTeam{
    color:#27d673;
  }
  .oTeam{
    color:#011108;
  }
  .loanLabelNot{
    color:red !important;
  }
  .moreD{
    background-color: #D5F5E3 !important;
    color:#011108 !important;
    font-weight: bold !important;
    
  }
  .printOptions{
    margin-left: 15px !important;
    margin-right: 15px !important;
    margin-bottom: 10px !important;
    background-color: #D5F5E3 !important;
    border-radius: 4px !important;
    width: 100% !important;

  }
  .printOptions input{
    height: 25px !important;
  }
  .printOptions button{
    margin-top: 20px !important;
    height: 30px !important;
  }
  .sortBTN{
    background-color: #011108 !important;
    width:20px !important;
    height: 16px !important;
    text-align: center !important;
   border-radius: 4px !important;
  }
  .sortBTN:hover{
    background: red !important;
    cursor: pointer !important;
  }
 
  .printBatton{
    height: 38px !important;
    font-size: 14px !important;
    background: #82E0AA !important;
    font-weight: bold !important;

  }
  .mPrint{
    color:#011108 !important;
    background:white !important;
  }

  .totalAccount th{
    font-size: 30px !important;
  }

  .imgPreviewBox{
    border: 1px solid gray;
    padding:2px;
    border-radius:4px
  }

  .previewBTN{
    margin-top: 2px;
    width: '100%';
  }

  .totalAccount td{
    font-size: 18px !important;
  }
  .smsBox{
    margin-top:50px !important;
    border-radius:4px !important;
    width:'100%' !important;
    padding:4px !important;
    background-color: #3cd37d;
   
    font-weight: bold !important;
    height: 50px;
    text-align: center !important;
  }

  .smsBox label{
    color:white !important;
    font-size: 30px !important;

  }
  .innerTex{
    color:rgb(86, 86, 109) !important;
    margin-right: 10px !important;
  }
  
 



@media (max-width: 1400px) {
    .totalAccount th{
        font-size: 20px !important;
    }
    .totalAccount td{
        font-size: 14px !important;
      }
     
    table th{
        font-size: 7px !important;
    }
    table td{
        font-size: 10px !important;
    }
     
}



@media (max-width: 1169px) {
    .smsBox label{
      font-size: 18px !important;

    }
    .amountLine{
        font-size: 12px;
    
      }
    table th{
        font-size: 10px !important;
    }
    table td{
        font-size: 10px !important;
    }
    .myHide{
        display: none !important;
    }
     
    button{
        font-size: 12px !important;
   
    }
    .mainWrraper{
        background: white;
        margin-bottom: 10px;
        padding: 2px !important;
        padding-left: 5px !important;
        border-radius: 8px;
    }
    .innerTitle{
        font-size: 12px;
    }
    .catName{
        width:250px;
    }
    .showPayDetailsBtn{
        margin-bottom: 15px !important;
        margin-left: 30% !important;
    }

    .tableWrapper{
        margin-top: 10px !important;
    }
    .des{
        margin-bottom: 20px !important;
    }
    .btnClass{
        background-color: rgb(204, 196, 196) !important;
        border-color: rgb(204, 196, 196) !important;
    }
    
    .table-container {
        position: relative;
        max-height: 600px;
        overflow: auto;
      
    }
    
    .table-container thead{
        /*background-color: #007bff !important;*/
        color: white !important;
    }
      
    .table-header thead {
        position: sticky;
        top: 0;
        background-color: #f7f7f7;
    }
    
    .table-container2{
        position: relative;
        max-height: 300px;
        overflow: auto;
    }
    
    .table-container2 thead{
        background-color: #007bff !important;
        color: white !important;
    }
    .welImg{
        height: 80px;
        width: 40;
        
    }
    .welcomeNote h2{
        font-size: 25px;
    }
    .welemail{
        font-size: 13px;
    }
    .loanDetails{
        display: none !important;
    }
    .branchName{
        font-size: 8px;
    }
    .innerTitle{
        font-size: 10px;
        margin-right: 2px !important;
        padding-right: 2px !important;
      
       
    }
    .loanBtn{
        margin-bottom: 20px !important;
    }
    .showPayDetailsBtn{
        width: 100% !important;
        margin: 15px auto !important;
    }
    .letterWrapper{
        font-size: 8px;
    }
    .smallHide{
        display:none;
    }
    .myComment{
        font-size: 10px;
    }
    .balB{
        font-size: 14px;
    }
    .reportTotals{
        font-size: 14px !important;
    }
    .pageComment{
        font-size: 12px !important;
    }
    .block-header h4{
        font-size: 14px !important;
    }
    .myCopy{
        font-size: 12px !important
    }
    .mlTitle{
        font-size: 18px !important;
    }
    .mlTitle2{
        font-size: 14px !important;
    }
    .commentInt{
        font-size: 8px !important;
    }
    .printBatton{
        margin-bottom: 10px !important;
    }
    .printNumber{
        margin-bottom: 10px !important;
    }
}