.input-field div.error{
    position: relative;
    top: -1rem;
    left: 0rem;
    font-size: 0.8rem;
    color:#FF4081;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }
  .input-field label.active{
      width:100%;
  }
  .left-alert input[type=text] + label:after, 
  .left-alert input[type=password] + label:after, 
  .left-alert input[type=email] + label:after, 
  .left-alert input[type=url] + label:after, 
  .left-alert input[type=time] + label:after,
  .left-alert input[type=date] + label:after, 
  .left-alert input[type=datetime-local] + label:after, 
  .left-alert input[type=tel] + label:after, 
  .left-alert input[type=number] + label:after, 
  .left-alert input[type=search] + label:after, 
  .left-alert textarea.materialize-textarea + label:after{
      left:0px;
  }
  .right-alert input[type=text] + label:after, 
  .right-alert input[type=password] + label:after, 
  .right-alert input[type=email] + label:after, 
  .right-alert input[type=url] + label:after, 
  .right-alert input[type=time] + label:after,
  .right-alert input[type=date] + label:after, 
  .right-alert input[type=datetime-local] + label:after, 
  .right-alert input[type=tel] + label:after, 
  .right-alert input[type=number] + label:after, 
  .right-alert input[type=search] + label:after, 
  .right-alert textarea.materialize-textarea + label:after{
      right:70px;
  }
  .btn-action i {
    font-size: 16px;
    line-height: inherit;
}
.btn-action {
    width: 23px;
    height: 23px;
    line-height: inherit;
}


.tog .lbl {
  position: relative;
  display: block;
  height: 18px;
  width: 10px;
  background: #898989;
  border-radius: 100px;
  cursor: pointer;
  transition: all .3s ease;
  }

.tog .lbl:after {
   position: absolute;
   left: -2px;
   top: -3px;
   display: block;
   border:none;
   width: 23px;
   height: 23px;
   border-radius: 100px;
   background: white;
   box-shadow: 0px 3px 3px rgba(#000,.05);
   content: '';
   transition: all .3s ease;
}
.tog [type="checkbox"]+label:before {
    border: none !important;

}
.tog .lbl .active:after{transform: scale(1.15, .85);}
  
      
.tog .cbx:checked ~ label{
  background: #6FBEB5;}
   
.tog .cbx:checked ~ label:after{ left: 20px;
    background: #179588;}
    
.tog .cbx:disabled ~ label{
  background: #D5D5D5;
  pointer-events: none;}
.tog .cbx:disabled ~ label:after{ background: #BCBDBC;}  
  
.tog .press{
  margin-bottom: 40px;
}
  
.tog .hidden{
  display: none;}

 .selectclass {

   position: relative;
    top: -1rem;
    left: 0rem;
    font-size: 0.8rem;
    color: #FF4081;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
 }

 .btn-extra-larg
 {

    width: 400.5px;
    height: 400.5px;
 }
 .call-bt {background-color: #ff4081 !important; width: 170px !important;}
 .call-bt i {font-size: 14px;}  

 @media only screen and (max-width: 768px) {
 .call-bt {width: 140px !important; font-size: 11px;}
.call-bt i {font-size: 12px;} 
 }
  
 .btn-queue
  {
    padding: 25px;
    font-size: 47px;
    line-height: 36px;
    height: auto;
    margin: 10px;
    letter-spacing: 0;
    text-transform: none;
    background-color:#009688;
  }



.appointment-det.modal{width: 82% !important; max-height: 85% !important;}
.appointment-det ul li { padding: 4px 12px;}
.appointment-det .innr-pad {padding: 20px 10px;}
  

  /*================================================================================
  Item Name: Materialize - Material Design Admin Template
  Version: 3.1
  Author: GeeksLabs
  Author URL: http://www.themeforest.net/user/geekslabs
================================================================================

NOTE:
------
PLACE HERE YOUR OWN CSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */




ul.aux-info {
  width: 100%;
  margin: 0;
  padding: 0;
  color:#222;
  display: flex;
  background: #fcfcfc;
  border-top: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
}

ul.aux-info li {
  display: block;
  padding: 6px 15px;
  width: 20%;
  background: #fff;
  /* vertical-align: middle; */
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
ul.aux-info li p {
    padding: 3px 0px;
    margin: 0px;
}

ul.aux-m6 {
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  color:#222;
  display: flex;
  background: #fcfcfc;
  border-top: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
}

ul.aux-m6 li {
  display: block;
  padding: 6px 15px;
  width: 33.33%;
  background: #fff;
  /* vertical-align: middle; */
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
ul.aux-m6 li p {
    padding: 2px 0px;
    margin: 0px;
}
.main-h3 {
    color: #222;
    font-weight: 500;
    font-size: 24px;
    padding: 0px 20px 0px;
}
.sub-h3 { color: #222;
    font-weight: 600;
    padding: 0px 0px 5px;
    font-size: 18px;}   
.actv-li {
    transform: scale(1.13);
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #eee !important;
    }    
@media print
{
  .no-print
  {
    display: none !important;
  }

}




.apkioskform-head{ margin-top: -25px; font-size: 18px;}

@media only screen and (max-width: 610px) {
.apkioskform-head{ margin-top: 5px;} 
}


.badge-rport{
 background-color: #00bcd4;
 right: unset !important;
 width: 72.39px;
}
.badge-rport-red{
 right: unset !important;
 width: 72.39px;
}
.badge-rport-grn{
 right: unset !important;
 width: 72.39px;

}



.badge-tt-tickets{
   right: unset !important;
   background-color: #6a1b9a;
   margin-left: 4px;
}
.badge-tt-serv-tickets{
   right: unset !important;
   background-color: #f9a825;
   margin-left: 4px;
}
.badge-clse-tickets{
   right: unset !important;
   background-color: #32CD32;
   margin-left: 4px;
}
.badge-wait-tickets{
   right: unset !important;
   background-color: #0091ea;
   margin-left: 4px;
}
.badge-no-show-tickets{
   right: unset !important;
   background-color: #d50000;
   margin-left: 4px;
}
.badge-transfr-tickets{
   right: unset !important;
   background-color: #32CD32;
   margin-left: 4px;
}
.badge-position-size{
      font-weight: 600;
    padding-left: 66px;
}
.pro-background{
  background-color: #009688!important;
}

.pro-button-color{
  background-color: #009688 !important;
}

.submit{
  background-color: #009688 !important;
}

.logo-pro{
  background-color: #fff;
  padding: 8px;
  border-radius: 15px;
  padding-bottom: 2px;
  padding-top: 5px;
}

header .brand-logo img 
  {
     margin-top: -10px
  }