 @import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700,800,900');

:root {
  --emp-pending-color:#6c757d;
  --TL-pending-color:#ffb547;
  --Finance-pending-color:#7783db;
  --Finance-approved-color:#ca76ff;
  --paid-color: #7bc67e;
  --theme-color:#5664d2;
  --secondary-color:#6c757d;
  --errorBgTableRow:#ffe2e2;
  --warningBgTableRow;#fffcbf;
}

 html, body {
     font-family: 'Poppins', sans-serif;
     font-weight: 300;
     font-size: 0.875rem!important;
     line-height: 1.7;
     overflow-x: hidden;
     /*overscroll-behavior: contain;*/
     padding:0!important;
 }
 .bgTableRow-danger{
     background-color:var(--errorBgTableRow);
 }
 .bgTableRow-warning{
     background-color:var(--warningBgTableRow);
 }
 
 .highLight{
     animation: glow 2s infinite; 
 }
 @keyframes glow{
     50%{box-shadow:0px 0px 12px 0px #ff0202;}
 }
 
 #loaderMainSection, #loaderMainSection .loaderDiv .retryBtn{
     display:none;
 }
#downloadAdvanceExcelTemplate{
    color:var(--theme-color);
}
 
 .loader-page{
    background-color:#000000a1;
    z-index: 110;
    display:flex;
 }
 .loader-page section{
    width: 350px;
    height: 200px;
    margin: auto;
    display:flex;
 }
 .loader-page section div.loaderDiv{
     background:#fff;
     border-radius:10px;
     box-shadow:3px 5px 6px 1px #4d5965;
     margin:auto;
     color: #00000047; 
 }
 .loader-page .loaderDiv .error,
 .loader-page .loaderDiv .listItemData i,
 .uploadingRecordsDetails_li{
    display:none;     
 }
  .uploadingRecordsDetails_li{
      font-size: 10px;
    margin-top: 5px;
  }
 
 .onloading{
    color: #000;
 }
 .loaderDiv .closeIconDiv i{
    top: -14px; 
    right:-12px; 
    font-size: 16px;
    cursor: pointer;
    position:absolute;
    color:#000;
 }

#loaderMainSection .loader-page .onloading.listItemData i{
    display:inline-block; 
 }
 /*.lodingList_validatingExcelTemplate p.listItemData{*/
     
 /*}*/
 
  [data-toggle="tooltip"],[data-toggle="Abbrevation_tooltip"]{
     cursor: pointer;
 }
 #claimDetailsOfIndividuals_mainDiv table thead tr th{
     vertical-align:middle;
 }
 
 .AdvanceAmountDetailsTable thead th,
 .AdvanceAmountDetailsTable tbody td, 
 #claimDetailsOfIndividuals_mainDiv  thead th,
  #claimDetailsOfIndividuals_mainDiv  tbody td{
    padding: 0 2px!important;
    vertical-align: middle;
    text-align: center;
}
 .AdvanceAmountDetailsTable thead th,
 .AdvanceAmountDetailsTable tbody td{
     font-size:11px!important;
 }

#claimDetailsOfIndividuals_mainDiv  table{
        font-size: 0.770rem
}

#claimDetailsOfIndividuals_mainDiv .dataTables_scrollBody{
    height:50vh;
} 
#claimDetailsOfIndividuals_mainDiv #claimDetailsTableBody tr:last-child td{
    border-bottom:1px solid #dee2e6;
}
#claimDetailsOfIndividuals_mainDiv .dataTables_scrollHeadInner{
    width:100%!important;
}

#allInvoiceReportsDetailsTable_wrapper,
#pendingInvoiceReportsDetailsTable_wrapper,
#pendingInvoiceUpdatedTableDiv_table_wrapper
{
    width:100%;
    font-size:11px;
}

#allInvoiceReportsDetailsTable_wrapper .dataTables_scrollHeadInner,
#pendingInvoiceReportsDetailsTable_wrapper .dataTables_scrollHeadInner,
#pendingInvoiceUpdatedTableDiv_table_wrapper .dataTables_scrollHeadInner,
#pendingInvoiceUpdatedTableDiv_table_wrapper .dataTables_scrollHeadInner table{
    width:100%!important;
}
 
