@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.3.1/css/all.min.css";
.ify-apppintment-group .ify-icon{
  font-family: "Font Awesome 5 Free" !important;
}
.ify-apppintment-group{
  display:block;
  padding:20px;
  position: relative;
  font-size: 13px;
}
.ify-step{
  display:none;
}
.ify-step.active{
  display:block;
}
.ify-apppintment-group .ify-select{
  width:100%;
  font-family: "Roboto",sans-serif;
  font-size: 14px;
  font-weight: 400;
  width: 100%;
  height: 36px;
  background-color: #f8f9fd;
   -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position: right 8px center;
  border-radius: 4px;
  border: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
  padding: 0 42px 0 15px;
  margin: 0;
  -webkit-appearance: none;
  -webkit-transition: border-color .2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: border-color .2s cubic-bezier(0.645, 0.045, 0.355, 1);
  box-shadow: none;
  line-height: 36px;
}
.ify-apppintment-group .ify-btn{
  display: block;
  width: 100%;
  line-height: 1.4;
  padding-left: 5px;
  padding-right: 5px;
  white-space: normal;
  margin-top: 0;
  margin-bottom: 10px;
  min-height: 44px;
}
.ify-calendar-time{
  display:flex;
  flex-wrap: wrap;
  justify-content: space-around;
  /*max-height: 142px;*/
  overflow-y: auto;
  margin-bottom: 30px;
}
.ify-calendar-time .item-radio-time:nth-child(1),
.ify-calendar-time .item-radio-time:nth-child(2){
    border-top: none;
}
.ify-calendar-time .item-radio-time{
  position: relative;
  display: block;
  width: 33.333%;
  border: 2px solid transparent;
  font-size: 12px;
  font-weight: 300;
  cursor: pointer;
}
.item-radio-time input{
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
}
.item-radio-time label {
    padding: 7px 10px;
    width: 100%;
    border-radius: 3px;
    text-align: center;
    margin: 0;
    display: block;
    font-size: 12px;
    font-weight: 300;
    text-transform: none;
    background: #414c89;
}
.item-radio-time.item-disable label {
  opacity: 0.3;
  cursor: not-allowed;
}
.item-radio-time.item-disable{pointer-events: none;}
.item-radio-time input[type="radio"]:checked+label {
  background-color: #bbb;
}
.ify-apppintment-group .fc-scrollgrid > tbody > tr > td,
.ify-apppintment-group .fc-scrollgrid > thead > tr > td{
  padding: 0;
}
.ify-apppintment-group table{
  margin-bottom:20px;
  border: 0;
  text-align: center;
}
.ify-apppintment-group .fc-scrollgrid-sync-table > tbody > tr > td,
.ify-apppintment-group .fc-col-header  > tbody > tr > th{
  padding: 10px;
  border: 0;
  text-align: center;
  cursor: pointer;
}
.ify-apppintment-group table a.fc-daygrid-day-number,
.ify-apppintment-group table a.fc-col-header-cell-cushion{
  border: 0;
  display: inline-block;
}
.ify-apppintment-group table a.fc-col-header-cell-cushion{
  font-size: 16;
  font-weight: 600;
}
.ify-apppintment-group table > tbody > tr > td.ify-date-disable{
  cursor: not-allowed;
}
.fc-daygrid-day a:not([href]){
  cursor: pointer;
}
.ify-apppintment-group table > tbody > tr > td.ify-date-disable a.fc-daygrid-day-number,
.ify-apppintment-group table > tbody > tr > td.ify-event-disable a.fc-daygrid-day-number{
  -webkit-text-decoration-line: line-through; /* Safari */
    text-decoration-line: line-through; 
}
.ify-apppintment-group table > tbody > tr > td.ify-date-disable a,
.ify-apppintment-group table > tbody > tr > td.ify-event-disable a{
  cursor: not-allowed;
}
.ify-apppintment-group table > tbody > tr > td.ify-selected{
  background: #cefffd;
}
.ify-apppintment-group .loader,
.ify-apppintment-group .loader:before,
.ify-apppintment-group .loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.ify-loader-group{
  position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    left: 0;
    height: 100%;
    background: #ffffff9c;
    display:none;
}
  .ify-apppintment-group.ify-loading .ify-loader-group{ display:block;}
