/*=======================Homeappointmentcss=================================================*/
*{
  outline: none !important;
}
.Book_Appoint{ font-family:'Poppins', sans-serif;}
.Book_Appoint table tr:first-child{ display:none;}
.Book_Appoint table { width:100%; float:left;}
.Book_Appoint table tr:nth-child(2) td{ width:100%; float:left; display:block;}
.Book_Appoint .app_workers{ width:100%; float:left;}
.Book_Appoint .app_workers_dropdown_title, .Book_Appoint .app_services_dropdown_title{font-family:'Poppins', sans-serif; font-size:16px;  margin:0px;}
.Book_Appoint .app_select_services, .Book_Appoint .app_select_workers{ margin-bottom:10px; padding:10px 15px; margin-right:0px !important;}
.Book_Appoint .app_services_button, .Book_Appoint .app_workers_button{ background:#f35f2a !important; padding:6px 10px; font-family:"OpenSansSemibold"; cursor:pointer; height:42px;}
.Book_Appoint .app_services_button:hover, .Book_Appoint .app_workers_button:hover{ background:#e5521e !important;}

.Book_Appoint .appointments-list table tr:first-child{ display:block;}
.Book_Appoint .appointments-list{ margin-top:0;}
.Book_Appoint .appointments-list table tr:nth-child(2) td{ width:auto; float:none; display: table-cell;}
.Book_Appoint .appointments-list .app_monthly_schedule_wrapper{ width:100%; /*margin-right:2%;*/ float:left; margin-top:10px;}
.Book_Appoint .appointments-list .app_monthly_schedule_wrapper table thead tr:first-child, .Book_Appoint .appointments-list .app_monthly_schedule_wrapper table tfoot tr:first-child{ display:table-row;}
.Book_Appoint .appointments-list .app_monthly_schedule_wrapper table thead tr:first-child th{ border-bottom:0px !important;border:0px;color:#f35f2a;height:50px;font-size:20px;}
.Book_Appoint .appointments-list table{ border-collapse: separate;}
.Book_Appoint .appointments-list .app_monthly_schedule_wrapper table{ /*background:#d3dff2;*/border-radius:2px;padding: 10px;}
/*.Book_Appoint .appointments-pagination{ padding:0px;}*/
.Book_Appoint .appointments-pagination a{ border:none !important; color:#fff; font-family:"OpenSansSemibold"; font-size:20px; box-shadow:none !important; text-shadow:none !important;}

.Book_Appoint .appointments-wrapper h3{padding:20px; border-radius:5px;text-align:center;margin-top: 20px;}
/*.Book_Appoint .appointments-confirmation-wrapper{ margin-top:20px;}*/
.Book_Appoint .appointments-list .app_timetable_wrapper{ width:50%; margin-top:10px; border-radius:2px; /*background:#d3dff2;*/ /*background:white*/;padding-left:5px;}

.Book_Appoint .app_timetable_title{height:60px;padding-top:20px;text-align:center;margin-top:5px;width:98%;border-radius:5px; }
.Book_Appoint .appointments-list .app_timetable_wrapper .app_timetable{ width:100%; float:left; margin-left:0;padding-bottom: 10px;}
.Book_Appoint .appointments-list .app_timetable_wrapper .app_timetable .app_timetable_cell{ width:24%;}
.appointments-confirmation-button{margin-left: 2%;}



/*.Book_Appoint .appointments-confirmation-wrapper .appointments-gcal-field{ display:none !important;}*/


.appointments-gcal-field{padding: 25px;}
.Book_Appoint .appointments-confirmation-wrapper .appointments-gcal-field span{width:20%;float:left;}
.Book_Appoint .appointments-gcal-field-entry{height:auto;width:2%;}


.Book_Appoint .appointments-confirmation-wrapper fieldset{ border:#fff 1px solid;}
.Book_Appoint .appointments-confirmation-wrapper span{ width:38%; float:left;}
.Book_Appoint .appointments-confirmation-wrapper{ font-size:14px;}
.Book_Appoint .appointments-confirmation-wrapper .appointments-name-field{ clear:both;}
.Book_Appoint .appointments-confirmation-wrapper input[type="text"]{ width:100%;}
/*.Book_Appoint .appointments-confirmation-button, .Book_Appoint .appointments-confirmation-cancel-button{padding:10px 15px !important; cursor:pointer;}*/
/*.Book_Appoint .appointments-confirmation-cancel-button{ margin-top:15px;}*/
.Book_Appoint .appointments-confirmation-wrapper h3{text-align:center;padding: 20px !important;}
.Book_Appoint .appointments-confirmation-wrapper fieldset div{ float:left; width:46%; margin-left:2%;}
.Book_Appoint .appointments-pagination .previous{ width:100%; text-align:center; float:left; margin-bottom:14px !important;}
.Book_Appoint .appointments-pagination .next{width:100%; text-align:center; float:left; margin-bottom:8px !important;}
.Book_Appoint .appointments-list .app_monthly_schedule_wrapper table tr:first-child{ display:table-row;}

.Book_Appoint  .app_monthly_schedule_wrapper td.notpossible, div.notpossible{background:e2e2e1!important;}
.Book_Appoint .app_services_button{display:none;}
.Book_Appoint .app_workers_button{display:none;}
.Book_Appoint .app_monthly_schedule_wrapper tfoot{display:none;}
.Book_Appoint .free p{color:#fff;!important;}
.Book_Appoint .app_timetable_wrapper .free{color:#fff;!important;}

.last{border-bottom:#fff 2px solid;padding-bottom:10px;}
.next_btn{float:right;width:auto!important;/*border:none*/;color:#fff;padding:10px;}
.next_btn:hover{cursor:pointer;/*border:none;*/color:#fff;padding-top:10px;}
.next_btn1{float:right;width:auto!important; padding:12px 20px;border:none;color:#fff;padding-top:10px;}
.next_btn1:hover{cursor:pointer;border:none;color:#fff;padding-top:10px;}
.pre_btn{float:left;width:auto!important; ; padding:12px 20px;border:none;color:#fff;padding-top:10px;}
.pre_btn:hover{cursor:pointer;border:none;color:#fff;padding-top:10px;}
  #Act{ width:98%; height:5px; float:left; border-radius:5px; margin-top:5px;}
#perv_last{/*margin-left:42%;*/margin-top:13px;}
.Book_Appoint select{/*background:#e5ebf7!important;color:#000!important;background: white !important;color: gray !important; */}

.wel h1{text-align:center;padding-top:10px;}
.Book_Appoint .appointments-confirmation-buttons .appointments-confirmation-button{
    width: 46% !important;border:none;color:#fff;
}
/*.Book_Appoint .appointments-confirmation-buttons .appointments-confirmation-cancel-button{
    width: 46% !important;border:none;color:#fff;
}*/

/*===========================end=======================================*/
/*.Book_Appoint{ width:100%; border-radius:8px; float: left;padding:20px 28px; }*/
.Book_Appoint h1{ text-align:center; /*margin-bottom:40px;*/}
.Book_Appoint .field_rw{ width:46%; /*margin-right:2%; margin-top:50px; */float:left; /*margin-bottom:25px;*/}
 .field_rw input{ width:100%; padding:15px; height:50px; background:#8dbcdf; border-radius:5px; font-family:'OpenSansRegular'; border:none; font-size:18px; color:#fff;}
 .Book_Appoint input[type=text]{background:#fff!important;color:gray !important;border:none;}
/*.Book_Appoint .field_rw select{ width:82%; padding:5px; height:40px;    border: 1px solid lightgray !important; background:#8dbcdf; border-radius:5px; font-family:'OpenSansRegular'; border:none; font-size:18px; color:#fff;}*/
.Book_Appoint .field_rw textarea{ width:100%; padding:15px; height:150px; background:#8dbcdf; border-radius:5px; font-family:'OpenSansRegular'; border:none; font-size:18px; color:#fff;}
.Book_Appoint .field_rw:last-child{ margin-bottom:0px;}
.Selectbx{ width:100%; float:left; background:#8dbcdf; border-radius:5px; height:50px; overflow:hidden;}
.Selectbx #Service{ background:#8dbcdf url(../images/drop_arw.png) 88% 18px no-repeat;}
.Selectbx #Date{ background:#8dbcdf url(../images/ic_12.png) 88% 16px no-repeat;}
.Selectbx #time{ background:#8dbcdf url(../images/ic_13.png) 88% 16px no-repeat;}



    
    
    .fieldset{
    display:none;
    width: 100%;
    /*padding:20px;*/
    /*margin-top:50px;
    margin-left: 85px;
    border-radius:5px;
    box-shadow: 3px 3px 25px 1px gray;*/
    }
    
.fieldset2{
    display:none;
    width: 100%;
    /*padding:20px;*/
    /*margin-top:50px;
    margin-left: 85px;
    border-radius:5px;
    box-shadow: 3px 3px 25px 1px gray;*/
    }
    .fieldset3{
    display:none;
    width: 100%;
    /*padding:20px;*/
    /*margin-top:50px;
    margin-left: 85px;
    border-radius:5px;
    box-shadow: 3px 3px 25px 1px gray;*/
    }

#first{
    display:inline-block;
    width: 100%;
    /*padding:20px;*/
    /*margin-top:50px;
    border-radius:5px;
    margin-left: 85px;
    box-shadow: 3px 3px 25px 1px gray;*/
    }
    



    
  .Book_Appoint #progressbar{
    padding: 10px;
    font-size:18px; margin-left:22%;
    }   
.Book_Appoint .active{
      color: #1063af;
      background: white;
      padding: 7px;
      border-radius: 8px;
   }
    
        
.Book_Appoint .active span{
    float: left;
    width: 40%;
    height: 3px;
    margin-left: 31%;
    }
    
/*.Book_Appoint .act{
    background:#f1602d;
    }*/
        
    /*.Book_Appoint li{
    margin-right:52px;
    display:inline;
    text-align:center; width:20%; float:left;
    font-family: 'Droid Serif', serif;
    
    }*/
.Book_Appoint li span{ width:98%; height:5px; float:left; border-radius:5px; margin-top:5px;}

.Book_Appoint .next_btn{
  border:1px solid white;
  margin-top: 25px;
}
@media (max-width: 520px) { 
.Book_Appoint #progressbar{ margin-left:3%;}
.Book_Appoint li{ width: 27%; margin-right: 19px !important;}

}

@media only screen and (max-width: 768px){
  .Book_Appoint h1 {
    text-align: center;
    /* margin-bottom: 40px; */
    padding-top: 43px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .Book_Appoint .appointments-confirmation-wrapper fieldset div{
    width: 100%;
  }
  .Book_Appoint .appointments-confirmation-wrapper span{
    width: 100%;
  }
  .appointments-confirmation-wrapper label{
    margin:0px;
  }
  .Book_Appoint .appointments-confirmation-buttons .appointments-confirmation-button{
    margin: 0px !important;
    width: 100% !important;
  }
  .Book_Appoint .appointments-confirmation-buttons .appointments-confirmation-button{
    margin-top: 20px !important;
  }
  .Book_Appoint .appointments-confirmation-wrapper fieldset div{
    margin-left: 0px !important;
  }
  .Book_Appoint .appointments-list .app_monthly_schedule_wrapper,.Book_Appoint .appointments-list .app_timetable_wrapper{
    width: 100% !important;
    padding:0px !important;
  }
  .appointments-gcal-field{
    padding: 25px 0px !important;
  }
  .Appointment_section .Book_Appoint{
    padding: 0px;
    padding-bottom:15px !important;
  }
  .Book_Appoint .active{
    /*margin-top: 11px;*/
  }
  .Appointment_section p {
    display: inline-block;
    padding-top: 1px;
  } 
  .Book_Appoint .field_rw{
    margin: 0;
    margin-top: 5px !important;
  }
  .next_btn{
    float: none;
    width: 100% !important;
    border:1px solid #fff;
    margin-top: 0px !important;
  }
  .Book_Appoint #progressbar{
    /*padding-bottom: 35px;*/
  }
  
  /*.Book_Appoint .field_rw select{
    width: 100%;
  }*/
}

/*.Appointment_section{ width:100%; margin-bottom: 20px;display: inline-block;} .Appointment_section p{ text-align:center;margin:0;padding: 5px;}*/
.Appointment_section .btn_1 span{ font-size:35px;  line-height:22px; padding-top:2px;}
.Appointment_section .btn_1{ padding:12px 40px 12px; } .Appointment_section .Offset4{ margin-top:50px !important;}


/*Largest changes*/
.app_timetable_wrapper{
  display: none;
}

.wc-services .Book_Appoint input[type="text"]{
      padding: 10px;
}

.Book_Appoint tr .app_holiday1{
  /*background: #ff6161 !important;*/
  color: white;
  /*padding: 5px;*/
  border: 1px solid white !important;
}
.appointments-list table td{
  border:none !important;
  text-align: center !important;
}
.Book_Appoint tr .free1{
  /*background-color: white !important;*/

}
.Book_Appoint tr .free1 p{
  color: gray !important;
}
.Book_Appoint .appointments-list .app_monthly_schedule_wrapper table thead tr:first-child th{
  color: gray !important;
}
.Book_Appoint .appointments-list .app_monthly_schedule_wrapper{
  width: 100%;
  padding-right: 10px;
}
.Book_Appoint .app_timetable_title{
  background: white !important;
  color: gray !important;
}
.Book_Appoint .appointments-list .app_timetable_wrapper .app_timetable .app_timetable_cell{
  padding: 10px;
}
.Book_Appoint .app_timetable .free_color{
  background:white !important;
  color: gray;
}
.appointments-pagination{
  margin-top: 20px;
}
.Book_Appoint .appointments-list{
  display: flex;
}
.app_monthly_schedule_wrapper{
    display: flex;
    margin: 10px auto auto auto !important;
}

.app-color-txt{
  display: inline-block;
  font-size:14px;
  color: gray;
}
.appointment_Status_list{
  margin-bottom: 15px;
  /*text-align: center;*/
  padding: 5px;
  border-radius: 6px;
  display: none;
}
.Appointcolor {
  display: inline-block;
  padding: 0px 2%;
  color:white;
}


/*Filter from bootstrap*/

.Appointment{ margin-bottom:15px;}
.appoint_form{float:left;width:46%;}
.appoint_form_r{float:right;width:47%;padding-right:7px;}
.appoint_form_mail{float:left;width:100%;}
.Make_appoint h1{ padding:0px 0px 0px; margin-bottom:30px;  }

.Make_appoint{ width:40%; float:right;}
.Make_appoint .Work_time{ border-bottom:#1063af 1px solid; background:url(../images/dash_icon2.png) no-repeat center top;}
.Make_appoint .Call:before, .Make_appoint .Info:before{ color:#1063af;} 

@media (max-width: 767px) {
    .Make_appoint{width: 100%;}
    #appoitment{ margin-top:30px;}
    .Footer_left .Appointment .Fl{ width:auto;}
}

@media (max-width: 420px) {
    .Make_appoint h3{ font-size:28px; margin-bottom:10px;}
    .Make_appoint .Light16{ font-size:15px;}
    .Make_appoint .Light22{ font-size:18px;} 
    .Time_select{ width:100%;}
    .appoint_form_r{float:left;padding-right:0px;width:100%;padding-top:8px;}
    .appoint_form{float:left;padding-right:0px;width:100%;padding-top:8px;}
}

#appointments-field-customer_chk{
    width: 0px;
    height: 0px;
    padding: 0px;
}
.appointments-confirmation-wrapper legend{
  /*background:white;*/
  border-radius: 5px;
  margin-top: 19px;
}

.appointments-confirmation-wrapper input[type="text"],.appointments-confirmation-wrapper  input[type="email"],.appointments-confirmation-wrapper  input[type="url"],.appointments-confirmation-wrapper  input[type="password"] {
  border: 1px solid #d0d0d0;
  color: #a1a1a1;
  height: 40px;
  padding: 0px 10px 0 20px;
  width: 100%;
  font-weight: 400;
  margin-top: 8px;
  border-radius: 5px;
}
.Book_Appoint #progressbar{

}
@media only screen and (max-width: 520px){
  .Book_Appoint li{
    /*margin-right: 30px !important;*/
    width: 100%;
    margin-top: 12px;
  }
}
.appointments-list table td{
  padding: 8px !important;
}
.app_select_services,.pre_btn,.next_btn1,.next_month,.prev_month,.Book_Appoint .next_btn{
  height: initial !important;
  border-radius: 5px;
}
.appointments-confirmation-wrapper legend{
  width: 100%;
}
@media (max-width: 768px) {
        .Appointment_section,.field_rw{
            width: 100% !important;
        }
        .Book_Appoint .appointments-confirmation-buttons .appointments-confirmation-button,.Book_Appoint .appointments-confirmation-wrapper fieldset div,.Book_Appoint .appointments-confirmation-wrapper span{
            width: 100% !important;
        }
        .Book_Appoint .appointments-confirmation-buttons .appointments-confirmation-button{
          margin-left: 0px !important;
        }
/*        .Book_Appoint{
            padding:0 0 0 0 !important;
        }*/
        .Appointment_section{
          min-width: 100% !important;
        }
        .Book_Appoint h1{
          padding-top: 20px;
        }
        .next_btn1{
          font-size: initial !important;
          padding:12px 20px !important;
        }
        .Colm1 .center{
          width: 100%;
        }
        #perv_last{
          margin-left: 35px;
        }
        .container{
          padding: initial !important;
        }   
        .Banner_content h1{
          font-size: 20px !important;
          line-height: 27px;
        }
        .Banner_content p{
          width: 260px;
        }
        .Services .colm_1{
          height: 335px;
        }
        .Book_Appoint .appointments-list{
          display: block !important;
        }
        .Appointcolor{
          display: inline-grid !important;
        }
        .color-prev{
          margin:auto !important;
        }
        .app-color-txt{
          margin-top: 10px;
        }
        .toggleMenu{
          text-decoration: none;
        }
    }

/*Bootstrap model*/

.close:hover,
.close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.modal-open {
  overflow: hidden;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  display: none;
  overflow: auto;
  /*overflow-y: scroll;*/
  background:rgba(0,0,0,0.4);
  z-index: 99999;
}

.modal.fade .modal-dialog {
/*  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
          transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
     -moz-transition: -moz-transform 0.3s ease-out;
       -o-transition: -o-transform 0.3s ease-out;
          transition: transform 0.3s ease-out;
*/}

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}

.modal-dialog {
  position: relative;
  z-index: 1050;
  width: auto;
  padding: 10px;
  margin-right: auto;
  margin-left: auto;
}

.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
  background-color: #000000;
}

.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}

.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.modal-header {
  min-height: 60.429px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.428571429;
}

.modal-body {
  position: relative;
  padding: 20px;
  padding-bottom: 0px;
}

.modal-footer {
  padding: 19px 20px 20px;
  margin-top: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.appointify-model-close{
  float: right;
    margin-right: 2%;
    font-size: 29px;
    /*margin-top: 0.5%;*/
    color: gray;
    cursor: pointer;
}
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}

.modal-footer:after {
  clear: both;
}

.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}

.modal-footer:after {
  clear: both;
}

.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

@media screen and (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
}

@media (min-width: 992px){
.modal-lg {
    width: 900px;
}

}

.lobibox-notify-wrapper{
  z-index: 99999999999 !important;
}


/*//New Appointment CSS*/


@charset "utf-8";
/* CSS Document */


@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

*,::after,::before{box-sizing:border-box}

html, body{ background:#fff;  margin:0;  padding:0; color:#000; font-size:14px; line-height:24px; font-family: 'Poppins', sans-serif; font-weight:400;
 overflow-x:hidden;  }

ul{ margin:0; padding:0; list-style:none;} a{ text-decoration:none;}

h1, h2, h3, h4, h5, h6{font-family: 'Poppins', sans-serif; font-weight:500; color:#000; margin:0; }

.mb_30{ margin-bottom:30px;} .text_right{ text-align:right;} .text_center{ text-align:center;} .img_fluid{ max-width:100%;} .mb_10{ margin-bottom:10px;} 
.mb_15{ margin-bottom:15px;}
.dflex_j{ display:flex; justify-content:space-between;}

.Appointment_section{ background:#f8f8f8; padding:40px; width:92%;  max-width:900px; margin:30px auto; border-radius:10px; } 
.Appointment_section .head_ap{ border-bottom:#e1e8ff 2px solid; padding-bottom:30px; margin-bottom:30px; display:flex; align-items:center; justify-content:space-between;}
.Appointment_section .head_ap .ha_cl_1 h2{ margin:0; border-left:#5b7fff 6px solid; padding-left:20px;font-size: 1.5em;}
.Appointment_section .head_ap .ha_cl_2 ul{ list-style:none; margin:0; padding:0;} 
.Appointment_section .head_ap .ha_cl_2 ul li{ display:inline-block; margin-left:40px;} 
.Appointment_section .head_ap .ha_cl_2 ul li a{ color:#545454; font-size:18px; font-weight:500; text-decoration:none !important;font-family: 'Poppins', sans-serif;} 
.Appointment_section .head_ap .ha_cl_2 ul li a:hover{ color:#5b7fff;} 
.Appointment_section .rw_wrap{ display:flex;} 
.Appointment_section .rw_wrap .col{ width:48.5%; float:left;padding: 0;} 
.Appointment_section .rw_wrap .col:last-child{ margin-left:auto;} 
.Appointment_section .ap_frm_bx{ background:#fff url(../images/down_arrow.png) no-repeat right center !important; border:none !important; width:100% !important; height:52px !important; border-radius:4px !important; box-shadow:0px 0px 10px rgba(0,0,0,.1) !important; padding:0px 40px 0px 15px !important; color:#212334 !important; font-family: 'Poppins', sans-serif !important; font-weight:500 !important; font-size:15px !important; -webkit-appearance: none;
   -moz-appearance:none; appearance:none !important; box-shadow:none !important; outline:none !important;} 
.Appointment_section .title_label{font-size: 14px !important; display:block; color:#7c7c7c; font-weight:500; margin-bottom:10px;font-family: 'Poppins', sans-serif !important;}    
.Appointment_section .btn_ap_1{ width:180px; display:inline-block; height:50px; background:#5b7fff; border-radius:5px; cursor:pointer; border:none; box-shadow:none !important; color:#fff; font-size:16px; font-family: 'Poppins', sans-serif; font-weight:500;}
.Appointment_section .btn_ap_1:hover{ background:#212334; color:#fff;}  
.btn_ap_1.btn_light{ background:#fff; color:#5b7fff;} 
.btn_ap_1.btn_light:hover{ background:#5b7fff; color:#fff;} 
.osm_center{ background:#fff; padding:5px; border-radius:6px; width:100%; max-width:720px; margin:0 auto; box-shadow:0px 0px 15px rgba(0,0,0,.1);}
.osm_center h2{-webkit-text-fill-color : unset; background:#5b7fff; color:#fff; padding:16px 10px; font-size:22px; text-align:center; border-radius:6px; margin-bottom:10px;}
.osm_bdy{ padding:20px;} 
.osm_md_rw{ padding:15px 0px; border-bottom:#f2f2f2 1px solid; border-top:#f2f2f2 1px solid; margin-bottom:15px;} 
.osm_md_rw ul li{ display:inline-block; margin-right:25px;} 
.osm_md_rw ul li a{ display:block; position:relative; font-size:13px; } 
.osm_md_rw ul li a:before{ content:""; width:20px; height:20px; border-radius:100%; border:#fff 3px solid; position:relative; bottom:-5px; display:inline-block; margin-right:10px; box-shadow:0px 0px 10px rgba(0,0,0,.2);} 
.osm_md_rw ul li.holiday a{ color:#fc5353;} .osm_md_rw ul li.holiday a:before{ background:#fc5353;} 
.osm_md_rw ul li.notpossible a{ color:#21a016;} .osm_md_rw ul li.notpossible a:before{ background:#21a016;}
.osm_md_rw ul li.busy a{ color:#48a5fb;} .osm_md_rw ul li.busy a:before{ background:#48a5fb;}
.osm_md_rw ul li.free a{ color:#908888;} .osm_md_rw ul li.free a:before{ background:#e0e0e0;} 
.osm_md_rw ul li.today a{ color:#293744;} .osm_md_rw ul li.today a:before{ background:#293744;} 

.btn_w2{ display:inline-block; background:#fff; padding:4px 15px;  color:#3c4169; font-size:15px; border:#f2f2f2 1px solid; border-radius:5px; } 
.btn_w2:hover{ background:#3c4169; color:#fff; border:#3c4169 1px solid;} 

.pcap_rw{ border-bottom:#f2f2f2 1px solid; padding-bottom:15px; margin-bottom:15px;} 
.pcap_rw .col{ color:#969696; font-size:16px;} .pcap_rw .col strong{ font-weight:500; color:#3c4169;} 

.price_ap .col strong{ color:#5b7fff; font-size:24px; font-weight:400;} 

.Appointment_section .ap_frm_bx2{ background:#fff; border:#f2f2f2 1px solid; width:100%; height:45px; border-radius:4px;  padding:0px 15px; color:#212334; font-family: 'Poppins', sans-serif; font-weight:400; font-size:15px; box-shadow:none !important; outline:none; }   
.Appointment_section .ap_frm_bx2:focus{border:#5b7fff 1px solid;}

.title_label2{ color:#969696;} .access_google{color:#969696; font-size:15px;} 

.btn_ap_3{ background:#5b7fff; color:#fff; font-size:15px; font-family: 'Poppins', sans-serif; font-weight:400; display:inline-block; padding:10px 20px; border-radius:4px;border: none;cursor: pointer;}
.btn_ap_3:hover{ background:#3c4169; color:#fff;} 

.btn_ap_4{ background:#5b7fff; color:#fff; font-size:15px; font-family: 'Poppins', sans-serif; font-weight:400; display:inline-block; padding:10px 20px; border-radius:4px;cursor: pointer;}
.btn_ap_4:hover{ background:#3c4169; color:#fff;}


@media (min-width:992px) and (max-width:1199px){  

}


@media (min-width:768px) and (max-width:991px){  

}


@media (max-width:767px){  
.Appointment_section{ padding:20px;}
.Appointment_section .head_ap{ display:block;} 
.Appointment_section .head_ap .ha_cl_2{ margin-top:15px;} 
.Appointment_section .head_ap .ha_cl_2 ul li{ margin:0px 25px 0px 0px;} 
.Appointment_section .head_ap .ha_cl_2 ul li:last-child{ margin:0;} 
.Appointment_section .head_ap .ha_cl_2 ul li a{ font-size:16px;} 
.Appointment_section .rw_wrap{ display:block;} 
.Appointment_section .rw_wrap .col{ width:100%; float:none;} 
.Appointment_section .btn_ap_1{ width:150px;} .btn_w2{ font-size:14px; padding:4px 10px;} 
.osm_center h2{ font-size:18px;} 

.pcap_rw.dflex_j{ display:block !important;} .pcap_rw .col{ margin-bottom:10px;} 
.pcap_rw .col:last-child{ margin:0;}

} 


.app_monthly_schedule_wrapper table th{
  font-weight: bold;
}
.app_monthly_schedule_wrapper table,.app_timetable_wrapper{border: 1px solid #80808029;}


.color-prev {
  background: red;
  border-radius: 100%;
  width: 20px; 
  height: 20px; 
  margin-right: 10px;
  font-size: 1px;
  display: inline-block;
  border: #fff 3px solid;
  position: relative;
  bottom: -5px;
  display: inline-block;
  margin-right: 10px;
  box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
}

.appointments-paypal{text-align: center;}
.iti__country-list span {
    color: black;
    /* text-align: left; */
    width: auto !important;
    float: unset;
}

.iti__country-list{width: 500px;}