html,body {width:100%;height:100%;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;} body {margin:0;padding:0;font:11px/18px arial,helvetica,verdana,sans-serif;background:#fff;cursor:default;} table {border-collapse:collapse;border-spacing:0;} hr {height:1px;margin:1em 0;padding:0;display:block;border:0;border-top:1px solid #ccc; } sub, sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;} sup {top:-0.5em;} sub {bottom:-0.25em;} code, pre {width:99%;font-family:'Consolas','Lucida Console','Courier New',Courier,monospace;white-space:pre-wrap;white-space:-moz-pre-wrap !important;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;} form {margin:0;padding:0;} label {cursor:pointer;} textarea {resize:vertical;overflow:auto;vertical-align:top;} img {overflow:hidden;} img, a img {border:0;} a:focus,a:active,a:hover {outline:0;} a[href='javascript:;'], .dapoint {cursor:pointer;} .dahand, a.dahand[href='javascript:;'] {cursor:pointer;}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {display:block;} audio, canvas, video {display:inline-block;*display:inline;*zoom:1;} audio:not([controls]) {display:none;height:0;} [hidden] {display:none;} nav ul, nav ol {list-style:none;list-style-image:none;} figcaption { font-size: 0.7em; }

button, input, select, textarea {font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;} button, input {line-height:normal;} button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance:button;cursor:pointer;*overflow:visible;} button[disabled], input[disabled] {cursor:default;}
input[type="checkbox"], input[type="radio"] {box-sizing:border-box;padding:0;*height:13px;*width:13px;} input[type="search"] {-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;} input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;} button::-moz-focus-inner, input::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[class="btn"]::-moz-focus-inner {border:0;padding:0;} input[type="submit"]:focus, input[class="btn"]:focus {outline:none;}



/* rizalfarok.sidrablue */
#ov {display:none;position:fixed;left:40px;bottom:40px;z-index:29999;width:134px;height:auto;padding:14px;color:#fff;background:#09c;border:1px solid #016789;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;opacity:0.9;-ms-filter:'alpha(opacity=90)';filter:alpha(opacity=90);}

.emspace {font:10px/10px arial;height:10px;overflow:hidden;} .floatc {clear:both;} .floatl {float:left;} .floatr {float:right;} .nodisp{display:none;} .pl{position:absolute;top:0;left:0;height:1px;overflow:hidden;display:none;} .nomp{margin:0;padding:0;} .ovhide{overflow:hidden;} .toupper { text-transform: uppercase; } .tolower { text-transform: lowercase; }

.emspace.h1 {height:1px;} .emspace.h5 {height:5px;} .emspace.h20 {height:20px;} .emspace.h30 {height:30px;} .emspace.h40 {height:40px;} .emspace.h50 {height:50px;} .emspace.h60 {height:60px;} .emspace.h70 {height:70px;} .emspace.h80 {height:80px;} .emspace.h90 {height:90px;}

.center { text-align: center; } .tright { text-align: right; } .tleft { text-align: left; } .ll { width: 48%; float: left; } .rr { width: 48%; float: right; }
.colwrp { width: 100%; overflow: hidden; } .coltwo, .coltre, .colfor, .colfiv, .colsix { float: left; } .coltwo { width: 49%; margin-right: 1%; } .coltre { width: 33%; } .coltre.mid { width: 34%; } .coltre.dbl { width: 66%; } .colfor { width: 25%; } .colfor.dbl { width: 50%; } .colfiv { width: 20%; } .colsix { width: 16.66%; }
.coltwo.floatr, .coltre.floatr, .colfor.floatr, .colfiv.floatr { float: right; margin-right: 0; }

.mob { display: none; }
img.resp { max-width: 100%; height: auto; } @media \0screen { img.resp { width: auto; /* for ie 8 */ } }

a.url, .url { -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }
.img-circle { border-radius: 50%; border-radius: 50% !important; }
.textshadow { text-shadow: 2px 2px 2px rgba(0,0,0, 1); }

.em-code-direction { unicode-bidi:bidi-override;direction:rtl; }

@media all { .pagebreak { display: none; } }
@media print { .pagebreak { display: block; page-break-before: always; } }