.ify-apppintment-group .loader {
  color: #4c6ef8;
  font-size: 6px;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.ify-apppintment-group .loader:before,
.ify-apppintment-group .loader:after {
  content: '';
  position: absolute;
  top: 0;
}
.ify-apppintment-group .loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.ify-apppintment-group .loader:after {
  left: 3.5em;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
.ify-label-price,
.ify-price{
  margin-right: 5px;
}
.ify-loader-group .loader{
  top: 45%;
  left: 45%;
  z-index: 1000;
}
.ify-error{
  color: red;
  font-style: italic;
}
.ify-input-error{
  display: none;
}
.ify-form-control.error .ify-input-error{
  display: block;
}
.ify-form-control.error .ify-input{
  border: 1px solid #ed0c0c !important;
  outline: 1px solid red;
} 
.storeify-appointment-service{
  display: none;
}
.storeify-appointment-service.show-appoinment{
  display: block;
}
  
.ify-calendar.fc,
.ify-calendar.fc .fc-view-harness,
.ify-calendar.fc .fc-daygrid{
  width: 100%;
}
.ify-calendar-time{
  overflow-y: auto;
  overflow-x: hidden;
}
.prd-thumb{
  position: relative;
    display: inline-block;
    overflow: hidden;
    width: 120px;
    background: #fff;
    border: 0.1rem solid #e1e3e5;
    border-radius: 10px;
}
.prd-thumb img{
  position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}
.prd-thumb:after {
    content: "";
    display: block;
    padding-bottom: 100%
}
.ify-form-customer input.storeify-appointment-input-control{
  display: block;
    width: 100%;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    border-radius: 5px;
    padding: 0 10px;
    outline: none;
    background-color: #f8f9fd;
    border: 0.1rem solid #e1e3e5;

}
.storeify-col-appointment{
  margin-bottom: 10px;
}
.ify-step-3 .confirm-booking,
.ify-step-3 .confirm-total{
    flex-direction: column;
    align-items: flex-start;
  display: flex;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 400;
}
.storeify-required-text {
    display: inline-block;
    margin: 0;
    padding-left: 5px;
    color: red;
}
.ify-step-3 .confirm-booking > div,
.ify-step-3 .confirm-total > div{
  width: 100%;
    margin-bottom: 5px;
    padding-bottom: 5px;
    display: flex;
    justify-content: space-between;
}
.ify-step-3 .confirm-booking label,
.ify-step-3 .confirm-total label {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    padding-right: 20px;
}
.ify-step-3 .confirm-product{
  padding-bottom: 15px;
  text-align: center;
  width: 100%;
}
.ify-apppintment-group table{
  width: 100%;
}
.ify-apppintment-group button,
.ify-apppintment-group .item-radio-time.item-active label{
  cursor: pointer;
}
.storeify-div-input label.error{
  font-size: 12px;
  color: red;
  display: block;
  font-weight: 100;
  font-style: italic;
}
.confirm-success{
  padding: 20px 10px;
  text-align: center;
  font-size: 18px;
}
.confirm-dowload{
  text-align: center;
  padding: 20px 0;
}
.confirm-dowload a{
  display: inline-block;
  font-size: 35px;
  text-decoration: none;
  padding: 5px 10px;
  color: #6370A7;
}
.confirm-dowload a i{ font-size: 35px;}
.ify-option-product-hide{
  height: 1px;
  width: 1px;
  visibility: hidden;
  padding: 0;
  margin:0;
}
.fc-daygrid-day-number{cursor: pointer;}
.ify-date-disable .fc-daygrid-day-number{cursor: not-allowed;}
/*form*/
.storeify-required-text {
  display:inline-block;
  margin:0;
  padding-left:5px;
  color:red;
}

.ify-appointment-customrequest-form * {
  box-sizing:border-box;
}

.ify-appointment-customrequest-form {
  padding:5px;
  max-width:100%;
  line-height:1.2 !important;
  position:relative;
}

.ify-appointment-customrequest-form select {
  -o-appearance:none !important;
  -ms-appearance:none !important;
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
  appearance:none !important;
}

.ify-appointment-customrequest-form .storeify-title-frm {
  font-weight:600;
}

.ify-appointment-customrequest-form .storeify-notes {
  font-size:13px;
}

.ify-appointment-customrequest-form.storeify-frm-loading {
  overflow:hidden;
}

.ify-appointment-customrequest-form.storeify-frm-loading:after {
  display:block;
  content:"";
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  background-color:rgba(255,255,255,0.5);
  background-image:url('https://cf.storeify.app/images/frontend/loading.gif');
  background-size:32px 32px;
  background-repeat:no-repeat;
  background-position:center center;
  z-index:9;
}

.ify-appointment-customrequest-form .storeify-body-frm {
  margin-top:30px;
}

.ify-appointment-customrequest-form  .storeify-title-frm {
  margin-bottom:8px;
  padding-left:5px;
  padding-right:5px;
}

.ify-appointment-customrequest-form .storeify-sub-title-frm {
  margin-bottom:5px;
  padding-left:5px;
  padding-right:5px;
}

.ify-appointment-customrequest-form .storeify-submit-btn,
.ify-appointment-customrequest-form .storeify-label-control,
.ify-appointment-customrequest-form .storeify-input-control {
  font-size:inherit;
  font-family:inherit;
}

.ify-appointment-customrequest-form .storeify-frm-group {
  display:block;
  position:relative;
  width:100%;
  float:left;
  margin-bottom:20px;
  padding-left:5px;
  padding-right:5px;
  position:relative;
}

.ify-appointment-customrequest-form .storeify-frm-group.storeify-hide {
  display:none;
}

.ify-appointment-customrequest-form .ify-appointment-customrequest-form .bootstrap-datetimepicker-widget {
  position:absolute;
  font-size:13px;
  min-width:250px !important;
  margin:0;
  padding:0;
}

.ify-appointment-customrequest-form .ify-appointment-customrequest-form .bootstrap-datetimepicker-widget table {
  max-width:100% !important;
}

.ify-appointment-customrequest-form .ify-appointment-customrequest-form .bootstrap-datetimepicker-widget table tr td,
.ify-appointment-customrequest-form .ify-appointment-customrequest-form .bootstrap-datetimepicker-widget table tr th {
  border-left:0 !important;
  border-right:0 !important;
}

.ify-appointment-customrequest-form  .ify-appointment-customrequest-form .bootstrap-datetimepicker-widget {
  background:rgba(255,255,255) !important;
}

.ify-appointment-customrequest-form .ify-appointment-customrequest-form .bootstrap-datetimepicker-widget,
.ify-appointment-customrequest-form  .ify-appointment-customrequest-form .bootstrap-datetimepicker-widget table tr td.active {
  color:#333 !important;
}

.ify-appointment-customrequest-form .storeify-label-control {
  display:block;
  margin:0 0 7px 0 !important;
}

.ify-appointment-customrequest-form.storeify-frm-group .storeify-form-check,
.ify-appointment-customrequest-form .storeify-frm-group .storeify-form-radio {
  margin:0 15px 5px 5px;
}

.ify-appointment-customrequest-form .storeify-submit-frm {
  margin:5px 0;
}

.ify-appointment-customrequest-form .storeify-input-control {
  display:block !important;
  width:100% !important;
  height:36px;
  border:1px solid #dedede;
  background:#fff;
  padding:0 15px;
  -webkit-box-shadow:none !important;
  box-shadow:none !important;
  outline:none !important;
  line-height:36px;
}

.ify-appointment-customrequest-form .storeify-submit-btn,
.ify-appointment-customrequest-form .storeify-label-control,
.ify-appointment-customrequest-form .storeify-input-control {
  font-size:inherit;
  font-family:inherit;
}

.storeify-input-control.storeify-text {
  background:transparent !important;
  border:0 !important;
}

.ify-appointment-customrequest-form .storeify-textarea {
  min-height: 100px;
}

.ify-appointment-customrequest-form .storeify-label-control {
  display:block;
  font-size:inherit;
  font-family:inherit;
  margin:0 0 7px 0 !important;
}

.ify-appointment-customrequest-form .storeify-submit-btn {
  background-color:#000;
  color:#fff;
  border-radius:5px;
  font-size:15px;
  padding:0 35px;
  margin-top:5px;
  border:none;
  font-weight:600;
  display:inline-block;
  margin:5px;
}

.storeify-submit-btn.storeify-submit-style-1 {
  border-radius:0 !important;
}

.storeify-submit-btn.storeify-submit-style-2 {
  border-radius:.25em !important;
}

.storeify-submit-btn.storeify-submit-style-3 {
  border-radius:30px !important;
}

.ify-appointment-customrequest-form .storeify-frm-group .storeify-form-checkbox .storeify-checkbox-label,
.ify-appointment-customrequest-form .storeify-frm-group .storeify-form-radio .storeify-radio-label {
  position:relative;
}

.ify-appointment-customrequest-form .storeify-frm-group .storeify-form-checkbox.choose_display_1,
.ify-appointment-customrequest-form.storeify-frm-group .storeify-form-radio.choose_display_1 {
  display:inline-block;
  padding:5px 5px 0 0;
}

.ify-appointment-customrequest-form .storeify-frm-group .storeify-form-checkbox.choose_display_2,
.ify-appointment-customrequest-form .storeify-frm-group .storeify-form-radio.choose_display_2 {
  display:block;
  padding:5px 5px 0 10px;
}

.ify-appointment-customrequest-form .storeify-frm-group .storeify-checkbox-input,
.ify-appointment-customrequest-form .storeify-frm-group .storeify-radio-input {
  position:absolute;
  visibility:hidden !important;
  left:0;
  top:0;
  width:16px;
  height:16px;
  opacity:0 !important;
}

.ify-appointment-customrequest-form .storeify-frm-group .storeify-checkbox-label,
.ify-appointment-customrequest-form .storeify-frm-group .storeify-radio-label {
  display:inline-block;
  padding:0 2px 0 22px;
  margin:0;
  position:relative;
  line-height:1;
  cursor:pointer;
  margin-bottom:5px;
}

.ify-appointment-customrequest-form .storeify-frm-group .storeify-checkbox-label:before,
.ify-appointment-customrequest-form .storeify-frm-group .storeify-radio-label:before {
  border:1px solid #bfbfbf;
  content:"";
  height:16px;
  width:16px;
  position:absolute;
  left:0;
  /*top:50%;
  */

    top:6px;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  display:block;
  box-sizing:border-box;
  cursor:pointer;
}

.ify-appointment-customrequest-form .storeify-frm-group .storeify-radio-label:before {
  border-radius:50%;
}

.ify-appointment-customrequest-form .storeify-frm-group .storeify-checkbox-label:after,
.ify-appointment-customrequest-form .storeify-frm-group .storeify-radio-label:after {
  color:#4e4e4e;
  background-color:transparent;
  content:"";
  height:10px;
  width:10px;
  opacity:0;
  position:absolute;
  -webkit-transition:opacity .2s ease-in-out;
  transition:opacity .2s ease-in-out;
  left:4px;
  top:6px;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  display:block;
  cursor:pointer;
}

.ify-appointment-customrequest-form .storeify-frm-group .storeify-form-radio .storeify-radio-label:after {
  height:8px;
  width:8px;
  border-radius:50%;
  cursor:pointer;
}

.ify-appointment-customrequest-form .storeify-frm-group .storeify-form-checkbox .storeify-checkbox-label:after {
  left:3px;
  cursor:pointer;
}

.storeify-frm-group .storeify-form-checkbox .storeify-checkbox-input:checked ~ .storeify-checkbox-label:after,
.storeify-frm-group .storeify-form-radio .storeify-radio-input:checked ~ .storeify-radio-label:after {
  opacity:1 !important;
  background-color:#000;
}

/*.ify-appointment-customrequest-form .storeify-frm-group .storeify-checkbox-label:before,
.ify-appointment-customrequest-form .storeify-frm-group .storeify-checkbox-label:after {
  top:10px;
}

*/

.storeify-body-frm.storeify-input-style-1 .storeify-input-control:not(.storeify-text) {
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
}

.storeify-body-frm.storeify-input-style-2 .storeify-input-control:not(.storeify-text) {
  border-radius:0.25em !important;
}

.storeify-body-frm.storeify-input-style-3 .storeify-input-control:not(.storeify-text) {
  border-radius:18px !important;
}

.storeify-body-frm.storeify-input-style-4 .storeify-input-control:not(.storeify-text) {
  border-top:0 !important;
  border-left:0 !important;
  border-right:0 !important;
  padding:0 15px 0 5px !important;
}

.storeify-body-frm.storeify-input-style-4.storeify-display-icon .storeify-input-control:not(.storeify-text) {
  padding-left:35px !important;
}

.storeify-body-frm.storeify-input-style-4 .storeify-input-control.storeify-select {
  padding-left:35px !important;
}

.storeify-text-align-1 {
  text-align:left;
}

.storeify-text-align-2 {
  text-align:center;
}

.storeify-text-align-3 {
  text-align:right;
}

.storeify-btn-trigger-popup {
  position:fixed;
  z-index:99999;
  display:inline-block;
  line-height:1 !important;
  border-radius:5px 5px 0 0;
  position:fixed;
  padding:8px 30px;
  border:none;
  font-weight:600;
}

.storeify-btn-trigger-popup * {
  display:inline-block;
  vertical-align:middle;
}

.storeify-btn-trigger-popup .fa {
  margin-left:0;
}

.storeify-select-arrow {
  right:12px;
  top:50%;
  width:0;
  height:10px;
  border-left:5px solid transparent;
  border-right:5px solid transparent;
  border-top:5px solid #000;
  border-top-color:rgb(0,0,0);
  display:inline;
  position:absolute;
}

.storeify-div-select {
  display:block;
  width:100%;
  position:relative;
}

.ify-appointment-customrequest-form .storeify-div-input {
  display:block;
  width:100%;
  position:relative;
}

.ify-appointment-customrequest-form .storeify-div-input label.error,
.storeify-input-file label.error {
  position:absolute;
  top:100%;
  z-index:5;
  display:none;
  max-width:100%;
  padding:3px 5px;
  margin-top:-1px;
  line-height:1;
  color:#fff;
  background-color:rgba(220,53,69,.8);
  border-radius:2px;
  text-transform:none;
  font-size:13px !important;
  font-weight:normal !important;
  font-style:initial;
}

.storeify-input-file label.error {
  position:relative;
  width:max-content;
}

.ify-appointment-customrequest-form .storeify-div-input label.error::after,
.storeify-input-file label.error::after {
  content:"";
  position:absolute;
  bottom:100%;
  left:8%;
  margin-left:-5px;
  border-width:5px;
  border-style:solid;
  border-color:transparent transparent  rgba(220,53,69,.8) transparent;
}

.ify-appointment-customrequest-form .storeify-display-icon .storeify-input-control {
  padding-left:35px;
}

.ify-appointment-customrequest-form .storeify-display-icon .storeify-field-icon {
  font-size:14px;
  line-height:1;
  left:14px;
  top:50%;
  margin-top:-7px;
  position:absolute;
}

.ify-appointment-customrequest-form .storeify-display-icon .storeify-div-input-type-textarea .storeify-field-icon {
  top:21px;
}

.storeify-input-control.storeify-textarea {
  line-height:1.2;
  padding-top:10px;
}

.ify-appointment-customrequest-form .storeify-frm-group .storeify-form-check.choose_display_1,
.ify-appointment-customrequest-form .storeify-frm-group .storeify-form-radio.choose_display_1 {
  display:inline-block;
}

.ify-appointment-customrequest-form .storeify-frm-group .storeify-form-check.choose_display_2,
.storeify-form-preview .storeify-frm-group .storeify-form-radio.choose_display_2 {
  display:block;
}

.ify-appointment-customrequest-form .storeify-col-2 {
  width:50%;
  float:left;
}

.ify-appointment-customrequest-form .storeify-col-3 {
  width:33.333333%;
  float:left;
}
.ify-appointment-customrequest-form .storeify-display-icon .storeify-input-control.storeify-no-icon{
  padding-left: 15px !important;
}

@media screen and (max-width:540px) {
  .ify-appointment-customrequest-form .storeify-col-2,
  .ify-appointment-customrequest-form .storeify-col-3 {
    width:100%;
  }
}

/*@preserve
 * Tempus Dominus Bootstrap4 v5.0.0-alpha14 (https://tempusdominus.github.io/bootstrap-4/)
 * Copyright 2016-2017 Jonathan Peterson
 * Licensed under MIT (https://github.com/tempusdominus/bootstrap-3/blob/master/LICENSE)
 */
.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget{
    position: absolute;
    font-size: 13px;
    min-width: 250px !important;
    background: rgba(255,255,255) !important;
    border: 1px solid #f7f1f1;
}
.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget .collapse{
  display: none;
}
.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget .collapse.show{
  display: block;
}
.sr-only, .ify-appointment-customrequest-form .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after, .ify-appointment-customrequest-form .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after, .ify-appointment-customrequest-form .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after, .ify-appointment-customrequest-form .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after, .ify-appointment-customrequest-form .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after, .ify-appointment-customrequest-form .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after, .ify-appointment-customrequest-form .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after, .ify-appointment-customrequest-form .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after, .ify-appointment-customrequest-form .bootstrap-datetimepicker-widget .btn[data-action="today"]::after, .ify-appointment-customrequest-form .bootstrap-datetimepicker-widget .picker-switch::after, .ify-appointment-customrequest-form .bootstrap-datetimepicker-widget table th.prev::after, .ify-appointment-customrequest-form .bootstrap-datetimepicker-widget table th.next::after {
  position:absolute;
  width:1px;
  height:1px;
  margin:-1px;
  padding:0;
  overflow:hidden;
  clip:rect(0,0,0,0);
  border:0;
}

.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget {
  list-style:none;
}

.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget.dropdown-menu {
  display:block;
  margin:2px 0;
  padding:4px;
  width:14rem;
}

@media (min-width:576px) {
  .ify-appointment-customrequest-form .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width:38em;
  }
}

@media (min-width:768px) {
  .ify-appointment-customrequest-form .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width:38em;
  }
}

