.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: #13284d;
  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;
}


/*css for toggle-password*/

.input-group-append.toggle-password {
    position: absolute;
    right: 9px;
    top: 35px;
}
.form-group.password-s {
    position: relative;
}

/* custom phone input with flag */

.phone1 {
    display: flex;
}
.flaginput {
    width: 83px;
    height: 30px;
    font-size: 11px;
    background-color: #fff;
    color: #000;
    border: 1px solid #ced4da;
    /* border: 1px solid #2d671a; */
    padding: 0px 0px;
    border-top-right-radius: 0px 0px;
    border-bottom-right-radius: 0px 0px;
}
.flaginput:hover{
  background-color: #fff;
    color: #000;
    border: 1px solid #ced4da;
}
.flaginput:not(:disabled):not(.disabled):active, .show>.flaginput.dropdown-toggle {
    background-color: #fff;
    color: #000;
    border: 1px solid #ced4da;
}
.show>.flaginput.dropdown-toggle:focus {
    box-shadow: unset!important;
}
img.flag12 {
    width: 23px;
    height: 15px;
}
input.form-control.phoneflag {
    border-top-left-radius: 0px 0px;
    border-bottom-left-radius: 0px 0px;
}
/* currency input field  */
.input-field {
  position: relative;
}
.input-field > i {
  position: absolute;
  display: block;
  transform: translate(0, -50%);
  top: 50%;
  pointer-events: none;
  width: 25px;
  text-align: center;
   font-style: normal;
}
.input-field > input {
  padding-left: 25px;
   padding-right: 0;
   min-height: 30px;
}

/*File Upload*/
.update-photo {
    display: flex;
    justify-content: center;
    margin-top: 5px;
}
.btn-file input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  font-size: 1.5rem;
  height: 100%;
  width: 100%;
  direction: ltr;
  cursor: pointer;
}
.btn-soft-primary {
  color: #007D88;
  background-color: #ebf5f5;
  border-color: #ebf5f5;
}

.edit-profile-img img {
  height: 120px;
  margin: 0;
  object-fit: cover;
  border-radius: 50%;
  border: 1px solid #ddd;
}