.form-control:focus {
    box-shadow: 0 0 0 1px rgb(140 140 140);
}
 .text-violate {
     /*color: #008080;*/
     color: #a618ff;
 }
    .cursor-pointer{
      cursor: pointer;
    }
.section #moreBtn{
   display: flex;
   margin-left: auto;
   /*background: transparent;*/
   /*border-radius: 10px;*/
   padding: 5px 26px;
   /*border: 1px solid rgba(86, 100, 210, 0.5);*/
   /*color: rgb(86, 100, 210);*/
   /*box-shadow:none;*/
   
}
/*.section #moreBtn:hover{*/
/*    background-color: rgb(86 100 210);*/
/*    color: #fff;*/
/*}*/
.section .circleWiseSiteVisitsDetailsLinechart,.section .siteProjectDetails{
        border-radius: 16px;
}
.section.multiSectionDev .siteProjectDetails{
 max-height: 0;
    transition: max-height 0.15s ease-out;
    overflow: hidden;
    background: #d5d5d5;
}
.section.multiSectionDev .siteProjectDetails.active{
   max-height: 840px;
    transition: max-height 0.25s ease-in;
}


.bg-violate,.bg-theme-color{
        background-color: var(--theme-color);
        border-color:var(--theme-color);
}
.bg-theme-color:hover{
        background-color:#fff;
        border-color:var(--theme-color);
        color:var(--theme-color)!important;
}
.btn-theme-type1{
    color:#fff!important;
    background-color:var(--theme-color)!important;
    border-radius:28px!important;
    font-size:10px!important;
    box-shadow:none!important;
}
.btn-theme-type1:hover{
    color:var(--theme-color)!important;
    background-color:#fff!important;
    border-color:var(--theme-color)!important;
}

.btn-theme-type2{
   
    color:var(--theme-color);
    background-color:#fff;
    border-radius:28px;
    font-size:10px;
    border-color:var(--theme-color);
    box-shadow:none!important;
}
.btn-theme-type2:hover{
     color:#fff;
    background-color:var(--theme-color);
}
.btn-theme-type3{
    color:var(--secondary-color)!important;
    background-color:#fff!important;
    border-radius:28px!important;
    font-size:10px!important;
    border-color:var(--secondary-color)!important;
    box-shadow:none!important;
}
.btn-theme-type3:hover{
     color:#fff!important;
    background-color:var(--secondary-color)!important;
}


.row div.sideNav{
    left:0;
    height:calc(100% - 64px);
}
.sideNav .about{
        background: rgb(244, 245, 247);
        border-radius: 14px;
}
.sideNav .profileImg{
   width: 51px;
   height: 51px;
   display: inline-block; 
   cursor:pointer;
}
.sideNav .about .userName{
    font-size:10px;
}
.employeeInfoTabContent button#newEmpInfoEditBtn{ 
    font-size: 12px;
    width:auto;
}
.editEmpInfoBtn{
    box-shadow:none!important;
}
.editEmpInfoBtn:hover{
    color:red;
}
table td{
    vertical-align:middle!important;
}
#ReasonModalPopup .table td,
#ReasonModalPopup .table th{
    padding:0;
}

#ReasonModalPopup  .form-control[readonly]{
    background-color:#ffffff;
}
.checkAdvanceDetailsDiv .form-control:disabled, 
.checkAdvanceDetailsDiv .form-control[readonly]{
    background-color:transparent;
}

#newEmpInfoDetailsModalPopup table{
    border-collapse:separate; 
    border-spacing: 0 0.5em;
}

#newEmpInfoDetailsModalPopup  table select{
    width: -webkit-fill-available;
}

.sideNavSiteVisitPart .lisitItemDropDown{
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.15s ease-out;
}
.sideNavSiteVisitPart .lisitItemDropDown.active{
  max-height: 120px;
    transition: max-height 0.25s ease-in;
}
.sideNavSiteVisitPart #dashBoradTabBtn span.active{
    transform: rotate(90deg);
}

.newEmpsNotificationNo,.fnReasonBtnNotificationNo{
    background: #ff0000;
    color:#fff;
    border-radius: 22px;
    /*width: 19px;*/
    padding: 9px 5px;
    position: absolute;
    right: -7px;
    top: -4px;
    font-weight: 600;
    font-size: 12px;
}
.modal-dialog .modal-content{
        border-radius: 20px;
}