@media (min-width:992px) {
  .ify-appointment-customrequest-form .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width:38em;
  }
}

.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget.dropdown-menu:before,
.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget.dropdown-menu:after {
  content:'';
  display:inline-block;
  position:absolute;
}

.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  border-left:7px solid transparent;
  border-right:7px solid transparent;
  border-bottom:7px solid #ccc;
  border-bottom-color:rgba(0,0,0,0.2);
  top:-7px;
  left:7px;
}

.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
  border-left:6px solid transparent;
  border-right:6px solid transparent;
  border-bottom:6px solid white;
  top:-6px;
  left:8px;
}

.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget.dropdown-menu.top:before {
  border-left:7px solid transparent;
  border-right:7px solid transparent;
  border-top:7px solid #ccc;
  border-top-color:rgba(0,0,0,0.2);
  bottom:-7px;
  left:6px;
}

.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget.dropdown-menu.top:after {
  border-left:6px solid transparent;
  border-right:6px solid transparent;
  border-top:6px solid white;
  bottom:-6px;
  left:7px;
}

.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget.dropdown-menu.float-right:before {
  left:auto;
  right:6px;
}

.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget.dropdown-menu.float-right:after {
  left:auto;
  right:7px;
}

.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget .list-unstyled {
  margin:0;
}

