*{
   margin:0;
   padding:0px;
   font-family:'Times New Roman', Times, serif;
}
body.bg{
   /* overflow:hidden; */
   background-color:#d6eef0;
}
/* scroll bar css */
::-webkit-scrollbar {
   width:5px;
}
::-webkit-scrollbar-track{
   background-color: #016ba1;
   border-radius:5em;
}
::-webkit-scrollbar-thumb{
   background-color: #016ba1;
   border-radius: 5px;
}
::-webkit-scrollbar-track{
   background-color: #d6eef0;
}
/* scroll bar css end */
/* navbar refresh abd logout button */
a.navbtn{
   border-radius: 12rem;
   /* margin-top:8px; */
   /* padding:8px; */
   border: 1px solid #016ba1;
}
a.lasttime
{
   color:#d42924;
   width:150px;
   border:1px solid #d7d7d9;
   font-size:large;
   padding:0px;
   font-weight:500;
   border-radius:15px;
}
.msgdiv h6.errormsg
{
   color:red;
   font-weight:700;
   font-size:18px;
}

div .input-group.dropdown
{
   width:30%;
   box-shadow: none;
}
select.file:focus{
   box-shadow: none;
}
input.file:focus{
   box-shadow: none;
}
button.btn.uploadbtn{
   color:#016ba1;
   background:#b1dfe3;
}
form.importsec{
   background-color: #fff;
   padding:4px;
   border-radius:5px;
   box-shadow: 3px 5px 10px 1px #8fd6db ;
}
p.errortxt{
   display:none;
   text-align:center;
   border-radius:8px;
   background-color:#f58c84;
   color:#e8260c;
   padding:2px 5px;
   margin:0px 20px;
   font-size:13px;
   font-weight:700;
   font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
   font-style:italic;
}
#nav-toggle:checked ~ .split.logo
{
    margin-left:19%;
    transition: 1s;
}
.split.bor{
        margin-left:8rem;
        transition: 1s;
        margin-right:5px;
        margin-top:0px;
               }
#nav-toggle:checked ~ .split.bor
{
    margin-left:18%;
    transition: 1s;
    
}


/* Toggle checkbox switch*/
.switch
{
   /* color:red; */
   position:relative;
   display:inline-flex;
   flex-basis: auto;
   width:50px;
   height:15px;
   flex-direction:row;
   margin-top:1%;
}

/* hide defalut checkbox */
.switch input{
   opacity:0;
   width:0;
   height:0;
}

/* slider */
.slider{
 position:absolute;
 cursor:pointer;
 top:0;
 left:0;
 right:0;
 bottom:0;
 background-color:#016ba1;;
 -webkit-transition: .5s;
 transition:.5s;
 
 /* border-radius:15px; */

}
.slider:after{
   position:absolute;
   content:"";
   height:26px;
   width:26px;
   left:4px;
   bottom:2px;  
   background:rgba(234, 39, 39, 0.887);
   -webkit-transition: .5s;
   transition:.5s;
   
}
input:checked + .slider{
   background-color:#8fd6db;
   /* border-radius:15px; */

}
input:focus + .slider{
   box-shadow: 0 0 1px greenyellow;
   /* border-radius:15px; */
}
input:checked + .slider:after{
   -webkit-transform: translateX(30px);
   -ms-transform:translateX(30px);
   transform:translateX(30px);
   background:#04a101;
}
.slider.round{
   border-radius:30px;
   /* width:10px; */
   /* margin-left:15px; */
}
.slider.round:after{
   border-radius: 50%;
   height: 12px;
   width: 12px;
}
.container span.chkbxname{
   font-size:14px;
   font-weight:500;
   text-align: center;

}
/* Toggle checkbox switch end */
.newemppanel{
   padding:3% 0px 3% 0px;
   box-shadow: 2px 2px 5px 1px #8fd6db;
   border-radius:15px;
   height:100%;
   overflow-y: scroll;
   /* background-color: ; */
   /* height:; */
}
.scrollexe
{
   margin: 8px 0px;
   height:24.5rem;
   overflow-y: scroll;
}
.employeeform{
   /* border:1px solid #8fd6db; */
   box-shadow: 5px 5px 10px 2px #8fd6db;
   border-radius:12px;
   padding:8%;
   height: 400px;
   overflow-y: scroll;
}
.employeeform .writefield{
  border:none;
  box-shadow: none;
  background-color:transparent;
  margin-bottom:15px;
  border-bottom:2px solid #016ba1;
  border-radius:5px;
  text-align: center;
  font-weight:500;
  color:#016ba1;
}
.employeeform .writefield:focus{
   border:none;
   box-shadow: none;
   background-color:transparent;
   margin-bottom:15px;
   border-bottom:2px solid #07bdb1;
   box-shadow:3px 3px 3px 1px #8fd6db;
   border-radius:5px;
   text-align: center;
 }