.modal-footer button.btn{
    color: #fff;
    border-radius: 10px;
    font-size: 10px;
    box-shadow: none;
    font-size: 14px;
    width: 20%;
}
.btn-globleColor{
    padding: 5px 26px;
    border: 1px solid rgba(86, 100, 210, 0.5);
    color: rgb(86, 100, 210);
    box-shadow: none;
    
}
.btn-globleColor:hover{
    color:#fff;
     background-color: rgb(86 100 210 / 85%);
}
.modal-footer button[type="submit"]{
    background-color: rgb(86 100 210 / 85%);
    border-color: rgb(86, 100, 210);
}
.modal-footer button[type="submit"]:hover{
    color:rgb(86, 100, 210);
    background-color:#fff;
}
.sideNavtab, .subTabs button{
    border-radius: 20px;
    box-shadow:none !important;
}

.sideNavtab:hover, .subTabs button:hover{
    background-color: rgba(86, 100, 210, 0.04)!important;
}
.subTabs button.active{
    color: rgb(86, 100, 210);
    font-weight: 600;
    background-color: rgba(86, 100, 210, 0.04)!important;
} 
.sideNav .logoutBtn a,#newEmpInfoEditBtn{ 
         width: 61%;
         margin: auto;
}
.sideNav .logoutBtn a:hover, #newEmpInfoEditBtn:hover{
    color:rgb(86 100 210 / 85%);
    background-color:#fff;
    
}
.sideNav .sideNavSitesInfoPart ul.category a{
        color: #565656;
            text-decoration: none;
}
.sideNav .sideNavSitesInfoPart ul.category a:hover{
        color: rgb(86 100 210 / 85%);
}
.sideNav ul.category li{
    cursor: pointer;
}
.sideNav ul.category li a{
         font-size: 13px;
         font-weight: 500;
         cursor: pointer;
         color: #5f5f5f;
         
}
.sideNav ul{
   list-style-type:none;
   padding:0;
    
    
}
.navbar-brand{
    background: #fff;
    padding: 2px 10px;
    border-radius: 10px;
}
.navbar-brand img{
    height: 45px;
    width: 120px;
}

nav.navbar.navbar-expand-lg{
    height: 64px;
    position: fixed;
    width: 100%;
    z-index: 10;
}

#contentMainSection{
    margin-top:64px;
}