.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget a[data-action] {
  padding:6px 0;
}

.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget a[data-action]:active {
  box-shadow:none;
}

.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget .timepicker-hour,
.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget .timepicker-minute,
.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget .timepicker-second {
  width:40px;
  font-weight:bold;
  font-size:1.2em;
  margin:0;
}

.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget button[data-action] {
  padding:6px;
}

.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
  content:"Increment Hours";
}

.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
  content:"Increment Minutes";
}

.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
  content:"Decrement Hours";
}

.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
  content:"Decrement Minutes";
}

.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
  content:"Show Hours";
}

.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
  content:"Show Minutes";
}

.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
  content:"Toggle AM/PM";
}

.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
  content:"Clear the picker";
}

.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
  content:"Set the date to today";
}

.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget .picker-switch {
  text-align:center;
}

.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget .picker-switch::after {
  content:"Toggle Date and Time Screens";
}

.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget .picker-switch td {
  padding:0;
  margin:0;
  height:auto;
  width:auto;
  line-height:inherit;
}

.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget .picker-switch td span {
  line-height:2.5;
  height:2.5em;
  width:100%;
  background: #eee;
}

.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget table {
  width:100%;
  margin:0;
}

.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget table td,
.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget table th {
  text-align:center;
  border-radius:0.25rem;
}

