.layout-sidebar-large .sidebar-left-secondary, .layout-sidebar-large .sidebar-left {
    position: fixed;
    top: 0px;
    height: calc(100vh - 35px);
    background:#0D6CB8 /*rgb(46, 63, 80)*/;
    box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.06), 0 1px 4px rgba(0, 0, 0, 0.08);
}
.side-menu-icon{
  max-width: 35px;
}
.heading-page-top{
  font-size:26px;
  color:#0d6cb8;
  font-weight:600;
  text-align:center;
}
.heading-sub-bg{
  color:white;
  font-weight:600;
  text-align:center;
  background-color:#0d6cb8;
  padding:5px 0px;
  margin:10px 0px;
  margin:20px 0px;
}
.card-icon-bg{
min-height: 180px;
padding-top: 15px;    
}
.card-icon-bg:hover{
box-shadow: 0 5px 26px -4px #9a9a9a;
}
.card-icon-bg .fa{
font-size: 16px;
background: #eb0000;
padding: 12px;
border-radius: 100%;
color: #fff;
} 
.text-24{
color:#000;
}
.card-icon-bg .content .text-muted{
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
}
.buttondata img{
width: 25px;
}
.buttondata{
width:100%;
font-size: 14px;
background-color: #df4930;
padding: 15px 11px;
color: #fff!important;
border-radius: 3px;
}
.fa1{
background-color: #507cc0;
text-align: right;
}
.table-head-fix{
height:320px;
}
.table-head-fix thead tr th{
position: sticky;
top: -1px;
}
.table-head-fix thead .second th{
position: sticky;
top: 41px;
}
.table-head-fix{
position: relative;
}
.addition{
position: absolute;
/* right: 45px; */
color: #eb1f27!important;
top: 70px;
font-size: 13px;
font-weight: 700;
cursor: pointer;
}
.addition i{
border: 3px solid #eb1f27;
border-radius: 100%;
padding: 3px;
}
.addition i:hover{
color:#fff!important;
cursor: pointer;
border: 3px solid #eb1f27;
background-color: #eb1f27;
}
.vendor-col, .client-col, .wh-col{
display: none;
}
.dropdown-menu a{
cursor: pointer;
}
.red{
background-color: #eb1f27;
color:#ffffff;
}
.amber{
background-color: #ffbf00;
}
.green{
background-color: #07b507;
color:#ffffff;
}
.uploader{
border:1px solid #ccc;
padding: 20px;
position: relative;
}
.data-create ol li{
line-height: 28px;
font-size: 14px;
}
.uploader .btn{
margin-top:20px;
}
.uploader .nick-name{
position: absolute;
left: 140px;
top: 64px;
border: 1px solid #ccc;
padding: 7px;
border-radius: 3px;
}
#single-person .modal-dialog{
max-width:85%;
}
.qc1{
background-color:#663399;
color:#fff!important;
padding: 3px 7px;
border-radius: 3px;
}
.layout-sidebar-large .main-header{
width:90%
}
.sidebar-left .navigation-left .nav-item .nav-item-hold{
padding:10px 0px!important;
}
.navigation-left li.nav-item:hover {
    background-color:#0c60a3;
}
.sidebar-left .navigation-left{
width: 100px!important;
}
.pending{
color:#660eb7;
}
.progressing{
color:#07b507;
}
.QC-data .data{
border: 1px solid #ccc;
margin-top: 10px;
border-radius: 5px;
padding: 10px 0px 0px 10px;
}
.mt-30{
margin-top:30px;
}
.mb-50{
margin-bottom: 50px;
}
.data-selfie {
border: 1px solid #ccc;
height: 535px;
overflow: hidden;
}
.data-selfie .label {
background: #ccc;
padding: 10px;
font-weight: 700;
font-size: 14px;
}
.data-selfie img {
max-width: 400px;
}
.data-selfie p{
margin-bottom: 10px;
}
.data-selfie .img-data{
padding:10px;
position: absolute;
bottom: 30px;
}
.checked-docs{
background: #ccc;
padding:10px;
}
.maps{
border:1px solid #ccc;
padding:15px;
}
.maps iframe{
width: 100%;
}
.zone{
height: 0px;
box-shadow: 1px 0px 6px -2px #000;
padding: 0.5px 8px;
border-radius: 100%;
}
.greenzone{
background-color:green;
color:green;
}
.redzone{
background-color:red;
color:red;
}
.width-100{
width:100%;
}
.data-create ol li a{
color:red;
}
.width20 {
width: 18%;
margin: 0px 13px;
}
.details-box ul li{
width:45%;
display: inline-block;
line-height: 30px;
font-size: 14px;
}
.mt-40{
margin-top:40px
}
.nav-tabs .nav-item .nav-link{
padding:10px 20px;
}
.main-content-wrap.sidenav-open {
width: calc(100% - 35px);
background: #f7f9fd;
}
.main-content-wrap{
padding: 0rem 1rem 0rem 5rem;
}
.main-content-wrap .main-content .card{
width: 100%;
margin-left: 0px !important;
}
.layout-sidebar-large .main-header{
width:100%;
}
.text-blue{
	color:#0D6CB8;
}
.text-orange{
	color:#e4632c;
}
.bg-blue{
	/*background-color:#1a68b3!important;*/
  background-color:#0D6CB8!important;
}
.bg-orange{
	background-color:#e4632c;
}
.btn-blue{
	border:2px solid #ccc;
	padding:7px 15px ;
	color:#474747;
	border-radius:5px;
  min-height:40px;
}

