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

.clickToBookProfile {cursor:pointer;margin-top:10px;text-align: center;padding: 10px;font-size: 16px;font-family: 'Montserrat', sans-serif;font-weight: 600;}
.clickToBookProfile > div:nth-of-type(1) {margin-bottom:5px;}
.clickToBookProfile > div:nth-of-type(1) > span {display:block; font-size:12px; margin-top:5px;}
.clickToBookProfile > div:nth-of-type(2) {color:#24b8f4;}

#openBookingPanel {
	position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.9); display:flex; justify-content:center; align-items:center; z-index:999; font-size:14px;
	display:none;
}
#openBookingPanel > div {
	border:1px solid #333; border-radius:5px; background:#000; padding:20px; width:100%; max-width:400px; position:relative;
	overflow: auto;max-height:calc(100% - 40px); margin:20px;
}
#openBookingPanel > div > div {display:none;}
#openBookingPanel .OBPtitle {font-size:18px;font-family: 'Montserrat', sans-serif; text-align:center; margin-bottom:10px;}
#openBookingPanel button {border:1px solid #24b8f4; background:#24b8f4; color:#fff; padding:7px 10px; border-radius:4px; width:100%; font-size:16px; cursor:pointer;}
#openBookingPanel a {cursor:pointer;}
#openBookingPanel .select {border-radius:4px; margin-bottom:10px;}
#openBookingPanel .select select {padding: 10px 20px 10px 10px; font-size:16px; border-radius:4px;}
#openBookingPanel label {display:block; margin-bottom:10px; color:#999;}

#openBookingPanel #OBPoutCallAddress #OBPhotelBooking {display:none;}
#openBookingPanel #OBPoutCallAddress #OBPresidentialBooking {display:none;}

#openBookingPanel .OBPcalendarDays {margin-bottom:10px;}
#openBookingPanel .OBPcalendarDays > div {display:flex; padding:5px;}
#openBookingPanel .OBPcalendarDays > div:nth-of-type(even) {background:#111;}
#openBookingPanel .OBPcalendarDays > div >div:nth-of-type(1) {flex:1 1 auto;}

#openBookingPanel #OBPpostCodeContainer {display:none;}

#openBookingPanel #OBPtimeContainer {display:flex;}
#openBookingPanel #OBPtimeContainer input[type=text] {flex:1 1 auto;}
#openBookingPanel #OBPtimeContainer .select {width:140px;  margin-left:10px; margin-bottom:0;}

#openBookingPanel .OBPfullPostCode {display:inline-block; border:1px solid #333; border-radius:4px; padding-bottom:0; margin-bottom:10px;}
#openBookingPanel .OBPfullPostCode span {display:inline-block; padding:10px; font-size:16px; padding-right:0}
#openBookingPanel .OBPfullPostCode input {width:80px;display:inline-block; border:0; padding-left:2px;}

#openBookingPanel .OBPbackNext {display:flex;align-items: center;}
#openBookingPanel .OBPbackNext a {margin-right:10px; white-space:nowrap;}
#openBookingPanel .OBPbackNext button {}
#openBookingPanel .OBPbackNext a:before,#openBookingPanel .OBPbackNext button:after {
	font-family: 'Font Awesome 5 Free'; font-weight: 900; display:inline-block; vertical-align:middle; line-height:1;
}
#openBookingPanel .OBPbackNext a:before {content: "\f100"; margin-right:5px;}
#openBookingPanel .OBPbackNext buttonafter {content: "\f101"; margin-left:5px;}

#openBookingPanel #OBPrequests {margin-bottom:10px;}
#openBookingPanel #OBPrequests > div {border:1px dashed #333; padding:5px 10px; margin-bottom:5px; display:flex;align-items: center;}
#openBookingPanel #OBPrequests > div > span {flex:1 1 auto;}
#openBookingPanel #OBPrequests > div > i {cursor:pointer; color:#24b8f4;}

#openBookingPanel #OBPbookingSummary > p {display:flex;}
#openBookingPanel #OBPbookingSummary > p > span:nth-of-type(1) {width:120px;}
#openBookingPanel #OBPbookingSummary > p > span:nth-of-type(2) {width:calc(100% - 120px);}
#openBookingPanel #OBPbookingSummary > p#OBPbookingInfoRequests > span:nth-of-type(2) > span {display:inline-block; margin-right:10px;}
#openBookingPanel #OBPbookingInfoRequestNotice {font-size:12px;}
#openBookingPanel #OBPshowServices {display:none;font-size:12px; font-style:italic; color:#999;}