.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget table th {
  height:20px;
  line-height:20px;
  width:20px;
}

.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget table th.picker-switch {
  width:145px;
}

.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget table th.disabled,
.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget table th.disabled:hover {
  background:none;
  color:#868e96;
  cursor:not-allowed;
}

.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget table th.prev::after {
  content:"Previous Month";
}

.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget table th.next::after {
  content:"Next Month";
}

.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget table thead tr:first-child th {
  cursor:pointer;
}

.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
  background:#e9ecef;
}

.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget table td {
  height:40px;
  line-height:40px;
  width:40px;
}

.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget table td.cw {
  font-size:.8em;
  height:20px;
  line-height:20px;
  color:#868e96;
}

.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget table td.day {
  height:20px;
  line-height:20px;
  width:20px;
}

.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget table td.day:hover,
.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget table td.hour:hover,
.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget table td.minute:hover,
.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget table td.second:hover {
  background:#e9ecef;
  cursor:pointer;
}

.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget table td.old,
.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget table td.new {
  color:#868e96;
}

.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget table td.today {
  position:relative;
}

.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget table td.today:before {
  content:'';
  display:inline-block;
  border:solid transparent;
  border-width:0 0 7px 7px;
  border-bottom-color:#007bff;
  border-top-color:rgba(0,0,0,0.2);
  position:absolute;
  bottom:4px;
  right:4px;
}