.bcc-all, input.btn, a.btn, *.btn { -webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px; }
.bcc-top { -webkit-border-top-left-radius:2px;-webkit-border-top-right-radius:2px;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;-moz-border-radius-topleft:7px;-moz-border-radius-topright:7px;-moz-border-radius-bottomright:0px;-moz-border-radius-bottomleft:0px;border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:0px;border-bottom-left-radius:0px; }
.bcc-bot { -webkit-border-top-left-radius:0px;-webkit-border-top-right-radius:0px;-webkit-border-bottom-right-radius:2px;-webkit-border-bottom-left-radius:2px;-moz-border-radius-topleft:0px;-moz-border-radius-topright:0px;-moz-border-radius-bottomright:7px;-moz-border-radius-bottomleft:7px;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:2px;border-bottom-left-radius:2px; }
.bcc-lef { -webkit-border-top-left-radius:2px;-webkit-border-top-right-radius:0px;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:2px;-moz-border-radius-topleft:7px;-moz-border-radius-topright:0px;-moz-border-radius-bottomright:0px;-moz-border-radius-bottomleft:7px;border-top-left-radius:2px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:2px; }
.bcc-rig { -webkit-border-top-left-radius:0px;-webkit-border-top-right-radius:2px;-webkit-border-bottom-right-radius:2px;-webkit-border-bottom-left-radius:0px;-moz-border-radius-topleft:0px;-moz-border-radius-topright:7px;-moz-border-radius-bottomright:7px;-moz-border-radius-bottomleft:0px;border-top-left-radius:0px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0px; }
.bcc-non { -webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px; }

#edit_details{  width: auto;  margin: auto;  max-width: 710px;  }
#edit_details #save_button{  margin-right: 30px;  }
#edit_details.fom input[type=text]{  width: 300px;  }
#edit_details #user-email, #edit_details #user-password{  width: 330px;  padding-top: 10px;  margin-left: 3px;  font-weight: bold;  }
#edit_details #user-email span, #edit_details #user-password span{margin-left: 5px;}
#edit_details #send_reset_password{cursor: pointer;}
.reset_button_wrapper{margin-top: 45px;}
/****** colour template ******/
.white, .heading.white, #backtotop, table th, table td.th, *.th, input.btn, a.btn, *.btn, .fom .btn { color: #fff; }
.white_bg, .btn.white, #steps a.on { background-color: #fff; }