.input-group-icon{
  /* margin-top:-20px; */
   border:none;
   border-bottom:2px solid #016ba1;
   font-size:21px;
   margin-top:12px;
   color:#016ba1;
   /* color:red; */
}
/* checkbox css */
.employeeform .employeetsk
{
   background-color:transparent;
   border:1px solid #07bdb1;
   box-shadow: 3px 5px 8px 3px #8fd6db;
}
.employeeform{
   text-align:center;
}
.col-md-6 form .d-flex button.submitemp{
   color:#fff;
   font-weight:500;
   margin:12px 0px 0px 0px;
   border-radius:15px;
   border:none;
   padding:4px;
   width:50%;
   background-color:#016ba1;
   text-align:center;
   transition:.5s;
}
/* .col-md-6 form button.submitemp:focus{
   margin:12px 0px 0px 0px;
   border-radius:25px;
   border:none;
   padding:5px;
   width:12%;
   transition:.8s;
   background-color: #126011;
} */

.err{
   color:#e8260c;
   margin-top:-14px;
   font-size:12px;
   display:none;
   font-weight:500;
}
.tblhead{
   color:#016ba1;
   font-family:'Times New Roman', Times, serif !important;
   font-weight:700;
   font-style: italic;
   text-align:center;
   background-color:#d6eef0;
}
.tbldata{
  padding:1px !important;
  text-align: center;
  font-weight:500;
  color:#016ba1;
  /* height:10px !important; */

  /* margin:0 ; */
}
button.tbledt{
   /* background-color:rgb(26, 225, 76) !important; */
   border:none;
   padding:0% 3px;
   text-align: center;
   color:#04a101;
   background-color: transparent;
   border-radius:34px;
}
button.tbledt:focus{
   /* background-color:rgb(26, 225, 76) !important; */
   border:none;
   padding:0px 4px;
   text-align: center;
   color:#fff;
   background-color: transparent;
   border-radius:34px;
   background-color:#04a101

}
.modal .modal-body form .container button.modalbtn{
   background-color:#016ba1;
   color:#fff;
   border-radius:20px;
   font-weight:500;
   width:75%;
}
.modal .modal-body form .container button.modalbtn:hover{
   background-color:#8fd6db;
   color:#016ba1;
   border-radius:20px;
   font-weight:500;
   width:75%;

}
.modal .modal-body form button#editexecutive{
   border:none;
   border-radius:20px;
   width:50%;
   /* font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; */
   font-weight:500;
   color:#016ba1;
   background:#8fd6db;
   font-style:italic;
   font-size:16px;
   transition:.8s;
}
.modal .modal-body form button#editexecutive:hover:focus{
   border:none;
   border-radius:20px;
   width:55%;
   /* font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; */
   font-weight:500;
   color:#fff;
   background:#016ba1;
   font-style:italic;
   font-size:16px;
   transition:.5s;
}
.modal .modal-body form .inputsty{
   border:none;
   border-bottom:2px solid #016ba1;
   border-radius:20px;
   /* box-shadow: 2px 3px 8px 2px #016ca1a1; */
   margin:3px;
   padding:2px 2%;
   font-weight:500;
   color:#016ba1;
   font-size:15px;
}
.modal .modal-body form .inputsty:focus{
   border:none;
   border-bottom:2px solid #016ba1;
   border-radius:20px;
   box-shadow:none;
   margin:3px;
   padding:2px 2%;
   font-weight:500;
   color:#016ba1;
   font-size:15px;
}
.modallabel{
   font-weight:500;
   padding:0;
   margin:0;
   text-align:left;
}
.modal .modal-body form div.taskbox{
   border:2px solid #016ba1;
   margin:5px 0px; 
}
.tblbody{
   height:auto;
   overflow-y:scroll;
}