#appearanceDropDownContainer,#servicesDropDownContainer {max-height:150px; overflow:auto;}
#appearanceDropDownContainer > label,#servicesDropDownContainer > label {border-bottom: 1px solid #222222; padding:5px 0;font-size: 16px;display: block; margin-bottom:0;}
#appearanceDropDownContainer > label > span,#servicesDropDownContainer > label > span {display: inline-block;width: calc(100% - 25px);}
#appearanceDropDownContainer > label > div,#servicesDropDownContainer > label > div {display: inline-block;width:25px;}
#appearanceDropDownContainer .fa-check-square,#servicesDropDownContainer .fa-check-square {color:#ff5e00;}
#appearanceDropDownContainer .fa-square,#servicesDropDownContainer .fa-square {color: #333;}
#OBPspecialRequests .dropTitle {font-size: 18px;border-bottom: 1px solid #222222;padding:10px 0;color:#ff5e00;cursor: pointer;}
#OBPspecialRequests .drop {display: none;padding:10px 0;}


/* Warning messages */
#openBookingPanel .access_message {display:none; color:red; text-align:center;}
#openBookingPanel .OBPpleaseCall {display:none; text-align:center;}
#openBookingPanel .OBPoffLine {display:none; text-align:center;}
#openBookingPanel .OBPpleaseCall a {white-space:nowrap;}
#openBookingPanel .OBPoutCallFare {display:none; text-align:center;}

#newUnavailableTimes > div {background: #222;font-size: 13px;padding: 4px 10px;border-radius: 5px;margin: 5px 0px;display: flex;}
#newUnavailableTimes > div > span:nth-of-type(1) {flex: 1 1 auto;}

#bookingCalendar {margin-top:10px;border:1px solid #000; border-radius:3px; box-shadow:inset 1px 1px 1px #787878, inset -1px -1px 1px #787878; background:linear-gradient(45deg, #222 0%,#000 100%);}
#bookingCalendar .cTitle {text-align: center;padding: 10px;font-size: 16px;font-family: 'Montserrat', sans-serif;font-weight: 600; border-bottom:1px solid #333;}
#bookingCalendar .cNav {display:flex;text-align: center;padding: 10px;font-size: 16px;font-family: 'Montserrat', sans-serif;font-weight: 600; border-bottom:1px solid #333;}
#bookingCalendar .cNav span {flex:1 1 auto;}
#bookingCalendar .cNav a {cursor:pointer;}
#bookingCalendar .weekDays {display:flex; border-bottom:1px solid #333; padding:10px 0 0 0 ;}
#bookingCalendar .weekDays a {text-align:center; width:14.285714%;border-bottom: 2px solid transparent; padding-bottom:5px; cursor:pointer;}
#bookingCalendar .weekDays a span {display: block;font-size: 14px;margin-top: -3px;font-weight: 600;}
#bookingCalendar .weekDays > span {text-align:center; width:14.285714%;border-bottom: 2px solid transparent; padding-bottom:5px; color:#333;}
#bookingCalendar .weekDays > span > span {display: block;font-size: 14px;margin-top: -3px;font-weight: 600;}

#bookingCalendar .weekDays a.active {border-bottom: 2px solid #24b8f4;}
#bookingCalendar .workTimes {text-align:center; padding:10px; font-size:14px;}
#bookingCalendar .unavailableTimes{padding:10px;}
#bookingCalendar .unavailableTimes > div {background:#222;font-size:13px; padding:4px 10px;border-radius:5px; margin:5px 0px; display:flex;}
#bookingCalendar .unavailableTimes > div > span:nth-of-type(1) {flex:1 1 auto;}


#openBookingPanel #closeBookingPanel {font-size: 22px;position: absolute;right: 0;top: 0;padding: 5px;background: #000;border-radius: 50%;}




/*Customer sign up / account */
#openBookingPanel .OBPccTel {display:flex;}
#openBookingPanel .OBPccTel span {width:calc(50% - 5px);margin-right:5px; margin-bottom:0;}
#openBookingPanel .OBPccTel input {width:calc(50% - 5px);margin-left:5px;}
#openBookingPanel .passwordEye {position:relative;}
#openBookingPanel .passwordEye i {position: absolute;right: 10px;top: calc(50% - 5px);transform: translate(0, -50%); cursor:pointer; color:#24b8f4;}