.grey, .heading.grey { color: #bebebe; }
.grey_bg, .btn.grey { background-color: #bebebe; }
.linetop { border-top: 1px solid #bebebe; }
.linebot, #hed { border-bottom: 1px solid #e8e8e8; }

.green, .heading.green { color: #83ce66; }
.green_bg, .btn.green { background-color: #83ce66; }

.red, .heading.red { color: #bf2121; }
.red_bg, .btn.red { background-color: #bf2121; }
.btn.red{color: white;}
.btn.red:hover{background-color: #e12424; color: white;}
/* main */
.bod, a figcaption, #mnav li a, #steps a span { color: #3c3c3c;}

/* primary */
.sz, a, #mnav li a:hover { color: #8b1655; }
.sz_bg, .btn.sz, #backtotop, input.btn.pri, a.btn.pri, *.btn.pri, .fom .btn.pri, input.btn:hover, a.btn:hover, *.btn:hover, .fom .btn:hover { background-color: #e8e8e8; color: #666; }

/* eee */
.bg_eee, .btn[disabled], .btn[disabled]:hover { background-color: #eee; }
#steps { background-color: #f5f5f5; }
/* ccc */
.btn[disabled] { color: #ccc; }
.bg_ccc { background-color: #ccc; }
.border_ccc, table > tbody > tr > td, table > tbody > tr > th, table > tfoot > tr > td, table > tfoot > tr > th, table > thead > tr > td, table > thead > tr > th, table > tr> th, table > tr > td { border: 1px solid #ccc; }

/* 9f9f9f */
.bg_9f9f9f, table th, table td.th, *.th { background-color: #9f9f9f; }

/* 868686 */
.bg_868686 { background-color: #868686; }

/* 84cd65 */
.bg_84cd65 { background-color: #84cd65; color: #fff; }

/* 093f79 */
.bg_093f79 { background-color: #093f79; }

/* bababa */
.bg_bababa, input.btn, a.btn, *.btn, .fom .btn, table th.sortable-field:hover { background-color: #bababa; color: #fff; }

/* f7f6f6 */
.bg_f7f6f6, input.btn, a.btn, *.btn, .fom .btn { background-color: #f7f6f6; color: #666; }











/*** forms ***/
.fom { width: 100%; margin: 0; padding: 0; } .fom form { margin: 0; padding: 0; overflow: hidden; }
.fom input, .fom select, .fom textarea { width: 350px; padding: 0; padding: 10px; color: #000; background: #fff; }
.fom input, .fom select, .fom textarea, .fom *.btn { border: 1px solid #ccc; border-radius: 2px;}
.fom textarea { width: 470px; height: 194px; }
.fom select { width: auto; color: #777; background: #fcfcfc; }
.fom select[multiple="multiple"] { height: 140px; }
.fom label { padding: 0; display: block; }
.fom label.emp { cursor: default; }
.fom input, .fom select, .radiof { text-align: left; }
.fom input.disabled { border: 1px solid #aaa; background: #ccc; }
.fom label, .fom input, .fom select, .fom textarea, .fom *.btn /*.fom form*/ { margin: 5px; }
.fom *.small{width:130px;}

.fom *.auto { width: auto; }
label.plain { width: auto; margin: 0; padding: 0; float: none; }

.fom .radiof { width: auto; padding-top: 18px; overflow: hidden; }
.fom .radiof .emspace { height: 1px; clear: both; overflow: hidden; }
.fom .radiof input { width: 16px; height: 16px; margin: 1px 2px 0 0; padding: 0; float: left; background: none; border: none; vertical-align: middle; overflow: hidden; box-shadow: none; }
.fom .radiof label { width: auto; margin: 0; padding: 1px 0 0 0; text-align: left; float: left; line-height: 16px; }
.fom .radiof label.mr { margin-right: 10px; }

.fwrp { /*padding: 15px 10px;*/ overflow: hidden; margin: 0 0 10px 0; }
.fwrp .emspace { clear: both; }

.fwrp.fgrp { /*padding: 10px 0;*/ overflow: hidden; }
.fwrp.fgrp .fwrp { padding: 0; border: 0; }
.fwrp.split { float: left; margin-right: 20px; }
.fwrp.split.last { margin-right: 0; }

.fwrp .fhed { font-weight: bold; font-size: 1.2em; padding: 10px 0 5px 0; }
.fwrp .fnotes, .fwrp .fermsg { clear: both; padding-top: 2px; font-weight: bold; }
.fwrp .fnotes { color: #888; font-weight: normal; }
.fwrp .fermsg { display: none; color: #c00; }

.fwrp.mand input, .fwrp.mand textarea { background: #f5fcee; border-color: #c9e5ac; }

.fwrp.fer input, .fwrp.fer textarea { background: #fee5e5; border-color: #d4222f; color: #d4222f; }
.fwrp.fer label { color: #c00; }
.fwrp.fer .fermsg { display: block; }

.fwrp *.num1, .num1, table .num1 { width: 5px; }
.fwrp *.num2, .num2, table .num2 { width: 15px; }
.fwrp *.num3, .num3, table .num3 { width: 20px; }
.fwrp *.num4, .num4, table .num4 { width: 30px; }
.fwrp *.num5, .num5, table .num5 { width: 45px; }
.fwrp *.num6, .num6, table .num6 { width: 60px; }
.fwrp *.num7, .num7, table .num7 { width: 75px; }
.fwrp *.num8, .num8, table .num8 { width: 90px; }
.fwrp *.num9, .num9, table .num9 { width: 105px; }
.fwrp *.num10, .num10, table .num10 { width: 120px; }
.fwrp *.num11, .num11, table .num11 { width: 135px; }
.fwrp *.num12, .num12, table .num12 { width: 150px; }

.ffot { clear: both; text-align: right; }
.ffot .btn { float: none; }
a.btn.booking_edit {background:#8b1655; color: #fff;}
a.btn.booking_edit:hover{background:#333;}

#availability_form_dialog input.date {
	width: 210px;
}

#availability_form_dialog section > .fwrp.mh {
	min-height: 100px;
}

#availability_form_dialog .fwrp {
	padding: 0;
}

#availability_form_dialog select {
	width: 335px;
}

#availability_form_dialog label {
	font-weight: 600;
	font-size: 13px;
	color: #2b2b2b;
}

#availability_form_dialog .fwrp.fgrp .radiof label {
	font-weight: normal;
	margin-left: 5px;
}

#availability_form_dialog .fwrp.fer .fermsg {
	margin-left: 5px;
	font-size: 11px;
	max-width: 210px;
	line-height: 1.4em;
}

#availability_form_dialog .ext.add-location {
	margin: 10px 0 10px 10px;
	color: #8b1655;
	font-size: 1.2em;
}

input.fon, textarea.fon, .fom input:focus, .fom select:focus, .fom textarea:focus { background-color: #fff; border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9; /* IE6-9 */ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(82, 168, 236, 0.6); }

input.btn, a.btn, *.btn, .fom .btn { display: inline-block; width: auto; margin: 0 2px; padding: 0 15px; cursor: pointer; font-weight: bold; font-size: 12px; text-align: center; border: 0; height: 36px; line-height: 36px; }
a.btn { display: inline-block; }

input#back_btn{color:#333;}
body.bod input[value="Back"]{color:#333;}

.form_processing {
	display: none;
}
.form_processing button {
	padding: 7px 31px;
}

.form_loader,
.form_loader:before,
.form_loader:after {
	background: #ffffff;
	-webkit-animation: load1 1s infinite ease-in-out;
	animation: load1 1s infinite ease-in-out;
	width: 1em;
	height: 4em;
}
.form_loader:before,
.form_loader:after {
	position: absolute;
	top: 0;
	content: '';
}
.form_loader:before {
	left: -1.5em;
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}
.form_loader {
	text-indent: -9999em;
	margin: 5px auto 0;
	position: relative;
	font-size: 4px;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}
.form_loader:after {
	left: 1.5em;
}
@-webkit-keyframes load1 {
	0%,
	80%,
	100% {
		box-shadow: 0 0 #ffffff;
		height: 4em;
	}
	40% {
		box-shadow: 0 -2em #ffffff;
		height: 5em;
	}
}
@keyframes load1 {
	0%,
	80%,
	100% {
		box-shadow: 0 0 #ffffff;
		height: 4em;
	}
	40% {
		box-shadow: 0 -2em #ffffff;
		height: 5em;
	}
}

.progress-ind{
	display: none;
}
.form_buttons{
	cursor: pointer;
}
.form_buttons button span{
	float: none;
	padding: 0;
}
.is-processing .form_buttons button.submit_button .progress-ind{
	display: inline-block;
	position: relative;
	top: 5px;
}
.is-processing .form_buttons button.submit_button span {
	display: none;
}
.is-processing-back .form_buttons button.prev_button .progress-ind{
	display: inline-block;
	position: relative;
	top: 5px;
}
.is-processing-back .form_buttons button.prev_button span {
	display: none;
}



/*** tables ***/
table, .table { background: #fff; border: 0; }
table > tbody > tr > td, table > tbody > tr > th, table > tfoot > tr > td, table > tfoot > tr > th, table > thead > tr > td, table > thead > tr > th, table > tr> th, table > tr > td { padding: 10px; }

table.mce-grid td, table td.spacer { padding: 0; }
table td.spacer { width: 10px; }

table.ui-datepicker-calendar > thead > tr > th, table.ui-datepicker-calendar > tbody > tr > td { padding-right: 0; padding-left: 0; }
table.ui-datepicker-calendar > thead > tr > th { text-align: center; }

table th, table td.th, *.th { font-weight: 600; text-align: left; }
table th.center, table td.th.center, *.th.center { text-align: center; }
table th.tright, table td.th.tright, *.th.tright { text-align: right; }

table .sortable-field { cursor: pointer; }
table .sortable-field .fa { display: none; }
table .sortable-field .fa.fa-sort, table .sortable-field:hover .fa.fa-sort { display: none; }
table .sortable-field:hover { background: none; }
table .sortable-force-show .fa { visibility: visible !important; }

/*
table .sort-arrow-asc:after, table .sort-arrow-desc:after, table .sortable-field:after, table .sort-arrow-both:after { display: none; }
table .sort-arrow-asc:before, table .sort-arrow-desc:before, table .sortable-field:before, table .sort-arrow-both:before { float: right; color: #3a8091; font-family: "FontAwesome"; font-weight: 300; font-size: 12px; color: #777; }
table .sort-arrow-both:before { content: "\f0dc"; }
table .sortable-field.sort-arrow-asc:before { content: "\f0d7"; }
table .sortable-field.sort-arrow-desc:before { content: "\f0d8"; }
*/






/*** paging ***/
.paging { clear: both; margin: 0; padding: 14px 7px; line-height: 120%;

	text-align: center;
}
.paging section { display: inline-block; line-height: 120%; }
.paging span, .paging a { height: auto; padding: 0 7px; line-height: 120%; background: none; border: none; }
.paging span.pgnum { font-weight: bold; }
.paging a:hover { text-decoration: underline; }
.paging.isempty { padding: 0; }

body.bod span.btn.green{cursor: default;}
body.bod span.btn.status{ width:75px; }



/*** tabs ***/

.tbltab { float: left; padding-left: 3px; }
.tbltab.manual_tab{display: block; border-bottom: 1px solid #ccc; float: none; padding: 0;}
.tbltab.emp { width: 20px; padding: 0; background: none; border: 0; }
.tbltab a { position: relative; z-index: 1; width: auto; margin: 0 3px 0 0; padding: 7px 14px; float: left; display: block; font-size: 14px; line-height: 34px; color: #000;  cursor: pointer; font-weight: bold; border-bottom: 3px solid #fff;transition:all 0.5s;
}
.tbltab a.active, .tbltab a.active:hover { color: #fff; cursor: default; background: #eee; color: #333; border-bottom: 3px solid #009edb;  }
.tbltab a:hover { color: #fff; background: #0076a5; text-decoration: none; border-color:#0076a5;}
.tblspc {font:10px/10px arial;height:10px;overflow:hidden;clear:both;height:1px;}
.tblwrp { position: relative; /*top: -2px;*/ left: 1px; z-index: 0; clear: both; padding: 14px 0; }
.tblwrp .tblcon { display: none; min-height: 420px; height: auto !important; height: 420px; }
.tblwrp .tblcon.active { display: block; }

#booking_filter_form {}
	#booking_filter_form .fwrp.split, #availability_filter_form .fwrp.split{margin:0;}
	#booking_filter_form.fom select{padding:9px 10px;}
	#booking_filter_form .fwrp.split#buttonGroup{ margin-left: 20px; }
	#buttonGroup a{margin-top:7px;}
 span.actionButtons a {font-size:18px; transition:all 0.5s; margin:0 2px;}
 	span.actionButtons a:hover{color:#333;}

	#availability_filter_form .fwrp.split.right {
		margin: 5px;
		float: right;
	}

#booking_list_container table tr:nth-child(even){background: #f1f1f1;}
.margintop10 {margin-top:10px;}

#myProfile .profile-details-right{vertical-align: top;}
#myProfile .purple.btn.margintop10{margin-top:10px;}
@media only screen and (max-width: 767px) {

.tbltab { width: 100%; padding: 0; text-align: center; }
.tbltab a { font-size: 14px; line-height: 21px; height: 21px; padding: 7px 10px; margin: 0; float: none; display: inline-block; }
#booking_filter_form .fwrp.split#buttonGroup{ margin-left: 0; }
	#buttonGroup a{display: block; font-size: 14px; padding: 5px;}

}
p.inlineMargin{display: inline; margin: 0 20px;}

/*** config ***/
.bod, a figcaption {  }
.bod, .fom { font-family: -apple-system, system-ui, Roboto, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 14px !important; }
.fom .fa { font-family: "FontAwesome"; }
.fom strong, .fom b, .fom h1, .fom h2, .fom h3, .fom h4, .fom h5, .fom h6 { font-weight: 700; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 10px 0; line-height: 120%; }
h1, .fom h1 { font-size: 1.8em; } h2, .fom h2 { font-size: 1.5em; } h3, .fom h3 { font-size: 1.2em; } h4, .fom h4 { font-size: 1em; } h5, .fom h5 { font-size: 0.83em; } h6, .fom h6 { font-size: 0.75em; }

p { margin: 0; padding: 10px 0; }
a, a:hover, label.plain { text-decoration: none; } a:hover, label.plain:hover {  } a.point { cursor:pointer; }
/*a[href^="http"]:empty::before { content: attr(href); }*/

dl { margin: 0; padding: 0; }
dt { float: left; clear: left;

	width: 100px;
}
dd:after { clear: both; content: " "; display: block; height: 0; visibility: hidden; }
dd { margin: 0; padding: 0 0 0.5em 0;

	margin-right: 110px;
}

.mrr, .btn.mrr, *.mrr { margin-right: 5px; }
/*
.evn, tbody tr:nth-child(even), .nocycle tbody td, table.nohover tr:hover { background: #fff; }
.odd, tbody tr:nth-child(odd) { background: #eaf3f5; }
*/
.heading, .fwrp.fhed { margin-bottom: 10px; padding: 10px 0 16px 0;  background: none; border-width: 0 0 1px 0; clear: both; }



#crumb{ padding: 20px 0;     background-color: #f5f5f5;}


/*** site ***/
.wrp { width: 1180px; margin: 0 auto; padding: 0; }

#backtotop { /*display: none;*/ position: fixed; bottom: -130px; right: -130px; width: 102px; height: 116px; padding: 12px 0 0 26px; font-size: 48px; line-height: 100%; cursor: pointer;

	border-radius: 50% !important;

}
#backtotop.tada { bottom: -64px; right: -64px; }


#hed { height: 99px; }
#con {  }
#fot {	}
#fot img { max-width:100px; }

#hed #logo, #hed h1 { float: left; overflow: hidden; }
#hed #logo img { padding: 7px 0; margin-right: 20px; max-height:80px;}
#hed h1 { padding: 0; font-size: 18px; }
#hed h1 a{color: #3c3c3c;}
#hed h1 span{font-size: 14px;}
#mnav, #hed h1{ line-height: 90px; }

#mnav { margin: 0; float: right; text-align: right; }
#mnav { display: block; }
#mnav ul { margin: 0; padding: 0; }
#mnav ul ul{display:none;}
#mnav li { list-style: none; display: inline-block;  transition: background-color 0.5s ease; }
	#mnav li:hover{  }
#mnav li.myAccount{ text-transform: uppercase; font-weight: bold; font-size: 14px; position: relative; }
	#mnav li.myAccount i.fa-user-circle{ margin-right: 5px; font-size: 20px; margin-left: 5px;  }
	#mnav li.myAccount i.posAb{display: none;}
	#mnav li.myAccount:hover{color:#8b1655; background:#f1f1f1;}
		#mnav li.myAccount:hover ul{display: block;}
		#mnav li.myAccount ul{ background:#fff; right: 0; position: absolute; width: 220px; z-index: 1000; max-width: 300px; top: 90px; border-top:1px solid rgba(139,22,85,0.2);}
		#mnav li.myAccount ul li { float:none; display: block; border-bottom: 1px solid #f1f1f1; }
			#mnav li.myAccount ul li:hover{background:#f1f1f1;}
		#mnav li.myAccount ul li.last{border-bottom:3px solid #8b1655;}
			#mnav li.myAccount ul li a { padding:15px; text-align: right; margin: 0; }
			#mnav li.myAccount ul li a.on{border-bottom:none;}

	
#mnav li a { display: block; margin: 0 12px; font-weight: bold; text-decoration: none; text-transform: uppercase; line-height: normal; padding-bottom: 5px; }
#mnav li a:hover, #mnav li a.active, #mnav li a.active:hover, #mnav li a#active.active {  }
#mnav li a.on { border-bottom: 2px solid #8b1655; color: #8b1655; }
#mnav li.lst a { margin-right: 0; }



#steps { text-align: center; overflow: hidden; }
#steps, #steps p, #steps a { }
#steps p { padding: 20px 0; text-align: left; }
#steps a { }
#steps a span { font-weight: normal; padding-left: 4px; }
#steps h3{line-height: 65px; padding: 0; float: left;}

#steps h3.pageHeader{}
#steps .searchForm{float: right;}
#steps p span.small { font-size: 13px; font-style: italic;}
.cont { min-height: 540px; height: auto !important; height: 540px; }


a.blue.btn, span.blue.btn, button.blue.btn{background-color: #4886c6; color: #fff;}
a.blue.btn:hover, span.blue.btn:hover, button.blue.btn:hover{background-color: #376eb5; color: #fff;}

a.purple.btn, button.purple.btn, input.purple.btn, input.purple.btn.pri, a.purple.btn.pri, *.purple.btn.pri, .fom .purple.btn.pri, .ui-dialog .ui-dialog-buttonpane button {background-color: #8b1655;color: #fff;}
a.purple.btn:hover, button.purple.btn:hover, input.purple.btn:hover, input.purple.btn.pri:hover, a.purple.btn.pri:hover, *.purple.btn.pri:hover, .fom .purple.btn.pri:hover .ui-dialog .ui-dialog-buttonpane button:hover {background-color: #7a1648;color: #fff;}


a.orange.btn, span.orange.btn, button.orange.btn{background-color: #bb5e3e;}
a.orange.btn:hover, span.orange.btn:hover, button.orange.btn:hover{background-color: #ad5b35;}

a.btn[disabled], button.btn[disabled]{background-color: #eee !important;}



#session-name{  font-size: 18px;  font-weight: bold;  padding: 10px 0 10px 15px;  margin: 24px 0 0 0;  display: inline-block; color: rgba(107, 107, 107, 0.75);}
#session-name i {  margin-right: 15px;}


.menuBurger{display: none; }


/* ================= Booking View ================ */
.asect.half{float: left; width: 50%;}
.asect.half table {max-width: 100%; }
.asect.half .wrp{max-width: 100%;}
.asect.half table{}
.asect.half table td, .asect.half table th{border: none;}
 .asect.half table tr:nth-child(even){background: #f1f1f1;}
  .asect.half table tr:nth-child(even) th {background: #969696;}
  .asect.half h3{font-weight: normal; padding-bottom: 0; font-size: 14px;}
  .asect.half h3:nth-child(1){margin-bottom: 0; padding-bottom: 0; font-size: 16px; font-weight: bold;}
  
/* ================= Login Page Setup ================ */

body.loginPage{position: relative; background: #f7f7f7;}
body.loginPage .emspace.h20.floatc.linebot{display:none;}

body.loginPage .cont {padding-top: 100px;}
#login_form{position:relative; margin:0 auto 100px;  max-width: 500px ; width: 100%; min-height: 550px; border: 1px solid #ccc; border-radius: 5px; padding: 40px 70px; box-sizing: border-box; background: #fff;}

#login_form h1{line-height: normal; font-size: 1.6em;}
img.loginLogo { max-width: 60px; }

div.table{display:table; width: 100%; text-align:center; margin-bottom: 10px;}
div.table .tabletd{display:table-cell; vertical-align: middle;}

p.subLogin{ font-size: 18px; text-align: center; font-weight: bold; border-bottom: 1px solid #ccc; padding-bottom: 20px; margin-bottom: 25px; padding-top: 40px;}
span.sessionLogo { display: inline-block; height: 31px; width: 31px; margin-top: 10px; margin-bottom: -8px; margin-right: 10px; }

#login_form label{font-weight: bold; margin:0;}
#login_form input{}
#login_form input[type=text], #login_form input[type=email], #login_form input[type=password] {width: 100%; box-sizing: border-box; margin:5px 0; box-shadow: none; border-radius: 2px; padding: 15px;}

#login_form a.bigGrey.btn{ float: right; box-shadow: none; font-size: 14px; font-weight: normal; background:#eeeeee; padding: 10px 20px; color:#3c3c3c;}
#login_form a.bigGrey.btn:hover{background:#dcdcdc; transition: all 0.5s ease;}
#login_form a.bigGrey.btn span.fa-angle-right{margin-left:5px;}
#login_form p.forgot {padding: 0; margin: 0;}
#login_form p.forgot a{font-size: 13px; text-decoration: underline; color: #3c3c3c;}

#login_form .fwrp.fer{margin-bottom: 20px}
#login_form .fwrp .fermsg {
    font-weight: normal;
}
#login_form .mb20{margin-bottom: 20px;}






.clearfix {
    overflow: auto;
}
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}




/* anim */
.resp, .wrp, .ll, .rr, #backtotop {
	-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;
}
.cycle-slideshow .resp {
	-webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;
}



body.bod input[type="button"]{color:#000;}


/* resp */
@media only screen and (max-width: 2560px) {



}
@media only screen and (max-width: 1920px) {



}
@media only screen and (max-width: 1680px) {



}
@media only screen and (max-width: 1600px) { /*google+material*/



}
@media only screen and (max-width: 1440px) { /*google+material*/



}
@media only screen and (max-width: 1400px) {



}
@media only screen and (max-width: 1366px) {



}
@media only screen and (max-width: 1280px) { /*google+material*/



}
@media only screen and (max-width: 1200px) {

.wrp { width: 94%; }

}
@media only screen and (max-width: 1097px) {



}
@media only screen and (max-width: 1024px) { /*google+material*/

	.bod #sessionkeeper .review_content .inner{
		padding:0;
	}

}
@media only screen and (max-width: 1023px) {



}
@media only screen and (max-width: 991px) { /* bootstrap */



}
@media only screen and (max-width: 960px) { /*google+material*/



}
@media only screen and (max-width: 900px) {

#hed h1 { line-height: 95px; }
#hed { height: auto; }
#hed h1{ margin-bottom: 20px; }
#hed .ll, #hed .rr { float: none; clear: both; display: block; width: 100%; }
#hed .ll { text-align: center; }
#hed #logo, #hed h1 { float: none; display: inline-block; }

#mnav { line-height: 21px; }
#mnav ul { padding-top: 20px; }
#mnav li { display: block; }
	#mnav li a { margin: 0; }
#mnav li.myAccount { padding:10px 0;  box-sizing: border-box;}
#mnav li.myAccount:hover ul{display: none;}
	#mnav li.myAccount i.posAb { display: block; position: absolute; right: 15px; top: 14px; }
	#mnav li.myAccount ul { position: static; width: 100%; max-width: 100%; text-align: center; box-sizing: border-box; margin-top: 10px; padding-bottom: 0; }
	#mnav li.myAccount.open{padding: 10px 0 0;}
		#mnav li.myAccount.open ul{display: block;}
		#mnav li.myAccount ul li.last{ border-bottom:none; }
			#mnav li.myAccount ul li a{text-align: center;}

#mnav { float: none; text-align: center; display:none; }
#mnav ul { padding-top: 0; padding-bottom: 20px; border-top: 1px solid #e1e1e1;}
#mnav li { display:block; margin: 0; width: 100%; float:none; padding: 0; border-bottom: 1px solid #e1e1e1;}
	#mnav li a{ padding: 15px; }
.menuBurger{ cursor: pointer; font-size: 18px; position: absolute; right: 0; top: 0; z-index: 100; padding: 20px; background: #fff; display: block; }
#mnav.open{display: block;}

#steps h3{float: none; display: block; clear: both; line-height: 40px;}
#steps h3.pageHeader{}
#steps .searchForm{display: block; float:none;}
	#steps .searchForm .fom input:not(.btn){display: inline;}
#steps, #steps p, #steps a{height: auto;}

}
@media only screen and (max-width: 840px) { /*google+material*/

	#steps, #steps p, #steps a { height: auto; }
	#steps a { padding: 10px 0; }
	#steps a span { display: block; }

}
@media only screen and (max-width: 800px) {



}
@media only screen and (max-width: 768px) {

.fom input:not(.btn), .fom select, .fom select.auto, .fom textarea { width: 94%; display: block; margin: 5px auto; }
.fom select, .fom select.auto { width: 97%; }
.fwrp.split { float: none; margin: 0; }
.fom .radiof { padding: 4px 10px; }
.fom .radiof input, .fom .radiof label { float: left; width: auto; }
.fom .radiof label { padding: 5px 0 0 7px; }
.ffot { text-align: center; }

.fwrp *.num1, .num1, table .num1, .fwrp *.num2, .num2, table .num2, .fwrp *.num3, .num3, table .num3, .fwrp *.num4, .num4, table .num4, .fwrp *.num5, .num5, table .num5, .fwrp *.num6, .num6, table .num6, .fwrp *.num7, .num7, table .num7, .fwrp *.num8, .num8, table .num8, .fwrp *.num9, .num9, table .num9, .fwrp *.num10, .num10, table .num10, .fwrp *.num11, .num11, table .num11, .fwrp *.num12, .num12, table .num12 { width: auto; }

.asect.half{width: 100%; margin-bottom: 20px;}
.asect.half .wrp{width:100%;}
}
@media only screen and (max-width: 767px) {




}
@media only screen and (max-width: 736px) {



}
@media only screen and (max-width: 720px) { /*google+material*/

.fom select, .fom select.auto { width: 97.5%; }

}
@media only screen and (max-width: 667px) {

	.selected .tilewrp.selected_booking_time{
		padding-left:0;
	}
	#sessionkeeper .review_content .my-bookings-wrapper .my-booking-item{
		padding-left: 0;
		margin: 0;
	}
	.bod .review-session-tile .tlcon{
		padding:0;
	}
	.ll, .rr{
		float:none;
		width:100%;
	}
	.bod #sessionkeeper .form_wrap {
		max-width: none;
		margin: auto;
	}
	.bod #sessionkeeper .review_content .lote_form_main{
		margin-top:30px;
	}


.coltwo, .coltre, .coltre.mid, .coltre.dbl, .colfor, .colfor.dbl, .colfiv, .colsix { width: 100%; float: none; display: block; }
.coltwo, .coltre, .coltre.mid, .coltre.dbl, .colfor, .colfor.dbl, .colfiv, .colsix, .coltre.tright, .colfor.tright, .colfiv.tright { text-align: center; }
.coltwo.floatr { float: none; }

}
@media only screen and (max-width: 640px) { /*640x360androids*/

#steps { padding: 7px; }
#steps a { float: none; display: block; width: 100%; padding: 4px 0; }
#steps a span { display: inline; }
.fom select, .fom select.auto { width: 98%; }


}
@media only screen and (max-width: 600px) { /*google+material*/

body.loginPage .cont{padding-top: 20px;}
#login_form{ position: relative; margin-left: auto; margin-right: auto; width: 100%; max-width: 100%; left: auto; top: 10px; padding: 40px 30px; }

}
@media only screen and (max-width: 480px) { /*google+material*/

.fom select, .fom select.auto { width: 99%; }

}
@media only screen and (max-width: 414px) {

#hed #logo, #hed h1 { display: block; width: 100%; }
#hed h1 { line-height: 140%; }


}
@media only screen and (max-width: 375px) {

.fom input:not(.btn), .fom select, .fom select.auto, .fom textarea { width: 90%; }
.fom select, .fom select.auto { width: 96%; }
.fom .radiof input, .fom .radiof label { width: auto; }

}
@media only screen and (max-width: 374px) {



}
@media only screen and (max-width: 360px) { /*google+material*/

.fom select, .fom select.auto { width: 96.5%; }

}
@media only screen and (max-width: 320px) {

.fom select, .fom select.auto { width: 97%; }

}