body div.navtwo{
   display:inline-flex;
   padding:5px;
   background-color:#016ba1;
   display:flex;
   justify-content: center;
   /* margin:5px; */
}
select.navinputs
{
   padding:4px;
   border:none;
   border-radius:0px 5px 5px 0px;
   width:250px;
   margin-left:2px;
}
select.navinput
{
   padding:4px;
   border:2px solid #016aa0;
   border-radius:5px 5px 5px 5px;
   width:300px;
   margin-left:2px;
}
.col-md-4 form .form-group input.monthlyreport{
   border:2px solid #016aa0;
   width:300px;
   padding:0 5px;
   margin:0;
   font-size:15px;
   font-weight: 700;
}
.monthlyreportform{
   display: flex;
   justify-content: center;
   flex-direction: column;
   
}
.dmsb2b{
   display:flex;
   justify-content:space-evenly;
   font-size:16px;
   font-weight:700;
   font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.reportbtn{
   display:flex;
   justify-content:space-evenly;
}
.form-group .consolidatereportbtn{
   /* background-color:#016aa0; */
   padding:2em 50px 0px 0px;
   display:flex;
   justify-content:space-evenly;
}

label.navlabel{
  padding:0px 8px;  
}
input.navinputs
{
   padding:2px 8px;
   border:none;
   border-radius:0px 5px 5px 0px;
   width:auto;
   margin-left:2px;
}
/* .form-group
{
   padding:5px;
   border:1px solid;
   margin:2px;
}

.form-group .input-group input.maininput{
   border:1px solid black;
} */
.form-group label.mainformlabel{
   font-size:16px !important;
   font-weight:500;
   margin-left:6px;
   /* font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; */
   color:#016ba1;
}
div.input-group-sm input.oopsinput{
   padding:0px 8px;
   font-weight:600;
   font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   font-size:16px;
   /* font-style: italic; */
}
div.input-group-sm select.remarks{
   padding:0px 8px;
   font-weight:600;
   font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   font-size:16px;
   /* font-style: italic; */
}
.input-group-append a.copyclipboard{
   padding:4px 8px;
   text-decoration: none;
   color:#07bdb1;
   border:1px solid #d6d5d2;
   border-radius: 0px 5px 5px 0px;
}
.input-group-append a.copyclipboard:hover{
   padding:4px 8px;
   text-decoration: none;
   color:#ffc107;
   border:1px solid #d6d5d2;
   border-radius: 0px 5px 5px 0px;
}
form .d-flex button.recordup{
   padding:3px;
   width:150px !important;
   margin:26px 0px;
   border:1px solid #04a101;
   border-radius:25px;
   font-size:16px;
   font-weight:500;
   color:#04a101;
   transition:.2s;
   position: absolute;
   top:28.8rem;
}
form .d-flex button.recordup:hover{
   padding:3px;
   width:25%;
   margin:26px 0px;
   border:1px solid #04a101;
   border-radius:25px;
   font-size:14px;
   font-weight:500;
   color:#fff;
   background-color:#04a101;
   transition:.8s;
}

form .form-group input:focus{
   box-shadow:none;
   /* border-top:1px  solid black ;
   border-left:1px  solid black ;
   border-bottom:1px  solid black ; */
}
/* select css in form operation panel */

/* a.navbtn span.tooltips
{
   display:none;
}
a.navbtn:hover span.tooltips
{
   display:block;
   width:70px;
   display:flex;
   justify-content:space-evenly;

} */
form .form-group .input-group select:focus{
   box-shadow: none;

}
.successmsg{
   background:#7DF29F;
   padding:5px 8px;
   display:flex;
   justify-content: center;
   margin:5px 0px;
   border-radius: 15px;
   font-weight:500;
   font-size:15px;
   color:#0B790A;
   display:none;
}
.qcsuccessmsg{
   background:#7DF29F;
   padding:5px 8px;
   display:flex;
   justify-content: center;
   margin:5px 0px;
   border-radius: 15px;
   font-weight:500;
   font-size:15px;
   color:#0B790A;
   display:none;
}
.msgdiv{
   /* background:#04a101; */
   margin:2.5rem 0px 0px 0px;
   width:auto;
   position:relative;
}
.note{
   background:#f0e511;
   padding:5px 8px;
   display:flex;
   justify-content: center;
   margin:5px 0px;
   border-radius: 15px;
   font-weight:500;
   font-size:18px;
   color:#016ba1;
   display:none;
}
.blankdata{
   background:#ffb5b3;
   padding:5px 8px;
   display:flex;
   justify-content: center;
   margin:5px 0px;
   border-radius: 15px;
   font-weight:500;
   font-size:18px;
   color:#d42924;
   display:none;
}
.qcblankdata{
   background:#ffb5b3;
   padding:5px 8px;
   display:flex;
   justify-content: center;
   margin:5px 0px;
   border-radius: 15px;
   font-weight:500;
   font-size:18px;
   color:#d42924;
   display:none;
}
/* count display css */
.container-fluid .col-md-3 h4.countdisplay{
   display: flex;
   justify-content: center;
}
h6.cnt{
   color:#ffffff;
   display:inline-flex;
   justify-content: center;
   text-align: center;
   font-weight:700;
   font-size:16px;
   background-color:#016ba1;
   
}
.container-fluid div.cntdiv{
   box-shadow: 0px 0px 8px 1px #8fd6db;
   height: 70vh;
   margin-left:10px;
   border-radius:8px;
   display:table-row;
   padding:14px 20px;
}
.uploadcontainer{
   /* background-color:red; */
   display:flex;
   justify-content:center;
}
.operation-main{
   /* background-color:red !important; */
   /* display:flex;
   justify-content: space-around; */
   /* border:2px solid black; */
   margin:5px;
}
.container-fluid div .panel{
   margin-left:2rem;
   border-radius: 8px;
   box-shadow: 0px 0px 8px 1px #8fd6db;
   width:950px;
   padding-top: 20px;
   height:auto;
}
h6.cntlbl{
   font-size:1rem;
   margin:0px 5px !important;
   font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
   font-weight:700;
   color:#d42924;
}



footer.foot{
   position: fixed;
   background:#d7d7d9;
   text-align: center;
   left: 0;
   bottom:0;
   width: 100%;
}
.footercontent{
   font-size:13px;
   padding:4px 0px;
   color:#505052;
   font-weight:700;
}
/* ///////////report page css//////////// */

.formhead{
   display:flex;
   justify-content:initial;
}
.fileselect{
   width:35rem;
}
.inputjoin{
   /* border-top-right-radius: 0.375rem !important; */
   /* border:1px solid #; */
   background-color:#d6d5d2;
   padding:3px 6px;
   color:#016ba1;
   border-top-left-radius: 5px;
   border-bottom-left-radius: 5px;
   margin:0;
   /* margin-top:10px; */
}
span.filedd{
   background-color:#d6d5d2;
   padding:3px 6px;
   color:#016ba1;
   border-top-right-radius: 5px;
   border-bottom-right-radius: 5px;
   /* position:relative; */
}
h6.label{
   color:#505052;
   font-weight: 500;
   font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
   margin:5px !important;
   font-size:1rem;
}
input.reportfile{
   font-weight: 700;
   font-style: oblique;
   font-family:Arial, Helvetica, sans-serif;
   display:flex;
   justify-content: center;
   text-align: center;
}
/* Report table design */

.container div.reporttbl
{
   height:180px;
   overflow-y:scroll;
   /* filter: drop-shadow 1px 5px 5px 2px solid #016ba1; */
   margin-top:5px;
   box-shadow: 5px 5px 10px 0px#016ba1;
}
.container div.reporttbl table thead
{
   background: #016ba1;
   text-align: center;
   color: #ffffff;
}
.container div.reporttbl table thead th
{
   font-size:16px;
   font-weight: 500;
   padding:0;
}
.container div.reporttbl table tbody td
{
   font-size:16px;
   font-weight: 500;
   padding:0;
   text-align: center;
   
}
form div.form-group.reportbox{
   display:block;
   white-space: nowrap;
}

.fixheadtable{
   margin: 8px 0px;
   height:31rem;
   overflow-y: auto;
   /* width:1rem; */
   text-align: center;
   
}
.fixheadtable thead th{
   position:sticky;
   top:0;
   text-align-last: center;
   background:#d7d7d9;
   font-weight: 500;
   padding:2px;
   
}
.fixheadtable tbody td{
   padding:0;
   margin:0;
   text-align: center;
   border:3px solid #f7f5f5;
}
.container-fluid .row div.statusdash{
   display: flex;
   justify-content:space-evenly;
   text-align:center;
}
/* Dashboard remark tbl css */
.remarktbl{
   margin: 8px 0px;
   height:24rem;
   overflow-y: auto;
   /* background-color:#016ba1; */
}
.remarktbl thead th{
   position:sticky;
   top:0;
   text-align-last: center;
   background:#d7d7d9;
   padding:0;
   border:3px solid #f7f5f5;

}
.remarktbl tbody td{
   padding:0;
   margin:0;
   text-align: center;
   border:3px solid #f7f5f5;
}
.scrollemp{
   margin: 8px 0px;
   height:10rem;
   overflow-y: scroll;
   /* background-color:#016ba1; */
}
.executivedetails thead th{
   position:sticky;
   top:0;
   text-align-last: center;
   background:#d7d7d9;
   padding:0;
   border:2px solid #f7f5f5;
   
}
.executivedetails tbody td{
   padding:0;
   margin:0;
   text-align: center;
   border:2px solid #f7f5f5;
   font-size: 17px;
   font-weight:500px;
   font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
   
}
/* .filedetails{
   border:5px solid #d6eef0;
} */
.filedetails
{
   margin: 8px 0px;
   height:15rem;
   overflow-y: auto;
   /* background:black; */
}
.filedetails thead tr th{
   position:sticky;
   top:0;
   z-index:1;
   background-color: #b1dfe3;
   font-weight: 500;
   text-align: center;
   padding:1px 4px;
   border:2px solid #fff;
   white-space:nowrap;
   margin-top:0;
}

.filedetails tbody tr td{
   /* background-color: #016ba1; */
   font-weight: 500;
   text-align:center;
   padding:1px 2px;
   border:2px solid #fff;
   position: sticky;
   font-size:14px;
   white-space:wrap;
   
   /* word-wrap:; */
   
}


.col-md-6 h5.empheading{
   color:#016ba1;
   text-align-last: center;
   /* border:2px solid #016ba1; */
   margin-bottom:1.3em;
   padding:5px;
}

/* Modal For interval/Break timing  */
/* .intervalmodel
{
   /* width:800px !important; */
/* } */
.modal-body .Timer
{
   color:Red;
   background-color:#d7d7d9;
   border-radius:5px;
}
/* maker info at the qc tab dialog box */
form .makerinfo{
   margin-top:-1rem;
   background-color:#d6d5d2;
   border-radius:5px;
   padding:0px 5rem;
}
form .makerinfo p.makerdata
{
   color:red;
   font-size:larger;
   font-weight:500;
   font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

/* DASHBOARD CSS */
.row div.dashboardfilestatus{
   padding:0;
   margin: 0;
   height: auto;
   max-height:70vh;
   overflow-y: scroll;
   overflow-x: hidden;
   display:flex;
   flex-direction:column;

}
.row div.dashboardfilestatus tr th{
   padding:0;
   margin: 0;
   text-align:center;
   width: auto;
   position:sticky;
   top:0;
   font-family:Arial, Helvetica, sans-serif;
   background-color:#016aa0;
   font-weight:700;
   color:#ffffff;
   
}
.row div.dashboardfilestatus tr td{
   padding:1px;
   margin: 0;
   text-align: center;
   word-wrap:unset;
   font-weight:500;
   font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
   background-color:#99ccff;
}
/* employee dashboard status panel */
div.statustable{
   padding:0;
   margin:0;
   text-align: center;
   height:auto;
   max-height:70vh;
   overflow-y: scroll;
   overflow-x: hidden;
}
div.statustable table tr th{
   font-family:Arial, Helvetica, sans-serif;
   font-weight: 700;
   background-color: #016aa0;
   padding:0;
   margin:0;
   color:#ffffff;
   position:sticky;
   top:2.3rem;
   text-align:center;
}
div.statustable table tr td{
   font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
   font-weight: 500;
   padding:0;
   margin:0;
   text-align:center;

}
div.statustable table tr.onstatus{
   font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
   font-weight: 500;
   /* color:#0B790A !important; */
   background-color: #7DF29F;
   padding:2px;
   margin:0;
   text-align:center;
}
div.statustable table tr.offstatus{
   font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
   font-weight: 500;
   background-color: #ffb5b3;
   padding:2px;
   margin:0;
   text-align:center;
}

.associatedetails{
   display:flex;
   justify-content:space-around;
   position:sticky;
   top:50px;
   z-index:50;
   /* overflow-y:hidden; */
   /* background-color: */
}
.associatedetailcount{
   font-weight:500;
   border-right:2px solid #cfcfcf;
   padding:2px 10px;
   /* border-radius:15px; */
   text-align:center;
   /* margin-bottom:10px; */
}
.associatedetailcountof{
   font-weight:500;
   /* border-right:1px solid #cfcfcf; */
   padding:2px 10px;
   /* border-radius:15px; */
   text-align:center;
   /* margin-bottom:10px; */
}
.associatedetailcount span{
   /* background:#cfcfcf; */
   padding:2px 20px;
   border-radius:15px;
   /* text-align:center; */
}
.associatedetailcountof span{
   /* background:#cfcfcf; */
   padding:2px 20px;
   border-radius:15px;
   /* text-align:center; */
}
span.totalexecutive
{
   border:1px solid #016aa0;
   box-shadow: 0px 0px 2px 2px #016aa0;
}
span.onlineexecutive
{
   border:1px solid #04a101;
   box-shadow: 0px 0px 2px 2px #04a101;
}
span.offlineexecutive
{
   border:1px solid #d42924;
   box-shadow: 0px 0px 2px 2px #d42924;
}

/* file status dashboard css */
.filestatus .tablecontainer  tbody td.inprocess{
   font-size:17px;
   color:#04a101;
   white-space:nowrap;
   font-weight:500;
   /* padding:0 5px; */
}
.filestatus .tablecontainer  tbody td.notinprocess{
   white-space:nowrap;
   font-size:17px;
   color:#d42924;
   font-weight:500;
}
.filestatus .tablecontainer{
   background-color: #016ba1;
   height:10px;

   /* overflow-y:scroll; */
}
.filestatus .tablecontainer table thead{
   position:sticky;
   top:110px;
   color:red !important;
}
.filestatus .tablecontainer table tbody
{
   overflow-y:scroll;
}