[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display: none !important; }
.loading-modal { display: none; position: fixed; z-index: 99999999; top: 0; left: 0; height: 100%; width: 100%; background: rgba( 255, 255, 255, .8 ) url('/img/ajax-loader.gif') 50% 50%  no-repeat; }
body.loading { overflow: hidden; }
body.loading .loading-modal { display: block; }
.ui-widget-header .ui-icon { background-image: url("/img/ui-icons_444444_256x240.png"); }
.error-message,
.payment-form-wrapper .make-payment-form .fields .error-message  span { color: #e06c75; font-size: 14px; line-height: 1.42857143; }
input.error, body.booking-system .page .custom-dropdown ul.dropdown-select.create-booking li.error, body.admin .page form .dropdown-select input.error { border: 2px solid  #e06c75 !important; }
body.booking-system .page .make-booking article h2.error { color:  #e06c75; font-weight: bold; letter-spacing: normal; }
section.contact-form form.primary-contact-form .input-container span.error-message { color:  #e06c75; font-size: 14px; line-height: 1.42857143; top:0; }
.admin .page .calendar input { padding: 2px 0px 4px 4px; }
.pac-container { background-color: #FFF; z-index: 9999999; position: fixed; display: inline-block; }
body.booking-system .page .make-booking article.select-time ul.appointment-times li a { border: 2px solid #EC5252; }
body.booking-system .page .make-booking article.select-time ul.appointment-times li.enough a { border: 2px solid #fff; }
body.booking-system .page .make-booking article.select-time ul.appointment-times li.past { display: none; }
body.booking-system .page .make-booking article.select-time ul.appointment-times li a.filtered { border: 2px solid #EC5252 }
body.booking-system .page .make-booking article .choose-therapist li.filtered:hover .profile .overlay { background: #EC5252 rgba(236, 82, 82, 1); }
body.booking-system .page .make-booking article .choose-therapist li.filtered .profile { background: #EC5252; }
body.booking-system .page .make-booking article .choose-therapist li.filtered.selected .profile { background: #000000; }

body.booking-system .page .location-details ul.location li p span.error-message { color: #EC5252; }
body.back-office-admin .modal { top: 100px; }
body.back-office-admin .page .make-booking form .edit-booking-select-options li.one { margin-right: 3%; }
body.back-office-admin .page .make-booking form .edit-booking-select-options li.two { margin-left: 3%; margin-right: 3%; }
body.back-office-admin .page .make-booking form .edit-booking-select-options li.three { margin-left: 3%; margin-right: 3%; }
#ui-datepicker-div { z-index : 9999!important; }
@media (min-width: 768px) { body.booking-system  .modal-dialog { width: 600px; margin: 160px auto; } }
ul.availabilities { width: 990px; list-style: none; line-height: normal; margin: auto; }
ul.availabilities li { float: left; width: 78px; padding: 6px 1px; margin: 1px; text-align: center; height: 29px; }
ul.availabilities .available {background-color: #77DD77;}
ul.availabilities .temporarily-unavailable {background-color: #dadada;}
ul.availabilities .unavailable {background-color: #779ECB;}
ul.availabilities .booked { background-color: #FF6961; }
ul.availabilities a { display: inline-block; width: 100%; color:#ffffff; }
ul.availabilities .booked a, ul.availabilities .temporarily-unavailable a { cursor: default;}
ul.availability-row li { padding: 5px 1px; margin: 1px; height: 30px }
.voucher-error { color: #e06c75; margin-top: 10px; }
body.booking-system .page form.make-payment-form div.xcomponent {padding: 15px 110px 15px 20px;position:relative;display:inline-block;margin-top:60px;top: 20px;}

#map-modal {
  z-index: 9999;    
}
#onetimevoucher-users-modal .modal-body {
    height: 536px;
    overflow-y: scroll;
}
#onetimevoucher-users-modal .form-group {
    margin-bottom: 0px;
}
#onetimevoucher-users-modal .checkbox {
    text-align: left;
}
#onetimevoucher-users-modal .checkbox input {
    width: auto;
}

.cookie-banner {
      position: fixed;
    
    background: #2591b5;
    z-index: 999999;
    padding: 20px 0px;
    color: white;
    width:calc(100% - 40px);
    left: 20px;
    top:24px;
}

@media (min-width: 768px) {
    
  .cookie-banner {bottom: 24px; 
  width:calc(50% - 40px);
  bottom: 34px;
  top:auto;
      
  }
}
.cookie-banner .content.align-right{
    text-align:right;
}

.cookie-banner .btn {
  margin-left: 10px;
  background:#fff;
  
}

.cookie-banner p {
  color: white;
  font-size: 14px;
  font-size: 16px;
}

.cookie-banner .inline-link {
  margin: 0 0 10px 0;
  display: inline-block;
  color:#fff;
}