#piechart{
    width: fit-content;
    margin: auto;
}
select.form-control{
    border: 0;
    /*background: transparent!important;*/
    background: #fff!important;
    width:auto;
    /*padding:0;*/
    /*height: 20px;*/
    cursor:pointer;
    

}
/*#fromRequestCircleData{*/
/*        width: 30%;*/
/*    margin-left: auto;*/
/*}*/
/*#claimDetailsTable_filter{
		position: fixed;
		right: 0;
	}
	#claimDetailsTable_length{
		position: fixed;
		left: 0;
	}
	#claimDetailsTable{
		padding-top: 2%;
	}
	#claimDetailsTable_info{
		position: fixed;
		left: 0;
		bottom: 0;
	}
	#claimDetailsTable_paginate{
		position: fixed;
		right: 0;
		bottom: 0;
	}*/
	
	.dayClaims_ptag{
	    font-size: 11px;
	}
	
	#fortNgtAmtDetailsPiechart_mainDiv{
	    height:400px;
	}
	.multiSectionDev .siteVisitsPerAnnum{
	    width:65%;
	}
		.multiSectionDev .overAllFortNightAmounts{
	    width:35%;
	}
	.section{
	border-radius: 16px;
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 2px, rgb(0 0 0 / 5%) 0px 0px 0px 1px;
    
	}
	.modal.fade .modal-body select{
	    padding:5px;
	}
	
	.employeeInfoTabContent{
	    font-size: 12px;
	} 	
	
	.employeeInfoTabContent .section{
	     background: #fff;
    box-shadow: 0px 15px 16.83px 0.17px rgb(0 0 0 / 5%);
    -moz-box-shadow: 0px 15px 16.83px 0.17px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 15px 16.83px 0.17px rgb(0 0 0 / 5%);
    -o-box-shadow: 0px 15px 16.83px 0.17px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0px 15px 16.83px 0.17px rgba(0, 0, 0, 0.05);
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	}
	
	.ftaPolicyTabContent table thead{
	    background: #5664d2;
        color: #fff;
	}
	.ftaPolicyTabContent table thead th{
	    width: 30%;
        border: 0;
        vertical-align:middle;
        padding: 15px!important;
	}
	.ftaPolicyTabContent table thead th:nth-child(1){
	       border-top-left-radius: 10px;
	}
	.ftaPolicyTabContent table thead th:nth-child(3){
	       border-top-right-radius: 10px;
	}
	.ftaPolicyTabContent table.table td, .ftaPolicyTabContent table.table th{
	        padding: 0.15rem;
	}
	
	.subHeading{
	    font-weight:600;
	}
	.section.claimDetailsOfIndividuals{
	    overflow-x: scroll;
	}
	.section.fortNightClaimsCountDiv{
	     overflow-x: scroll;
	}
	.section.fortNightClaimsCountDiv div.subSection{
	    display: flex;
        justify-content: center;
	}
	.section.fortNightClaimsCountDiv .card{
        width: 16%;
        height: 160px;
        border-radius: 1.25rem;
        margin: 0px 8px;
        display: inline-flex;
	}
	.section.fortNightClaimsCountDiv::-webkit-scrollbar {
      display: none;
    }
    .section.fortNightClaimsCountDiv .card h6{
        font-size: 0.875rem;
        line-height: 1.57;
        color: rgb(23, 43, 77);
        text-align:center;
    }
    .TL #circleWiseSiteProjectDetails_mainDiv table.table tbody th{
        padding-left:10px;
    }
    #circleWiseSiteProjectDetails_mainDiv table.table{
            border: 1px solid #dfe3e7;
    }
    
    #circleWiseSiteProjectDetails_mainDiv table.table thead tr th:first-child{
        border-right: 1px solid #dfe3e7;
    }
      #circleWiseSiteProjectDetails_mainDiv table.table thead tr th:last-child{
        border-left: 1px solid #dfe3e7;
    }
       #circleWiseSiteProjectDetails_mainDiv .table tbody tr td:last-child{
             border-left:1px solid #dfe3e7;
      }
    
    #claimDetailsTable_wrapper .dt-buttons button.dt-button,
    #claimDetailsTable_wrapper.dataTables_length,
    #claimDetailsTable_length select[name="claimDetailsTable_length"],
    #circleWiseSiteProjectDetails_mainDiv .dt-buttons button.dt-button,
    #circleWiseSiteProjectDetails_mainDiv.dataTables_length,
    #circleWiseSiteProjectDetails_mainDiv select{
        background: transparent;
        border-radius: 10px;
        padding: 5px 26px;
        border: 1px solid #dfe3e7;
        /*color: rgb(86, 100, 210);*/
    }
    #claimDetailsTable_wrapper .dataTables_length select,
    #circleWiseSiteProjectDetails_mainDiv .dataTables_length select{
            padding: 4px;
    }
    /*#circleWiseSiteProjectDetails_mainDiv table.dataTable thead .sorting,*/
    /* #claimDetailsTable_wrapper table.dataTable thead .sorting{*/
    /*color: rgb(86, 100, 210);*/
        
    /*}*/
   /* #claimDetailsTable_length select[name="claimDetailsTable_length"]{
        border-radius: 10px;
        border-color: #00000052;
        color: #000000b5;
        outline:0;
        cursor:pointer;
    }*/
    #claimDetailsTable_filter input[type="search"],
    #circleWiseSiteProjectDetails_mainDiv input[type="search"]{
         border-radius: 10px;
         border: 1px solid #dfe3e7;
        color: #000000b5;
        outline:0;
    }
    .dataTables_wrapper .dataTables_paginate .paginate_button.current{
        background: rgb(86, 100, 210)!important;
        color: #fff!important;    
    }
    #claimDetailsOfIndividuals_mainDiv .dt-buttons,
    #circleWiseSiteProjectDetails_mainDiv .dt-buttons{
        margin-left: 50px;
    }
   /*#claimDetailsTable_wrapper .dt-buttons button.dt-button:hover,*/
   /*#circleWiseSiteProjectDetails_mainDiv .dt-buttons button.dt-button:hover{*/
   /*  background-color: rgba(86, 100, 210, 0.04);*/
   /* border: 1px solid rgb(86, 100, 210);*/
   /* }*/
        #circleWiseSiteProjectDetails_mainDiv table{
        font-size:10px;
        text-align: center;
    }
     #circleWiseSiteProjectDetails_mainDiv .table td,  #circleWiseSiteProjectDetails_mainDiv .table th{
        vertical-align: middle;
     }
     #circleWiseSiteProjectDetails_mainDiv .table td,  #circleWiseSiteProjectDetails_mainDiv .table tbody th{
        padding:0px;
     }
     #circleWiseSiteProjectDetails_mainDiv .table thead th{
        width: 40px;
        padding: 5px;
        border:0;
     }
      #circleWiseSiteProjectDetails_mainDiv .table tbody th{
             text-align: left;
             border-right:1px solid #dfe3e7;
      }
    
    #siteVisitsPerAnnum_mainDiv .apexcharts-canvas{
        align-self:center;
    }
    .section.fortNightClaimsCountDiv .card a.siteVisitsAnchor{
    border-radius: 0px 19px;
    border: 0;
    padding: 3px 8px;
    width: 95px;
    outline:0;
    text-decoration: none;
    }

    .engNotSubmtClaims a.siteVisitsAnchor{
        color: var(--emp-pending-color);
        background: #ececec52;
    } 
    .engSubmtClaims a.siteVisitsAnchor{
        color: rgb(255, 181, 71);
        background: rgb(255 181 71 / 9%);
    }
    .TLApprovedClaims a.siteVisitsAnchor{
        color: rgb(119, 131, 219);
        background: rgb(119 131 219 / 6%);
    }
    .FinanceApprovedClaims a.siteVisitsAnchor{
        color: rgb(166, 24, 255);
        background: rgb(166 24 255 / 6%);
    }
    .rejectedClaims a.siteVisitsAnchor{
        color: #ff00009e;
       background: #ff00000a;
    }
    .FinancePaidClaims a.siteVisitsAnchor{
            color: rgb(123, 198, 126);
    background: rgb(123 198 126 / 12%);
    }
    
    .engNotSubmtClaims a.siteVisitsAnchor:hover{
        color: #fff;
        background: var(--emp-pending-color);
    } 
    .engSubmtClaims a.siteVisitsAnchor:hover{
        color: #fff;
        background:  rgb(255, 181, 71);
    }
    .TLApprovedClaims a.siteVisitsAnchor:hover{
        color: #fff;
        background: rgb(119 131 219);
    }
    .FinanceApprovedClaims a.siteVisitsAnchor:hover{
        color: #fff;
        background: rgb(166 24 255);
    }
    .rejectedClaims a.siteVisitsAnchor:hover{
        color: #fff;
       background: #ff00009e;
    }
    .FinancePaidClaims a.siteVisitsAnchor:hover{
        color: #fff;
        background: rgb(123 198 126);
    }
    