.btn-bluefill{
  border:none;
  padding:7px 25px ;
  color:#fff;
  border-radius:5px;
  min-height:40px;
  background-color: #0D6CB8;
  margin:5px;
  cursor: pointer;
}

.btn-simple{
  background-color: #0D6CB8;
  color:#fff;
  padding:8px 30px;
  margin:5px 0px;
}

ul.breadcrumb {
  padding: 9px 0px;
  margin: 0px;
  list-style: none;
  background-color: transparent;
}
ul.breadcrumb li {
  display: inline;
  font-size: 14px;
  font-weight: 800;
}
ul.breadcrumb li+li:before {
  padding: 8px;
  color: black;
  content: "\f054";
  font-family:"Font Awesome 5 Free";
}
ul.breadcrumb li a {
  color: #0275d8;
  text-decoration: none;
  font-weight: 800;
}
ul.breadcrumb li a:hover {
  color: #01447e;
  text-decoration: underline;
}
.back-arrow{
    padding: 10px 16px;
  /*background-color: #eee;*/
  font-size: 14px;
  color: #0275d8;
  text-align:center;
  height: 47px;
  /*margin-right:10px;*/
  cursor: pointer;
  border-radius:5px;
}
ul.navbar{
    list-style-type:none;
    padding:0px;
    margin:0px; 
}
ul.navbar li.nav-item{
    margin:0px;
    padding: 4px;
    display:inline!important;
   border-right: 2px solid #fff;
}
ul.navbar li.nav-item:hover{
    background-color:#fff;
    border-right: 2px solid #fff;
    /* border-radius: 25px;*/
    
}
ul.navbar li.nav-item:hover a.nav-link{
    color:#0d6cb8;
    font-weight:700;
}
/*ul.navbar li.nav-item.active{
    background-color:#fff;
}*/
ul.navbar li.nav-item.active{
    background-color:#fff;
    border-right: 2px solid #fff;
    /*border-radius: 25px;*/
}
ul.navbar li.nav-item.active a.nav-link{
   
    color:#0d6cb8;
    font-weight:700;
    /*border-radius: 25px;*/
}
ul.navbar li.nav-item a.nav-link{
    color:#fff;
    font-weight:700;
}
/*EMPLOYEE PAGE CSS*/
 ul.employee-top-btns{
        list-style-type:none;
    }
    ul.employee-top-btns li{
        display:inline;
    }
 /*NUMBER COUNTER CSS*/

 .counter {
    background-color:rgba(26,104,179,0.1);
    padding: 10px 0;
    margin:0px;
    border-radius: 5px;
    /*box-shadow:0px 0px 5px #1a68b3;*/
}
.counter.active-bg{
	background-color:rgba(26,179,26 ,0.1);
}