#openBookingPanel #OBPaccountPage {font-size:16px;}
#openBookingPanel #OBPaccountPage .OBPtitle {text-align:left;}
#openBookingPanel #OBPaccountHeader {display:flex; margin-bottom:20px;}
#openBookingPanel #OBPaccountHeader a {width:33.333333333%;text-align: center; color:#fff;}
#openBookingPanel #OBPaccountHeader a span {display:block; margin-top:5px; font-size:14px;}
#openBookingPanel #OBPaccountHeader a i {font-size:22px;}
#openBookingPanel #OBPaccountHeader a:hover {color:#24b8f4;}
#openBookingPanel #OBPaccountHeader a.active {color:#24b8f4;}
#APbookings,#APlocations,#APreviews {display:none;}
#APdetailsEdit .APdetailsEditType {font-size: 18px;border-top: 1px solid #222222;padding:20px 0;color:#24b8f4;cursor: pointer;}
#APdetailsEdit .APdetailsEditType > span:nth-of-type(1) {display:block;}
#APdetailsEdit .APdetailsEditType > span:nth-of-type(2) {display:block; color:#999; font-size:14px;}
#APdetailsEdit .APdetailsEditType .fa-asterisk {font-size:10px;vertical-align:middle;}

#APdetailsEdit #APdetailsEditNameContainer {margin-bottom:10px; display:none;}
#APdetailsEdit .APdetailsEditName {display:flex; padding-bottom:10px;}
#APdetailsEdit .APdetailsEditName span {flex:1 1 auto; margin-right:10px;}
#APdetailsEdit .APdetailsEditName input {padding:7px 10px;}
#APdetailsEdit .APdetailsEditName button {width:100px;}
#APdetailsEdit .APdetailsEditName .passwordEye i {font-size:14px;top:50%;}

#APdetailsEdit #APdetailsEditTelContainer {margin-bottom:10px; display:none;}
#APdetailsEdit .APdetailsEditTel {display:flex; flex-wrap:wrap; padding-bottom:10px;}
#APdetailsEdit .APdetailsEditTel span {margin-bottom:0; width:calc(50% - 5px);}
#APdetailsEdit .APdetailsEditTel span:nth-of-type(1) {margin-right:5px;}
#APdetailsEdit .APdetailsEditTel span:nth-of-type(2) {margin-left:5px;}
#APdetailsEdit .APdetailsEditTel select {padding:7px 10px;}
#APdetailsEdit .APdetailsEditTel input {padding:7px 10px; margin-right:10px;}
#APdetailsEdit .APdetailsEditTel button {width:100%; margin-top:10px;}

#APdetailsEdit #APdetailsEditPassContainer { margin-bottom:10px;display:none;}
#APdetailsEdit .APdetailsEditPass {display:flex; padding-bottom:10px;}                                    
#APdetailsEdit .APdetailsEditPass span {flex:1 1 auto; margin-right:10px;}
#APdetailsEdit .APdetailsEditPass input {padding:7px 10px;}
#APdetailsEdit .APdetailsEditPass button {width:100px;}
#APdetailsEdit .APdetailsEditPass .passwordEye i {font-size:14px;top:50%;}

#APbookingsGirlContainer {display:flex; flex-wrap:wrap;}
#APbookingsGirlContainer > div {width:33.333333333333%; padding:2px; text-align:center; font-size:14px;}
#APbookingsGirlContainer > div img {width:100%; display:block; margin-bottom:3px;}

#APreviews .APreviewConainer {font-size:12px;border-top: 1px solid #222222; padding:10px 0;}
#APreviews .APreviewMain {display:flex; align-items:end;font-size:14px;}
#APreviews .APreviewTitle {font-size:18px;}
#APreviews .APreviewIMG {margin-right:10px;}
#APreviews .APreviewTXT {flex:1 1 auto;}
#APreviews .hiddenReviewInfo {padding-top:10px;display:none;}

#OBPaccountSignOut {display:inline-block; border:1px solid #333; font-size:14px; padding:5px 15px; border-radius:4px;}
#OBPaccountSignOut i {margin-right:5px;}
#OBPaccountSignOut:hover {border:1px solid #24b8f4;color:#fff;background:#24b8f4; }