.tooltip-inner {
  font-size: 12px;
  padding: 10px 15px 10px 20px;
  text-align: left;
}

.tooltip.show {
  opacity: 1;
}
.tooltip .arrow.engNotSubmtClaims::before{
    border-right-color:#6c757d;
}
.tooltip .arrow.engSubmtClaims::before{
    border-right-color:#ffb547;
}
.tooltip .arrow.TLApprovedClaims::before{
    border-right-color:#7783db;
}
.tooltip .arrow.FinanceApprovedClaims::before{
    border-right-color:#c363ff;
}
.tooltip .arrow.rejectedClaims::before{
    border-right-color:red;
}
.tooltip .arrow.FinancePaidClaims::before{
    border-right-color:#7bc67e;
}


    .progress {
      width: 40px;
      height: 40px;
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background-color:transparent;
      font-size:10px;
    }
    .fortNightClaimsCountDiv .card .progress .inner{
        z-index:2;
        cursor:pointer;
    }
    .progress > .inner {
      position: absolute;
    }
    .engNotSubmtClaims .progress > .inner {
        color:#6c757d;
    }
    .engSubmtClaims .progress > .inner{
        color:#ffb547;
    }
    .TLApprovedClaims .progress > .inner{
        color:#7783db;
    }
    .FinanceApprovedClaims .progress > .inner{
        color:#c363ff;
    }
    .rejectedClaims .progress > .inner{
        color:red;
    }
    .FinancePaidClaims .progress > .inner{
        color:#7bc67e;
    }
    .card .progress svg:nth-child(2){
        position:absolute;
    }
    .card .progress svg:nth-child(3){
        z-index:1;
    }

    .row div.chartsDiv{
        background-color:rgb(244, 245, 247);;
    }
    .overAllFortNightAmounts .detailsInText table{
        font-weight: 500;     
        font-size: 0.875rem;     
        line-height: 1.57;     
        color: rgb(23, 43, 77)
    }
	
	.engclaimedAmountDot{
	    background-color: rgb(255, 181, 71);
        border-radius: 50%;
        height: 8px;
        width: 8px;
	}
    .TLApprovedAmountDot{
        background-color: var(--Finance-pending-color);
        border-radius: 50%;
        height: 8px;
        width: 8px;
    }
    .FinApprovedAmountDot{
        background-color: var(--Finance-approved-color);
        border-radius: 50%;
        height: 8px;
        width: 8px;
    }
     .FinPaidAmountDot{
        background-color: var(--paid-color);
        border-radius: 50%;
        height: 8px;
        width: 8px;
    }
    
    /*tab employee advance info*/
    #allInvoiceReportsDetailsTable_wrapper td,
    #allInvoiceReportsDetailsTable_wrapper td input,
    #allInvoiceReportsDetailsTable_wrapper td select,
    #allInvoiceReportsDetailsTable_wrapper td textarea,
    #allInvoiceReportsDetailsTable_wrapper th,
    #pendingInvoiceReportsDetailsTable_wrapper td,
    #pendingInvoiceReportsDetailsTable_wrapper td input,
    #pendingInvoiceReportsDetailsTable_wrapper td select,
    #pendingInvoiceReportsDetailsTable_wrapper td textarea,
    #pendingInvoiceReportsDetailsTable_wrapper th,
    #pendingInvoiceUpdatedTableDiv_table_wrapper td,
    #pendingInvoiceUpdatedTableDiv_table_wrapper td input,
    #pendingInvoiceUpdatedTableDiv_table_wrapper td select,
    #pendingInvoiceUpdatedTableDiv_table_wrapper td textarea,
    #pendingInvoiceUpdatedTableDiv_table_wrapper th,
    #table_employeeAdvanceInfoTabContent  td, 
    #table_employeeAdvanceInfoTabContent  td input, 
    #table_employeeAdvanceInfoTabContent  td select, 
    #table_employeeAdvanceInfoTabContent  td textarea, 
    #table_employeeAdvanceInfoTabContent th,
    #empAdvanceExcelConvertedTable td,
    #empAdvanceExcelConvertedTable td input,
    #empAdvanceExcelConvertedTable th select,
    #empAdvanceExcelConvertedTable th textarea,
    #empAdvanceExcelConvertedTable th{
    /*padding: 0.25em;*/
    vertical-align: middle;
    text-align: center;
    padding: 0px 2px;
    font-size: 11px;
    }
    
    #table_employeeAdvanceInfoTabContent_wrapper .dt-buttons button.dt-button,
    #table_employeeAdvanceInfoTabContent_wrapper.dataTables_length,
    #table_employeeAdvanceInfoTabContent_length select,    
    #allInvoiceReportsDetailsTable_wrapper .dt-buttons button.dt-button,
    #allInvoiceReportsDetailsTable_wrapper.dataTables_length,
    #allInvoiceReportsDetailsTable_wrapper select,
    #pendingInvoiceReportsDetailsTable_wrapper .dt-buttons button.dt-button,
    #pendingInvoiceReportsDetailsTable_wrapper.dataTables_length,
    #pendingInvoiceReportsDetailsTable_wrapper select,
    #pendingInvoiceUpdatedTableDiv_table_wrapper .dt-buttons button.dt-button,
    #pendingInvoiceUpdatedTableDiv_table_wrapper.dataTable_length,
    #pendingInvoiceUpdatedTableDiv_table_wrapper select
    {
    background: transparent;
    border-radius: 10px;
    padding: 5px 15px;
    border: 1px solid #dfe3e7;
    color: rgb(86, 100, 210);
    }
    
    #table_employeeAdvanceInfoTabContent_wrapper .dataTables_length select,
    #allInvoiceReportsDetailsTable_wrapper .dataTables_length select,
    #pendingInvoiceReportsDetailsTable_wrapper .dataTables_length select,
    #pendingInvoiceUpdatedTableDiv_table_wrapper .dataTables_length select{
            padding: 4px;
    }
    
    #table_employeeAdvanceInfoTabContent_filter input[type="search"],
    #allInvoiceReportsDetailsTable_wrapper input[type="search"],
    #pendingInvoiceReportsDetailsTable_wrapper input[type="search"],
    #pendingInvoiceUpdatedTableDiv_table_wrapper input[type="search"]{
         border-radius: 10px;
         border: 1px solid #dfe3e7;
        color: #000000b5;
        outline:0;
    }
    .errorMsg{
        font-size:9px;
        font-weight:bold;
    }
    .errorTableRow,.errorDivBg{
        background-color:#ffe00359!important;
    }
    #empAdvanceAmntDetailsErrorConsole .btn.btn-danger,
    .loader-page .btn.btn-danger,
    #empAdvanceExcelConvertedTable .transactionTd button{
        padding: 0 10px!important;
        margin-left: 10px;
        font-size: 11px;
    }
    #empAdvanceAmntDetailsErrorConsole,
    #empAdvanceExcelConvertedTable{
        display:none;
    }
    
    .TL .employAdvanceTabContent .InsertAdvanceDetailsDiv,
    .TL .employAdvanceTabContent .sliberBtnDiv,
    .TL .employAdvanceTabContent .downloadLink,
    .TL .employAdvanceTabContent .sliberBtnDivIconBtn {
        display:none;
    }
    .TL .checkAdvanceDetailsDiv{
        flex: 0 0 97.666667%;
        max-width: 97.666667%;
    }
    .TL .employAdvanceTabContent .fortNightSelctedDiv{
        margin-left:auto;
    } 
    
    
    
    /* end*/
    .employAdvanceTabContent .col-md-6{
        transition:0.2s;
    }
    .employAdvanceTabContent .col-md-6.active{
        flex: 0 0 97.666667%;
        max-width: 97.666667%;
    }
    
    .employAdvanceTabContent .col-md-6.inactive{
        max-width:0%;
    }
    .employAdvanceTabContent .col-md-6.inactive .contentDiv,
    .employAdvanceTabContent .col-md-6.inactive .sliberBtnDiv{
        display:none!important;
    }
    #empAdvanceExcelConvertedTable_filter .dataTables_scrollHead .dataTables_scrollHeadInner{
        width:100%;
    }
    .uploadExcelFile::-webkit-file-upload-button {
            background: #2222225c;
    }

    .uploadExcelFile {
        font-weight: 700;
        border-radius: 10px;        
        
    }

    .uploadExcelFile::-webkit-file-upload-button {
        color: white;
        display: inline-block;
        /*background: #212529e0;*/
        background:#000000b5;
        border: none;
        padding: 5px 6px;
        font-weight: 600;
        border-radius: 3px;
        white-space: nowrap;
        cursor: pointer;
        font-size: 13px;
        }
    

 .mobile {
             display: none;
         }