.counter.pending-bg{
	background-color:rgba(179,26,26,0.1);
}

.count-title {
    font-size: 30px;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 0;
    text-align: center;
    color:#474747;
}

.count-text {
    font-size: 14px;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
}

/*.fa-2x {
    margin: 0 auto;
    float: none;
    display: table;
    color: #4ad1e5;
}*/

#progress-meter{
	height:20px;
	width:110px;
}

ul.filters{ 
list-style-type: none; 
padding: 25px 0px;
margin-bottom:0px;
}
ul.filters li{
display: inline;
margin:0px 2px; 
  }

.table-btn-blue{
  border:2px solid #ddd;
  /*background-color:transparent;*/
  padding:4px 8px;
  color:#0D6CB8;
  border-radius:5px;
}
.fa-search{
  position: relative;
    left: -22px;
    top: 1px;
    color: #0D6CB8;
}
.table tr td a{ text-decoration:none;
color:#47404f; }

/*TOP NAVBAR SUBMENU*/

ul.top-sub-menu{
  list-style-type:none;
  margin-bottom:0px;
  position:absolute;
  display:none;
  top: 38px;
  /*left: 116px;*/
  display: none;
  padding: 0px;
  box-shadow: 0px 0px 8px #aaa;
  background-color: #fff;
  z-index: 1;
}
ul.top-sub-menu li{
  background-color:#fff;
  padding:10px!important;
  width:100%;
}
ul.top-sub-menu li:hover a{
  color:#0d6cb8;
  
}
ul.top-sub-menu li a{
  color:#0D6CB8;
  font-weight:600;
}

.parent-top-li:hover .top-sub-menu{
  display:block;

}
/* INDEX PAGE*/
.box-style{
  border-radius:8px; 
  padding:18px 20px; 
  background-color:#fff; 
  box-shadow: 0px 0px 3px #aaa;
  margin:5px 0px;
}

.box-style p{
  font-size:25px;
  font-weight:600;
}
.box-style p span{
  font-size:15px;
  font-weight:600;
}
.box-style ul{
  list-style-type: none;
  padding: 0px ;
  margin:0px;
}
.box-style ul li{
  display: inline;
  width:100%;
}
/* VISIT PAGE*/

.sandwatch-box{  
  color:#fff;
  padding:10px;
}
.sandwatch-box span{
  float:right;
  background-color:#474747;
  border-radius:30px;
  font-size:15px;
  font-weight:600;
  padding:5px 10px;
  color:#fff;
}

/* Create new employee*/

.form-label{
  font-size:13px!important;
font-weight:600!important;
}
.mb-20{
  margin-bottom: 20px;
}
.bg-data-net{
  /*background-color: #2e3f50!important;*/
  background-color: #F7F9FD;
    color: #474747!important;
}
.heading-data{
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
}
.bg-white{
  background-color: #fff;
}
.pad-15 {
  padding: 15px;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 8px 0px #e9e9e9;
}
.btn-submission {
  margin-top: 30px;
  background-color: #2d3e4f;
  color: #fff;
  padding: 8px 20px;
  float: right;
  border-radius: 3px;
}
.box-style ul li:nth-child(2) i{
  position: absolute;
  right: 30px;
}
.fw-600{
	font-weight:600;
}
.fw-700{
	font-weight:700;
}
.fw-800{
  font-weight:800;
}

<!--===============
	   MARGIN-CLASSES
	==================-->
	.m-0{margin:0px;}
	.m-10{margin:10px;}
    .m-20{margin:20px;}
    .m-30{margin:30px;}
    .m-40{margin:40px;}
    .m-50{margin:50px;}
	
	.mx-0{margin-left:0px;margin-right:0px;}
    .mx-10{margin-left:10px;margin-right:10px;}
    .mx-20{margin-left:20px;margin-right:20px;}
    .mx-30{margin-left:30px;margin-right:30px;}
    .mx-40{margin-left:40px;margin-right:40px;}
    .mx-50{margin-left:50px;margin-right:50px;}

	.my-0{margin-top:0px;margin-bottom:0px;}
    .my-10{margin-top:10px;margin-bottom:10px;}
    .my-20{margin-top:20px;margin-bottom:20px;}
    .my-30{margin-top:30px;margin-bottom:30px;}
    .my-40{margin-top:40px;margin-bottom:40px;}
    .my-50{margin-top:50px;margin-bottom:50px;}

    .mt-0{margin-top:0px;}
	.mt-10{margin-top:10px;}
    .mt-20{margin-top:20px;}
    .mt-30{margin-top:30px;}
    .mt-40{margin-top:40px;}
    .mt-50{margin-top:50px;}
	
	.mb-0{margin-bottom:0px;}
    .mb-10{margin-bottom:10px;}
    .mb-20{margin-bottom:20px;}
    .mb-30{margin-bottom:30px;}
    .mb-40{margin-bottom:40px;}
    .mb-50{margin-bottom:50px;}
	
	.ml-0{margin-left:0px;}
    .ml-10{margin-left:10px;}
    .ml-20{margin-left:20px;}
    .ml-30{margin-left:30px;}
    .ml-40{margin-left:40px;}
    .ml-50{margin-left:50px;}

	.mr-0{margin-right:0px;}
    .mr-10{margin-right:10px;}
    .mr-20{margin-right:20px;}
    .mr-30{margin-right:30px;}
    .mr-40{margin-right:40px;}
    .mr-50{margin-right:50px;}
	
	<!--===============
	  PADDING-CLASSES
	==================-->

	.p-0{padding:0px;}
    .p-10{padding:10px;}
    .p-20{padding:20px;}
    .p-30{padding:30px;}
    .p-40{padding:40px;}
    .p-50{padding:50px;}

	.px-0{padding-left:0px;padding-right:0px;}
    .px-10{padding-left:10px;padding-right:10px;}
    .px-20{padding-left:20px;padding-right:20px;}
    .px-30{padding-left:30px;padding-right:30px;}
    .px-40{padding-left:40px;padding-right:40px;}
    .px-50{padding-left:50px;padding-right:50px;}
	
	.py-0{padding-top:0px;padding-bottom:0px;}
    .py-10{padding-top:10px;padding-bottom:10px;}
    .py-20{padding-top:20px;padding-bottom:20px;}
    .py-30{padding-top:30px;padding-bottom:30px;}
    .py-40{padding-top:40px;padding-bottom:40px;}
    .py-50{padding-top:50px;padding-bottom:50px;}

	.pt-0{padding-top:0px;}
    .pt-10{padding-top:10px;}
    .pt-20{padding-top:20px;}
    .pt-30{padding-top:30px;}
    .pt-40{padding-top:40px;}
    .pt-50{padding-top:50px;}

	.pb-0{padding-bottom:0px;}
    .pb-10{padding-bottom:10px;}
    .pb-20{padding-bottom:20px;}
    .pb-30{padding-bottom:30px;}
    .pb-40{padding-bottom:40px;}
    .pb-50{padding-bottom:50px;}

	.pl-0{padding-left:0px;}
    .pl-10{padding-left:10px;}
    .pl-20{padding-left:20px;}
    .pl-30{padding-left:30px;}
    .pl-40{padding-left:40px;}
    .pl-50{padding-left:50px;}
	
	.pr-0{padding-right:0px;}
    .pr-10{padding-right:10px;}
    .pr-20{padding-right:20px;}
    .pr-30{padding-right:30px;}
    .pr-40{padding-right:40px;}
    .pr-50{padding-right:50px;}



    .schedules_table>table.table-striped>thead>tr.second>th {
    min-width: 120px!important;
}


.table-responsive>table>thead>tr>th
{
  background-color: /*#2e3f50*/#C2E1F8!important;
  color:/*#2579b8*/#0d6cb8!important;
}

/* width */
.table-responsive::-webkit-scrollbar {
  height: 10px;
}

/* Track */
.table-responsive::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.table-responsive::-webkit-scrollbar-thumb {
  background:  #2e3f50;
  border-radius: 30px!important;
}

/* Handle on hover */
.table-responsive::-webkit-scrollbar-thumb:hover {
  background: #555; 
}


.scheduleNav ul{
  list-style-type:none;
  margin-bottom:0px;
  padding:0px;
}

.scheduleNav ul>li{
  display: inline-block;
  margin:0px 5px;
}
       /*I_9_form*/

.govt-form-heading{
 border: 1px solid #ccc;
   padding: 15px;
   background: #efefef;
   margin-top:10px;}
.employee-information{
  border: 1px solid #ccc;
  padding: 10px;
}
.federal-law-4 {
  padding: 0px 0px 0px 15px;
 }
 .qr{
   /*border:1px solid #ccc;*/
 }
 .signature {
     padding: 0px 15px;
     margin-top:5px;
 }
 .preparer.heading.border {
     padding: 5px 15px;
 }
 .attest {
     padding: 0px 15px;
     border:1px solid #ccc;
 }

  /*W_4_form*/

  .w4-step3 ul{
    list-style-type: none;
  }
  .w4-step3 ul li{
    margin:5px 0px;
  }
  .w4-step3 .fa-dollar-sign{ position: relative;
    top:24px;
    left:-10px;
  }
  p{margin:0px!important;}

  .form-point{
    padding:0px 0px 8px 0px;
  }

  .social-security-note{
    position:absolute;
    top: -60px; 
    padding:5px;
  }


.upload-box img{
  border: 3px dashed #555
  ;}
  .upload-box h3{
    position:relative;
    top:-210px;
    left:0px;
  }

  .upload-box button.btn-lg{
    position:relative;
    top:-70px;
    left:10px;
  }
.sign-container{width:100%;
  height:100px;
  background-size:cover;
  background-position:center;
  background-size: 100% 100%
}

.spanrequire{
  color:red;
}
.document-list{
  list-style-type: none;
  padding:5px
}
.document-list>li{
  border-bottom:2px solid #474747;
  text-align: justify;
  line-height: 20px;
  padding:5px;
}
.stna-certificate-data{
  border:2px solid #ddd;
  border-radius:5px;
  text-align:center;
}
.stna-certificate-data .col-md-4:nth-child(2){
  border-left:2px solid #ddd;
   border-right:2px solid #ddd;
}
.stna-certificate-data h3{
  padding: 10px 0px;
  border-bottom:2px solid #ddd;
  font-weight:600;
}

.stna-certificate-data h5{
padding:25px 0px; 
margin:0px; 
  font-weight:600;
}
.stna-certificate-data h5 span{  
  font-weight:800;
}

      /*SETTINGS TABS*/

.settings-tabs .nav-pills{
 /* border:2px solid #0D6CB8;*/
  box-shadow:0px 0px 10px #ddd;
  padding:0px;
  border-radius:5px;
  background-color: #eee;
}

.settings-tabs .nav-pills .nav-link{
  font-size:14px;
  color:#275b7d;
  font-weight: 700;
  border-bottom:2px solid #ddd;
  padding: 10px;
  border-radius:0px;
}

.settings-tabs .nav-pills .nav-link.active{
  font-size:14px;
  color:#2579b8;
  font-weight: 700;
  /*border-bottom:3px solid #fff;*/
  border-radius:5px;
  background-color:#C2E1F8;
}

.nav-tabs .nav-item .nav-link.active {
    border: 1px solid transparent;
    background-color:#c2e1f8;;
    border-color: #0d6cb8 #0d6cb8 #fff;
    color:#0d6cb8;
  }

.nav-tabs {
    border-bottom: 1px solid #0d6cb8;
}

.form-group label{
  font-weight:700!important;
  color:#332e38;}

/* Modal */

.modal {
   text-align: center
}
.bootbox.modal.in:not(.fade) {
   opacity: 1;
   -webkit-transition: opacity, 0.5s;
   transition: opacity, 0.5s
}

.bootbox.modal:not(.fade) {
   opacity: 0;
   -webkit-transition: opacity .5s linear .5s;
   transition: opacity .5s linear .5s
}

.modal-dialog {
   display: inline-block;
   vertical-align: middle;
   text-align: left;
   margin-top: 1%;
   min-width: 30%
}

.modal-dialog.animated {
   -webkit-animation-duration: .7s;
   animation-duration: .7s
}
.modal-header {
   padding: 10px;
   position: relative;
   border: 0;
   min-height: 34px;
   border-bottom: 1px solid #eae6e6;
}

.modal-header:after {
   content: '';
   position: absolute;
   bottom: 0;
   left: 15px;
   right: 15px;
   height: 1px;
   border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.modal-footer {
   background-color: rgba(0, 0, 0, 0.025);
   color: #5c7174;
   border-color: rgba(0, 0, 0, 0.04);
   border-top-left-radius: 0;
   border-top-right-radius: 0
}

.modal-title {
   font-size: 18px;
   font-weight: 300
}

.modal-body .close,
.modal-header .close {
   top: 15px;
   right: 10px;
   left: auto;
   position: absolute;
   background-color: transparent !important
}

.modal-content {
   box-shadow: none;
   border-radius: 0
}

.modal-footer {
   padding: 10px 15px;
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0
}

.modal-backdrop.in {
   opacity: .75
}

.labelCss {
    font-size: 0.813rem;
    font-weight: 400;
    line-height: 1.5;
    color: #47404f;
}

#employee-note textarea {
  width: 100%;
}


 /* Authorized Signature*/

  .fa.fa-trash-alt {
    position: absolute;
    right: -9px;
    top: -30px;
    color: red;
    font-size:20px;
    cursor:pointer;
}

.list-style-none{
  list-style-type: none;
  padding: 0px;
}

.heading-page-top{
  font-size:26px;
  color:#0d6cb8;
  font-weight:600;
  text-align:center;
}

.heading-sub-bg{
  color:white;
  font-weight:600;
  text-align:center;
  background-color:#0d6cb8;
  padding:5px 0px;
  margin:10px 0px;
  margin:20px 0px;
}

#overlay{ 
  position: fixed;
  top: 0;
  z-index: 9999;
  width: 100%;
  height:100%;
  display: none;
  background: rgba(0,0,0,0.6);
}
.cv-spinner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;  
}
.spinner {
  width: 40px;
  height: 40px;
  border: 4px #ddd solid;
  border-top: 4px #2e93e6 solid;
  border-radius: 50%;
  animation: sp-anime 0.8s infinite linear;
}


  @media only screen and (max-width:767px) and (min-width:320px){

    .main-content {
    margin-top: 0px;
}

.main-content-wrap{
padding: 0rem 1rem 0rem 1rem!important;
}

.social-security-note{
    position:relative;
    top: 0px; 
    padding:0px;
  }

  }

   @media only screen and (max-width:1024px) and (min-width:768px){

    .main-content {
    margin-top:50px;
}

.main-content-wrap{
padding: 0rem 1rem 0rem 4rem!important;
}

.layout-sidebar-large .sidebar-left.open {
    left: 0;
    top: 4%;
}

  }

  /*@media only screen and (max-width: 600px) and (min-width: 320px)  {

.main-content-wrap{
padding: 0rem 1rem 0rem 1rem!important;
}
  }*/

/*=========================  NEW CSS ADDED AT 12 MAY 2022 ====================================*/

///////////*july -27- 2022*/////////

#employee-note .modal-content .modal-body{
      height: 230px !important;
    overflow: auto !important;
}