.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget table td.active,
.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget table td.active:hover {
  background-color:#007bff;
  color:#fff;
  text-shadow:0 -1px 0 rgba(0,0,0,0.25);
}

.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget table td.active.today:before {
  border-bottom-color:#fff;
}

.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget table td.disabled,
.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget table td.disabled:hover {
  background:none;
  color:#868e96;
  cursor:not-allowed;
}

.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget table td span {
  display:inline-block;
  width:36px;
  height:36px;
  line-height:36px;
  margin:2px 1.5px;
  cursor:pointer;
  border-radius:0.25rem;
}
.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget table td .btn span{
  background: #eee;
}

.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget table td span:hover {
  background:#e9ecef;
}

.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget table td span.active {
  background-color:#007bff;
  color:#fff;
  text-shadow:0 -1px 0 rgba(0,0,0,0.25);
}

.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget table td span.old {
  color:#868e96;
}

.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget table td span.disabled,
.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget table td span.disabled:hover {
  background:none;
  color:#868e96;
  cursor:not-allowed;
}

.ify-appointment-customrequest-form .bootstrap-datetimepicker-widget.usetwentyfour td.hour {
  height:27px;
  line-height:27px;
}

.ify-appointment-customrequest-form .input-group.date .input-group-append {
  cursor:pointer;
}
.ify-select.ify-error{
  border: 1px solid red;
}
.error-message{
  display: block;
  color: red;
}