.card .card-body > .card-action-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  right: 14px;
  top: 8px;
}
   .weeklist div.fw-bold:first-child{
   flex-basis: 20%;
   }
   .weeklist .fa-plus{
   cursor: pointer;
   }
   .weeklist{
   border: 1px solid #e9ecef;
   background-color: #fff;
   padding:10px 20px;
   border-radius: 5px;
   margin-top:10px;
   position: relative;
   }
   .f-basis-45{
   flex-basis: 45%;
   }
   .filter-menu{
   display:none;
   position: absolute;
   top: 40px;
   background: #fff;
   padding: 15px 20px;
   border: 1px solid #00000029;
   right: -50px;
   z-index: 99;
   box-shadow: 2px 2px 8px #0000001f;
   }
   .nav-tabs{
   width: fit-content;
   background-color: #4c52e1;
   margin: auto;
   border-radius: 10px;
   overflow: hidden;
   border-bottom:none;
   }
   .nav-tabs .nav-link{
   color: #fff;
   border: 4px solid #4c52e1 !important;
   /* border: none !important; */
   border-radius: 10px;
   font-weight: 600;
   }
   .nav-tabs .nav-link.active {
   color: #4c52e1;
   background-color: #fff;
   border-color: #dee2e6 #dee2e6 #fff;
   border: 4px solid #4c52e1 !important;
   border-radius: 10px;
   }

   .toastui-calendar-panel.toastui-calendar-time{
        height: 550px !important;
    }
    .toastui-calendar-timegrid-now-indicator {
        display: none !important;
    }
    @media (max-width: 600px) {
        .toastui-calendar-timegrid-time-column{
            width: 40px !important;
        }
        .toastui-calendar-columns{
            left: 40px !important;
        }
        .toastui-calendar-day-name-container{
            margin-left: 40px!important;
        }
    }
    .toastui-calendar-event-time {
            width: 100% !important;
            left: 0px !important;
            margin-left: 0px !important;
        }
        table.dataTable{
            width: 100% !important;
        }

      .booking_page button.btn-bluefill{
      font-size: 16px;
    /* text-transform: uppercase; */
    width: 300px;
    max-width: 100%;
    
   }
   .booking_page .bg-warning{
      color:#000;
   }
   .br-8{
      border-radius: 8px;
   }
   .booking_page .res_content{
      font-size: 16px;
      padding: 0px 20px 20px
   }
   .booking_page .headline_main_title{
      padding: 10px 30px 10px 15px;
      border-radius: 8px;
      border: 1px solid rgba(0,0,0,0.14);
      background: #efefef !important;
      font-size: 17px;
      font-weight: 700;
   }
   .booking_page .form-control{
      height: 40px/*calc(1.9695rem + 2px)*/;
   }
   .booking_page select.form-control{
      -webkit-appearance: auto;
   }
   .booking_cancel_btn{
      color: #333333;
      padding: 0.3375rem 0.725rem;
      min-width: 0 !important;
      white-space: pre;
      font-size: 0.6875rem;
      border: 1px solid #6E7271;
      background: transparent;
      border-radius: 8px;
      font-weight: 700;
   }
   .booking_cancel_btn.btn_blue_ds{
      color: #fff;
    background-color: #0D6CB8;
    border-color: #0D6CB8;
   }
   .booking_cancel_btn:focus{
      outline:none !important;
   }
   .selected_package{
      font-size: 15px;
   }
   .inner_card{
    padding: 20px 15px;
    border: 1px solid #00000014;
    border-radius: 10px;
    font-size:16px;
    box-shadow: none;
   }
   .card_item_ds .fa-times{
    font-size: 10px
   }
   .card_item_ds .item_ds span:nth-child(1){
    flex-basis: 10%;
   }
   .card_item_ds .item_ds span:nth-child(2){
    flex-basis: 30%;
   }
   .card_item_ds .item_ds span:nth-child(3){
    flex-basis: 15%;
   }
   .card_item_ds .item_ds span:nth-child(4){
    flex-basis: 12%;
   }
   .card_item_ds .item_ds span:nth-child(5){
    flex-basis: 5%;
   }
   .card_item_ds .item_ds span:nth-child(6){
    flex-basis: 2%;
   }
   .card_item_ds .item_ds{
  border-bottom: 1px solid #0000001f; 
   }
   .card_item_ds .offer_btn{
    background: #af0000;
    color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 5px;
   }
   .card_input input{
    outline: none !important;
    border: none;
    box-shadow: none;
   }
   .card_input {
    border: 1px solid #ced4da;
    padding: 0;
    margin: 0 !important;
    border-radius: 0.25rem;
   }
   .card_input input:focus{
    outline: none !important;
    border: none;
    box-shadow: none;
   }

  .right-side{position: relative;}
   .side-edit-menu {
   background: #fff;
   z-index: 1;
   white-space: nowrap;
   display: none;
   position: absolute;
   font-size: 14px;
   color: #878787;
   border: 1px solid rgba(0,0,0,.05);
   box-shadow: 0 6px 6px 0 rgb(0 0 0 / 12%), 0 1px 3px 0 rgb(0 0 0 / 18%);
   right: 0;
   padding: 5px;
   border-radius: 3px;
   top: 0;
   transition: all 0.7s;
   }
   .right-side:hover .side-edit-menu{display:block;transition: all 0.7s;}
   .left-side i {
   font-size: 18px;
   color: #13284d;
   }
   .left-side {
   font-size: 14px;
   }
   .side-edit-menu ul li a {
   font-size: 12px;
   color: #000;
   }
   .add-new a {
   /* color: red; */
   background: #13284d;
   padding: 10px;
   color: #fff;
   }
   .ds-border-15{
    border-radius: 15px;
   }
   .toastui-calendar-holiday-sun{
    color: #ae1e23;
   }