/*--------------------media query----------------------------------*/
@media(max-width:1500px) and (min-width:1097px){
    .subTabs button{
        font-size: 12px;
    }
}
@media (max-width:1341px) and (min-width:768px){
     html, body {
        font-size: 12px!important;
    }
 
    /*.sideNavFTAImageDiv{*/
    /*    bottom:auto!important;*/
    /*}*/
    .sideNavtab{
        padding-left:0.8rem!important;
    }
    .sideNav ul.category li a{
        font-size: 0.9rem!important;
    }
    .section.fortNightClaimsCountDiv .card{
        height: 140px;
    }
    #siteVisitsPerAnnum_mainDiv{
        height: 365px!important;
        min-height: 365px!important;
    }
    #fortNgtAmtDetailsPiechart_mainDiv {
    height: 260px!important;
    }
       #fortNgtAmtDetailsPiechart_mainDiv div.rounded-circle.placeholder{
           height:64%!important;
       }
    #table_employeeInfoTabContent  tbody td{
        padding:0px;
    }
    .employeeInfoTabContent{
        font-size:11px!important;
    }
    .employAdvanceTabContent{
        font-size:10px!important;
    }
}
@media (max-width:1100px) and (min-width:400px) {
    html, body {
        font-size: 9px!important;
    }
    .section.fortNightClaimsCountDiv .card{
        height: 120px;
    }
    .dayClaims_ptag{
        font-size:9px;
    }
    nav.navbar.navbar-expand-lg{
        height: 50px;
    }
    .navbar-brand img{
        height: 35px;
    width: 100px;
    }
    #contentMainSection{
        margin-top:50px;
    }
      #table_employeeAdvanceInfoTabContent  td, 
    #table_employeeAdvanceInfoTabContent th,
    #empAdvanceExcelConvertedTable td,
    #empAdvanceExcelConvertedTable th,
    #invoiceReportsDetailsTable td,
    #invoiceReportsDetailsTable th{
            font-size: 9px;
    }
    .employAdvanceTabContent ,
    .employeeInfoTabContent,
    .btn-theme-type1,
    .btn-theme-type2,
    .btn-theme-type3,
    #circleWiseSiteProjectDetails_mainDiv table,
    .sideNav .about .userName{
        font-size: 8px!important;
    }
    .sideNavBarToggleIcon i{
        font-size:10px!important;
    }
    
}
         @media (max-width:991px) {

             .mobile {
                 display: inline-block;
             }
             .loggedUser{
                 display: none;
             }
         }
         
         
         
     /*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*----------------------------------------boostrap 5 placeholder (shimmer loading)-----------------------------------------------------*/
         .form-control::-moz-placeholder {
	color: #6c757d;
	opacity: 1
}

.form-control::placeholder {
	color: #6c757d;
	opacity: 1
}

.form-control::-moz-placeholder {
	color: transparent
}

.form-floating > .form-control::placeholder {
	color: transparent
}

.form-floating > .form-control:not(:-moz-placeholder-shown) {
	padding-top: 1.625rem;
	padding-bottom: .625rem
}

.form-floating > .form-control:focus,
.form-floating > .form-control:not(:placeholder-shown) {
	padding-top: 1.625rem;
	padding-bottom: .625rem
}

.form-floating > .form-control:-webkit-autofill {
	padding-top: 1.625rem;
	padding-bottom: .625rem
}

.form-floating > .form-select {
	padding-top: 1.625rem;
	padding-bottom: .625rem
}

.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
	opacity: .65;
	transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
	opacity: .65;
	transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.placeholder {
	display: inline-block;
	min-height: 1em;
	vertical-align: middle;
	cursor: wait;
	background-color: currentColor;
	opacity: .5;
	border-radius:3px;
}

.placeholder.btn::before {
	display: inline-block;
	content: ""
}

.placeholder-xs {
	min-height: .6em
}

.placeholder-sm {
	min-height: .8em
}

.placeholder-lg {
	min-height: 1.2em
}

.placeholder-glow .placeholder {
	-webkit-animation: placeholder-glow 2s ease-in-out infinite;
	animation: placeholder-glow 2s ease-in-out infinite
	border-radius: 2px;
}

@-webkit-keyframes placeholder-glow {
	50% {
		opacity: .2
	}
}

@keyframes placeholder-glow {
	50% {
		opacity: .2
	}
}

.placeholder-wave {
	-webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
	mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
	-webkit-mask-size: 200% 100%;
	mask-size: 200% 100%;
	-webkit-animation: placeholder-wave 2s linear infinite;
	animation: placeholder-wave 2s linear infinite
}

@-webkit-keyframes placeholder-wave {
	100% {
		-webkit-mask-position: -200% 0%;
		mask-position: -200% 0%
	}
}

@keyframes placeholder-wave {
	100% {
		-webkit-mask-position: -200% 0%;
		mask-position: -200% 0%
	}
}

         /*---------end-----------------------------*/