@import url(//fonts.googleapis.com/css?family=Lato:400,700);
@import url('//fonts.googleapis.com/css?family=Roboto:300,400,500,600,700');
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
.ui-state-disabled { cursor: default !important; }
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-widget {   font-family:"roboto", "PT Sans", "PT Sans Bold", "PT Sans Bold Italic", "PT Sans Caption", "PT Sans Narrow";font-size:13px; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea,
.ui-widget button { font-family: "roboto", "PT Sans", "PT Sans Bold", "PT Sans Bold Italic", "PT Sans Caption", "PT Sans Narrow", sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(custom-theme/images/ui-bg_glass_75_ffffff_1x400.png) 50% 50% repeat-x; color: #404040; }
.ui-widget-content a { color: #404040; }
.ui-widget-header {
  font-weight:bold;
  border-color: #0064cd #0064cd #003f81;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border:1px solid #666;
 }
p {
  -webkit-appearance: unset;
  -webkit-margin-before:0em;
  -webkit-margin-after:0em;
  margin: 0px;
}
section#header {
  display:none;
}
.ui-widget-header a { color: #222222; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  background-color: #e6e6e6;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
  background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  color: #333;
  font-size: 13px;
  line-height: normal;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-transition: 0.1s linear background-image;
  -moz-transition: 0.1s linear background-image;
  -ms-transition: 0.1s linear background-image;
  -o-transition: 0.1s linear background-image;
  transition: 0.1s linear background-image;
  overflow: visible;
 }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  background-position: 0 -15px;
  color: #333;
  text-decoration: none;
 }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa;  font-weight: normal; color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
.ui-widget :active { outline: none; }
.ui-state-highlight p, .ui-state-error p, .ui-state-default p{
	font-size: 13px;
	font-weight: normal;
	line-height: 18px;
	margin:7px 15px;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {
  position: relative;
  margin-bottom: 18px;
  color: #404040;
  background-color: #eedc94;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
  background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
  background-image: -ms-linear-gradient(top, #fceec1, #eedc94);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));
  background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
  background-image: -o-linear-gradient(top, #fceec1, #eedc94);
  background-image: linear-gradient(top, #fceec1, #eedc94);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #eedc94 #eedc94 #e4c652;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  position: relative;
  margin-bottom: 18px;
  color: #ffffff;
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
 background-color: #c43c35;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(top, #ee5f5b, #c43c35);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #c43c35 #c43c35 #882a25;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none;  }
.ui-icon { width: 16px; height: 16px; background-image: url(custom-theme/images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(custom-theme/images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(custom-theme/images/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(custom-theme/images/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(custom-theme/images/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(custom-theme/images/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(custom-theme/images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(custom-theme/images/ui-icons_f6cf3b_256x240.png); }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-widget-overlay { background: #aaaaaa url(custom-theme/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(custom-theme/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; font-weight:bold; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }
.ui-autocomplete { position: absolute; cursor: default; }
* html .ui-autocomplete { width:1px; }
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
  background:#0064CD;
  color:#fff
}
.ui-button {
  cursor: pointer;
  display: inline-block;
  background-color: #e6e6e6;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
  background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  padding: 5px 14px 6px;
  margin: 0;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  color: #333;
  font-size: 13px;
  line-height: normal;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-transition: 0.1s linear background-image;
  -moz-transition: 0.1s linear background-image;
  -ms-transition: 0.1s linear background-image;
  -o-transition: 0.1s linear background-image;
  transition: 0.1s linear background-image;
   overflow: visible;
}
.ui-button-primary {
  color: #ffffff;
  background-color: #0064cd;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
  background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
  background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
  background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
  background-image: -o-linear-gradient(top, #049cdb, #0064cd);
  background-image: linear-gradient(top, #049cdb, #0064cd);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #0064cd #0064cd #003f81;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.ui-button-success{
  color:#ffffff;
  background-color: #57a957;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
  background-image: -moz-linear-gradient(top, #62c462, #57a957);
  background-image: -ms-linear-gradient(top, #62c462, #57a957);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  background-image: -o-linear-gradient(top, #62c462, #57a957);
  background-image: linear-gradient(top, #62c462, #57a957);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #57a957 #57a957 #3d773d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.ui-button-error{
  color:#ffffff;
  background-color: #c43c35;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(top, #ee5f5b, #c43c35);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #c43c35 #c43c35 #882a25;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.ui-button-icon-only { width: 2.2em; }
button.ui-button-icon-only { }
.ui-button-icons-only { width: 3.4em; }
button.ui-button-icons-only { width: 3.7em; }
.ui-button .ui-button-text { display: block;   }
.ui-button-text-only .ui-button-text {  }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px;  display:none;}
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { top: 50%; margin-top:-3px; margin-bottom:3px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-state-active {
  color: #ffffff;
  background-color: #0064cd;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
  background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
  background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
  background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
  background-image: -o-linear-gradient(top, #049cdb, #0064cd);
  background-image: linear-gradient(top, #049cdb, #0064cd);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #0064cd #0064cd #003f81;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.4em; }
button.ui-button::-moz-focus-inner { border: 0; padding: 0; }
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar {
  position: relative;
  padding:5px 15px;
  border:0px 0px 0px 1px solid;
  border-color: white;
  padding: 5px 15px;
  font-size: 18px;
  text-decoration:none;
  background:none;
  -moz-border-radius-bottomright: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -khtml-border-bottom-right-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -khtml-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom:1px solid #ccc;
}
.ui-dialog .ui-dialog-title {
  float: left;
  color:#404040;
  font-weight:bold;
  margin-top:5px;
  margin-bottom:5px;
  padding:5px;
}
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 19px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 18px;
  font-size: 20px;
  font-weight: bold;
  line-height: 13.5px;
  text-shadow: 0 1px 0 #ffffff;
  filter: alpha(opacity=25);
  -khtml-opacity: 0.25;
  -moz-opacity: 0.25;
  opacity: 0.25;
}
.ui-dialog .ui-dialog-titlebar-close span {
  display: block;
  margin: 1px;
  text-indent: 9999px;
}
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0;   filter: alpha(opacity=90);
  -khtml-opacity: 0.90;
  -moz-opacity: 0.90;
  opacity: 0.90;   }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin: .5em 0 0 0;
  background-color: #f5f5f5;
  padding: 5px 15px 5px;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
  zoom: 1;
  margin-bottom: 0;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button{
  color: #ffffff;
  background-color: #0064cd;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
  background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
  background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
  background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
  background-image: -o-linear-gradient(top, #049cdb, #0064cd);
  background-image: linear-gradient(top, #049cdb, #0064cd);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #0064cd #0064cd #003f81;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0;
  color: #ffffff;
  background-color: #0064cd;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
  background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
  background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
  background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
  background-image: -o-linear-gradient(top, #049cdb, #0064cd);
  background-image: linear-gradient(top, #049cdb, #0064cd);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #0064cd #0064cd #003f81;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }
 .ui-tabs .ui-tabs-nav{ background:none; border-color: #ddd;
  border-style: solid;
  border-width: 0 0 1px;}
.ui-tabs { position: relative; padding: .2em; zoom: 1; border:0px;}
.ui-tabs .ui-tabs-nav li:hover, .ui-tabs .ui-tabs-nav li a:hover{
  background:whiteSmoke;
  border-bottom:1px solid #ddd;
  padding-bottom:0px;
   color:#00438A;
}
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; border-bottom:1px solid #DDD; }
.ui-tabs .ui-tabs-nav li {  text-decoration: none; list-style: none; float: left; position: relative; top: 1px; padding: 0px 0px 1px 0px; white-space: nowrap; background:none; border:0px;
}
.ui-tabs-nav .ui-state-default{
  -webkit-box-shadow: 0px 0px 0px #ffffff;
     -moz-box-shadow: 0px 0px 0px #ffffff;
          box-shadow: 0px 0px 0px #ffffff;
}
.ui-tabs .ui-tabs-nav li a {
  float: left;
  text-decoration: none;
  cursor: text;
  padding: 0 15px;
  margin-right: 2px;
  line-height: 34px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
 }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 0px; outline:none;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-bottom-color: #ffffff;
  cursor: default;
  color:gray;
  outline:none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected:hover{
  background:#ffffff;
  outline:none;
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; color:#0069D6; background:none; font-weight:normal; margin-bottom:-1px;}
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs-panel .ui-button{text-decoration:none;}
.ui-tabs .ui-tabs-hide { display: none !important; }
.ui-tabs .ui-tabs-nav li{
  filter:none;
}
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; border:0px; font-weight: bold; width: 100%; padding: 4px 0; background-color: #f5f5f5; color: #808080; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {  }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover {  }
.ui-datepicker .ui-datepicker-next-hover {  }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-cover {
  display: none;
  display: block;
  position: absolute;
  z-index: -1;
  filter: mask();
  top: -4px;
  left: -4px;
  width: 200px;
  height: 200px;
}
.ui-datepicker th{
  font-weight: bold;
  color: black;
}
.ui-datepicker-today a:hover{
  background-color: #808080;
  color: #ffffff;
}
.ui-datepicker-today a{
  background-color: #BFBFBF;
  cursor: pointer;
  padding: 0 4px;
  margin-bottom:0px;
}
.ui-datepicker td a{
  margin-bottom:0px;
  border:0px;
}
.ui-datepicker td:hover{
  color:white;
}
.ui-datepicker td .ui-state-default {
  border:0px;
  background:none;
  margin-bottom:0px;
  padding: 5px;
  color:gray;
  text-align: center;
  filter:none;
}
.ui-datepicker td .ui-state-active{
  background:#BFBFBF;
  margin-bottom:0px;
  font-size:normal;
  text-shadow: 0px;
  color:white;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.ui-datepicker td .ui-state-default:hover{
  background:#0064cd;
  color:white;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%;
    color: #ffffff;
  background-color: #0064cd;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
  background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
  background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
  background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
  background-image: -o-linear-gradient(top, #049cdb, #0064cd);
  background-image: linear-gradient(top, #049cdb, #0064cd);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #0064cd #0064cd #003f81;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 }
 input, textarea {
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
input:focus, textarea:focus {
  outline: 0;
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}
input[type=file]:focus, input[type=checkbox]:focus, select:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: 2px solid;
}
input[type="text"],
input[type="password"],
.ui-autocomplete-input,
textarea,
.uneditable-input {
  display: inline-block;
  padding: 4px;
  font-size: 13px;
  line-height: 18px;
  color: #808080;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.viewmode_service_details .dropdown-container .dropdown{
  right: auto !important
}
.ui-toolbar{
  padding: 7px 14px;
  margin: 0 0 18px;
  background-color: #f5f5f5;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
  background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5));
  background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: linear-gradient(top, #ffffff, #f5f5f5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
}
.ui-dialog-buttonset .ui-button:nth-child(2){
  cursor: pointer;
  display: inline-block;
  background-color: #e6e6e6;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
  background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  padding: 5px 14px 6px;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  color: #333;
  font-size: 13px;
  line-height: normal;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-transition: 0.1s linear all;
  -moz-transition: 0.1s linear all;
  -ms-transition: 0.1s linear all;
  -o-transition: 0.1s linear all;
  transition: 0.1s linear all;
   overflow: visible;
}
div.wijmo-wijmenu{
  padding:0 20px;
  background-color: #222;
  background-color: #222222;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222));
  background-image: -moz-linear-gradient(top, #333333, #222222);
  background-image: -ms-linear-gradient(top, #333333, #222222);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222));
  background-image: -webkit-linear-gradient(top, #333333, #222222);
  background-image: -o-linear-gradient(top, #333333, #222222);
  background-image: linear-gradient(top, #333333, #222222);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}
.wijmo-wijmenu .ui-state-default{
  box-shadow: none;
  color:#BFBFBF;
}
.wijmo-wijmenu .ui-state-default .wijmo-wijmenu-text{
  color:#BFBFBF;
}
.wijmo-wijmenu .ui-state-hover{
  background: #444;
  background: rgba(255, 255, 255, 0.05);
}
.hhh{
  
  background: linear-gradient(90deg, rgba(255,255,255,0.3) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 0), #ccc;
}
.wijmo-wijmenu .ui-state-hover .wijmo-wijmenu-text{
  color:#ffffff;
}
div.wijmo-wijmenu .ui-widget-header h3{
  position: relative;
  margin-top:1px;
  padding:0;
}
.wijmo-wijmenu h3 a{
  color: #FFFFFF;
  display: block;
  float: left;
  font-size: 20px;
  font-weight: 200;
  line-height: 1;
  margin-left: -20px;
  margin-top:1px;
  padding: 8px 20px 12px;
}
.wijmo-wijmenu h3 a:hover{
  background-color: rgba(255, 255, 255, 0.05);
  color: #FFFFFF;
  text-decoration: none;
}
.wijmo-wijmenu .ui-widget-header{
  border:0px;
}
.wijmo-wijmenu .wijmo-wijmenu-parent .wijmo-wijmenu-child{
  padding: 0.3em 0;
}
div.wijmo-wijmenu .wijmo-wijmenu-item .wijmo-wijmenu-child{
  background: #333;
  border:0;
  margin:0;
  padding: 6px 0;
  width:160px;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
div.wijmo-wijmenu .wijmo-wijmenu-item{
  margin:0;
  border:0;
}
.wijmo-wijmenu a.wijmo-wijmenu-link{
  margin:0;
  line-height: 19px;
  padding: 10px 10px 11px;
  border:0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius:0;
}
div.wijmo-wijmenu .wijmo-wijmenu-child .wijmo-wijmenu-link{
  display:block;
  float:none;
  padding: 4px 15px;
  width:auto;
}
div.wijmo-wijmenu .wijmo-wijmenu-child .wijmo-wijmenu-text
{
  float:none;
}
.wijmo-wijmenu .wijmo-wijmenu-item .wijmo-wijmenu-child .ui-state-hover {
  background: #191919;
}
.wijmo-wijmenu .wijmo-wijmenu-item .wijmo-wijmenu-separator{
  padding: 5px 0;
  background-image: none;
  background-color: #222;
  border-top: 1px solid #444;
  border-bottom:0;
  border-left:0;
  border-right:0;
}
.wijmo-wijmenu .wijmo-wijmenu-item input {
  -moz-transition: none 0s ease 0s;
  background-color: rgba(255, 255, 255, 0.3);
  border: 1px solid #111111;
  border-radius: 4px 4px 4px 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.25);
  color: rgba(255, 255, 255, 0.75);
  
	font-family: 'Roboto', sans-serif;
  line-height: 1;
  margin: 5px 10px 0 10px;
  padding: 4px 9px;
  width:100px;
  font-weight: 400; 
font-weight: 500;
font-weight: 700; 
}
.wijmo-wijmenu .wijmo-wijmenu-item input:hover {
  background-color: rgba(255, 255, 255, 0.5);
  color: #FFFFFF;
}
.wijmo-wijmenu .wijmo-wijmenu-item input:focus {
  background-color: #FFFFFF;
  border: 0 none;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  color: #404040;
  outline: 0 none;
  padding: 5px 10px;
  text-shadow: 0 1px 0 #FFFFFF;
}
.wijmo-wijmenu .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  text-shadow:none;
}
.wijmo-wijmenu .ui-state-default{
  box-shadow: none;
  color:#BFBFBF;
  filter: none;
}
.alert-error {
    color: #EB1E3C;
}
.spaServiceDateContainer .popover p a {
    color: #3a87ad;
}
.divider {
    background-color: #e5e5e5;
    border-bottom: 1px solid #ffffff;
}
.datepicker {
    background-color: #ffffff !important;
}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
    background-color: #e1e1e1;
}
.accordion-heading {
    background-color: rgba(255,255,255,.85);
    border: none;
    box: 0;
}
.accordion-heading a.accordion-toggle:hover {
    background-color: rgba(255,255,255,1);
}
.modal-backdrop {
    background-color: #FFFFFF;
}
input[type="text"], input[type="password"], .ui-autocomplete-input, textarea, .uneditable-input {
    color: #555;
}
.ui-widget-content .ui-datepicker-header {
    background-color: #F7B53E;
    color: #7C200B;
}
.ui-widget-content td > .min-los, .ui-widget-content td > .min-los.ui-state-default {
    background-color: #B1D0EC;
}
.ui-widget-content td > .min-los:hover {
    background-color: #5DA4E5;
}
.ui-widget-content td > .ui-state-default, .datepicker-legend .ui-state-default {
    background-color: #EEEEEE;
}
.ui-widget-content td.min-los > .ui-state-default{
    background-color: #B1D0EC;
}
.datepicker-legend {
  width: 100% !important;
}
.datepicker-legend .min-los {
    background-color: #fbb450;
}
.ui-widget-content td > .ui-state-low, .datepicker-legend .ui-state-low {
    background-color: #b0d6e8;
    color:black;
}
.ui-widget-content td > .ui-state-active, .datepicker-legend .ui-state-active, .ui-widget-content td > .ui-state-active.min-los {
    background-color: #0064cd;
    color: white;
}
.ui-widget-content td > .ui-state-selected, .datepicker-legend .ui-state-selected, .ui-widget-content td > .min-los.ui-state-selected {
    background-color: #5f9bda ;
}
.ui-widget-content td > .ui-state-default:hover {
    background-color: #0064cd;
}
.ui-widget-content td > .ui-state-hover,.ui-widget-content td > .ui-state-hover:hover{
    background-color: #0064cd !important;
}
.ui-widget-content td > .ui-state-disabled:hover {
    background-color: #FF0000;
    color:white;
    opacity: .55; filter:Alpha(Opacity=55);
}
.ui-widget-content td > .ui-state-disabled, .datepicker-legend  .ui-state-disabled{
    background-color: #000000;
    color:white;
}
.ui-widget-content td > .ui-state-default.ui-state-active.ui-datepicker-unselectable.ui-state-disabled {
    background-color: #88FF88 ;
    opacity: 1; filter: Alpha(Opacity=100);
}
.ui-widget-content td.ui-state-disabled.stop-arrivals {
    opacity: 1; filter: Alpha(Opacity=100);
}
.ui-widget-content td.ui-state-disabled.stop-arrivals > a:not(.ui-state-selected) {
    opacity: 0.35; filter: Alpha(Opacity=35);
}
#pmsDatesCalendar .ui-datepicker div.popover {
    color: black;
}
.label.label-red, .badge.badge-red {
    background-color: #b94a48;
}
.well {
    background-color: #F1F7FA;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05), 3px 3px 4px rgba(0,0,0,0.05);
}
.control-label, .controls {
    font-size: 14px;
}
.form-float input, .form-float select, .form-float textarea {
  border-bottom: 1px solid #cccccc;
  border-radius: 0 0 0 0;
}
.form-float.control-group.focused .control-label {
    color: #2196f3;
}
.form-float.control-group.invalid .control-label {
    color: #ff0000;
    top: 15px;
}
.form-float.control-group.invalid input, .form-float.control-group.invalid select, .form-float.control-group.invalid textarea {
    background-color: #ffcccc;
}
.form-float input:focus, .form-float select:focus, .form-float textarea:focus {
    border-bottom-color: rgba(82, 168, 236, 0.8);
}
.well div.backdrop {
    background-color: rgba(255,255,255,0);
}
.well.disabled div.backdrop {
    background-color: rgba(0,0,0,.35);
}
.well.disabled {
}
.input-append.spinner .add-on .icon {
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibG9hZGluZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTQgMTQiIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgZmlsbD0iYmxhY2siPgogIDxwYXRoIG9wYWNpdHk9Ii4xIiBkPSJNNi4xMjUgMCBIOCBWMy41IEg2LjEyNSB6IiB0cmFuc2Zvcm09InJvdGF0ZSgwIDcgNykiPgoJICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiBmcm9tPSIxIiB0bz0iLjEiIGR1cj0iMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBiZWdpbj0iMCIvPgogIDwvcGF0aD4KICA8cGF0aCBvcGFjaXR5PSIuMSIgZD0iTTYuMTI1IDAgSDggVjMuNSBINi4xMjUgeiIgdHJhbnNmb3JtPSJyb3RhdGUoNDUgNyA3KSI+ICAgIAoJICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiBmcm9tPSIxIiB0bz0iLjEiIGR1cj0iMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBiZWdpbj0iMC4xMjVzIi8+ICAKICA8L3BhdGg+ICAKICA8cGF0aCBvcGFjaXR5PSIuMSIgZD0iTTYuMTI1IDAgSDggVjMuNSBINi4xMjUgeiIgdHJhbnNmb3JtPSJyb3RhdGUoOTAgNyA3KSI+ICAgIAoJICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiBmcm9tPSIxIiB0bz0iLjEiIGR1cj0iMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBiZWdpbj0iMC4yNXMiLz4gIAogIDwvcGF0aD4gIAogIDxwYXRoIG9wYWNpdHk9Ii4xIiBkPSJNNi4xMjUgMCBIOCBWMy41IEg2LjEyNSB6IiB0cmFuc2Zvcm09InJvdGF0ZSgxMzUgNyA3KSI+ICAgIAoJICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiBmcm9tPSIxIiB0bz0iLjEiIGR1cj0iMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBiZWdpbj0iMC4zNzVzIi8+ICAKICA8L3BhdGg+ICAKICA8cGF0aCBvcGFjaXR5PSIuMSIgZD0iTTYuMTI1IDAgSDggVjMuNSBINi4xMjUgeiIgdHJhbnNmb3JtPSJyb3RhdGUoMTcwIDcgNykiPiAgICAKCSAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgZnJvbT0iMSIgdG89Ii4xIiBkdXI9IjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgYmVnaW49IjAuNXMiLz4gIAogIDwvcGF0aD4gIAogIDxwYXRoIG9wYWNpdHk9Ii4xIiBkPSJNNi4xMjUgMCBIOCBWMy41IEg2LjEyNSB6IiB0cmFuc2Zvcm09InJvdGF0ZSgyMjUgNyA3KSI+ICAgIAoJICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiBmcm9tPSIxIiB0bz0iLjEiIGR1cj0iMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBiZWdpbj0iMC42NzVzIi8+ICAKICA8L3BhdGg+ICAKICA8cGF0aCBvcGFjaXR5PSIuMSIgZD0iTTYuMTI1IDAgSDggVjMuNSBINi4xMjUgeiIgdHJhbnNmb3JtPSJyb3RhdGUoMjcwIDcgNykiPiAgICAKCSAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgZnJvbT0iMSIgdG89Ii4xIiBkdXI9IjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgYmVnaW49IjAuNzVzIi8+ICAKICA8L3BhdGg+ICAKICA8cGF0aCBvcGFjaXR5PSIuMSIgZD0iTTYuMTI1IDAgSDggVjMuNSBINi4xMjUgeiIgdHJhbnNmb3JtPSJyb3RhdGUoMzE1IDcgNykiPiAgICAKCSAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgZnJvbT0iMSIgdG89Ii4xIiBkdXI9IjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgYmVnaW49IjAuODc1cyIvPiAgCiAgPC9wYXRoPgo8L3N2Zz4=)
}
.dailyRate {
    border-color: rgb(215, 215, 215);
    background-color: #E7E7E7;
}
.fc-event.past {
    background-color: rgba(58, 135, 173, 0.5);
    border: 1px solid rgba(58, 135, 173, 0.5);
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  z-index: 2065;
}
.navbar .btn-navbar {
    border-radius: 0;
    background: none !important;
    border: none;
    box-shadow: none;
}
.navbar .btn-navbar:hover, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] {
    background: rgba(0,0,0,0.25) !important;
}
span.icon-bar {
    border-radius: 0 !important;
    box-shadow: none !important;
    background-color: black !important;
}
div#main {
    position: relative;
    top: 50px;
}
#navbarCartControl > .dropdown-toggle {
    background: none;
    color: #333;
    text-shadow: none;
}
#header .row .span8.banner img {
    display:none;
}
video.bgvid {
    min-height: 100%;
    min-width: 1280px;
    height: auto;
    position: fixed;
    top: 0;
    z-index: -1;
}
#nav .navbar-inner .brand span {
  display:none;
}
.navbar .icon-white {
    background-image: url("../img/glyphicons-halflings.png");
}
.navbar .nav > li > a {
    color: #333;
    text-shadow: none;
}
div#serviceList {
    background: none;
    box-shadow: none;
    border: none;
    margin-top: 23%;
}
#header .span4.message {
    width: 100%;
}
.booking-widget {
    right: 0;
    left: 0;
    background-color: rgba(51,48,41,0.65);
    position: absolute;
}
.booking-widget > div{
}
.booking-widget > div > div {
    height: 40px;
    width: 250px;
    background-color: #dedede;
    float: left;
    margin: 5px;
    line-height: 40px;
    text-align: center;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.booking-widget .guests {
    width: 160px;
}
.booking-widget .check {
    background-color: #b59c73;
    cursor: pointer;
}
.booking-widget .check[disabled], .booking-widget .check[disabled]:hover {
    cursor: default;
    background-color: #D3D1D0;
    color: #ADABA9;
}
.booking-widget div > input, .booking-widget div > select {
  width:100%;
  height:100%;
  padding:  0;
  margin:0;
  border:none;
  text-align:center;
  color:#000;
  text-transform:uppercase;
  font-weight:bold;
  letter-spacing: 0.5px;
}
.booking-widget div > select {
  padding-left: 20%
}
.booking-widget div > select option {
 text-align: center;
 font-size: 12px;
}
#header #serviceList.well .home {
 background: no-repeat center center url(../img/button-roomsBooking.jpg);
 background-size: cover;
}
#header #serviceList.well .leaf {
  background: no-repeat center center url(../img/button-spaBooking.jpg);
  background-size: cover;
}
#header #serviceList.well .edit {
  background: no-repeat center center url(../img/button-dining.jpg);
  background-size: cover;
}
#header #serviceList.well .flag {
  background: no-repeat center center url(../img/button-golfBooking.jpg);
  background-size: cover;
}
#header #serviceList.well .gift {
  background: no-repeat center center url(../img/button-giftCertificates.jpg);
  background-size: cover;
}
#header #serviceList.well .tag {
  background: no-repeat center center url(../img/button-ski.jpg);
  background-size: cover;
}
#header #serviceList.well .certificate {
  background: no-repeat center center url(../img/button-short.jpg);
  background-size: cover;
}
body {
  background: url(../img/background.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
body.content-clubAccountList,
body.content-clubAccount {
  background-image: url(../img/background-short.jpg);
}
body.content-diningReservation,
body.content-diningConfirmation {
  background-image: url(../img/background-dining.jpg);
}
body.content-golfLocationList,
body.content-golfCourseList,
body.content-golfTeeInfo,
body.content-golfTeeInfo,
body.content-golfBookConfirm {
  background-image: url(../img/background-golfBooking.jpg);
}
body.content-giftCertificates {
  background-image: url(../img/background-giftCertificates.jpg);
}
body.content-pmsSpecialServiceTpl,
body.content-pmsVenuesListTpl,
body.content-pmsVenuesListTpl,
body.content-pmsDatesForm,
body.content-pmsRatesList,
body.content-pmsRoomTypeList,
body.content-pmsRoomList,
body.content-pmsBookConfirm {
  background-image: url(../img/background-roomsBooking.jpg);
}
body.content-skiLocationListTpl,
body.content-skiLiftTicketListTpl {
  background-image: url(../img/background-ski.jpg);
}
body.content-spaLocationListTpl,
body.content-spaServiceTypeListTpl,
body.content-spaServiceListTpl,
body.content-spaClassCalendarTpl,
body.content-spaClassListTpl,
body.content-spaClassConfirmTpl {
  background-image: url(../img/background-spaBooking.jpg);
}
body.content-userCreateUserForm,
body.content-userCreateUserForm,
body.content-userChangePasswordForm,
body.content-userResetPasswordForm,
body.content-userLoginForm,
body.content-userProfileForm {
  background-image: url(../img/background-profile.jpg);
}
#nav > .splash-page {
    text-align: center;
}
 .accordion-group {
    border-radius: 0;
}
#pagination-container{
  display: flex;
  justify-content: center;
}
#pagination-container ul{
  list-style: none;
  display: flex;
  justify-content: center;
  margin-top: 2em;
  width: 100%;
}
#pagination-container span, #pagination-container .page-link{
  font-size: 1.5em !important;
  padding: 1em;
  margin-top: 2em;
}
#pagination-container .current{
  color: #037599;
  font-weight: 800;
}
.accordion-body {
    background-color: rgba(255,255,255,0.95);
}
.breadcrumb {
    background-image: none;
    background-color: rgba(255,255,255,0.9);
    border-radius: 0;
    border: none;
}
#content > p, #pmsDatesForm {
    background-color: rgba(255,255,255,0.7);
    padding: 1em;
}
#pmsDatesForm {
  margin-bottom:1em;
}
#content > p:first-child {
  padding: 1em;
}
.nav > li > a:hover {
  background: none;
  color: rgb(51, 48, 41);
  text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.47);
}
.nav > li > a  {
}
.nav-list > li > a {
  color: rgb(255, 255, 255);
  line-height: 140px;
  background: none;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
  font-size: 40px;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.47);
}
section.mainContent {
  padding-top: 75px;
}
.nav-list > li > a > i {
    display: none;
}
form#golfTeeInfo, #categories, #golfResults {
    background: rgba(255,255,255,1);
}
form#golfTeeInfo p {
  padding: 1em 0 0 1em
}
a#golfTeeInfoSubmit {
    margin-right: 30px;
    margin-bottom: 0.6em;
}
.btn.btn-primary {
    color:#070707;
}
.btn.btn-mini {
    padding: 0.35em 2em;
}
.btn {
    padding: 1em 3em;
    box-shadow: none;
    border-radius: 0;
    border: none;
    text-shadow: none;
    border-radius: 0;
    background: #fff;
    background-image: transparent;
}
.btn.btn-danger {
    background-color: #B24845;
}
a:hover {
    color: #333029;
}
#pmsDatesForm .page-header {
    border-bottom: none;
    margin-bottom: 0;
}
#pmsDatesForm > .well.span9.offset1 {
    margin-top: 2em;
}
.form-actions {
       background-color: #e8e8e8;
      border:  1px solid;
      border-color: lightgray;
}
#header .input-append.spinner {
    width: 260px;
    height: 70px;
    background-color: rgba(255,255,255,0.6);
    padding-top: 40px;
    align-content: center;
    margin: 0 auto;
}
svg#Layer_1 {
    margin: 0 auto;
    display: block;
}
#serviceList ul {
    text-align: center;
}
.ui-widget-content .ui-datepicker-header {
    background-color: #333029;
    color: #EFE7D6;
    border-radius: 0;
}
.tabbable ul.nav-tabs li, .row-fluid.spaClassCalendar {
    background-color: rgba(127,127,127,0.5);
}
div#main {
    padding-bottom: 40px;
}
#content.pmsRatesList > p:nth-child(2),
#content.pmsRoomTypeList > p:nth-child(2) {
    display: none;
}
#roomTypeaccordion .accordion-inner .span5 {
    width: 360px;
}
.fc-view-container {
    background-color: rgba(255, 255, 255, 0.64);
}
.fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-popover {
  border-color: rgba(0, 0, 0, 0.15);
}
table.table.table-condensed.teesheet {
    background-color: rgba(255,255,255,0.9);
}
#eventcalendar {
    margin-right: 0px;
}
.well.disabled div.backdrop {
    background-color: rgba(0,0,0,.55);
}
.well.disabled {
    border-color: rgba(0,0,0,0.6);
}
#userCreateUserForm span.add-on {
    min-height: 28px;
    min-width:28px;
}
#content.golfLocationList > p:first-child,
#content > p:nth-child(2)
 {
    display: none;
}
.userProfileForm .btn-group button, .userCreateUserForm .btn-group button {
    padding: 1em 0.7em;
}
.userProfileForm .edit-profile-title{
  display: none
}
.credit-card {
border-radius: 7px;
width: 95%;
max-width: 250px;
position: relative;
transition: all 0.4s ease;
box-shadow: 0 2px 4px 0 #cfd7df;
min-height: 60px;
padding: 13px;
background: #0064cd;
color: #efefef;
}
.credit-card.selectable:hover {
  cursor: pointer;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.credit-card-person{
  padding-top: 9px;
}
.credit-card-last4 {
  font-family: "PT Mono", Helvetica, sans-serif;
  font-size: 24px;
}
.credit-card-last4:before {
  content: "**** **** **** ";
  color: #4f4d4d;
  font-size: 20px;
}
.credit-card-expiry {
  font-family: "PT Mono", Helvetica, sans-serif;
  font-size: 18px;
  position: absolute;
  bottom: 8px;
  left: 15px;
}
.credit-card.visa {
  background: #4862e2;
  color: #eaeef2;
}
.credit-card.visa .credit-card-last4:before {
  color: #8999e5;
}
.credit-card.mastercard {
  background: #4f0cd6;
  color: #e3e8ef;
}
.onfileCreditCart{
  overflow-y: hidden;
}
.credit-card.mastercard .credit-card-last4:before {
  color: #8a82dd;
}
.credit-card-parent .fpNameFieldParent{
  width: 290px;
  margin-top: 10px;
}
.updateOnFileToken,.cancelUpdateOnFileToken{
  cursor: pointer;
}
#onFileCreditCard .fpNameFieldParent #NameOnCard{
  width: 270px;
  border-radius: 5px;
}
.credit-card-parent .i4gospecificinstruction{
  font-weight: bold;
  font-style: italic;
  margin-left: 5px;
  margin-bottom: 8px;
  color: red;
}
.credit-card::after {
  content: " ";
  position: absolute;
  bottom: 10px;
  right: 15px;
}
.credit-card.visa::after {
  height: 16px;
  width: 50px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAQCAYAAABUWyyMAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAC4jAAAuIwF4pT92AAABWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgpMwidZAAAExUlEQVRIDXWWW4hWVRSA/9+ZNA3TtFJUZDIsTSNLUpIwHzTogl3oKkVERgQhvQRTINFDUdhDUdBDhBMUTUFRJnSzQglqIC+U3YZEI+wiWjmF42X07/v2WWs4M6MLvn+tvdbal7P23uf8zVar9Vyj0ZgL46EF/0ET2uEPeKzZbO4hbxT6BLoNfRy9klgnHIQzoBf/avzLsZ+APjgTPsO/ttZvBr7VcDXMgingnL/ATniK/G/IH4XdwsZsjcZ2zCXQD863ndgaYqhmq4ExARbDo7AThssGOpnnwHX96bDEpyP+4sn8EbuL2F+1uIURC6NWVkVuO7bFdM5HDAyTf2hPjbiFHyoEn4wOh0P/ip5kFrot9ELsI3AUXMR+mBmxfMB+fMoN4b+papZf+55MnNNdqhdsHL4fItl+xwIffGnklnWVTjjdPu1z4QAoJttxUcQy51mDSD7s+ohPxbe3RKqff1G5sG3hz4fYQvsWWAE3wjrohpwjd+NWfMpApcqva1IeinlLrnYRAnl8NpW0quKad5qA9sCeBbtBycGXRXxZ5R70bwv/PPw+tIXJ4pxn7FRCXq7lQ2zFfgfhEHgKlC77o9tKcm2wbH8ZvuOhL1GXS9VoXI/ZAUfBLd0MW0CZV6nGQGgvrzIOzPVlIlbwcRZwNtqFeB/KTkQ7XyyX014Ojuc9eAksTq7zIvqVl086iBVxEuWLSpXJNedHW3V3zdZczwOeCF85grV4T9jfo78D53NRznMPeNzWoF24960669WicTfuhfQdw+6CPaA454VQ7qaOQWEgn9oKTYH6Wf8x/Avwez5za3dhT4iYVf0alDxyVxpT8F0F+QJw0ZKyFWNO5JXzTnsa7MsEtDvvOGvDl3ftWv1DdsSjg6CafxLbYQLi8ZqFvwN9GziRx0p5nVy/I0oHzNZArOJv0GuDvu3kuZCl4NE4LXB3rPRl8DF508nTp9wO58BhG8jblWp8GzrVgjSGaCfVge4ExR3woq0CP1QpfRgXZGfslRHISn8S44zCb4XKEUGPhvvA3VTcXV8Eyrro4yt3e/FUP7+j8psxA9tvkf2Ud+xTFq1RE8+ekhfeXXNXOsHt13ZRG6leLwONQR+hfSkoxq34YOWIO6HFGYN/gPYr2H5o34UlkCcjXxYr8FnpnMt1vkwftcff8bPPHPxjaQ8VnCY66UTYDYo7kpKVWB55Dmr+hkjIs3tH+H1d+zdkhOB/Ifrk3XnTJHw5lndN6vPbxXb67Dt/xI5E9XyL+BfA89wBWRl3y934Cj4nTlrTo+f/tHJZ0T6YO1TuB3oxdJHjEXCX94PFsuoPgJLVfZ+8DtrX6ETMy1hxxI9+33yu63SYO+JBcCp2dtGb4eaw9eUDvcoDuDO++734s2EmeFEd8+cAVb4t7siDgb4U5/CyO04PY77GmM9gO0Y/jIWPwCLkn1ov//nwMDifhV0II4XBShXQi2C4ePEm2wudx+r+YUme/yL4rbKSR6F+LKpIq/UBxiSYDJ6EulyRY6UmOB7+riX1nGpH8sPohX0LpoMVmghvUDn/i1kJK6r45d4KB8CHfA98UI/A87APLoZpYNyq7oUd0M14G9HmX4f6CfrAMXeB35j6Oh3zEHSD/zg8xn3/A2haarqHiZpPAAAAAElFTkSuQmCC');
}
.credit-card.mastercard::after {
  width: 40px;
  height: 25px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAZCAYAAABD2GxlAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAAsTAAALEwEAmpwYAAABWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgpMwidZAAAGGElEQVRIDZVXzY8URRR/Vd0zPV/sFyu4ywIRORA10Y2Ek8m6sBouRGOyHMSoKMaLFyWeJGE8GCX6FygoiYkGPJhIvAi4BzAakYBRThAOwAwinyvz2dNdz9+r7mF2Z796H2zXVNX7+L1X9apeKeqio0TOTqKwPXyTRsaIeBv6T6EdIlJp/K4roqvonzFEx1dR+Zzw8yQ50qrvInn/0JonWavtIfNm8K9VirLGsE9KXUf/T1Lmp+zu66dERoiZNHigskPg6xATuRgIZATAdqF5N0X0dJ4iqZAY/wAAfw6+0k5DH8aOq0H6+KFbpSkMUf2LkWdJ8z4wbM3kdGTDgEuEhWRIIwoNQ35A5xzFB7w3ykdkiqeAYTzCIP1IWCZicNM0MuATH+4lvSPAaFX8gi7AwQ+Gg5GdGX23J63I9xU1Kfys8BVxOu28D4DUbEDCUKAUZJkjjyDfAUpOxoNK/G/WzTHPc15Tu67cnQnSAmyDu0HrNigKTvST88g9MjaSUCfL9sAR0T+LXJgLVEB9JjW49R7RY0yN9f1wV7fIsAvJhWUFKmM7KOJMQaeaFXORXZ7Ivlq+wkVEsgjN7T13FZHLEP3RS0rANaHVmwVkvg6WCRGyCHpfusOpgbohYDTrstp/YkBJ6KPPfMKdMctH1MR28Bo1c7lVoy0975Ru81FydDshAO7LvuWAE/2ILQNe7rkqpfrrin3l8Arl6FJdudeqmF8seB2AMZfXrJkGIrnBzfJBOztJBjGQhBh+uYfUC/GyLh05EUL2cEtRalNAuWGEDRsCK4XERDygwb10j/T9FrGAlBAlIJFsVEyQzTkv1g6umcTWZAsQKfWeZKhQMp/BGBvNbpRIoYsceCAsoHyALGMuscLYvOiFk0rTXhlR/9LwM2nSp+BrbDKBSgGEk9JZa6hv7AZpFxuxLW214oN5TmtqblltWyWnWzKwooldh3TAekxOpG1yzqGVrE2mwhU8WN41LdIpWBbjM0lMwAmFnNEVqI2Pwpksi/wWDKHr2QycwFePdutfRDiaiqPl9tiNZ8HOlYEdKNaV1typpUbEe9jAmo7i5uAhudfQTxY9UR5fhNqToC9AsTbVlLVegGehYZHFPtSkhnDekyfyidEJY+yNEumFqD0lWb18iiJILAtNjdhmMjViDwLSsEngVsKzsMu4LDJscAMx4LLcR2Kvi2nhLhJAKGwgW5Yg9iRblmDqnhYkNrFUGRFUZ0V+WTpi5mBaTmuRnc83jEG7yYNnuSQKYcMhPquRaCcrUckkmpIltE1e1Agll0xLDoIuBOKA5EZOkykgysvbh+Kt20IpFho6qR+m0m84CH4tADL0xvnZZbC7Cy4Fu0HJIf9OwQK0N0mbT4oyKDWr8yhTUDmK2wI6GQWZjFIAdzq3p/yL9R3p/GksK2rmW6+5qsEpzPWLOXuroOTrSIbY2biPg+F8Z2yuhvlGxLbFZJgtJjkoUAxf+75C9G0fLi30cYsmIERIpZlaF12ql/qi+xiQUeKjcAK4jf12eRXAJo2eSKKaceoNPpJ/s/wDF0kLWgkEVsTsuUvhhQHSci7CRIJIxnuxdiKPpc4ZAA7VfQ7N+pwJR3LYMNCUjISx6eV1plkJL2QL/h4rth/hBDrZwu4wlWsIw/Mouf5eCZBgkFMOBdUiiYO9hb0o31bleL+mm3mHHs87waZ+rIxqYdWNFDmLkLUhtjIrtNesmr8ClZ5QO29WpoqoqPEUeiAuINEJmEayt4g/RwHxioS3gkBiTu40NLMWyxZYkMGbRNN/vvDxvhVfownVR+mMojgTraykoH2XQIn8xD88Vcj1stCApKv75ptsi95Sb5drWFpb7kes8o1pCsbGIzBSxO6Apr0QH8MDynK0X3VIKjsiiPGqw3OJjtHK8MDg7X/OCGP10BCemc4HWvF2L6cz1i3JZKnowNyubhpVGaTTqP0+ybxe+lE6M8FJX9hnEVToDzFSjJcW9eIovB/H0Cj+hjGP+1FVsXpXwfo7+j+vomuXMBe9iyehdGd0XDUOr32UjJlAuDZjdD2iloNF2d9lYD2Pev5kYXfpvMgWi6T3o1XF2VvqfyBMXs6VwHVmAAAAAElFTkSuQmCC');
}
.LoaderBalls {
	width: 90px;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
  margin: 0 auto;
  }
  .LoaderBalls__item {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #1B79C1 ;
  }
  .LoaderBalls__item:nth-child(1) {
	animation: bouncing 0.4s alternate infinite cubic-bezier(0.6, 0.05, 0.15, 0.95);
  }
  .LoaderBalls__item:nth-child(2) {
	animation: bouncing 0.4s 0.1s alternate infinite cubic-bezier(0.6, 0.05, 0.15, 0.95) backwards;
  }
  .LoaderBalls__item:nth-child(3) {
	animation: bouncing 0.4s 0.2s alternate infinite cubic-bezier(0.6, 0.05, 0.15, 0.95) backwards;
  }
  @keyframes bouncing {
	0% {
	  transform: translate3d(0, 10px, 0) scale(1.2, 0.85);
   }
	100% {
	  transform: translate3d(0, -20px, 0) scale(0.9, 1.1);
   }
  }
  .content-spaClassCalendarTpl #progressIndicator.modal{
	background:transparent;
	border: none;
	box-shadow: none;
	overflow: hidden;
  }
  .content-spaClassCalendarTpl #progressIndicator{
  
	  margin-top: 20px;
	
  }
  .loading-text-eventscalendar{
	position: absolute;
	margin-top: 59px;
	font-size: 17px;
	margin-left: 4px;
  color: #ec3956;
  
  }
.userProfileForm #userClubMemberList,.userProfileForm #userClubListEmail{
  margin-left: 11px;
  position: absolute;
}
#userProfileForm,.userCreateUserFormLoggedIn #userCreateUserForm{
  padding: 19px;
  display: flex;
  
  flex-wrap: wrap;
  width: 95%;
  background: #8080800f;
}
.profile_page_tab_ul .active a{
  background-color: #00759A !important;
  color:#fff !important;
}
.profile_page_tab_ul{
  margin-left: -30px
}
.profile_page_tab_ul li {
  font-weight: 500;
}
#userProfileForm label.control-label {
  font-size: 13px;
  font-weight: 500;
}
#userProfileForm label[for=userDOB]{
  
width: 187px;
}
#userProfileForm .well,.userCreateUserFormLoggedIn #userCreateUserForm .well{
  width: 22%;
  border: 0.5px solid #ddd;
  padding: 11px;
  margin-top: 7px;
  position: relative;
}
.well.userProfileFormButtons {
  width: 100% !important;
  text-align: right;
}
.userCreateUserFormLoggedIn .form-horizontal .control-group{
  margin-left: 0px !important;
}
.userProfileFormButtons #userProfileCancel,.userCreateUserFormLoggedIn .userProfileFormButtons #userCreateCancel {
  margin-bottom: 0px;
  width: 180px;
}
.userProfileFormButtons #userProfileSubmit,.userCreateUserFormLoggedIn .userProfileFormButtons #userCreateSubmit{
  width: 100%;
  margin-bottom: 0px;
}
input#userProfileSubmit:hover,input#userCreateSubmit:hover {
  color: #fff;
  background: #037599;
  border-color: #037599;
}
#userProfileForm .language-parent{
  width: 14%;
}
.userCreateUserFormLoggedIn #userCreateUserForm .language-parent{
  width: 22%;
}
#userProfileForm .newsletter-parent{
  width: 28%;
  padding-left: 32px;
}
.userCreateUserFormLoggedIn #userCreateUserForm .newsletter-parent{
  width: 44%;
  padding-left: 46px;
}
#userProfileForm .control-group .checkbox,.userCreateUserFormLoggedIn #userCreateUserForm .control-group .checkbox{
  padding-left: 0px !important;
}
#userProfileForm .controls input[type=text],#userProfileForm .controls select,
.userCreateUserFormLoggedIn #userCreateUserForm .controls input[type=text],#userCreateUserForm .controls select{
  width: calc(100% - 21px);
}
#cartCCFormSubmit{
  margin-left: 0px;
}
 .sectionTitle {
  font-size: 14px !important;
  margin-bottom: 10px !important;
}
#userProfileForm #userMainPhone,#userCreateUserForm #userMainPhone{
  margin-left: 0px;
}
#departure-input, #arrival-input {
    cursor: pointer;
}
#userProfileForm .control-group{
  margin-left: 1px;
}
#loadMessage {
  
	font-family: 'Roboto', sans-serif;
  font-weight: 300;
  background: rgba(255, 255, 255, 0.9);
  padding:20px;
  width: 100%;
  line-height: 36pt;
}
.offset4 .span4 h3 {
  background: rgba(255, 255, 255, 0.9);
  padding:20px;
}
.checkout {
  margin-top:40px;
}
#userLanguage .btn {
  background-color: #ccc;
}
#userLanguage.btn-group .active {
  background-color: #037599;
}
.forgot .btn {
  background-color: #ccc;
}
.btn-group > .btn.active {
    z-index: 2;
    color: #fff;
    background: #047599;
  }
.btn .span12 {
  background-color: #ccc;
}
.webFolioItem {
  padding-top: 10px;
  padding-bottom: 20px;
  border-top: none;
  border-bottom: 2px solid #959595;
}
.input-append input, .input-append select, .input-append .uneditable-input {
  height: 30px;
}
h1, h2, h3, h4, h5, h6 {
 font-family: 'Open Sans', sans-serif;
 font-family: 'Roboto', sans-serif;
 font-weight: 300;
}
.fc-toolbar {
    text-align: center;
    margin-bottom: 0px;
    background-color: #039985;
    padding: 10px 10px 5px 10px;
}
.fc-toolbar .fc-center h2{
  color:#fff;
}
.page-header {
  margin: 0 0;
}
.page-header p {
  font-size: 15px;
}
body.content-diningReservation .tab-content h4 {
  display: none;
}
body.content-diningReservation .nav-tabs h4 {
  display: none;
}
.diningReservation .title h4{
  display:none;
}
body.content-spaClassCalendarTpl .row-fluid div.span-9 {
  margin-left:5px;
}
.giftCert .thumbnail img {
    border: 0px solid #5bc0de;
}
.offset1 {
    margin-left: 0px;
}
.offset2 {
    margin-left: 0px;
}
.offset3 {
    margin-left: 220px;
}
.giftCert {
  margin-bottom:10px;
}
.categories li {
  list-style-type: none;
}
form-float.control-group .control-label {
    float: none;
    width: initial;
    padding-top: 0;
    text-align: initial;
    top: 3em;
    margin-bottom: 0;
    margin-left: 1em;
    font-size: 1em;
    -webkit-transform: translate3d(0px, 1.8em, 0);
    transform: translate3d(0px, 1.8em, 0);
    opacity: 0.8;
    filter: alpha(opacity=80);
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    pointer-events: none;
}
.span12, .span10 {
  margin-left:0px;
}
.pagination-centered {
    margin-right: 10px;
}
.span4 {
}
.accordion {
    margin-bottom: 0px;
}
#content{
  margin: 0 30px 30px 30px;
}
#userCreateSubmit {
  float:right;
}
.span3 h4 {
  margin-top:15px;
}
.span9 {
    width: 100%;
}
.span10{
      padding-bottom:0px;
}
.bookButton {
  width: 120px;
}
.input-append .add-on:last-child, .input-append .btn:last-child {
  border: 0px;
  -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.input-prepend .add-on, .input-append .add-on {
  padding: 5px;
}
.nav-tabs > li > a {
   border-radius: 0px;
   border: 0px;
}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
  border:0px;
}
.spaItem input.span2.datepicker {
}
.spaItem .accordion-inner select.span2 {
}
div.loginPrompt {
  margin-bottom: 10px;
}
span.icon-bar {
    border-radius: 0 !important;
    box-shadow: none !important;
    background-color: black !important;
}
.span8 {
  width: 100%;
}
div#main {
    position: relative;
    top: 50px;
}
.breadcrumb {
  margin: 0 0;
}
.row-fluid  .span3 {
}
.row-fluid .span6, .row .span6  {
}
.row-fluid .span9 {
}
keygen, select {
  background-color: #808080;
    border-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    font-size: 17px;
}
input[type="text"], input[type="password"], .ui-autocomplete-input, textarea, .uneditable-input {
}
.ohyeah {
  display:none;
}
.navbar .btn-navbar {
    border-radius: 0;
    background: none !important;
    border: none;
    box-shadow: none;
}
.navbar .btn-navbar:hover, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] {
    background: rgba(0,0,0,0.25) !important;
}
#navbarCartControl > .dropdown-toggle {
    background: none;
    color: #333;
    text-shadow: none;
    font-weight: 100;
}
#nav .navbar-inner .brand span {
  display:none;
}
.navbar .icon-white {
    background-image: url("../img/glyphicons-halflings.png");
}
.navbar .nav > li > a {
    color: #333;
    text-shadow: none;
}
.navbar .nav > li > a:hover {
    color: #000;
}
#header .message h2 {
   font-size: 72px;
  
	font-family: 'Roboto', sans-serif;
   font-weight: 400;
   padding-top: 80px;
   padding-bottom: 40px;
   color: white;
   text-align: center;
   background: none;
   line-height: 80px;
   text-shadow: 2px 2px 6px rgb(79, 74, 65);
   display: none;
}
#header .message .page-header {
  border-bottom: none
}
#header .span4.message {
    width: 100%;
}
#header #serviceList.well .leaf {
  background: no-repeat center center url(../img/button-spaBooking.jpg);
  background-size: cover;
}
#header #serviceList.well .leaf {
  background: no-repeat center center url(../img/button-spaBooking.jpg);
  background-size: cover;
}
#header #serviceList.well .flag {
  background: no-repeat center center url(../img/button-golfBooking.jpg);
  background-size: cover;
}
#header #serviceList.well .gift {
  background: no-repeat center center url(../img/button-giftCertificates.jpg);
  background-size: cover;
}
#header #serviceList.well .tag {
  background: no-repeat center center url(../img/button-ski.jpg);
  background-size: cover;
}
#header #serviceList.well .certificate {
  background: no-repeat center center url(../img/button-short.jpg);
  background-size: cover;
}
body {
  background: url(../img/background.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
body.content-clubAccountList,
body.content-clubAccount {
  background-image: url(../img/background-short.jpg);
}
body.content-golfLocationList,
body.content-golfCourseList,
body.content-golfTeeInfo,
body.content-golfTeeInfo,
body.content-golfBookConfirm {
  background-image: url(../img/background-golfBooking.jpg);
}
body.content-giftCertificates {
  background-image: url(../img/background-giftCertificates.jpg);
}
body.content-pmsSpecialServiceTpl,
body.content-pmsVenuesListTpl,
body.content-pmsVenuesListTpl,
body.content-pmsDatesForm,
body.content-pmsRatesList,
body.content-pmsRoomTypeList,
body.content-pmsRoomList,
body.content-pmsBookConfirm {
  background-image: url(../img/background-roomsBooking.jpg);
}
body.content-skiLocationListTpl,
body.content-skiLiftTicketListTpl {
  background-image: url(../img/background-ski.jpg);
}
body.content-spaLocationListTpl,
body.content-spaServiceTypeListTpl,
body.content-spaServiceListTpl,
body.content-spaClassCalendarTpl,
body.content-spaClassListTpl,
body.content-spaClassConfirmTpl {
  background-image: url(../img/background-spaBooking.jpg);
}
body.content-userCreateUserForm,
body.content-userCreateUserForm,
body.content-userChangePasswordForm,
body.content-userResetPasswordForm,
body.content-userLoginForm,
body.content-userProfileForm {
  background-image: url(../img/background-profile.jpg);
}
.accordion-group {
    border-radius: 0 !important;
    height:  100%;
}
.breadcrumb {
    background-image: none;
    background-color: rgba(255,255,255,0.9);
    border-radius: 0;
    border: none;
}
#content > p, #pmsDatesForm {
    background-color: rgba(255,255,255,0.7);
    padding: 1em;
}
#pmsDatesForm {
  margin-bottom:1em;
}
#content > p:first-child {
  padding: 1em 1em 1em 0;
}
section.mainContent {
  margin-top: 100px;
}
 #categories {
    background: rgba(255,255,255,0.6);
    padding: 20px;
}
form#golfTeeInfo p {
  padding: 1em 0 0 1em
}
.btn.btn-mini {
  background: #039985;
    COLOR: #FFF;
    padding: 8px 10px;
    font-size: 14px;
}
.accordionheading .accordion-toggle {
    display: block;
    padding: 12px 25px;
}
.btn {
    padding: 10px;
    box-shadow: none;
    border-radius: 0;
    border: none;
    text-shadow: none;
    border-radius: 0;
    font-size: 14px;
}
.btn.btn-danger {
    background-color: #B24845;
}
.navbar .btn {
    padding: 10px 10px;
  }
.loginPrompt .btn {
  color: #fff;
  background-color: #3a87ad;
}
a:hover {
    color: #333029;
}
#pmsDatesForm .page-header {
    border-bottom: none;
    margin-bottom: 0;
}
#pmsDatesForm > .well.span9.offset1 {
    margin-top: 2em;
}
.navbar .nav .active > a:hover {
    color: #ffffff;
    background-color:#ccc;
    font-weight: 100;
}
.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
    color: #000;
    font-weight: normal;
    line-height: 18px;
    margin-right: 5px;
    padding: 5px 15px;
}
  .navbar .nav .active > a, .navbar .nav .active > a:hover {
    color: #000;
}
#header .input-append.spinner {
    width: 260px;
    height: 70px;
    background-color: rgba(255,255,255,0.6);
    padding-top: 40px;
    align-content: center;
    margin: 0 auto;
}
svg#Layer_1 {
    margin: 0 auto;
    display: block;
}
#serviceList ul {
    text-align: center;
}
.ui-widget-header a {
    color: #fff;
}
.ui-widget-content .ui-datepicker-header {
    background-color:rgba(22,155,135,1);
    color: #fff;
    border-radius: 0;
}
.tabbable ul.nav-tabs li, .row-fluid.spaClassCalendar {
        background-color: transparent;
}
.nav-collapse .nav li {
    float: left;
}
.nav.bookingSummary #navbarServiceTypeList {
    clear: left;
}
#content.pmsRatesList > p:nth-child(2),
#content.pmsRoomTypeList > p:nth-child(2) {
    display: none;
}
#roomTypeaccordion .accordion-inner .span5 {
   width: 100%;
   clear:  both;
   margin-bottom: 10px;
}
.fc-view-container {
    background-color: rgba(255, 255, 255, 1);
}
.fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-popover {
  border-color: rgba(0, 0, 0, 0.15);
}
table.table.table-condensed.teesheet {
    background-color: rgba(255,255,255,0.9);
}
#eventcalendar {
    margin-right: 1em;
}
#userCreateUserForm span.add-on .icon {
  margin-top: 4px;
}
.well.disabled div.backdrop {
    background-color: rgba(0,0,0,.55);
}
.well.disabled {
    border-color: rgba(0,0,0,0.6);
}
#content.golfLocationList > p:first-child,
#content > p:nth-child(2)
 {
    display: none;
}
.row {
    margin-left: 0px;
}
.well {
    min-height: 0px;
    padding: 0px;
    margin-bottom: 0px;
    background-color: #f5f5f5;
    border: 0px solid #eee;
    border: 0px solid rgba(0, 0, 0, 0.05);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.0);
    -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.0);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.0);
}
.span8 img {
  display:none;
}
body {
	
	font-family: 'Roboto', sans-serif;
}
.navbar .nav > li > a {
	
	font-family: 'Roboto', sans-serif;
    color: #333;
    text-shadow: none;
    text-transform: uppercase;
}
p.intro {
 font-size: 20px;
 font-weight: 300;
 padding-bottom: 20px;
 
 padding: 5px;
 background-color: rgba(2,116,152,.8);
 
 word-spacing: 4px;
 resize: vertical;
 overflow: auto;
 letter-spacing: 0.08em;
}
.span4 .page-header {
}
.navbar .btn-navbar {
    border-radius: 0;
    background: none !important;
    border: none;
    box-shadow: none;
}
span.icon-bar {
    border-radius: 0 !important;
    box-shadow: none !important;
    background-color: black !important;
}
div#main {
    position: relative;
    top: 0px;
}
.booking-widget {
    background-color: rgba(51,48,41,0.65);
    position: absolute;
}
.booking-widget > div > div {
    height: 40px;
    width: 250px;
    background-color: #dedede;
    float: left;
    margin: 5px;
    line-height: 40px;
    text-align: center;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.5px;
}
.booking-widget .guests {
    width: 160px;
}
.booking-widget .check {
    background-color: #b59c73;
    cursor: pointer;
}
.booking-widget .check[disabled], .booking-widget .check[disabled]:hover {
    cursor: default;
    background-color: #D3D1D0;
    color: #ADABA9;
}
.booking-widget div > input, .booking-widget div > select {
  width:100%;
  height:100%;
  padding:  0;
  margin:0;
  border:none;
  text-align:center;
}
.booking-widget div > select {
  padding-left: 20%
}
.booking-widget div > select option {
 text-align: center;
}
textarea, input[type="text"] {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.00);
    -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.00);
    border: 1px solid #ccc;
    
	font-family: 'Roboto', sans-serif;
    font-size: 17px;
}
.booking-widget .guests select{
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.00);
    -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.00);
    background-color: #808080;
    font-weight: 400;
   
	font-family: 'Roboto', sans-serif;
    font-size: 17px;
}
button, input, select, textarea {
    vertical-align: inherit;
}
.booking-widget {
    right: 0;
    left: 0;
    background-color: rgba(256, 256, 256, 0.90);
    max-width: 1140px;
    margin: auto;
    position: relative;
    margin-top: 80px;
    min-height: 40px;
    padding: 30px;
}
booking-widget > div {
   position: relative;
    min-height: 40px;
    margin: 30px;
}
.booking-widget > div > div {
   height: 40px;
   width: 24%;
   float: left;
   margin: 0px 1.3333% 0 0;
   background-color:  #808080;
   line-height: 40px;
   letter-spacing: 0.5px;
   color: #fff;
   font-weight:  400;
}
.booking-widget .guests {
  width: 24%;
  float: left;
  margin: 0px 1.3333% 0 0;
  font-weight: 400;
}
.booking-widget div > select {
  font-weight: 400;
  color: #fff;
}
.booking-widget > div > div.check {
  background-color:#F7B53E;
  cursor: pointer;
  font-size: 17px;
  color: #333333;
  margin-right: 0px;
}
.booking-widget > div #arrival-input {
  color: #fff;
  font-weight: 400;
  background-color: #808080;
}
.booking-widget > div #departure-input {
  color: #fff;
  font-weight: 400;
  background-color: #808080;
}
.booking-widget .check[disabled], .booking-widget .check[disabled]:hover {
    cursor: default;
    background-color: #424242;
    color: #999;
    font-weight: 400;
    margin: 0px;
}
.booking-widget div > input::-webkit-input-placeholder {
  color: #fff;
}
.booking-widget div > input::-moz-placeholder {
  color:  #fff;
}
.booking-widget div > input:-ms-input-placeholder {
  color:  #fff;
}
.booking-widget div > input:-moz-placeholder {
  color:  #fff;
}
.nav > li > a:hover {
  background: none;
  color: rgb(51, 48, 41);
  text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.47);
}
.nav-list > li > a {
  color: rgb(255, 255, 255);
  line-height: 140px;
  background: none;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
  font-size: 40px;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.47);
}
.nav-list > li > a > i {
    display: none;
}
div#serviceList {
    background: none;
    box-shadow: none;
    border: none;
    margin-top: 23%;
    margin-left: 75px;
}
#serviceList li {
    display: inline-block;
    position: relative;
    overflow: hidden;
      margin:0px;
      width: 24%;
      margin-right:1.33%;
      margin-bottom: 10px;
    }
div#serviceList {
    box-shadow: none;
    border: none;
    margin-left: 0px;
    max-width: 1200px;
    margin: auto;
    position: relative;
    padding: 0;
}
#serviceList ul {
    text-align: center;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 25px 25px 25px 25px;
    
    font-size: 0;
    text-align:  left;
}
#serviceList ul li:nth-child(4) {
  margin-right:0;
}
#serviceList #content > p:first-child {
  padding: 30px 30px 0px 30px;
  font-size:  24px;
  font-weight: 300;
}
#serviceList .nav > li > a:hover {
  background: none;
  color: rgb(248, 248, 248);
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 1.47);
}
#serviceList .nav-list > li > a {
 }
#serviceList a {
    color: #333029;
}
.spaServiceStaff{
  width: 170px;
}
section.mainContent {
    padding-top: 0px;
}
.row  {
  margin-left:0px;
  margin-bottom: 20px;
}
.span10 {
  width:100%;
}
.span5 {
  margin-left:10px;
}
[class*="span"] {
}
div.message h1 {
    display: none;
  }
.span12, .content {
  max-width: 1170px;
}
.span12 {
    width: 100%;
}
#content > p, #pmsDatesForm {
  background-color: transparent;
  padding-left: 10px;
  padding-top:  10px;
  padding-right: 20px;
  font-size: 18px;
  line-height: normal;
  font-weight: 300;
  clear: both;
}
.span10 {
  width:100%;
  padding: 0 0 28px 0;
}
.accordion{
}
.tab-pane.accordion{
  padding-left:0px;
}
.accordion-inner{
  background-color: #e1e1e1;
  margin-bottom: 0px;
  height: auto;
  position: inherit;
}
.content-spaLocationListTpl .accordion-group {
  margin-left: 0px;
  width:100%;
}
.accordion-heading .accordion-toggle {
  background-color: #acacac;
  color: #fff;
  font-size: 17px;
  font-weight:400;
}
.accordion-heading a.accordion-toggle:hover {
    background-color: #0a9986;
    text-decoration:none;
}
.span3 img {
}
.accordion-inner .span2 {
  float:right;
}
.span2 .btn {
  width:80px;
  background-color: #fff;
  color: #737373;
  margin-right: 0px;
  float: right;
}
#categories {
  background: #fff !important;
}
.tabbable ul.nav-tabs li {
  background: transparent;
}
.span3 img {
  padding-bottom: 10px;
	padding-right: 0px;
  float: left;
}
.loginPrompt {
  padding:10px;
  border: #737373 solid 1px;
  margin: 10px 10px 10px 0;
  float: right;
}
.loginPrompt .btn{
  bottom: 5px;
  margin-top: 10px;
}
.controls {
}
keygen, select {
  background-color: #fff;
}
.moreOptionsButton {
  color: #000;
}
form#golfTeeInfo {
  background:#fff;
  margin-top: 20px;
}
#golfTeeInfoSubmit.btn {
   background: #F4D03F !important;
  color: #fff;
}
.well.disabled div.backdrop {
background-color: transparent;
}
.row-fluid [class*="span"] {
}
.input-append.arrow-right .add-on {
    margin-left: 0;
    display: inline-block;
}
#userCreateUserForm.span8 {
  background-color: rgba(256, 265, 265, 1);
  padding: 20px;
  margin: 0 0px 30px 0px;
  width: 1070px;
}
.backdrop {
  margin-top:0px;
}
.form-horizontal .control-group {
    margin-left: 20px;
}
.fpNameFieldParent{
  margin-left: 11px;
}
.fpNameFieldParent label{
  font-size: 15px;
  display: block;
  margin-bottom: 7px;
}
.fpNameFieldError{
  color: red;
  margin-top: 2px;
  font-weight: 500;
}
.fpNameFieldParent input{
  width: calc(100% - 20px);
  border-radius: 4px;
}
#returnStatement {
  font-size: 1.5em;
  padding: 0 10px;
}
#returnStatement span{
  color: #0064cd;
  text-decoration: underline;
}
.form-float.control-group .control-label {
    float: none;
    width: initial;
    padding-top: 0;
    text-align: initial;
    top: 1em;
    margin-bottom: 5px;
    margin-left: 0.5em;
    font-size: 1em;
    -webkit-transform: translate3d(0px, 1.8em, 0);
    transform: translate3d(0px, 1.8em, 0);
    opacity: 1.0;
    filter: alpha(opacity=100);
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    font-size: 17px;
  }
.category-type {
  background-color: #36a09a;
  color: #fff;
  margin: 20px 10px 20px 0;
}
.well {
  background-color: transparent;
}
.content-cartSummary div.message h1 {
  display:none;
}
#newPasswordTypeRandom{
  position: relative !important;
  left: 0px !important;
  float: none;
  width: 19px;
  height: 22px;
  box-shadow: none;
  margin-left: 1px;
  font-weight: bold;
}
.newPasswordTypeCustom{
  margin-top: 10px;
}
.newPasswordTypeCustomLabel{
  width: 100%;
}
.content-cartSummary .span12 {
  max-width: 1140px;
  margin-left: 0px;
}
.content-cartSummary p {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
.content-cartSummary .cartSummary {
  padding:30px;
  min-height: 50px;
}
.content-cartSummary #cartClear {
  margin-top:0px;
  
  margin-bottom: 30px;
  float:  right;
}
.content-cartSummary #cartClear p {
  margin-top: 1em;
  margin-right: 1em;
}
.content-cartSummary .pay-cc{
    padding:10px 50px;
    box-shadow: none;
    border-radius: 0;
    border: none;
    text-shadow: none;
    border-radius: 0;
    background: #ee9f4b;
    font-weight: 400;
    margin-top: 10px;
}
#cartClear .btn {
  color: #e1e1e1;
  background: #808080;
  width: 180px;
  min-height: 20px;
}
.checkout .btn {
  width: 160px;
  height: 20px;
  margin-top: 15px;
  float: right;
  background-color: #ee9f4b;
}
section.mainContent {
    
}
.booking-widget {
    height: 0px;
    margin-top: 30px;
    min-height: 90px;
}
.booking-widget > div {
     left: 0;
     text-align: center;
     margin-top: 0px;
  }
.booking-widget > div > div {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 10px;
  }
.booking-widget .guests {
  width: 32%;
  margin-right:0px;
  }
  .booking-widget .check {
  width:100%;
  }
  #serviceList li {
  width: 100%;
  height: 120px;
  margin-left: 0px;
  margin-bottom: 0;
  }
 #serviceList li a{
  line-height: 120px;
 }
#serviceList li.certificate {
  margin-left: 0px;
  }
#userCreateUserForm.span8 {
  width: 624px;
  }
#content.diningReservation .dining .results .service .timeslots a {
   position: relative;
   font-size: 13px;
}
#content.diningReservation .dining .results .service .timeslots a .price {
   font-size: 0.8em;
   position: absolute;
   left: -1px;
   top: 100%;
   width: 100%;
   padding: 0 0;
}
#content.diningReservation .dining .contact .form-float.control-group .control-label, #content.diningReservation .dining .contact input, #content.diningReservation .dining .contact textarea {
    font-size: 13px;
}
.form-float.control-group .control-label {}
h4.wptNumber {
    margin-top: 1em;
    font-weight: 600;
}
.wptNumber input {
    width: 160px;
}
.skiLiftTicketListTpl .nav-tabs > p {
    font-weight: 600;
    font-size:0.85em;
}
.skiItem .packageItems .itemCategory {
  display: none;
}
.skiItem .ski-Date-picker{
  display: flex !important
}
.skiItem .newMember .error{
  padding: 0px;
  width: 292px;
  color: red;
  font-weight: 500;
}
.skiItem .newMember h4{
  margin-left: 0px;
  width: 178px;
  margin-top: 13px;
  margin-bottom: 5px;
  font-weight: 400;
}
.webFolioItem .insurance span {
    line-height: 3em;
    float: left;
    padding-right: 1em;
}
.webFolioItem .insurance a {
    float:right
}
.rateRow .accordion-inner.clearfix {
}
.rateRow .control-group label {
    font-weight: bold;
}
.rateRow .accordion-toggle span.qtyLeft {
    display: none;
}
#header .span4.message {
    width: 100%;
    margin-top: 300px;
}
.giftCert .thumbnail img {
    border: 0px solid #5bc0de;
}
.offset1 {
    margin-left: 0px;
}
.offset2 {
    margin-left: 0px;
}
.offset3 {
    margin-left: 0px;
}
.giftCert {
	margin-bottom:10px;
}
.categories li {
	list-style-type: none;
}
form-float.control-group .control-label {
    float: none;
    width: initial;
    padding-top: 0;
    text-align: initial;
    top: 3em;
    margin-bottom: 0;
    margin-left: 1em;
    font-size: 1em;
    -webkit-transform: translate3d(0px, 1.8em, 0);
    transform: translate3d(0px, 1.8em, 0);
    opacity: 0.8;
    filter: alpha(opacity=80);
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    pointer-events: none;
}
.span12, .span10 {
	margin-left:0px;
}
.span4 {
}
.accordion {
    margin-bottom: 0px;
}
#content{
	margin: 0px 30px 30px 30px;
}
.popover.right {
    margin-left: -200px;
}
#userCreateSubmit {
	float:right;
}
.span3 h4 {
	margin-top:15px;
}
.span9 {
    width: 100%;
}
.span10{
	    padding-bottom:0px;
}
.bookButton {
	width: 120px;
}
.bookButtonResume{
  width: 120px;
}
#spaServiceForm  {
    padding: 10px 30px;
}
.input-append .add-on:last-child, .input-append .btn:last-child {
	border: 0px;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.input-prepend .add-on, .input-append .add-on {
	padding: 5px;
}
.nav-tabs > li > a {
	 border-radius: 0px;
	 border: 0px;
}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
	border:0px;
}
.spaItem input.span2.datepicker {
}
.spaItem .accordion-inner select.span2 {
    width: 100%;
}
div.loginPrompt {
	margin-bottom: 0px;
}
span.icon-bar {
    border-radius: 0 !important;
    box-shadow: none !important;
    background-color: black !important;
}
.span8 {
	width: 100%;
}
div#main {
    position: relative;
    top: 5px;
}
.breadcrumb {
	margin: 0 0;
}
.breadcrumb a {
	color: #000;
}
.breadcrumb .divider {
    border-bottom: none;
}
.row-fluid  .span3 {
	 
}
pa  {
}
.row-fluid .span9 {
}
keygen, select {
	background-color: #808080;
    border-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    font-size: 15px;
}
.ohyeah {
	display:none;
}
.navbar .nav.pull-right {
    width: 45%;
    margin-top: 18px;
}
.navbar .btn-navbar {
    border-radius: 0;
    background: none !important;
    border: none;
    box-shadow: none;
}
.navbar .btn-navbar:hover, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] {
    background: rgba(0,0,0,0.25) !important;
}
#navbarCartControl > .dropdown-toggle {
    background: none;
    color: #ffffff;
    text-shadow: none;
}
#nav .navbar-inner .brand {
  display: block;
  width: 230px;
  height: 80px;
  background: no-repeat url(../img/logo.png);
  position: absolute;
  top: 0;
  left: 20%;
  margin-left: 0px;
  background-position: center center;
  padding: 0;
}
#nav .navbar-inner .brand span {
  display:none;
}
.navbar .icon-white {
    background-image: url("../img/glyphicons-halflings.png");
}
.navbar .nav > li > a {
    color: #333;
    text-shadow: none;
	padding: 4px 10px;
}
.navbar .nav > li > a:hover {
    color: #000;
    background: #ffffff4f;
    border-radius: 5px;
}
#header .span4.message {
    margin-top: 200px;
}
#header .message h2 {
   font-size: 72px;
   font-family:serif;
   padding-top: 10%;
   padding-bottom: 7%;
   color: white;
   text-align: center;
   background: none;
   line-height: 80px;
   text-shadow: 2px 2px 6px rgb(79, 74, 65);
}
#header .message .page-header {
  border-bottom: none
}
#header .message > p {
  display:block;
}
#header #serviceList.well .leaf {
  background: none;
  background-size: cover;
}
#header #serviceList.well .flag {
  background: none;
  background-size: cover;
}
#header #serviceList.well .gift {
  background: none;
  background-size: cover;
}
#header #serviceList.well .tag {
  background: none;
  background-size: cover;
}
#header #serviceList.well .certificate {
  background: none;
  background-size: cover;
}
body {
	background: url(../img/background.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
body.content-cartSummary,
body.content-bookingHistory,
body.content-cartCCPaymentForm,
body.content-cartGCRedeem,
body.content-cartCCPaymentResult,
body.content-processingPPPayment,
body.content-cartYPForm,
body.content-redirectYP,
body.content-redirectPaytm,
body.content-redirectI4G {
	background-image: url(../img/background-summary.jpg);
}
body.content-clubAccountList,
body.content-clubAccount {
	background-image: url(../img/background-short.jpg);
}
body.content-golfLocationList,
body.content-golfCourseList,
body.content-golfTeeInfo,
body.content-golfTeeInfo,
body.content-golfBookConfirm {
	background-image: url(../img/background-golfBooking.jpg);
}
body.content-giftCertificates {
	background-image: url(../img/background-giftCertificates.jpg);
}
body.content-pmsSpecialServiceTpl,
body.content-pmsVenuesListTpl,
body.content-pmsVenuesListTpl,
body.content-pmsDatesForm,
body.content-pmsRatesList,
body.content-pmsRoomTypeList,
body.content-pmsRoomList,
body.content-pmsBookConfirm {
	background-image: url(../img/background-roomsBooking.jpg);
}
body.content-skiLocationListTpl,
body.content-skiLiftTicketListTpl {
	background-image: url(../img/background-ski.jpg);
}
body.content-spaLocationListTpl,
body.content-spaServiceTypeListTpl,
body.content-spaServiceListTpl,
body.content-spaClassCalendarTpl,
body.content-spaClassListTpl,
body.content-spaClassConfirmTpl,body.content-spaPackageTpl {
	background-image: url(../img/background-spaBooking.jpg);
}
body.content-userCreateUserForm,
body.content-userCreateUserForm,
body.content-userChangePasswordForm,
body.content-userResetPasswordForm,
body.content-userLoginForm,
body.content-userProfileForm {
	background-image: url(../img/background-profile.jpg);
}
#spaClassSelection {
	width: 100%;
}
.headerRow {
	display: none;
}
.accordion-group {
    border-radius: 0 !important;
    height:  100%;
}
.breadcrumb {
    background-image: none;
    background-color: #F4D03F;
    border-radius: 0;
    border: none;
    box-shadow: none;
}
.breadcrumb li {
    display: inline-block;
    text-shadow: none;
	color: #000;
}
#content > p, #pmsDatesForm {
    background-color: rgba(255,255,255,0.7);
    padding: 1em;
}
#pmsDatesForm {
  margin-bottom:1em;
}
#content > p:first-child {
  padding: 1em 1em 1em 0;
}
a {
    color: #333029;
}
section.mainContent {
  
}
.spaClassListTpl .accordion-group .accordion-heading a.accordion-toggle {
  padding: 14px;
  
}
.spaClassListTpl #categories li.active {
  margin-top: -6px;
}
#categories {
  background: rgba(255, 255, 255, 0.6);
  padding: 0px;
}
form#golfTeeInfo p {
  padding: 1em 0 0 1em
}
.btn.btn-primary {
    background: #ffffff;
    opacity: 1;
}
.btn.btn-mini {
    padding: initial;
    margin: auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 2px;
    padding: 5px 5px 5px;
    background: #ddd;
    color: #000000;
    border-radius: 2px;
    font-weight: 400;
    opacity:1;
}
.btn {
    padding: 10px;
    max-width: 200px;
    box-shadow: none;
    border-radius: 0;
    border: none;
    text-shadow: none;
    margin-bottom: 20px;
    margin-left: 10px;
    font-size:  13px;
    color:#181414;
    border: 1px solid lightgray;
    background: #ffffff;
    border-radius: 3px;
}
.btn.cancelBtn {
	margin-bottom: 0 !important;
}
.accordion-inner .btn {
	color:black;
	background-color: #e8e8e8;
}
.btn.btn-danger {
    background-color:white;
}
a:hover {
    color: #333029;
}
#pmsDatesForm .page-header {
    border-bottom: none;
    margin-bottom: 0;
}
#pmsDatesForm > .well.span9.offset1 {
    margin-top: 2em;
}
.navbar .nav .active > a, .navbar .nav .active > a:hover {
	color: #ffffff;
}
  .navbar .nav .active > a, .navbar .nav .active > a:hover {
    font-weight: 100;
}
#header .input-append.spinner {
    width: 260px;
    height: 70px;
    background-color: rgba(255,255,255,0.6);
    padding-top: 40px;
    align-content: center;
    margin: 0 auto;
}
svg#Layer_1 {
    margin: 0 auto;
    display: block;
}
#serviceList ul {
    text-align: center;
}
.ui-widget-content .ui-datepicker-header {
     background-color: #0088cc;
    color: #ffffff;
    border-radius: 3px;
}
    
    
    
    
#content.pmsRatesList > p:nth-child(2),
#content.pmsRoomTypeList > p:nth-child(2) {
    display: none;
}
#roomTypeaccordion .accordion-inner .span5 {
   
}
.fc-view-container {
    background-color: rgba(255, 255, 255, 0.64);
}
.fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-popover {
  border-color: rgba(0, 0, 0, 0.15);
}
.spaServiceListTpl .btn.btn-primary,
.skiLiftTicketListTpl  .btn.btn-primary{
    padding: 1em;
}
.spaServiceListTpl #categoryTabs .active{
    
    margin-top: -6px;
    padding: -11px;
    padding-bottom: -10px !important;
}
.spaServiceListTpl .tab-content .accordion-heading .spaItemToggle {
padding: 13px;
}
table.table.table-condensed.teesheet {
    background-color: rgba(255,255,255,0.9);
}
#eventcalendar {
    margin-right: 0px;
}
#userCreateUserForm span.add-on .icon {
  margin-top: 8px;
}
.well.disabled div.backdrop {
    background-color: rgba(0,0,0,.55);
    
}
.well.disabled {
    border-color: rgba(0,0,0,0.6);
}
#userCreateUserForm span.add-on {
    
    min-height: 34px;
    min-width:28px;
}
#content.golfLocationList > p:first-child,
#content > p:nth-child(2)
 {
    display: none;
}
.row {
    margin-left: 0px;
}
.well {
    min-height: 0px;
    padding: 0px;
    margin-bottom: 0px;
    background-color: #f5f5f5;
    border: 0px solid #eee;
    border: 0px solid rgba(0, 0, 0, 0.05);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.0);
    -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.0);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.0);
}
.span8 img {
	display:none;
}
.navbar {
    color: #fff;
    text-transform: uppercase;
}
body {
	
	font-family: 'Roboto', sans-serif;
}
.navbar .nav > li > a {
	 
	
	font-family: 'Roboto', sans-serif;
    color: #fff;
    text-shadow: none;
    text-transform: uppercase;
    font-weight: 100;
}
.intro {
	color: #ffffff;
	font-size: 24px;
	font-weight: 300;
	padding: 20px;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.70);
	line-height: 1.2em;
	text-align: center;
}
.span4 .page-header {
    display:none;
}
.navbar-inner {
    background-image: none;
    background-color: #fff;
    background-color: #037599;
    box-shadow: none;
    padding-top: 5px;
    min-height: 80px;
}
.navbar-fixed-bottom .navbar-inner {
    padding-bottom: 5px;
}
div#warnings {
}
.navbar .btn-navbar {
    border-radius: 0;
    background: none !important;
    border: none;
    
}
span.icon-bar {
    border-radius: 0 !important;
    box-shadow: none !important;
    background-color: black !important;
}
div#main {
    position: relative;
}
.booking-widget {
    background-color: rgba(51,48,41,0.65);
    position: absolute;
}
.booking-widget > div > div {
    height: 40px;
    width: 250px;
    background-color: #dedede;
    float: left;
    margin: 5px;
    line-height: 40px;
    text-align: center;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.5px;
}
.booking-widget .guests {
    width: 160px;
}
.booking-widget .check {
    background-color: #b59c73;
    cursor: pointer;
}
.booking-widget .check[disabled], .booking-widget .check[disabled]:hover {
    cursor: default;
    background-color: #D3D1D0;
    color: #ADABA9;
}
.booking-widget div > input, .booking-widget div > select {
  width:100%;
  height:100%;
  padding:  0;
  margin:0;
  border:none;
  text-align:center;
}
.booking-widget div > select {
  padding-left: 20%
}
.booking-widget div > select option {
 text-align: center;
}
textarea, input[type="text"] {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.00);
    -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.00);
    border: 1px solid #ccc;
   
	font-family: 'roboto','Open Sans', 'sans-serif';
    font-size: 13px;
}
.booking-widget .guests select{
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.00);
    -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.00);
    background-color: #808080;
    font-weight: 400;
    
	font-family: 'Roboto', sans-serif;
    font-size: 17px;
}
button, input, select, textarea {
    vertical-align: inherit;
}
.booking-widget {
    
    right: 0;
    left: 0;
    background-color: rgba(256, 256, 256, 0.90);
    max-width: 1140px;
    margin: auto;
    position: relative;
    margin-top: 80px;
    min-height: 40px;
    padding: 30px;
}
booking-widget > div {
   position: relative;
    min-height: 40px;
    margin: 30px;
}
.booking-widget > div > div {
   height: 40px;
   width: 24%;
   float: left;
   margin: 0px 1.3333% 0 0;
   background-color:  #808080;
   line-height: 40px;
   
   
   letter-spacing: 0.5px;
   color: #fff;
   font-weight:  400;
}
.booking-widget .guests {
	width: 24%;
	float: left;
	margin: 0px 1.3333% 0 0;
	font-weight: 400;
}
.booking-widget div > select {
	font-weight: 400;
	color: #fff;
}
.booking-widget > div > div.check {
	background-color:#F7B53E;
	cursor: pointer;
	font-size: 17px;
	color: #333333;
	margin-right: 0px;
}
.booking-widget > div #arrival-input {
	color: #fff;
	font-weight: 400;
	background-color: #808080;
}
.booking-widget > div #departure-input {
	color: #fff;
	font-weight: 400;
	background-color: #808080;
}
.booking-widget .check[disabled], .booking-widget .check[disabled]:hover {
    cursor: default;
    background-color: #424242;
    
    color: #999;
    font-weight: 400;
    margin: 0px;
}
.booking-widget div > input::-webkit-input-placeholder { 
  color: #fff;
}
.booking-widget div > input::-moz-placeholder { 
  color:  #fff;
}
.booking-widget div > input:-ms-input-placeholder { 
  color:  #fff;
}
.booking-widget div > input:-moz-placeholder { 
  color:  #fff;
}
.nav > li > a:hover {
  background: none;
  color: rgb(51, 48, 41);
  text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.47);
}
.nav-list > li > a {
  color: rgb(255, 255, 255);
  line-height: 140px;
  background: none;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
  font-size: 40px;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.47);
}
.nav-list > li > a > i {
    display: none;
}
div#serviceList {
   background: none;
    box-shadow: none;
    border: none;
    margin-left: 0px;
    background-color: rgba(0, 0, 0, 0.69);
    max-width: 1200px;
    margin: auto;
    position: relative;
    padding: 0;
}
#serviceList li {
    display: inline-block;
    max-width: 280px;
    height: 60px;
    background-color: rgba(0,0,0,0.45);
    margin: 20px;
    position: relative;
    overflow: visible;
}
#serviceList li.home {
  display:inline-block;
}
div#serviceList {
    background: none;
    box-shadow: none;
    border: none;
    margin-left: 0px;
    max-width: 1200px;
    margin: auto;
    position: relative;
    padding: 0;
}
#serviceList ul {
    text-align: center;
   line-height: 20px;
    font-size: 0;
	padding-bottom: 0px;
}
#serviceList li {
	margin:0px;
	width: 20%;
	margin-right:1.23%;
	margin-bottom: 0;
}
#serviceList #content > p:first-child {
  padding: 30px 30px 0px 30px;
  font-size:  24px;
  font-weight: 300;
}
#serviceList .nav > li > a:hover {
  background: none;
  color: rgb(248, 248, 248);
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 1.47);
}
#serviceList .nav-list > li > a {
    color: #fff;
    height: 100%;
    width: 100%;
    margin: 0;
    border: 1px solid #fff;
    text-transform: inherit;
    font-weight: 300;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    text-align: center;
    line-height: 60px;
    text-shadow: none;
    background: rgb(2, 116, 152);
    overflow: hidden;
    font-size: 20px;
 }
#serviceList a {
    color: #333029;
}
#spaServiceForm  {
    padding: 10px 0px 30px 0px;
}
#spaServiceStaff1016{
	width: 170px;
}
section.mainContent {
}
.row  {
	margin-left:0px;
}
.span10 {
	width:100%;
}
.span5, .span4 {
	margin-left:10px;
}
[class*="span"] {
    
    
    
    
}
.span12 {
	margin-left: 0;
}
div.message h1 {
		display: none;
	}
.span12, .content {
	max-width: 1170px;
	background-color: rgba(255, 255, 255, 0.80);
	margin-bottom: 40px;
}
.span12 {
    width: 100%;
}
#content > p, #pmsDatesForm {
	background-color: transparent;
	padding-left: 10px;
	padding-top:  10px;
	padding-right: 20px;
	font-size: 15px;
	line-height: normal;
	font-weight: 300;
	clear: both;
}
.span10 {
	width:100%;
	padding: 0 0 28px 0;
}
.accordion{
	
}
.tab-pane.accordion{
	padding-left:0px;
}
.accordion-inner{
	background-color: #ffffff;
	margin-bottom: 0px;
	height: 100%;
	position: inherit;
	padding: 20px;
}
.content-spaLocationListTpl .accordion-group {
	margin-left: 0px;
	width:100%;
}
.accordion-heading .accordion-toggle {
    background-color: #037599;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    border:  none;
    outline-color: #f4d03f;
    outline-width: medium;
}
.accordion-heading a.accordion-toggle:hover {
    background-color: #999; 
    text-decoration:none;
}
.span3 img {
	
}
.accordion-inner .span2 {
	float:right;
}
.span2 .btn {
	width:80px;
	
	background-color: #047599;
	color: #ffffff;
	margin-right: 0px;
	float: right;
}
#categories {
	background: #fff !important;
}
.tabbable ul.nav-tabs li {
	background: transparent;
}
.span3 img {
	
	padding-bottom: 10px;
	
	float: left;
}
.loginPrompt {
	
	padding:10px;
	border: #737373 solid 1px;
	margin: 10px 10px 10px 0;
	float: right;
}
.loginPrompt .btn{
	background-color: #808080;
	color: #e1e1e1;
	bottom: 5px;
	margin-top: 10px;
}
.controls {
	
}
keygen, select {
	background-color: #fff;
}
.moreOptionsButton {
	color: #000;
}
form#golfTeeInfo {
	background:transparent;
	margin: 20px;
}
#golfTeeInfoSubmit.btn {
	background-color: #808080;
	
}
.well.disabled div.backdrop {
background-color:#e8e8e85c;
}
.row-fluid .span12 {
	background:transparent;
}
.row-fluid [class*="span"] {
	margin-left: 0px;
}
.userLoginForm p strong {
	font-weight:400;
}
.input-append.arrow-right .add-on {
    margin-left: 0;
    margin-top: 10px;
    display: inline-block;
}
.userLoginForm p strong{
  font-weight: 900;
  font-size: 14px;
}
.form-float.control-group.invalid .control-label{
  width: 100% !important;
}
.userLoginForm .control-group{
    margin-left: 0px;
  }
  .userLoginForm .control-group .controls{
    margin-left: 0px;
  }
  .userLoginForm .control-group  #userLanguage{
  margin-left: -2px;
  }
  .userLoginForm .control-group .controls .checkbox{
  padding-left: 0px;
  }
  .userLoginForm .control-group #newsletter ,.userLoginForm .control-group #mailmarketing,.userLoginForm .control-group #phonemarketing,.userLoginForm .control-group #smsmarketing{
  margin-left: -1px;
   }
#userCreateUserForm.span8 {
	background-color: rgba(256, 265, 265, 1);
	padding: 20px;
	margin: 0 0px 30px 0px;
	width: 1070px;
}
#userCreateUserForm #userDOBhuman{
  height: 20px;
  width: 250px;
}
#userCreateUserForm label[for=userDOB]{width: 329px !important;}
.userCreateUserFormLoggedIn #userDOBhuman{
    width: calc(100% - 21px) !important;
}
.userCreateUserFormLoggedIn .error{
  padding-left: 0px;
}
.well {
	background-color: transparent;
}
.content-cartSummary div.message h1 {
	display:none;
}
.content-cartSummary .span12 {
	max-width: 100%;
	margin-left: 0px;
}
.content-cartSummary p {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
.content-cartSummary .cartSummary {
	padding:30px;
	min-height: 50px;
}
.content-cartSummary #cartClear {
	margin-bottom: 30px;
	float:  right;
}
.content-cartSummary #cartClear p {
	margin-top: 1em;
	margin-right: 1em;
}
.webFolioItem .row .span {
	float:  left;
}
.page-header {
	border-bottom:0;
}
.webFolioItem {
	border-bottom: 1px solid #000;
}
.content-cartSummary .pay-cc{
    box-shadow: none;
    border-radius: 0;
    text-shadow: none;
    border-radius: 0;
    background: #e07d14;
    font-weight: 400;
    margin-top: 10px;
}
#cartClear .btn {
	color: #000000;
	background: #cecece;
	width: 55%;
	height: 20px;
}
.checkout .btn {
	width: 100px; 
	height: 20px;
	margin-top: 15px;
	float: right;
	background-color: #e07d14;
	border-radius: 2px;
	color: #fff;
}
#header #serviceList.well .home {background: #333333;background-size: cover;}
#header #serviceList.well .leaf {
	background: #333333;
    background-size: cover;
}
#header #serviceList.well .edit {
	background: #333333;
    background-size: cover;
}
#header #serviceList.well .flag {
	background: #333333;
    background-size: cover;
}
#header #serviceList.well .gift {
	background: #333333;
    background-size: cover;
}
#header #serviceList.well .tag {
	background: #333333;
    background-size: cover;
}
#header #serviceList.well .certificate {
	background: #333333;
    background-size: cover;
}
.center {
    margin: auto;
    width: 50%;
    padding: 10px;
}
#content.cartSummary .availableSecialServices a.btn.btn-primary
{
    color: black;
    background-color: #f1f1f1;
	float: left;
    border: 1px solid black;
	text-align: center;
    text-decoration: none;
    display: inline-block;
	padding: 5px 24px;
}
.nav.navbar-fixed-top.navbar-outter.navbar-login-option {
  width: 100%;
  z-index: 270;
}
.nav.navbar-fixed-top.navbar-outter.navbar-login-option.disabled {
  display: none;
}
.existing-member, .upcoming-reservation {
  width: 49.9%;
  float: left;
}
.existing-member .btn, .upcoming-reservation .btn {
  width: 100%;
  max-width: 100%;
  padding: 10px 0;
  margin: 0;
  background-color: rgba(255, 255, 255, 0.80);
}
.nav.navbar-fixed-top.navbar-outter.navbar-login-option.disabled
.existing-member .btn:hover, .upcoming-reservation .btn:hover  {
  background: #F4D03F;
}
.login-options {
  width: 329px;
  margin-top: 260px;
  margin-left: 30px;
  padding-top: 20px;
  display: inline-block;
  background: rgba(255, 255, 255, 0.75);
  border: 1px solid lightgray;
  border-radius: 3px;
  font-size: 30px;
  letter-spacing: 0.06em;
}
.login-options > .btn {
  display: block;
  padding: 15px 50px;
}
.existing-btn {
  background: rgba(244, 208, 63, 0.7);
}
.existing-btn:hover {
  color: #fff;
  background-color:  #F4D03F;
}
.upcoming-btn {
  background: rgba(2,116,152,.6);
}
.upcoming-btn:hover {
  background-color: #027498;
  color: #fff;
}
#header .span4.message.split-screen {
  width: 60%;
}
.navbar-login-option.disabled, .login-options.disabled {
  display: none;
}
#userCreateUserFormContainer > #userCreateUserForm > .disabled {
  display: none;
}
#lastName, #folioNumber {
  background-color: #ffffff;
  border: 1px solid #cccccc;
}
.controls.input-append.folioBtn.span12 {
  margin-left: 0;
  width: 20%;
  float: right;
}
input#lastName, input#folioNumber {
  width: 100%;
}
.row-fluid.folioLogin {
  width: 80%;
}
.control-group.form-float.folioNumber.span8.pristine {
  margin-left: 0;
}
.control-group.form-float.folioNumber.span8.filled {
  margin-left: 0;
}
input#userEmail1 {
  margin-top: 0;
}
.lastName > .control-label.has-append, .folioNumber > .control-label.has-append {
  top: 0px !important;
}
.form-float.control-group .control-label.has-append {
  top: 5px;
}
.splash-img {
  display: inline-block;
}
.splash-img img {
  max-width: 412px;
  margin: 4px;
}
.splash-text {
  width: 42%;
  text-align: center;
  float: right;
}
.splash-text h3 {
  color: #FFF;
  font-size: 25px;
  line-height: 41px;
  padding: 19px;
}
.vdpClearInput{
  display: none;
}
.create-password {
  margin: 0;
}
.edit-profile {
  margin: 0;
}
.folioLogin .control-group {
  display: block;
  width: 100%;
}
.folioLogin .folioBtn {
  margin-top: 10px;
}
.spaServiceDateContainer {
    width: 100%;
}
.changePassword-splash > h4 > a {
    color: white;
    text-decoration: underline;
}
#bookingHistoryCollapse .controls {
    display: inline-block;
    width: 100%;
}
.bookingHistory .existingBookings{
  font-weight: bold;
}
input.folioSwitchBtn.btn.btn-primary {
    margin-bottom: 0;
}
input.clearRestrictedFolio.btn.btn-primary {
    margin-left: 0;
}
a#hasPasswordLoginBtn {
}
.userLoginForm a.btn.pull-right {
    margin-bottom: 0;
}
.footer-copyright {
  width: 49.9%;
  display: inline-block;
}
.footer-terms {
  width: 49%;
  display: inline-block;
}
.footer-copyright p, .footer-terms a {
  color: #fff;
}
.footer-copyright p, .footer-terms p {
  width: 100%;
}
.footer-copyright, .footer-terms {
  text-align: center;
}
.ui-widget-content td > .ui-state-active:focus, .datepicker-legend .ui-state-active:focus, .ui-widget-content td > .ui-state-active.min-los:focus {
    outline-color: #f4d03f;
    outline-style:dotted;
    outline-width:medium;
}
.componentGiftCertificate {
    
}
.pkgItem.well {
    background-color: #f1e9e978;
}
.pkgItem .well {
    background: #f5f4f4;
}
.row-fluid.packageItems ul {
    margin: 0;
}
#club--payment--btn, #club-payment-amount-input {
    margin: 0 !important;
}
.suggested--payment div {
    float: left;
}
.suggested--payment div .btn {
    width: 140px;
    padding: 5px 0;
}
.suggested--payment div .btn:hover{
    background-color: #0074D9;
    color: #fff
}
.make--payment--div {
    padding: 20px;
    background: #fff;
    display: none;
    border: 1px solid #e5e5e5;
}
html[lang="es-sp"] .navbar .navbar-inner .nav-collapse .serviceType li#navbarServiceTypeList ul li.serviceType.roomsBooking a {
    letter-spacing: -0.05em;
}
.deliverVia .gcDeliverVia {
  width:100%;
  position: relative;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.35s ease;
  -moz-transition: max-height 0.35s ease;
  -ms-transition: max-height 0.35s ease;
  -o-transition: max-height 0.35s ease;
  transition: max-height 0.35s ease;
}
.deliverVia .gcDeliverVia.in {
  max-height: 40em;
}
#content.golfTeeInfo .teesheet td.player > label.control-label {
    margin-top: 1em;
    margin-bottom: 0;
}
#content.golfTeeInfo .teesheet td.player > label.control-label:first-child {
    margin-top: 0;
}
#content.golfTeeInfo .teesheet tr.teetime td .btn-group:before, #content.golfTeeInfo .teesheet tr.teetime td .btn-group:after {
  content: none;
}
#content.golfTeeInfo .teesheet tr.teetime td .btn-group .btn {
  margin-bottom: 0;
}
.stepper {
  background-color: #ffffff;
}
.stepper .stepper-header .stepper-header-item .stepper-header-icon{
    background-color: #C5CED6;
    border-radius: 50%;
    padding: 5px;
}
.stepper .stepper-header .stepper-header-item .stepper-header-icon.active, .stepper-header-hr.active{
  background-color: #7FD41B !important;
}
.stepper .stepper-header .stepper-header-item span.active{
  font-weight: bold;
}
.stepper .stepper-header .stepper-header-item .stepper-header-hr{
  background-color: #C5CED6;
  width: 110px;
  height: 2px;
  margin: 9px 15px;
  border-radius: 38%;
}
#acceptTermsModal{
  z-index: 9000;
}
#acceptTermsModal .accept{
  margin-left: 37px !important;
}
#acceptTermsModal .content{
  width: 100% !important;
}
.content-spaPackageTpl #app .stepper .packageSelectionContainer ,.content-spaPackageTpl #app .stepper  .packageSelectionContainerMobile{
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr 3fr;
  -ms-grid-columns: 1fr 3fr;
  grid-gap: 25px;
}
.content-spaPackageTpl #app .stepper .componentItem {
  height: 25px;
  margin-bottom: 9px;
}
.content-spaPackageTpl #app .stepper .app-body-header {
  margin-bottom: 14px;
} 
.content-spaPackageTpl #app .stepper .app-body-header {
  font-size: 1.2em;
}
.content-spaPackageTpl #app .stepper .componentItem,.serviceItem {
  display: flex;
  align-items: center;
  border: 2px solid transparent;
  
  padding: 10px 25px;
  font-size: 14px;
  cursor: pointer;
  background: #efefef;
  color: black;
  font-weight: 500;
}
.content-spaPackageTpl #app .stepper #stepper-categories .componentItem.active {
  background-color: #037599;
  color: white;
  border-color:  #037599;
}
.content-spaPackageTpl #app .stepper .service-details{
  
  border-radius: 2px;
  padding: 22px -1px;
  
  
  
}
.content-spaPackageTpl #app .stepper .service-details .mx-datepicker{
    margin-left: 15px;
}
.content-spaPackageTpl #app .stepper .controls {
  margin-top: 15px;
  
}
.content-spaPackageTpl #app .stepper .packageDropdownContainer .packageDropdownItem {
    border: 1px solid black;
    padding: 5px;
    text-align: center;
}
.content-spaPackageTpl #app .stepper .details {
  
  
  
  
  padding-right: 14px;
  padding-left: 14px;
  font-weight: 500;
  word-break: break-word
}
.content-spaPackageTpl #app .stepper .img-desc{
  display: grid;
  display: -ms-grid;
  grid-template-columns: 3fr 5fr;
  -ms-grid-columns: 3fr 5fr;
  grid-gap: 10px;
  margin-bottom: 17px;
}
.content-spaPackageTpl #app .stepper  .nongrid-img-dec{
    display: block !important;
    word-break: break-all;
  }
.content-spaPackageTpl #app .stepper img {
  
  
  width: 100%;
}
.content-spaPackageTpl #app .stepper  .service-details-clientInstruction{
    color: red;
    
    font-style: italic;
  }
  .content-spaPackageTpl #app .stepper .service-details .package-item-img-dec-holder{
    display: grid;
    display: -ms-grid;
    grid-template-columns: 2fr 4fr;
    -ms-grid-columns: 2fr 4fr;
    grid-gap: 10px;
  }
  .content-spaPackageTpl #app .stepper .service-details .package-item-img-dec-holder  p{
    margin-top: -1px;
    word-break: break-word;
  }
.content-spaPackageTpl #app .stepper .packageItem {
  
  padding: 10px 20px;
  display: flex;
  justify-content: space-between;
  margin: 5px 0;
  border: 1px solid #bfbfbf;
  padding: 14px;
  font-weight: 500;
}
.packageItem.header i {
  font-size: 15px;
}
.packages .body {
  border: 2px solid #e6e6e6;
  margin-top: -5px;
  padding: 15px;
}
.content-spaPackageTpl #app .stepper .serviceItem {
  display: grid;
  display: -ms-grid;
  grid-template-areas:
    'heading time';
  grid-template-columns: 1fr 180px;
  -ms-grid-columns:1fr 180px;
  min-height: 25px;
  align-items: center;
  grid-gap: 5px;
}
.content-spaPackageTpl #app .stepper .serviceItem.active {
  background-color: #037599;
  color: white;
  width: calc(100% - 69px);
  margin-left: 16px;
}
 .content-spaPackageTpl #app .stepper #stepper-services .accordion-heading .serviceItem.active {width: calc(100% -20px);width: calc(100%  - 51px) !important;margin-left: none !important;margin-left: 0px;}
.content-spaPackageTpl #app .stepper .serviceItem.bottom-margin {
    margin-bottom: 40px;
}
.content-spaPackageTpl #app .stepper .serviceItemComponent {
  margin-bottom: 5px;
}
.content-spaPackageTpl #app .stepper input[type="checkbox"] {
  transform: scale(1.4);
}
.content-spaPackageTpl #app .stepper #stepper-categories .componentItem:hover, .content-spaPackageTpl #app .stepper #stepper-services .serviceItem:hover{
  border-color: #037599;
}
.content-spaPackageTpl #app .stepper #stepper-categories .componentItem:focus, .content-spaPackageTpl #app .stepper #stepper-services .serviceItemComponent a:focus, .content-spaPackageTpl #app .stepper #stepper-services .service-details .service-for-button:focus, .content-spaPackageTpl #app .stepper-header .category-filter-container a:focus, .content-spaPackageTpl #app #vue-cart .componentHeader .sidebar_switch .sidebar_slider:focus, .content-spaPackageTpl #app #vue-cart .componentHeader .component-popup i:focus, .content-spaPackageTpl #vue-cart .component-popup .groupMemberList .groupMember:focus {
  border-color: black;
  outline-color: black;
}
.content-spaPackageTpl #app .radioButtonContainer input:focus + label:before {
  outline: 1px solid black;
}
.content-spaPackageTpl .cart-body div:nth-child(2){
  position: relative;
}
.content-spaPackageTpl .cart-user{
    margin-bottom: 8px;
}
.content-spaPackageTpl .cart-body .horizontal-line {
  position: absolute !important;
  width: 2px;
  height: 100%;
  background-color: #d9d9d9;
  left: -17px;
}
.content-spaPackageTpl .btn{
  background-color: #D9D9D9;
}
.content-spaPackageTpl .btn.btn-warning, .content-eRegTpl .btn.btn-warning{
  background-color: #F4D13D;
  border: 1px solid #F4D13D;
  
}
.eRegOptionRadioBtns{
  position: relative !important;
  left: 4px !important;
  top: 3px;
}
.eRegOptionsRadioBtns-parent{
  display: flex;
}
.eRegOptionRadioBtns-label{
  font-weight: bold;
}
.content-spaPackageTpl .cart-user-header, .content-spaPackageTpl .cart-service-header {
  background-color: #f3f3f3;
  color: black;
  padding: 15px;
  font-size: 15px;
  margin-top: 0px;
  
}
.ageRestriction-div{
  margin-left: -15px !important;
}
.ageRestriction-div .spa-service-age-restriction-messages{
  margin-left: 16px !important;
  margin-bottom: 2px !important;
  color: #037599 !important;
}
.content-spaPackageTpl .cart-user-header i{
  margin-right: 9px
}
.content-spaPackageTpl .cart-user-header label{
font-size: 16px;
}
.content-spaPackageTpl .cart-user-header.group-member-dropdown {
  background-color: #41b8de;
  background-image: none;
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr 10fr 1fr;
  -ms-grid-columns: 1fr 10fr 1fr;
}
.content-spaPackageTpl .cart-user-header.group-member-dropdown span {
  text-align: center;
}
.content-spaPackageTpl .cart-service-header {
  margin-top: 0;
  
  grid-template-areas:
    'headerIcon heading controls'
    'headerIcon bookingText bookingText'
    'headerIcon packageItemList packageItemList';
  grid-template-columns: 25px 1fr 40px;
  -ms-grid-columns: 25px 1fr 40px;
  margin-bottom: 4px;
  font-weight: bold;
  
}
.content-spaPackageTpl .cart-service-header .serviceHeadingIcon {
  grid-area: headerIcon;
}
.content-spaPackageTpl .cart-service-header .package-item-list {
  grid-area: packageItemList;
  margin-top: 20px;
  font-weight: 500;
}
.content-spaPackageTpl .cart-service-header .package-item-list .package-item {
    justify-content: space-between;
    display: flex;
    margin: 5px 0;
    font-size: 13px;
}
.content-spaPackageTpl .cart-service-header .package-item-list .package-item .grey {
  color: #9a9a9a;
}
.border-bottom {
  border-bottom: 1px solid #d7d7d7;
}
.content-spaPackageTpl .cart-service-header .serviceHeading {
  grid-area: heading;
}
.content-spaPackageTpl .cart-service-header .bookedText {
  grid-area: bookingText;
  font-size: 13px;
  margin-top: 5px;
  font-weight: 500;
}
.content-spaPackageTpl .cart-service-header .bookedText span {
  margin-left: 5px;
  font-weight: 500;
}
.content-spaPackageTpl .cart-service-header i.booked {
  color: green;
}
.content-spaPackageTpl .cart-service-header i.circle-check{
  font-size: 18px;
}
.content-spaPackageTpl .cart-service-body {
  margin-bottom: 5px;
}
.content-spaPackageTpl .cart-service-body .service-item-body {
  padding: 10px 20px;
  background-color: #fafafa;
  display: none;
  border: 1px solid #f3f3f3;
}
.content-spaPackageTpl .cart-service-body .package-list .package-item {
    padding: 10px 20px;
    font-size: 15px;
    background-color: #f9f9f9;
    margin-bottom: 2px;
    border-bottom: 1px solid #e0e0e0;
}
.content-spaPackageTpl .cart-service-body .package-list .package-item .package-item-header{
  color: #00759A;
}
.content-spaPackageTpl .cart-service-body .package-list .package-item .package-item-header i{
  float: right;
  font-size: 13px
}
.content-spaPackageTpl .cart-service-body .package-list .package-item:first-child{
  margin-top: 5px;
}
.content-spaPackageTpl .cart-service-body .package-list .package-item .package-item-body p, .package-item-body p strong{
  font-size: 12px;
  font-weight: bold;
  margin-top: 10px
}
.content-spaPackageTpl .cart-schedule-service {
  width: 100%;
  background-color: #28c7ed;
  color: white;
  max-width: none;
  
  display: flex;
  justify-content: space-around;
  padding-left: 15%;
  align-items: baseline;
  margin: 15px auto 0;
}
.content-spaPackageTpl .cart-schedule-service .circle-arrow{
    border: 1px solid white;
    border-radius: 50%;
    padding: 0 5px;
}
.content-spaPackageTpl .cart-schedule-service.golden {
  background-color: #ff8300;
}
#add-guest-div .segment .segment-body {
  border: 1px solid #C5CED6;
  border-top: none;
  border-radius: 0 0 5px 5px;
  padding: 20px;
  background-color: #f2f2f2;
}
#add-guest-div .segment .segment-header {
  background-color: #f4d03f;
  color: black;
  padding: 15px;
  border-radius: 5px 5px 0 0;
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
}
#add-guest-div .segment .segment-body input{
  width: 95%;
}
.loginContainer .segment-body-controls button{
  width: 120px;
  background-color: #f4d13d;
  color: black;
  margin-bottom: 0;
  font-weight: bold;
  font-size: 13px;
}
.loginContainer .segment-body-controls {
  text-align: center;
  margin-top: 25px;
}
#add-guest-div .segment {
  margin-bottom: 15px;
}
#add-guest-div .segment .segment-divider {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 2fr 1fr 2fr;
    -ms-grid-columns: 2fr 1fr 2fr;
}
#add-guest-div .segment .segment-divider hr {
  border: 1px solid black;
}
#add-guest-div .segment .segment-divider span{
    display: flex;
    align-items: center;
    justify-content: center;
}
#add-guest-div .segment .alternate-login-text {
  text-align: center;
  margin-bottom: 15px;
  cursor: pointer;
}
#add-guest-div .segment .alternate-login-text:hover {
  font-weight: bold;
}
.pointer {
  cursor: pointer;
}
.curved-top {
  border-radius: 5px 5px 0 0 !important;
}
.member-item:hover {
  background-color: #C5CED6;
}
.thirdDiv .date-boxes {
  display: inline-block;
  position: relative;
  margin-left: 0.3%;
  float: left;
  width: 12%;
  height: 77px;
  background-color: #fff;
  border: 1px solid #96a2ab;
  text-align: center;
  }
  .thirdDiv .date-boxes p{
    margin: 21px;
    padding: 0 2px;
    font-weight: bold
  }
  .thirdDiv .date-boxes.selectedDate{
    background: #28c7ed;
    color: #fff
  }
  .thirdDiv .arrow-boxes{
    display: inline-block;
    position: relative;
    background: grey;
    margin-left: 0.2%;
    height: 77px;
    width: 2%;
    text-align: center;
    margin-top: 10px;
  }
  .thirdDiv .arrow-boxes-left{
    float: left
  }
  .thirdDiv .arrow {
   
      border: solid black;
      border-width: 0 3px 3px 0;
      padding: 3px;
      margin-top: 31px;
      margin-bottom: 0;
      margin-right: 4px;
}
.thirdDiv .arrow-right{
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    display: inline-block
}
.thirdDiv .arrow-left{
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  display: inline-block;
}
.cart-service-header .index-box{
  position: absolute;
  left: -25px;
  border: 1px solid grey;
  width: 15px;
  height: 15px;
  border-radius: 4px;
  top: 20;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
}
.cart-service-body .index-box.booked{
  background-color: #7fd41b;
  border: none;
  border-radius: 15px;
  padding: 3px;
}
.cart-service-header .index-box.red {
  background-color: #d10014;
  border-color: #d10014;
  color: white;
}
.cart-user-body .selectedService{
  background: #f5dbd9;
  color: black;
  border: 1px solid #ebafa6;
}
.cart-user-body .selectedService i{
  color: #212b36;
}
.cart-service-body p{
color:#757575;
margin-bottom: 10px
}
.cart-service-body strong{
  color:#484949
}
.custom-check-box {
    border: 1px solid #9a9a9a;
    padding: 1px;
    border-radius: 3px;
    cursor: pointer;
    width: 15px;
    height: 15px;
    grid-area: checkbox;
    
    
}
#app .stepper-body .serviceItem .serviceHeading {
  grid-area: heading;
}
#app .stepper-body .serviceItem .serviceMins {
  grid-area: time;
  display: flex;
  justify-content: flex-end;
}
#app .packageIndicator{
    border: 1px solid #aeafaf;
    padding: 4px;
    width: max-content;
    margin-left: 10px;
}
#app .stepper .serviceItem .packageIndicator.white-bg {
    background-color: white;
    color: #1482a4;
    border: none;
}
#app #vue-cart .packageIndicator {
  font-size: 12px;
}
.custom-check-box.checked{
  background-color: #28c7ed;
  border-color: #28c7ed;
}
.service-for {
  
  background-color: white;
  
  width: fit-content;
  z-index: 9999;
  margin-top: -6px;
  
  
}
.all-none-checkbox{
    display: flex;
    margin-top: 10px;
    margin-bottom: 12px;
    border-bottom: 1px solid #d7d3d3;
    padding-bottom: 7px;
    word-break: 10px;
    width: 122px;
    
    margin-left: 14px;
}
.content-spaPackageTpl #app .stepper .service-for .service-for-button, .yellowButton {
      min-width: 39%;
      
      
      
      
      margin-left: 0;
      margin-left: 13px;
      border: 1px solid F4D13D !important;
      padding: 13px;
      border: 1px solid #F4D13D;
      color: black;
      font-weight: bold;
      
      
      margin-top: 9px;
      
      }
.all-none-checkbox span{color: #9b9797;margin-left: 8px;}
.all-none-checkbox i{color: black;}
.inner-padding {
  padding: 15px 60px;
}
.review-container .review-segement .header {
  background-image: linear-gradient(to right, #2ac5ee, #10d8e5 ,#2ac5ee);
  color: white;
  font-size: 16px;
}
.three-colums {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr 2fr 1fr;
  -ms-grid-columns: 1fr 2fr 1fr;
  font-size: 16px;
  font-weight: bold;
}
.review-container .package_items{
  margin-top: 20px;
}
.review-container .package_items > div{
  margin-bottom: 10px;
}
.blue-content {
  color: #288cac;
  font-weight: normal;
  font-style: italic;
}
.grey-content {
  color: #999999;
  font-weight: normal;
}
.review-container {
  border: 1px solid #e6e5e5;
  padding: 10px 30px;
}
#vue-cart .package-cart-total{
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    margin-top: 25px;
    font-family: none;
}
#app .cart-body .service-controls {
  display: flex;
  
  align-items: center;
  
  
  float: right;
}
.content-spaPackageTpl .selectedService .service-controls i {
  color: #939693;
}
.content-spaPackageTpl .service-controls i:hover {
  cursor: pointer;
  color: #1b2733 ;
}
.content-spaPackageTpl .stepper-body-heading h3, .content-spaPackageTpl .stepper-body-heading h3 {
  font-weight: bold;
}
.content-spaPackageTpl .service-counter {
    float: right;
    color: #19819a;
    font-weight: bold;
    margin-left: 10px;
    grid-area: counter;
}
.cart-user-controls {
  float: right;
  opacity: 0.5;
}
.cart-user-controls i:hover {
  opacity: 1;
  cursor: pointer;
}
.btn.disabled {
  opacity: 0.3;
}
.service-item-body .service-controls {
  display: flex;
  justify-content: flex-end;
}
.content-spaPackageTpl #app .dropdown{
  position: absolute;
  border: 1px solid black;
  z-index: 1;
  margin-top: 7px;
  background-color: white;
  width: max-content;
}
.content-spaPackageTpl #app .dropdown .dropdown-arrow{
  position: absolute;
  top: -5px;
  color: black;
}
.content-spaPackageTpl #app .dropdown .dropdown-options {
  display: flex;
  flex-direction: column;
}
.content-spaPackageTpl #app .dropdown .dropdown-options .dropdown-item.hover:hover{
  color: white;
  background-color: #294d89;
  cursor: pointer;
}
.service-controls i.active {
  color: #1b2733 ;
}
.content-spaPackageTpl #app .dropdown-container {
  position: relative;
}
.error-message {
  color: #af0f0f !important;
}
.user_name {
  grid-area: userName;
}
.service-for .userDropdown {
    display: grid;
    display: -ms-grid;
    grid-template-areas:
        'checkbox userName counter';
    grid-template-columns: 20px 1fr 40px;
    -ms-grid-columns: 20px 1fr 40px;
    
    padding: 10px 25px;
    font-size: 15px;
    grid-gap: 5px;
}
.service-for .userDropdown .service-counter {
  margin-left: 0;
  text-align: end;
}
 
  
.schedule_button_disable{
  display: none
}
#app .stepper-body .serviceItem .serviceHeading {
  grid-area: heading;
  font-weight: 500;
}
#app .stepper-body .serviceItem .serviceMins {
  grid-area: time;
  display: flex;
  justify-content: flex-end;
  margin-top: 3px;
  font-weight: 500;
  font-weight: 500;
}
.custom-check-box.checked{
  background-color: #28c7ed;
  border-color: #28c7ed;
}
.custom-check-box .fa-check{
  font-size: 14px;
  
  margin-top: -1px;
  
  margin-left: 1px;
  padding-top: -12px;
}
.service-for {
  
  background-color: white;
  border: 1px solid #C5CED6;
  
  z-index: 1;
  margin-top: -6px;
  
  
  width: 100%;
}
.inner-padding {
  padding: 15px 60px;
}
.review-container .review-segement .header {
  background-image: linear-gradient(to right, #2ac5ee, #10d8e5 ,#2ac5ee);
  color: white;
  font-size: 16px;
}
.three-colums {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr 2fr 1fr;
  -ms-grid-columns: 1fr 2fr 1fr;
  font-size: 16px;
  font-weight: bold;
}
.review-container .package_items{
  margin-top: 20px;
}
.review-container .package_items > div{
  margin-bottom: 10px;
}
.blue-content {
  color: #288cac;
  font-weight: normal;
  font-style: italic;
}
.grey-content {
  color: #999999;
  font-weight: normal;
}
.review-container {
  border: 1px solid #e6e5e5;
  padding: 10px 30px;
}
#vue-cart .package-cart-total{
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    margin-top: 25px;
    font-family: none;
}
#app .cart-body .service-controls {
  
  
  
  
  
  font-size: 12px;
  
}
.content-spaPackageTpl .service-controls i {
  color: #484949 ;
  padding-left: 5px; 
}
.content-spaPackageTpl .selectedService .service-controls i {
  color: #939693;
}
.content-spaPackageTpl .service-controls i:hover {
  cursor: pointer;
  color: #1b2733 ;
}
.content-spaPackageTpl .stepper-body-heading h3, .content-spaPackageTpl .stepper-body-heading h3 {
  font-weight: bold;
}
.content-spaPackageTpl .service-counter {
    float: right;
    color: #19819a;
    font-weight: bold;
    margin-left: 10px;
    grid-area: counter;
}
.user-delete {
  float: right;
  opacity: 0.5;
}
.user-delete:hover {
  opacity: 1;
  cursor: pointer;
}
.btn.disabled {
  opacity: 0.3;
  pointer-events: none;
}
.service-item-body .service-controls {
  display: flex;
  justify-content: flex-end;
}
.content-spaPackageTpl #app .dropdown{
    position: absolute;
    z-index: 11;
    margin-top: 7px;
    background-color: white;
    width: max-content;
    right: -7px;
    box-shadow: 0 2px 3px 0 rgba(34,36,38,.15);
    border-radius: 5px;
    border: 1px solid rgba(34,36,38,.15);
}
.content-spaPackageTpl #app .dropdown::after {
  content: '';
  width: 10px;
  height: 10px;
  background-color: white;
  position: absolute;
  top: -4px;
  right: 7px;
  box-shadow: -1px -1px 0 0 rgba(34,36,38,.15);
  transform: rotate(45deg);
  z-index: 0;
}
.content-spaPackageTpl #app .dropdown .dropdown-arrow{
  position: absolute;
  top: -5px;
  color: black;
}
.content-spaPackageTpl #app .dropdown .dropdown-options {
  display: flex;
  flex-direction: column;
  z-index: 1;
}
.content-spaPackageTpl #app .dropdown .dropdown-options .dropdown-item {
  padding: 10px;
  color: #294d89;
  z-index: 20;
}
.service-controls i.active {
  color: #1b2733 ;
}
.content-spaPackageTpl #app .dropdown-container {
  position: relative;
  margin-left: 0p;
}
.error-message {
  color: #af0f0f !important;
}
.user_name {
  grid-area: userName;
}
.messages-container {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
    font-weight: bold;
}
.messages-container .close {
  color: #c2b2b2;
  opacity: 0.7;
}
.messages-container .close:hover {
  opacity: 1;
}
.messages-container .close:focus {
  outline-width: 0;
}
.messages-container strong.error-title {
  font-size: 15px !important
}
.service-for .userDropdown {
    display: grid;
    display: -ms-grid;
    grid-template-areas:
        'checkbox userName counter';
    grid-template-columns: 20px 1fr 342px;
    -ms-grid-columns:20px 1fr 342px;
    
    padding: 6px 0px;
    font-size: 15px;
    grid-gap: 5px;
    margin-left: 14px;
    align-items: baseline;
}
.service-for .userDropdown{
  display: block !important;
}
.custom-check-box {
  float: left;
  margin-right: 8px;
}
.disable-service-selection-for-user{
  pointer-events: none;
  color: rgba(128, 128, 128, 0.678);
}
.service-for .userDropdown .service-counter {
  margin-left: 0;
  text-align: end;
}
.summaryV2 {
    display: grid;
    display: -ms-grid;
    grid-template-areas: 'details details total';
}
.summaryV2 .left {
	grid-area: details;
}
.summaryV2 .right {
  grid-area: total;
  height: fit-content;
  background-color: #f3f3f3;
  padding: 30px 25px;
}
.summaryV2 .title h2 {
  font-weight: bold;
}
.summaryV2 h2, .summaryV2 h3 {
  margin: unset;
}
.summaryV2 .title p {
	color: black;
    font-size: 15px;
}
.summaryV2 .greyText {
  color: #9c9c9c;
}
.summaryV2 .total-display .deposit-amount{
font-size: 18px;
margin-bottom: 11px;
}
.summaryV2 .three-columns {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 40px 1fr 150px;
    -ms-grid-columns:40px 1fr 150px;
    max-width: 85%;
    align-items: center;
}
.grid-right {
  grid-column: 3;
}
.whiteBg {
  background-color: white;
  margin: 0 !important;
  padding: 40px 80px !important;
  line-height: 20px;
}
.summaryV2 .item {
  border-bottom: none !important;
}
.summaryV2 .item:not(:last-child){
  margin-bottom: 30px;
}
.summaryV2 .item-header {
  color: #077899;
}
.summaryV2 .item-header h3, .summaryV2 .item-header h4 {
  font-weight: 500;
}
.summaryV2 .item-header i {
  color: #989898;
}
.summaryV2 .user .item-header, .summaryV2 .user .item-header i {
	color: black;
}
.summaryV2 .mainContent {
  font-weight: bold;
  
}
.summaryV2 .mainContent .nameAndPriceContainer {
	display: flex;
}
.summaryV2 .mainContent .nameAndPrice {
	display: flex;
	justify-content: space-between;
	flex-grow: 1;
	margin-left: 3px;
}
.summaryV2 .controls {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-top: 5px;
}
.summaryV2 .controls i {
  margin-bottom: 10px;
}
.summaryV2 .mainContent {
  border-left: 2px solid #d2d3d2;
}
.paddingLeft {
  padding-left: 20px;
}
.summaryV2 .item-body {
  margin-top: 15px;
}
.summaryV2 .itemDetails {
  margin-bottom: 15px;
}
.summaryV2 .verticalMargin {
  margin: 10px 0;
}
.summaryV2 .packageItem {
  margin-bottom: 10px;
  border: 1px solid grey;
  padding: 5px;
}
.summaryV2 .packageItem p{
  
  margin: 2px;
}
.summaryV2 .special-remove {
    color: #077d9f;
    margin-left: 15px;
    text-decoration: underline;
}
.summaryV2 .addMore {
  margin-top: 30px;
}
.summaryV2 .addMore .button-container {
  display: grid;
  display: -ms-grid;
  grid-template-columns: repeat(7,max-content);
  grid-column-gap: 10px;
}
.summaryV2 .addMore .button-container a {
	margin-bottom: 0;
	margin-left: 0;
}
.summaryV2 .addMore .button-container a:first-child {
	grid-column: 1;
}
.summaryV2 .addMore h4 {
    font-weight: bold;
}
.summaryV2 .total-display h2, .summaryV2 .total-display h3 {
  font-weight: 600;
} 
.summaryV2 .blue-text {
  color: #00759a;
}
.summaryV2 .total-display {
    
    
}
.summaryV2 .orange-button {
  width: 100%;
  
  margin: unset;
  margin-top: 25px;
  background: #f4d13d;
  color: black;
  font-weight: bold;
  font-size: 15px;
}
.summaryV2 #cartClear {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
}
.summaryV2 #cartClear .btn {
  margin: 5px;
}
.service-time-picker .disable_no_staff_avail_time,.service-extra-options .list .disable_staff_per_no_avail_time{background-size: 56.57px 56.57px;background-image: linear-gradient(45deg, #dedede 25%, #ffffff 25%, #ffffff 50%, #dedede 50%, #dedede 75%, #ffffff 75%, #ffffff 100%);}
.service-time-picker .disable_no_staff_avail_time p ,.service-extra-options .list .disable_staff_per_no_avail_time p{color: #6f6b6b;}
.service-extra-options .service-name-li{
list-style-type: none;
font-weight: bold;
margin-bottom: 7px;
font-size: 14px;
margin-top: 10px;
}
.package-review-screen{
  padding: 11px;
  display: grid;
  display: -ms-grid;
  grid-gap: 6px;
}
.package-review-screen .package-review-screen-header{background: white;font-size: 16px;color: black;margin-top: -26px;padding-top: -26px;}
.package-info{
margin-top: 35px;
}
.package-review-screen .package-review-screen-header .success-message{
    display: block;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 5px;
    padding: 0px;
    padding-top: 17px;
}
.package-review-screen .package-review-screen-header .booking-content{
    
    font-weight: 500;
}
.package-review-screen-booking,.package-info-box-booking{
  margin-top: 13px;
  margin-left: 12px;
  
  
  padding-bottom: -10px;
  padding-bottom: 4px;
}
.package-info-box-booking{
margin-bottom: -7px;
text-align: left;
}
.package-info-box-booking-outer-div{
  
padding: 7px;
  
margin-top: -14px;
}
.package-review-screen-name ,.package-info-box-name{
  font-weight: 500;
  font-size: 15px;
}
.package-review-screen-date{
  font-weight: bold;
  font-size: 14px;
}
.package-review-screen-package-time label,.package-info-box-time label {
  font-weight: bold;
}
.package-review-screen-package-time span,.package-info-box-time span {
  color: #a4a4a4;
}
.package-review-screen-buttons-outer-div{
  margin-top: 18px;
  display: grid;
  display: -ms-grid;
  
  }
.package-review-screen-package-date{margin-top: 13px;margin-left: -1px;font-weight: bold;font-size: 15px;margin-bottom: -4px;}
.package-review-screen .package-review-screen-review-btn,.package-review-screen .package-review-screen-bookmore-btn{
  display: block;
  min-width: 53%;
  padding: 13px;
  border: none;
  font-size: 14px;
  margin-bottom: 13px;
  justify-self: end;
  width: 95%;
  
}
.package-review-screen .package-review-screen-review-btn{
  background: #f4d13d;
  color: black;
  -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
  min-width: 48%;
}
 .package-review-screen .package-review-screen-bookmore-btn{
  background: #f4f4f4;
  border: 1px solid #cccac5;
  padding: 9px;
  
  -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}
.package-review-screen-review-btn-span-1,.package-review-screen-bookmore-btn-span-1{
  float: left;
  
}
.package-review-screen-bookmore-btn-span-1{
  clear: none !important;
  width: 200px;
  
  clear: noone !important;
  font-weight: 500;
  
}
.package-review-screen-review-btn-span-2,.package-review-screen-bookmore-btn-span-2{display: flex;justify-content: flex-end;}
  
.package-review-screen-bookmore-btn-span-2{
  margin-top: 10px;
  margin-right: 6px;
}
.package-review-screen-review-btn-span-1{
  color: black;
  margin: 0 auto;
  font-weight: 500;
  
  margin-left: 51px;
}
.package-review-screen-more-activity p{
  font-size: 16px;
  margin-bottom: 23px;
  border-top: 1px solid #cacaca;
  padding-top: 34px;
  font-weight: 500;
  font-weight: 500;
  margin-top: 10px;
}
.package-review-screen-more-activity .package-review-screen-more-activity-inner-div{
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-gap: -1px;
  }
  .package-review-screen-more-activity .package-review-screen-more-activity-inner-div button{
  background: #f4f4f4;
  color: #888888;
  font-size: 15px;
  border: 1px solid #cccaca;
  
  font-weight: 500;
}
.booking-loader {
  position: fixed;
  
  top: 50%;
  width: 100%;
  
  text-align: center;
  z-index: 131;
}
.booking-loader div {
  
  width: 0;
  padding: 17px;
  border: 6px solid #ccc;
  border-right-color: #888;
  border-radius: 22px;
  -webkit-animation: rotate 1s infinite linear;
  margin: 0px auto;
}
.booking-loader p{
font-weight: bold;
font-size: 15px;
}
.fetching-loader {
  position: absolute;
  width: 338px;
  top: 373px;
  text-align: center;
  z-index: 54;
}
.fetching-loader div {
  width: 0;
  padding: 17px;
  border: 6px solid #ccc;
  border-right-color: #888;
  border-radius: 22px;
  -webkit-animation: rotate 1s infinite linear;
  margin: 0px auto;
}
.fetching-loader p{
  font-weight: bold;
  font-size: 15px;
}
.blur-while-booking{
  filter: blur(3px);
  pointer-events: none;
}
@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
.service-time-picker-div .bookServiceAllUsers{
  
  
  margin-bottom: 14px;
  
}
 #vue-cart .componentHeader {
   display: flex;
 }
#vue-cart .component-popup {
  position: relative;
}
#vue-cart .component-popup .popup-body {
    position: absolute;
    right: -5px;
    border: 1px solid rgba(34,36,38,.15);
    top: 22px;
    z-index: 10000;
    padding: 20px;
    width: 260px;
    background: #f3f3f3;
    font-weight: bold;
    box-shadow: 0 1px 3px 0 rgba(34,36,38,.15);
}
#vue-cart .component-popup .popup-body::after {
    content: '';
    top: -5px;
    right: 9px;
    position: absolute;
    width: 10px;
    height: 10px;
    background: #f3f3f3;
    transform: rotate(45deg);
    border-top: 1px solid rgba(34,36,38,.15);
    border-left: 1px solid rgba(34,36,38,.15);
    box-shadow: -1px -1px 0 0 rgba(34,36,38,.15);
}
#vue-cart .component-popup .popup-body .groupMemberList {
  max-height: 300px;
  overflow-y: scroll;
}
#vue-cart .component-popup .popup-body .popup-arrow {
  position: absolute;
  right: 0;
  top: -5px;
}
#vue-cart .componentHeader .header {
  margin: auto;
  font-size: 14px;
  
}
.side-cart-add-more-guest{
  margin-left: -63px;
  font-weight: bold;
  margin-right: 2px;
}
.service-picker-screen-cart#vue-cart .componentHeader .header{
  margin-left: -13px;
}
#vue-cart .component-popup .customBlueButton {
  background: #f4d13d;
  padding: 10px 30px;
  width: max-content;
  margin: auto;
}
.modeSelector {
  
  margin-top: 179px;
  width: 1200px;
  margin: 189px auto;
}
.modeSelector .segment {
  margin: auto;
  
  margin-bottom: 15px;
}
.modeSelector .bookingModeHeaders {
  max-width: 500px;
}
.modeSelector .bookingModeHeaders > .segment-body {
  padding: 10px 50px;
}
.modeSelector .bookingModeHeaders .segment-body.noPadding {
  padding: 10px 0;
}
.modeSelector .bookingModeHeaders .segment-body.noPadding input {
  width: 100%;
}
.modeSelector .segment-body {
  background-color: rgba(255, 255, 255, 0.9);
  padding: 10px 15px;
}
.modeSelector .yellow {
  background-color: #f4d13d !important;
  color: black !important;
  font-weight: bold;
}
.modeSelector .segment-controls, #vue-cart .segment-controls {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 25px;
}
.modeSelector .customBlueButton {
  background-color: #00769a;
  padding: 10px 20px;
  margin: auto;
  width: max-content;
  text-align: center;
  color: white;
  font-size: 14px;
  display: block;
}
.customTextInput {
  border: none !important;
  background: none !important;
  border-bottom: 1px solid black !important;
  box-shadow: none !important;
  width: 137px;
}
.customIconInput {
  position: relative;
}
.customIconInput .fas.fa-eye {
  color: black;
}
.customIconInput input {
  width: 95%;
  border: none;
  background: none !important;
  box-shadow: none !important;
  border-bottom: 1px solid #cecece;
  margin-bottom: 15px;
}
.customIconInput i {
  position: absolute;
  right: 15px;
  top: 25%;
  font-size: 15px;
  color: #c8c8c8;
}
#vue-cart .addGuestFields  {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-gap: 10px;
}
.modeSelector .segment-header {
  background-color: #00769a;
  padding: 15px 30px;
  color: white;
  font-size: 1.1em;
  cursor: pointer;
  text-align: center;
  background: #f0f0f0;
  color: black;
  font-weight: bold;
}
.modeSelector button.segment-header{
  width: 100%;
  margin: unset;
  max-width: unset;
}
.componentHeader {
  padding: 20px 0;
  max-height: 18px;
  margin-left: 11px;
}
.componentHeader h3{
  
font-weight: 500;
}
#vue-cart .componentHeader {
  padding: 20px 35px;
  font-weight: bold;
}
#vue-cart .popup-body .popup-body-header {
  margin-bottom: 20px;
}
#vue-cart .popup-body .addGuestFields .customTextInput {
  width: 120px;
}
.yellowHeader {
  padding: 10px 35px !important;
  background: #f4d13d !important;
  font-weight: bold;
  height: 20px;
}
.stepper-container .stepper .breakcrumbs{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.stepper-container .stepper .yellowHeader.breakcrumbs i {
  margin-right: 15px;
  cursor: pointer;
}
.stepper .stepper-header .category-filter-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.no-pointer {
  cursor: unset !important;
}
.stepper #stepper-services .serviceItemComponent .accordion-toggle {
  padding: unset;
}
.category-filter .radioButtonContainer {
  display: flex;
}
.service-time-picker-div .radioButtonContainer {
  display: flex;
}
.summary-package-includes.accordion-toggle, .summary-package-includes.accordion-toggle:hover {
  padding: unset;
  background-color: unset !important;
  color: black;
  font-weight: bold;
  font-size: 13px;
  display: flex;
  align-items: center;
}
.accordion-toggle.summary-package-includes.collapsed i {
  transform: rotate(270deg);
}
.accordion-toggle.summary-package-includes i {
    font-size: 15px;
    margin-left: 10px;
}
.summary-package-items-container {
    border-top: unset;
    padding: 0 10px;
}
.vdp-datepicker  .vdp-datepicker__calendar{
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 10px;
  width: auto;
  border: none !important;
}
.service-extra-options .service-name-li{
  list-style-type: none;
  font-weight: bold;
  margin-bottom: 7px;
  font-size: 14px;
  margin-top: 10px;
}
.service-extra-options .service-name-ul{
  margin: 0px;
  padding-left: 16px;
  padding-right: 16px;
  margin-top: 14px;
  margin-bottom: 26px;
}
.service-extra-options  .service_preference_special_note{
  width: -webkit-fill-available;
  border: none;
  border-bottom: 1px solid #ccc;
  font-size: 13px;
}
.service-extra-options .service-name-ul  .staff-preference-service-name{
  font-weight: 500;
}
.service-extra-options .service-name-ul .btn.dropdown-toggle {background: white;box-shadow: none;border-left: none;border-right: none;border-top: none;width: 100%;max-width: calc(100% - 14px);text-align: left;border-radius: unset;border-bottom: 1px solid #cec8c8;padding: -10px;padding-left: 4px;color: #565656;font-size: 13px;margin-bottom: 3px !important;z-index: 0;}
.service-extra-options .service-name-ul .caret{
  float: right;
}
.content-spaPackageTpl #app .service-extra-options .service-name-ul .disable-staff-drop-down{
  pointer-events: none;
}
.content-cartSummary .itineraryToBottom {
  padding: 25px 40px !important; 
   display: flex; 
   flex-wrap: wrap;
}
.summaryV2 .left .body .user {
	margin-bottom: 15px;
}
.summaryV2 .left .title {
	margin-bottom: 30px;
}
.whitebg {
	background-color: white;
}
.rightFloated {
  float: right;
}
.loginContainer .segment-divider {
    padding: 15px 0;
    font-size: 15px;
}
.loginContainer .alternate-login-text {
    margin: 0;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}
.loginContainer input[type=number]::-webkit-inner-spin-button, 
.loginContainer input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
.fetching-loader {
  position: absolute;
  width: 338px;
  top: 279px;
  text-align: center;
  z-index: 54;
  
  width: 43%;
}		
.fetching-loader div {
  width: 0;
  padding: 16px;
  border: 6px solid #ccc;
  border-right-color: #888;
  border-radius: 22px;
  -webkit-animation: rotate 1s infinite linear;
  margin: 0px auto;
}		
.fetching-loader p{		
  font-weight: bold;		
  font-size: 15px;		
}		
.blur-while-booking{		
  filter: blur(3px);		
  pointer-events: none;		
}	
.fetching-loader {
  top: 40%;
  left: 29%;
}
.relative {
  position: relative;
}
.summaryV2 .redeemGCs {
  margin-top: 20px;
}
.summaryV2 .redeemGCs .page-header small {
  font-size: 14px;
}
.summaryV2 .redeemGCs .blackButton {
    background-color: black;
    color: white;
    float: unset;
    margin: unset;
    width: 100%;
}
.content-golfTeeInfo .golfTeeInfo .bookGolfTime {
  width: unset;
  float: unset;
  margin: unset;
  margin-bottom: 10px;
}
.content-golfTeeInfo .accordion-inner .span2 {
  float: left;
}
.content-golfTeeInfo .hideDetails {
  display: none;
}
.content-giftCertificates .controls .error {
  padding-left: 0;
  display: block;
  width: 97%;
}
.content-giftCertificates .controls select, .content-giftCertificates .controls .error {
    max-width: 220px;
}
.content-eRegTpl .segment {
    margin-top: 20px;
}
.preCheckInGuestName{
  color: red;
}
.allowedGuestsError{
  color: red;
  font-weight: bold;
}
.content-eRegTpl .segment .segmentHeader {
    background-color: #ECECEC;
    font-weight: bold;
    display: flex;
}
.content-eRegTpl .segment .segmentHeader i {
    font-size: 14px;
    margin-right: 10px;
}
.content-eRegTpl #eRegOptions .row-fluid{
  padding: 13px;
}
.content-eRegTpl .radioButtonContainer {
  margin-left: -14px;
}
.content-eRegTpl .check_policy{
  position: absolute;
  margin-left: 328px;
  font-size: 14px;
  font-weight: bold;
}
.content-eRegTpl .check_policy_checkbox{
  position: absolute;
  margin-left: 6px;
  margin-top: 3px;
}
.content-eRegTpl .segment .segmentHeader, .content-eRegTpl .segment .segmentBody {
    padding: 10px 30px;
}
.content-eRegTpl .segment .segmentBody {
  border: 2px solid #DFDFDF;
}
.content-eRegTpl .segment:not(#shareWith) .segmentBody {
    overflow-x: auto;
}
.content-eRegTpl .spaceBetween {
    display: flex;
    justify-content: space-between;
}
.content-eRegTpl #stayDetails ul {
    list-style-type: none;
    margin: unset;
}
.content-eRegTpl #stayDetails ul li{
  margin-bottom: 6px;
}
.content-eRegTpl .blueText {
    color: #037599;
}
.content-eRegTpl .greyText {
    color: #868686;
}
.content-eRegTpl .control-group {
    display: flex;
    flex-direction: column;
}
.content-eRegTpl .control-group input {
    width: calc(100% - 10px);
}
.content-eRegTpl .underline {
    text-decoration: underline;
}
.content-eRegTpl .flex {
  display: flex;
  flex-wrap: wrap;
}
.content-eRegTpl #noValidFolio .btn{
  border-color: #f4d03f;
    margin-bottom: -13px;
    margin-top: 10px;
    background: #f4d03f;
    font-weight: bold;
}
.content-eRegTpl #noValidFolio{
  text-align: center;
    margin-top: 28px;
    margin-bottom: -32px;
    font-size: 19px;
    color: red;
    font-weight: bold;
}
.content-eRegTpl .flex.baseline {
  align-items: baseline;
}
.content-eRegTpl .flex.centered {
  align-items: center;
}
.content-eRegTpl .flex .alignEnd {
  align-self: flex-end;
}
.content-eRegTpl .flex .alignCenter {
  align-self: center;
}
.content-eRegTpl .radioButtonContainer .filter-item {
  margin-left: 10px;
}
.content-eRegTpl .leftMargin {
  margin-left: 10px;
}
.content-eRegTpl .dropdownHeader {
  border: 1px solid #979797;
  width: 200px;
  padding: 5px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 5px;
}
.content-eRegTpl #main .dropdown {
  width: min-content;
}
.content-eRegTpl #shareWith .yellowButton {
    width: 200px;
    min-width: unset;
    margin: unset;
}
.dropdown-menu li > a.disabled:hover {
  background-color: white;
}
.dropdown-menu li > a.disabled {
  opacity: 0.5;
}
.content-eRegTpl #venueDetails {
  margin-top: 20px;
}
.content-eRegTpl #venueDetails .address {
  margin: 10px 0;
}
.content-eRegTpl .radioButtonContainer label.disabled {
  opacity: 0.5;
  cursor: unset;
  pointer-events: none;
}
.fullWidth {
  width: 100%;
}
.vueModal .btn {
  margin-bottom: unset;
}
.loadingIndicatorContainer {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 2000;
}
.customControlGroup label {
  margin-right: 10px;
}
#venueDetails img {
  max-height: 130px;
}
.textRight {
  text-align: right;
}
.content-eRegTpl select {
  width: unset;
}
.content-eRegTpl #estimatedArrivalTime {
  width: 230px;
  margin: 0;
  margin-left: 15px;
}
.content-eRegTpl .arrivalTimePicker  {
  margin: 15px 0px;
}
.sigPad {
  width: 300px;
  border: 1px solid;
}
.checkinBtnContainer {
  float: right;
  padding-right: 20px;
}
.service-extra-options .list{
  margin: 0;
  padding: 0;
  list-style-type: none;
  transform-origin: top;
  transition: transform .4s ease-out;
  overflow: hidden;
  border: 1px solid #cecece;
  overflow-y: scroll;
  height: 187px;
  top: 20;
  margin-top: -4px;
  width: 100%;
  margin-left: -2px;
}
.service-extra-options .list li{
  padding: 7px;
  background: white;
  border-bottom: solid thin #bbb;
}
.service-extra-options .service-name-ul .highlight-booked-staff{
  
}
.disable-staff-drop-down{
}
.service-extra-options .list li:hover{
  background: #cecece
}
.service-time-picker{margin-left: 18px;}
.service-time-picker-times{
  display: flex;
  flex-wrap: wrap;
  
  justify-content: center;
  
  
  margin-left: -24px;
}
.service-time-picker .fa-check {
  float: right;
}
.disabled-staff-hover-gender-not-avail{
    margin-top: -21px !important
}
.service-time-picker-div .service-time-picker button{padding: 12px;font-weight: 500 !important;font-size: 15px;}
.service-time-picker-div .show-all-time-button {
  background: white;
  border: 1px solid #838383;
  padding: 11px;
  width: 148px !important;
  font-size: 15px;
  margin-top: 10px;
  font-weight: bold;
  font-weight: 500 !important;
}
.service-time-picker-div .radioButtonContainer{
  display: flex;
  justify-content: space-around;
  margin-bottom: 17px;
  margin-top: 17px;
  
}
.vdp-datepicker__calendar .cell {font-weight: 500;}
.vdp-datepicker__calendar header span{font-weight: 600;}
.content-spaPackageTpl #app #package_item_conflict_popup .package_item_conflict_popup_header{
margin-left: -13px;
font-size: 14px;
line-height: 13px;
font-weight: bold;
}
.content-spaPackageTpl  #app #package_item_conflict_popup  .close-btn{
  margin-bottom: 0px;
}
.vue-app-container .cart-body .service-controls .far.fa-trash-alt.disabled {
  opacity: 0.5;
  outline: none;
  cursor: auto;
}
@media screen and (min-width: 768px) {
    .content-eRegTpl .rightMargin {
        margin-right: 20px;
    }
    .content-eRegTpl .loadMore {
      margin-top: 40px;
      text-align: right;
    }
    .content-eRegTpl #personalDetails .segmentBody > .row-fluid {
      position: relative;
    }
    .content-eRegTpl #personalDetails .segmentBody > .row-fluid > .span2 {
      position: absolute;
      right: 20px;
      bottom: 70px;
    }
    
}
@media screen and (min-width: 325px) {
	[type="radio"]:checked,
	[type="radio"]:not(:checked) {
		position: absolute;
		left: -9999px;
	}
	[type="radio"]:checked + label,
	[type="radio"]:not(:checked) + label
	{
		position: relative;
		padding-left: 28px;
		cursor: pointer;
		line-height: 20px;
		display: inline-block;
		color: black;
		font-weight: 500;
		font-size: 13px;
		
	}
	[type="radio"]:checked + label:before,
	[type="radio"]:not(:checked) + label:before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 18px;
		height: 18px;
		border: 1px solid #ddd;
		border-radius: 100%;
		background: #fff;
	}
	[type="radio"]:checked + label:after,
	[type="radio"]:not(:checked) + label:after {
		content: '';
		width: 12px;
		height: 12px;
		background: #484949;
		position: absolute;
		top: 4px;
		left: 4px;
		border-radius: 100%;
		-webkit-transition: all 0.2s ease;
		transition: all 0.2s ease;
	}
	[type="radio"]:not(:checked) + label:after {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0);
	}
	[type="radio"]:checked + label:after {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
@media (min-width: 980px) {
  .tabs-left-desktop > .nav-tabs {
  }
  .tabs-left-desktop > .nav-tabs > li > a:hover {
      border-color: #eeeeee #dddddd #eeeeee #eeeeee;
  }
  .tabs-left-desktop > .nav-tabs .active > a,
  .tabs-left-desktop > .nav-tabs .active > a:hover {
      border-color: #ddd transparent #ddd #ddd;
      border-right-color: #ffffff;
  }
}
@media screen and (max-width: 767px) {
  #header .row .span8.banner {
    margin: 0 -20px;
  }
  #userProfileForm .well,.userCreateUserFormLoggedIn #userCreateUserForm .well{
    width: 100% !important;
  }
  .userProfileFormButtons #userProfileCancel{
    min-width: 100%;
    margin-left: -12px;
    margin-bottom: 5px;
  }
  .userCreateUserFormLoggedIn .userProfileFormButtons #userCreateCancel{
    min-width: 100%;
    margin-left: -23px;
    margin-bottom: 5px;
  }
  .userProfileFormButtons #userProfileSubmit,.userCreateUserFormLoggedIn .userProfileFormButtons #userCreateSubmit{
    min-width: calc(100% + 23px);
    margin-left: -12px;
  }
}
@media screen and (max-width: 1280px) {
}
@media screen and (max-height: 800px) {
}
@media screen and (max-width: 1280px) {
  video.bgvid {
    left: 50%;
    margin-left: -640px;
  }
}
@media screen and (max-width: 979px) {
  .booking-widget > div > div {
    width: 36%;
    margin: 1%;
  }
  .booking-widget .guests {
      width: 21%;
  }
  .booking-widget .check {
  }
  .booking-widget > div {
      left: 0;
      text-align: center;
      align-content: center;
      margin: 45px auto;
      width: 100%;
  }
  .booking-widget .check {
    width: 97%;
  }
  .booking-widget{
    height: 200px;
    position: relative;
  }
  div#serviceList {
    margin-top: 5%;
    margin-left: 0;
  }
  .nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
    background-color: #fff;
    -moz-border-radius: 0px;
  }
  .navbar .nav .active > a, .navbar .nav .active > a:hover {
    color: #fff;
    background-color:#ccc;
  }
.nav-collapse .dropdown-menu a:hover {
  background-color:#ccc;
}
.table-condensed th, .table-condensed td {
  padding: 4px 4px;
  display: flex;
}
table.teesheet thead > tr {
  display: flex !important;
}
table.teesheet thead > tr >th {
  border:1px solid grey !important;
  margin-bottom:3px
}
#golfResults .availability p.slots {
  position: absolute !important;
  margin-left: -231px !important;
  background: #037599;
  color: white;
  padding: 2px;
  padding-left: 4px;
  padding-right: 4px;
}
tr.teetime {
  border:1px solid grey !important;
  border-left: none;
}
.teesheet td.teetime{
  margin-bottom:-2px
}
.teesheet td.player, .teesheet th.player, .teesheet .reserved, .teesheet th.players {
  display: none !important;
}
.teesheet .btn-group.book a{
padding: 9px;
border: 1px solid grey;
display: inline-flex;
margin-right: 6px;
}
}
@media screen and (max-width: 767px) {
  #serviceList li {
      display: inline-block;
      width: 240px;
      
  }
}
@media screen and (max-width: 480px) {
  .booking-widget > div > div, .booking-widget .guests {
    width: 95%;
    float: none;
    margin: 2%;
  }
  .booking-widget > div {
  margin: 0 auto;
  padding: 45px 0;
  }
    .booking-widget{
    height: 280px;
    position: relative;
  }
  .booking-widget .check {
    width: 95%;
}
.booking-widget div > select {
    padding-left: 42%;
}
}
@media screen and (max-width: 979px) and (min-width: 481px) {
  body {
    padding-bottom:40px;
  }
  #header .message h2 {
    font-size: 66px;
  }
}
@media screen and (max-width: 480px) {
  #header .message h2 {
    font-size:60px;
  }
}
@media screen and (min-width:1200px) {
  #roomTypeaccordion .accordion-inner .span5 {
      width: 470px;
  }
}
@media (min-width: 800px) and (max-width: 1200px) {
  #roomTypeaccordion .accordion-inner .span5 {
      width: 240px;
  }
  .modeSelector{
    width: auto;
  }
  .main-body-schedule .service-extra-options{}
  }
  
@media (min-width: 768px) and (max-width: 979px) {
  #roomTypeaccordion .accordion-inner .span5 {
      width: 240px;
  }
  .userProfileForm #userProfileForm .well,  .userCreateUserFormLoggedIn #userCreateUserForm .well{
      width: 29% !important;
  }
  .userCreateUserFormLoggedIn #userCreateUserForm .well.userProfileFormButtons ,.userProfileForm #userProfileForm .well.userProfileFormButtons  {
    width: 100% !important;
  }
  .userCreateUserFormLoggedIn .userProfileFormButtons, .userProfileForm .userProfileFormButtons {
    width: 100% !important;
    margin-bottom: 0px;
  } 
  
}
@media (min-width: 1200px){
    body:not(.content-eRegTpl) .row-fluid .span8 {
      width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  #roomTypeaccordion .accordion-inner .span5 {
      width: 240px;
  }
  .package-review-screen-buttons-outer-div .package-review-screen-bookmore-btn{
  }
}
@media (min-width: 1200px){
  .span9 {
      width: 100%;
  }
  .offset3 {
      margin-left: 0px;
  }
  .offset1 {
      margin-left: 0px;
  }
  }
  @media (max-width: 1200px){
  .btn.btn-primary {
      margin-bottom: 20px;
    }
  .package-review-screen-buttons-outer-div .package-review-screen-bookmore-btn{
  }
  #userCreateUserForm.span8 {
    width: 844px;
   }
  }
  @media screen and (max-width: 978px) {
    div#main {
      
    }
    #serviceList ul {
        padding: 25px 25px 25px 25px;
      }
  #serviceList li {
    margin-bottom:0px;
  }
  .tabs-left-desktop > .nav-tabs {
        margin-bottom: 0px !important;
        border-bottom: 0px !important;
    }
  .offset1 {
      margin-left: 0px;
  }
  }
  @media screen and (max-width: 978px) and (min-width: 481px) {
    body {
      padding-bottom:40px;
    }
    #header .message h2 {
      font-size: 66px;
    }
  }
  @media screen and (min-width: 978px) {
  #serviceList li:last-child {
    margin-right:0px;
  }
  }
  @media screen and (max-width: 768px) {
    [class*="span"] {
      clear: both;
      margin-bottom: 10px;
    }
  .content-cartSummary #serviceTypes .btn {
    margin-left:0 !important;
  }
  #userCreateUserForm.span8 {
    width: 100%;
    padding: 10px;
    margin: 0 0px 0px -10px;
  }
  #spaServiceForm  {
      padding: 10px 0px 0px 0px;
  }
  .content-cartSummary .span12 .content{
    background-color: transparent;
  }
  .span10 {
      width: 100%;
      padding: 0 0 0 0;
  }
  #content {
    margin: 0px 10px 10px 10px;
  }
  #nav .navbar-inner .brand {
      display: block;
      width: 200px;
      height: 85px;
      background: no-repeat url(../img/logo.png);
      position: absolute;
      top: 0;
      left: 0;
      margin-left: 40px;
      background-position: center center;
      padding: 0;
  }
  }
  @media screen and (max-width: 480px) {
  .span12, .content {
    padding-bottom: 0px;
  }
  #header .message h2 {
      font-size:60px;
  }
  .booking-widget div > select {
      padding-left: 40%;
  }
  .booking-widget {
    min-height: 190px;
    padding: 20px;
  }
  .booking-widget > div{
    padding: 0px 0;
  }
  .booking-widget > div {
       left: 0;
       text-align: center;
       margin-top: 0px;
    }
  .booking-widget > div > div {
      width: 100%;
      margin-right: 0;
      margin-bottom: 10px;
    }
  .booking-widget .guests {
    width: 100%;
    margin-right:0px;
    margin-bottom: 10px;
    }
    .booking-widget .check {
    width:100%;
    }
  #serviceList ul {
    padding: 20px 20px 10px 20px;
  }
  }
  @media screen and (max-width: 1199px) and (min-width:979px){
    .WebFolioItems div.specialServices .span {
        width: 430px;
    }
    
  }
  @media screen and (max-width: 979px) and (min-width:768px){
    #content.diningReservation .dining .results .service .timeslots a {
       position: relative;
       font-size: 11px;
    }
    .WebFolioItems div.specialServices .span {
        width: 300px;
    }
  }
  @media (min-width: 1200px) {
    .WebFolioItems div.specialServices .span {
        width: 540px;
    }
  }
  @media (min-width: 320px) and (max-width: 530px) {
    #acceptTermsModal{
      top: 24% !important;
    }
  }
  @media (min-width: 530px) {
    #acceptTermsModal{
      top: 44% !important;
    }
    .spa-service-age-restriction-messages{
      margin-left: -2px !important;
    }
   .ageRestriction-div .mx-datepicker{
    }
  }
  @media (max-width: 425px) {
    .diningReservation .results .timeslots a.btn.btn-small {
        padding: 4px 4px;
    }
    
}
@media (max-width: 372px) {
    .diningReservation .results .timeslots a.btn.btn-small {
        font-size:0.8em;
    }
    .diningReservation .accordion-inner.clearfix {
        padding-left: 0;
        padding-right: 0;
    }
}
@media screen and (max-width: 979px) {
  .skiLiftTicketListTpl .nav-tabs > p {
      display: inline-block;
      float: left;
      padding-top: 7px;
      padding-bottom: 8px;
      line-height: 18px;
      margin: 0px 4px;
  }
  
}
@media (min-width: 1200px){
  body:not(.content-eRegTpl) .row-fluid .span8 {
      width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  #roomTypeaccordion .accordion-inner .span5 {
      width: 240px;
  }
}
@media (min-width: 1200px){
  .span9 {
      width: 100%;
  }
  .offset3 {
      margin-left: 0px;
  }
  .offset1 {
      margin-left: 0px;
  }
  }
  @media (max-width: 1200px){
  #userCreateUserForm.span8 {
    width: 844px;
   }
  }
  @media (max-width: 979px) and (min-width: 768px){
  .span2 {
  }
  .span8 {
      width: 100%;
  }
  .offset1 {
      margin-left: 0px;
  }
  }
  @media screen and (max-width: 979px) and (min-width: 481px) {
    body {
      padding-bottom:40px;
    }
    #footer .navbar-fixed-bottom {
      position:fixed;
      margin-left: 0;
      margin-right: 0;
    }
    #header .message h2 {
      font-size: 66px;
    }
   .span12, .content {
     background-color: #ffffff4f;
   }
  }
  @media screen and (max-width: 979px) {
  section.mainContent {
      padding-top: 0px;
      background-color: rgba(256, 256, 256, 0.9);
  }
  .booking-widget {
      height: 0px;
      margin-top: 30px;
      min-height: 90px;
  }
  .booking-widget > div {
       left: 0;
       text-align: center;
       margin-top: 0px;
    }
  .booking-widget > div > div {
      width: 32%;
      margin-right: 2%;
      margin-bottom: 10px;
    }
  .booking-widget .guests {
    width: 32%;
    margin-right:0px;
    }
    .booking-widget .check {
    width:100%;
    }
   #serviceList li a{
     line-height: 120px;
   }
  #userCreateUserForm.span8 {
    width: 624px;
    }
  }
  @media screen and (max-width: 769px) {
      #serviceList li {
          margin: 0px;
          width: 100%;
          margin-right: 0;
          margin-bottom: 0;
          clear: both;
          margin-bottom: 5px;
      }
      #userCreateUserForm.span8 {
          width: 100%;
          padding: 10px;
          margin: 0 0px 0px -10px;
      }
      #spaServiceForm  {
          padding: 10px 0px 0px 0px;
      }
      .content-cartSummary .span12 .content{
          background-color: transparent;
      }
      .span10 {
          width: 100%;
          padding: 0 0 0 0;
      }
  }
  @media screen and (max-width: 480px) {
      .span12, .content {
          background-color: transparent;
      }
      #header .message h2 {
          font-size:60px;
      }
      .booking-widget div > select {
          padding-left: 40%;
      }
      .booking-widget {
          min-height: 190px;
          padding: 20px;
      }
      .booking-widget > div{
        padding: 0px 0;
      }
      .booking-widget > div {
           left: 0;
           text-align: center;
           margin-top: 0px;
        }
      .booking-widget > div > div {
          width: 100%;
          margin-right: 0;
          margin-bottom: 10px;
        }
      .booking-widget .guests {
        width: 100%;
        margin-right:0px;
        margin-bottom: 10px;
        }
        .booking-widget .check {
          width:100%;
        }
      #serviceList ul {
          padding: 20px 20px 10px 20px;
      }
  }
@media (min-width: 768px) and (max-width: 979px) {
.login-options {
  width: 245px;
}
.login-options > .btn {
  display: block;
  padding: 15px 10px;
}
}
@media screen and (max-width: 768px) {
  #header .span4.message.split-screen {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100%;
    margin-top: 70px;
  }
}
@media screen and (max-width: 979px) and (min-width: 598px) {
  .splash-img {
    width: 49%;
  }
  .splash-img img {
    width: 100%;
  }
  .splash-text h3 {
    font-size: 20px;
    line-height: 30px;
    padding: 0;
  }
}
@media screen and (max-width: 598px) and (min-width: 200px) {
  .splash-img {
    width: 100%;
    display: block;
  }
  .splash-img img {
    width: 100%;
  }
  .splash-text {
    width: 100%;
    display: block;
    float: none;
  }
  .splash-text h3 {
    font-size: 20px;
    line-height: 30px;
    padding: 0;
  }
}
  #navbarServiceTypeList .dropdown-menu {
    min-width: 250px;
  }
  #navbarServiceTypeList .dropdown-menu,
  #navbarLanguageList .dropdown-menu,
  #navbarLoginControl .dropdown-menu {
    width: 100%;
    padding: 0;
    margin: 0;
  }
  #navbarLoginControl #loginForm {
    width: 200px;
  }
  #loginEmail, #loginPassword {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  #navLoginForm {
    padding: 10px;
  }
  #navLoginForm .form-contents .controls #loginButton {
    margin: 0;
    margin-top: 5px;
  }
  #navLoginForm .form-actions {
    margin: 0;
  }
  #navLoginForm .form-actions a {
    margin: 0;
    padding: 8px 0px;
    width: 100%;
  }
  #navbarServiceTypeList .dropdown-menu li {
    width: 33%;
    border-radius: 20px;
    text-align: center;
  }
  .nav-collapse .dropdown-menu a {
    margin: 0;
  }
  #navbarLanguageList .dropdown-menu li {
    width: 100%;
    text-align: center;
  }
  #logoutForm li {
    text-align: center;
    width: 100%;
  }
  .emptyCart .page-header .category-type {
    box-sizing: content-box;
    margin: 5px 12px 0px 0px;
    width: 56px;
  }
  .emptyCart .page-header .category-type:last-child {
    margin: 5px 0px 0px 0px;
  }
  #footer .navbar .container {
    width: 100% !important;
  }
}
@media (max-width: 978px) and (min-width: 769px) {
  .navbar .nav.pull-right {
    width: 43%;
  }
  .nav-collapse, .nav-collapse.collapse {
    margin-top: 43px;
  }
  .nav #navbarCartControl .dropdown-menu li a,
  .nav #navbarLoginControl .dropdown-menu li a {
    width: 265px;
    text-align: center;
  }
  .nav > li {
    margin-top: 8px;
  }
  .nav > li > ul {
    width: 100%;
  }
  .nav #navbarCartControl .dropdown-menu li {
    width: 100%;
  }
  .nav #navbarServiceTypeList .dropdown-menu li {
  }
  .nav #navbarServiceTypeList .dropdown-menu li a,
  .nav #navbarLanguageList .dropdown-menu li a {
    width: 55px;
    margin-right: 5px;
    padding: 5px 20px;
    text-align: center;
  }
  .emptyCart .page-header .category-type {
    box-sizing: content-box;
    margin: 5px 0px 0px;
    width: calc(31% - 16px);
  }
}
@media (max-width: 768px) {
  body {
    padding-left: 10px;
    padding-right: 10px;
  }
  .nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
    margin: 0;
    padding: 0;
  }
  #nav .navbar-inner .brand {
    width: 94% !important;
    clear: both;
    margin: auto;
    left: 0;
    position: absolute;
    right: 0;
  }
  .nav-collapse, .nav-collapse.collapse {
    margin-top: 80px;
    margin-bottom: 10px;
  }
  .nav-collapse .nav,
  .navbar .nav.pull-right{
    width: 100%;
    float: none;
  }
  .nav-collapse .nav > li {
    margin: 5px 0px;
  }
  .nav-collapse .nav li {
    width: 100%;
  }
  .nav-collapse .nav li .dropdown-menu li a {
    padding: 8px;
    text-align: center;
    width: calc(98% - 17px);
  }
  .nav-collapse .nav #navbarServiceTypeList .dropdown-menu li,
  .nav-collapse .nav #navbarLanguageList .dropdown-menu li{
    width: 32.6%;
    margin: 0 1px;
  }
  #header .span4.message {
    margin-top: 100px;
    margin-left: 0;
  }
  #main .container .mainContent {
    
    width: 100%;
  }
  #main .container .mainContent .row {
    width: 100%;
  }
  #main .container .mainContent .row #content {
    margin: 0px;
    padding: 20px;
    margin-bottom: 240px;
  }
  .emptyCart .page-header .category-type {
    box-sizing: content-box;
    margin: 5px 0px 0px;
    width: calc(30% - 16px);
  }
  .content-cartSummary #cartClear p {
    display: none;
  }
  .login-options {
    width: 100%;
    margin: 0 auto !important;
    display: block;
  }
  .login-options > .btn {
    padding: 13px;
    margin: 0px auto;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1072px) {
  .itemDescCont.span9{
    width: 58%;
  }
  
  .span3.spa.itemAvailCont{
    width: 40%
  }
  
  .spaAvailCont {
    text-align: right;
  }
  
}
@media screen and (min-width: 768px) {
  .itemDescCont.span9{
    width: 50% !important;
  }
  
  .span3.spa.itemAvailCont{
    width: 48% !important;
  }
  
  .spaAvailCont {
    text-align: right;
  }
  
}
@media screen and (max-width: 375px) {
  .bookButtonResume {
    width: 100px;
    font-size: 10px !important;
  }
  .bookButton {
    width: 100px;
    font-size: 10px !important;
  }
}
.tempblock{
  pointer-events: none;
}
@media screen  and (min-width: 320px) and (max-width: 768px) {
  .content-spaPackageTpl #main {
      width: 100%;
  }
  #foliowarning{
    position: fixed !important;
    left: 0 !important;
    right:0 !important;
    padding: 8px !important;
    line-height: 9px !important;
  }
  #foliowarning button{
    background: #fcf8e3 !important;
    color: black !important;
  }
}
@media screen and (max-width: 768px) and (min-width: 580px) {
   
 }
@media screen and (max-width: 768px) and (min-width: 100px) {
  .content-spaPackageTpl #main {
      width: 100%;
  }
  .content-spaPackageTpl #app .stepper-container {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr;
    -ms-grid-columns:1fr;
    grid-template-areas:
      "mobileMessage"
      "vue-cart"
      "mobile_view_service_sticky_bar"
      "mobile_view_date_sticky_bar"
      "stepper"
      "schedulebtn_outerdiv";
    width: 100%;
    grid-gap: -17px;
    grid-gap: 7px;
  }
  .content-spaPackageTpl #app .stepper-container .mobile_view_servicepick_div{
    grid-area: mobile_view_servicepick_div;
    background: white;
  }
  
  .content-spaPackageTpl #app .stepper-container .mobileMessage{
    
    width: auto;
    padding: 5px;
    margin-bottom: 6px;
    margin-top: -19px;
    border-radius: 7px;
    z-index: 600;
  }
  .mobileErrorMessage{
    width: auto;
    padding: 5px;
    margin-bottom: 6px;
    margin-top: -19px;
    border-radius: 7px;
    z-index: 600;
    font-weight: bold;
  }
  .mobileSuccessMessage{
    width: auto;
    padding: 7px;
    
    margin-top: -8px;
    border-radius: 7px;
    background-color: #7FD41B !important;
    border-color: #7FD41B;
    
    position: fixed;
    z-index: 5000;
  }
 
  .content-spaPackageTpl #app .stepper-container .mobile_view_servicepick_innerdiv{
  display: flex;
  align-items: center;
  padding-left: 11px;
  }
  .content-spaPackageTpl #app .stepper-container .mobile_view_servicepick_innerdiv select{
    margin-bottom: 4px;
    margin-top: 5px;
    float: right;
    margin-right: 8px;
  }
  .content-spaPackageTpl #app .stepper-container .mobile_view_servicepick_innerdiv label{
    font-size: 17px;width: auto;align-items: center;
  }
  .content-spaPackageTpl #app .stepper {
    grid-area: stepper;
    padding: 7px 16px;
    
    position: unset;
  }
  .content-spaPackageTpl #app .mobile_view_date_sticky_bar {
    grid-area: mobile_view_date_sticky_bar;
    padding: 5px;
    text-align: center;
    background-color: #ffffff;
    visibility: hidden;
    margin-top: -42px;
    }
    .content-spaPackageTpl #app .mobile_view_service_sticky_bar{
      grid-area: mobile_view_service_sticky_bar;
      padding: 7px;
      text-align: center;
      background-color: #ffffff;
      visibility: hidden;
      margin-top: -42px;
    }
  .content-spaPackageTpl #app .mobile_view_date_sticky_bar label{
    font-weight: bold;
    font-size: 18px;
    display: inline-block;
  }
  .content-spaPackageTpl #app .mobile_view_service_sticky_bar label{
    
    font-size: 18px;
    display: inline-block;
  }
  .content-spaPackageTpl #app .mobile_view_service_sticky_bar .stepper-body-heading-editinglabel{	
    font-size: 15px;	
    margin-right: 6px;	
}
  .content-spaPackageTpl #app .mobile_view_date_sticky_bar span{
    
    margin-right: 0px;
    font-size: 16px;
    font-weight: bold;
  }
  .content-spaPackageTpl #app .mobile_view_service_sticky_bar span{
    margin-left: 4px;
    
    font-size: 16px;
  }
  .main-body-schedule {
    grid-template-columns: 1fr;
    -ms-grid-columns:1fr;
    
    grid-template-areas:
      "first"
      "second"
      "fourth"
      "third";
    grid-gap: 31px 20px;
    margin-left: auto;
  }
  .stepper-body .main-body-schedule-reposition{
    grid-template-areas:
      "first"
      "fourth"
      "second"
      "third";
  }
  .vdp-datepicker__calendar {
    width: 100% !important;
    border: none !important;
  }
  .stepper .stepper-header .stepper-header-item .stepper-header-hr {
    width: 3rem !important;
  }
  .stepper-body-heading > h1 {
    font-size: 18px !important;
    
    
    
  }
  .stepper-body-heading-h1 .stepper-body-heading-editinglabel{	
    	
    font-weight: bold;	
          
    font-size: 18px;	
      }
  .stepper-body-heading-h1 > span{
    display:block
  }
  .stepper-body-heading-h1-label{
    font-size: 18px;
  }
  .top-part {
    padding: 5px !important
  }
  .top-part > h2 {
    font-size: 16px !important
}
.stepper .stepper-header .stepper-header-item .stepper-header-hr {
  width: auto;
  margin: 10px -1px;
  
  
  display: grid;	
  display: -ms-grid;	
  grid-template-areas:		
    "filter,classes";		
}
.stepper .stepper-header {
  
  margin-top: 65px;
  padding: 10px;
  margin-bottom: -46px;
}
.content-spaPackageTpl #main {
  
  margin: 109px auto;
  margin-bottom: -40px;
}
.content-spaPackageTpl #vue-cart .cart-header{
	padding: 5px;
	margin-bottom: -10px;
	margin-top: -20px;
	border-bottom: 1px solid #e8e8e8;
  display: grid;
  display: -ms-grid;
  grid-template-columns: 25px 1fr 30px;
  -ms-grid-columns:25px 1fr 30px;
	align-items: center;
	
}
.content-spaPackageTpl #vue-cart .cart-header .vue-cart-back-icon{
    margin-top: 5px;
    
}
.content-spaPackageTpl #vue-cart .cart-header #vue-cart-back{margin-right: -57px;}
.global-booking-info .user-info {
display: none
}
.global-booking-info  .user-info-reserve-button,.global-booking-info .user-info-cancel-button{margin: 0px !important;width: 100% !important;padding: 13px;min-width: 100%;position: fixed;bottom: -1px;left: 0;border: none;background: #f4d13d;color: black;font-size: 19px;font-weight: bold;z-index: 10;}
.global-booking-info .user-info-cancel-button{
  background:white;
  color: black;
  border-top: 1px solid #bfb6b6;
  border-top: 1;
}
.global-booking-info .disabled-reserve-button-color{
    
    background: #ffeea7;
    color: #928f8f;
}
.main-body-second-section{
  margin-top: 15px;
}
.sticky_cart #vue-cart{
  height: auto;
  z-index: 90000;
  position: fixed;
  width: calc(100% - 20px);
}
.sticky_cart .stepper{
  margin-top: 40px;
  margin-top: 22px !important;
}
.cart-header .cart-user-body{
  z-index: 100;
  position: absolute;
  left: 0;
  width: 100%;
  background: white;
  
}
.cart-header .cart-user-body .pointer{
  padding:8px 10px;
}
.cart-header .cart-user-body .pointer .custom-check-box{float: left;margin-right: 9px;}
.cart-header .cart-user-body .group_title{
  font-size: 13px;
  padding: 4px;
  font-weight: 700;
  
  background: #037599;
  color: white;
}
.content-spaPackageTpl #footer{
  display: none;
  }
.content-spaPackageTpl #app .sticky_mobile_view_date_sticky_bar,.content-spaPackageTpl #app .mobile_date_sticky_bar_notloggedIn{
  position: fixed;
  visibility: visible !important;
  transition:all 1s ease 0s;
  width: calc(100% - 30px);
  margin-top: auto;
  margin-top: 76px !important;
  z-index: 903 !important;
}
.content-spaPackageTpl #app .sticky_mobile_view_date_sticky_bar i{
  
  
margin-right: 5px;
}
.content-spaPackageTpl #app .sticky_mobile_view_time_on_bar i{
margin-right: 4px;
font-size: 14px;
}
.content-spaPackageTpl #app .mobile_date_sticky_bar_notloggedIn{
  margin-top: 59px !important;
}
.content-spaPackageTpl #app .sticky_mobile_view_service_sticky_bar{
  position: fixed;
  visibility: visible !important;
  transition:all 1s ease 0s;
  width: calc(100% - 34px);
  
  margin-top: 26px !important;
  
  
  z-index: 900;
}
.content-spaPackageTpl #app .sticky_mobile_view_service_sticky_bar .stepper-body-heading > h1{
    margin-bottom: 20px !;
    margin-bottom: -18px;
}
.content-spaPackageTpl #app .sticky-header-not-logged-in .sticky_mobile_view_service_sticky_bar .stepper-body-heading > h1{
margin-bottom: -16px;
}
.packageSelectionContainerMobile .category-filter{
  display: grid;
  display: -ms-grid;
  grid-template-columns: 49px 76px 87px;
  -ms-grid-columns:49px 76px 87px;
  width: 100%;
  justify-content: space-evenly;
  margin-bottom: 18px;
  
  
}
.packageSelectionContainerMobile .serviceItemComponent .accordion-heading .accordion-toggle{
  background: #037599;
  color: white;
  font-weight: bold;
  font-size: 16px;
}		
.packageSelectionContainerMobile .serviceItemComponent .accordion-heading .accordion-toggle.collapsed{
  
  color: black;
}		
.packageSelectionContainerMobile .serviceItemComponent .accordion-heading .accordion-toggle .serviceMins{
  font-weight: 500;
  font-size: 15px;
  justify-content: flex-start !important;
  
  }		
.packageSelectionContainerMobile .serviceItemComponent .accordion-heading .accordion-toggle .packageIndicator{
  float: right;
  margin-top: 4px;
  margin-right: 0px;
  border: 1px solid #aeafaf;
  padding: 4px;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 13px;
  color: white;
  margin-left: 0px !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
}		
.packageSelectionContainerMobile .serviceItemComponent .accordion-heading .accordion-toggle.collapsed .packageIndicator{		
  color: black !important;		
}
.packageSelectionContainerMobile #stepper-categories{
  margin-top: 70px;
  
  
}
.packageSelectionContainerMobile .serviceSelectionHeader{
  position: absolute;
  top: 31px;
  background: #f4d13d;
  left: 0;
  right: 0;
  text-align: center;
  padding: 14px;
  
  font-weight: bold;
  font-size: 18px;
}
.packageSelectionContainerMobile .serviceClassSelector{
  display: flex;
  margin-top: 25px;
  padding: 10px;
  justify-content: space-between;
  margin-bottom: -12px;
  color: black;
  font-weight: bold;
  font-size: 15px;
}
.packageSelectionContainerMobile #stepper-services {margin-top: 45px;padding-bottom: 14px;padding-top: 0px;}
.content-spaPackageTpl #app .stepper .packageSelectionContainerMobile .serviceItem{
  background: #f0f0f0;
  color: black;
  
  display: grid;
  display: -ms-grid;
  
  font-size: 16px;
  display: block;
}
.content-spaPackageTpl #app .stepper .packageSelectionContainerMobile .service-item-selected{
	background: #037599;
  color: white;
}
.status_mobile_mode{
  grid-area: status;
  background: #fff;
  font-size: 14px;
  
  
  margin-top: -10px;
  border-top: 0.5px solid #bcbcbc;
  
}
#vue-cart #package_item_conflict_popup {
    top: 50% !important;
    
}
.content-spaPackageTpl #app #package_item_conflict_popup .package_item_conflict_popup_header{
}
.content-spaPackageTpl  #app #package_item_conflict_popup  .close-btn{
}
.content-spaPackageTpl #app #package_item_conflict_popup .modal-footer button{		
  margin-bottom: auto;		
  }
.stepper-body-heading{margin-top: auto;margin-bottom: 31px;}
.content-spaPackageTpl #app .stepper-container .sticky-header-not-logged-in{
margin-top: -43px !important;
}
.content-spaPackageTpl #app .stepper-active-step-one-mobile{margin-top: -73px !important;background: white;}
.content-spaPackageTpl #app .sticky-header-not-logged-in .stepper-active-step-one-mobile{
margin-top: -43px !important;
}
.content-spaPackageTpl #app .sticky_cart .stepper-active-step-one-mobile{margin-top: -54px !important;background: white;}
.content-spaPackageTpl #app .sticky_cart.sticky-header-not-logged-in .stepper-active-step-one-mobile{margin-top: -24px !important;}
.status_mobile_mode label{
padding-top: 6px;
margin-left: 11px;
font-size: 11px;
}
.status_mobile_mode span{
padding-top: 7px;
margin-left: 50px !important;
font-size: 11px;
}
.global-booking-info .update_button_mobile i{
  margin-right: 3px;
 }
.global-booking-info .update_button_mobile{
width: 100px !important;
background: white;
background: white !important;
border: none;
float: left;
margin-right: 15px;
margin-left: -20px !important;
}
.global-booking-info .checkout_button_mobile{
  
width: 93px;
  
float: right;
  
color: black !important;
  
background: whilte;
}
.global-booking-info .checkout_button_mobile .cart-schedule-service{
  color: black;
  background: white !important;
  border: none;
}
.global-booking-info .schedule_update_Btn_div{
  
background: white;
  
}
.staff_picker_outer_div .disabled-staff-hover {
  position: relative;
  float: right;
  margin-top: -26px;
}
.staff_picker_outer_div .disabled-staff-hover:after {
  visibility: hidden;
}
.status_mobile_mode_all_booked{
  bottom: 79px !important;
  width: 94%;
}
.status_mobile_mode_not_all_booked{
position: fixed;
bottom: 24px;
width: 95.5%;
}
.vue-cart-back-icon{
  font-size: 17px;
  margin-top: 10px;
  margin-right: 34px;
}
.content-spaPackageTpl #app .stepper .packageSelectionContainer,.content-spaPackageTpl #app .stepper .packageSelectionContainerMobile{
  grid-template-columns: 1fr !important;
  -ms-grid-columns: 1fr !important;
}
.global-booking-info .sticky_reserve_btn{
  position: fixed;
  bottom: 40px;
  width: 54%;
  width: 94% !important;
  margin-left: 0px !important;
}
.service-extra-options .service-extra-options-i{
  display: grid;
  display: -ms-grid;
  justify-content: end;
  font-size: 20px;
  margin-top: -12px;
  padding: 10px;
  color: #8c8888;
  margin-right: 10px;
  
}
.service-extra-options .service-extra-options-i::before{
  
  
}
.service-extra-options .sticky_service_pref,.sticky_time_picker_header{
  position: fixed;
  bottom: 38px;
  margin-left: -24px;
  
  
  border-top: 0.5px solid #bcbcbc;
  border-bottom: 0.5px solid #bcbcbc;
  
  padding: 3px;
  background: white;
  width: 100%;
}
.service-extra-options .sticky_service_pref i{
  
margin-left: 4px !important;
}
.main-body-second-section .service-time-picker-div .my-scrollbar{
   max-height: 100% !important;
   overflow: unset;
   height: unset;
}
.time-picker-error-message{
  font-weight: 500;
  font-style: italic;
}
.main-body-second-section .service-time-picker-div .service-time-picker_non_desktop_mode{
  width: 100px !important;
  margin-right: 10px !important
}
.vue-scrollbar__wrapper {
    overflow: auto !important
}
.mobile_servicechange_dropdown_username .selectedService{
  background: #f4d03f  !important;
  color: black;
  border: 1px solid #f4d03f !important;;
}
.mobile_servicechange_dropdown{
  width: 100%;
}
.mobile_servicechange_dropdown button{
    padding: 8px;
    width: 100%;
    max-width: 100% !important;
    margin-left: -7px;
    margin-right: 19px;
  }
.sticky_mobile_view_service_sticky_bar .stepper-body-heading{margin-bottom: 10px;}
.sticky_header_shadow{
  -webkit-box-shadow: 0 10px 5px #888888;
  -moz-box-shadow: 0 10px 5px #888888;
  box-shadow: 0 10px 4px -6px #888888;
}
.sticky_mobile_view_service_sticky_bar .stepper-body-heading-h1 span{margin-top: -9px;}
.mobile_servicechange_dropdown  .list {
  border: 1px solid #8c8888;
  
  position: absolute;
  margin: 0;
  padding: 0;
  list-style-type: none;
  -webkit-transform-origin: top;
  transform-origin: top;
  transition: -webkit-transform .4s ease-in-out;
  transition: transform .4s ease-in-out;
  transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
  overflow: hidden;
  width: 100%;
  left: 0;
  width: 100%;
  z-index: 900;
  margin-top: 3px;
  
  height: 48vh;
  overflow-y: scroll;
  
  background: white;
}
.mobile_servicechange_dropdown  .list li {
  padding: 10px;
  background: white;
  border-bottom: solid thin #979797;
  padding-bottom: -86px;
  margin-bottom: -8px;
}
.cart-header .segment{
  left: 0;
  
  width: 100%;
  
  z-index: 100;
}
.mobile_servicechange_dropdown  .slide-enter, .slide-leave-to {
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
}
.mobile_servicechange_dropdown_username{
  margin: 0px !important;
  list-style: none;
  margin-bottom: 14px !important;
  font-size: 13px;
  border-bottom: solid thin #979797;
}
.mobile_servicechange_dropdown_edit_delete{
float: right;
margin-left: 8px
}
.mobile_servicechange_dropdown_edit_delete >i{
margin-right: 8px
}
.mobile_servicechange_dropdown_edit_delete .dropdown .dropdown-options{
 
  z-index: 1000 !important;
  
  position: fixed!important;
  
  background: white!important;
 border: 1px solid black
}
.mobile_servicechange_dropdown_username >li >span .booked{
  color: green !important;
  margin-right: 4px
}
.mobile_servicechange_dropdown_edit_delete .dropdown .dropdown-arrow{
  display: none
}
.mobile_servicechange_dropdown_edit_delete .dropdown{
  margin-left: -82px;
}
.mobile_servicechange_dropdown_edit_delete .dropdown-container{
  float: right;
}
.fetching-loader{
  
width: auto;
  
width: 100% !important;
  
  
margin-right: 79px;
  
right: -79px;
  
left: 0;
}
.schedulebtn_outerdiv{
  grid-area: schedulebtn_outerdiv;
  border-radius: 0;
  
  
  width: 100%;
  padding: -3px;
  margin-bottom: 4px;
  display: none;
}
.schedulebtn_outerdiv_sticky{
  position: fixed;
  bottom: 36px;
  width: 94.8%;
  
  
  
}
.schedulebtn_outerdiv_sticky_editMode{
  position: fixed;
  bottom: 37px;
  width: 93.8%;
}
.schedulebtn_outerdiv button{
  width: 100% !important;
  border-radius: 0px !important;
  margin: 0px !important;
}
.mobile_packageitem_edit_select{
margin-top: -11px;
margin-bottom: 4px;
text-align: center;
}
#package_item_conflict_popup{
  top: auto !important;
  font-size: 12px;
  list-style: none;
}
.content-spaPackageTpl #app #package_item_conflict_popup .package_item_conflict_popup_header{
}
.service-time-picker-div .show-all-time-button{
  background: white;
  border: 1px solid #838383;
  padding: 11px;
  width: 148px !important;
  font-size: 15px;
  margin-top: 10px;
  font-weight: bold;
}
.loader-for-fetching-mobile{
  margin-left: 35px !important;
  margin-top: 70px !important;
  position: relative !important;
}
.loader-for-booking{
  margin-right: auto !important;
  position: fixed !important;
}
.mobile_servicechange_dropdown_username strong{
  
font-size: 14.5px;
  
margin-left: 3px;
  
}
#cart-location{
margin-top: 17px;
margin-bottom: -2px;
padding: 6px;
padding: 10px !important;
z-index: 900;
}
.itn-toggle-mobile{
  
float: left;
}
.content-spaPackageTpl #vue-cart .cart-header h3{
  justify-self: center;
}
.content-spaPackageTpl #vue-cart .cart-header #add-guest-div{float: right;margin-right: 15px;}
.bookServiceAllUsers .custom-check-box{
float: left;
margin-right: 9px;
}
.bookServiceAllUsers span{
font-size: 15px;
font-weight: bold;
}
.login-mobile-icon{
  
position: relative;
  
margin-top: 11px;
  
font-size: 17px;
  
margin-right: -10px;
}
.main-body-schedule{
  grid-template-rows: 275px !important;
}
.blur-body{
  filter: blur(3px);
  pointer-events: none;
}
 .content-spaPackageTpl #main #app .stepper-container .sticky-schedule-fix{
  margin-top: 22px !important;
}
.prevent_body_scroll{
 overflow: hidden; 
}
.no{
    border: 1px solid;
    width: 60%;
    margin: 0 auto;
    position: absolute;
    
    
    
    margin-top: -29px;
}
.disabled-time-hover {
	background: #ccc;
	position: relative;
	text-align: center;
	margin: -6px 18px;
	width: 126px;
	border-radius: 10px;
	position: absolute;
	margin-top: -15px;
	border: 1px solid #b1b1b1;
	visibility: hidden;
}
.disabled-time-hover h4{
  font-size: 13px;
}
.disabled-time-hover i{
  margin-left: 3px
}
.disabled-time-hover > div{
margin-top: 3px;
background: #afadad;
padding: 8px;
}
.service-time-picker{
    
    display: inline-block;
    
    margin-right: 4px;
    
    
    margin-left: 4px;
}
.service-time-picker .fa-check{
  float:right
}
.service-time-picker .fa-check {
  float: right;
}
.service-time-picker button{
height: 42px;
border: none;
background: grey;
}
.service-time-picker button p{margin-top: -3px;font-size: 15px;font-weight: 500;}
.disabled-time-hover:after {
	content: '';
	position: absolute;
	display: block;
	top: -9%;
	right: 46%;
	margin-top: -10px;
	width: 0;
	height: 0;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid #ccc;
	
	transform: (40deg);
	transform: rotate(90deg);
}
.disabled-staff-hover {
	background: #ccc;
	position: relative;
	text-align: center;
	
	margin: -6px -2px;
	width: 126px;
	border-radius: 10px;
	
	
	margin-top: -26px;
	width: fit-content;
	border: 1px thin;
	border: 1px thin;
	border: 1px thin black;
	border: 1px solid #b1b1b1;
	float: right;
	
	visibility: hidden
	;
}
.disabled-staff-hover h4{
  font-size: 13px
}
.disabled-staff-hover i{
  margin-left: 3px
}
.disabled-time-hover div{margin-top: 3px;background: #afadad;padding: 1px;}
.disabled-staff-hover:after {
	content: '';
	position: absolute;
	display: block;
	top: -9%;
	right: 46%;
	margin-top: -10px;
	width: 0;
	height: 0;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid #ccc;
	
	transform: (40deg);
	transform: rotate(90deg);
	visibility: hidden;
}
.modeSelector {
  top: 20p;
  margin-top: 125px;
  width: auto;
}		
.modeSelector .segment {		
  margin: auto;		
  max-width: 330px;		
    margin-bottom: 15px;		
}		
.modeSelector .segment-body {		
  background-color: rgba(255, 255, 255, 0.9);		
  padding: 10px 15px;		
}		
.modeSelector .yellow {		
  background-color: #f4d13d !important;		
  color: black !important;		
  font-weight: bold;		
}		
.modeSelector .segment-controls {		
  display: flex;		
  flex-direction: row;		
  justify-content: space-between;		
  margin-top: 25px;		
}		
.modeSelector .customBlueButton {		
  background-color: #00769a;		
  padding: 10px 20px;		
  margin: auto;		
  width: max-content;		
  text-align: center;		
  color: white;		
  font-size: 14px;		
  cursor: pointer;		
}		
.customTextInput {		
  border: none !important;		
  background: none !important;		
  border-bottom: 1px solid black !important;		
  box-shadow: none !important;		
  width: 137px;	
}		
.customIconInput {		
  position: relative;		
}		
.customIconInput .fas.fa-eye {		
  color: black;		
}		
.customIconInput input {		
  width: 95%;
  border: none;
  background: none !important;
  box-shadow: none !important;
  border-bottom: 1px solid black;
}		
.customIconInput i {		
  position: absolute;		
  right: 15px;		
  top: 25%;		
  
  color: #c8c8c8;		
}		
.modeSelector .addGuestFields {		
  display: grid;	
  display: -ms-grid;
  grid-template-columns: 1fr 1fr;	
  -ms-grid-columns: 1fr 1fr;
  grid-gap: 10px;		
}		
.modeSelector .segment-header {
  background-color: #00769a;
  padding: 15px 30px;
  color: white;
  font-size: 1.1em;
  cursor: pointer;
  text-align: center;
}
.service-extra-options .list{
  margin: 0;
  padding: 0;
  list-style-type: none;
  transform-origin: top;
  transition: transform .4s ease-out;
  overflow: hidden;
  border: 1px solid #cecece;
  overflow-y: scroll;
  height: 187px;
  top: 20;
  margin-top: -4px;
  width: 100%;
  margin-left: -2px;
}
.service-extra-options .list li{
  padding: 7px;
  background: white;
  border-bottom: solid thin #bbb;
}
.service-extra-options .list li:hover{
  background: #cecece
}
.slide-enter, .slide-leave-to{
  transform: scaleY(0);
}
.service-extra-options .staff_picker_outer_div{
  border-bottom: 1px solid #cacaca;
}
.service-extra-options .staff_picker_outer_div .staff_picker_inner_div{		
  font-size: 14px;		
  width: 100%;		
  padding: 10px;		
  align-items: center;		
  padding-left: -10px;		
  padding-left: 0px;		
}		
.service-extra-options .staff_picker_outer_div .staff_picker_inner_div i{		
  margin-top: -2px;margin-right: 18px;float:right		
}
.service-extra-options .selected_staff{
  background: #cecece !important;
}
.service-extra-options .service-name-li{
  list-style-type: none;
  font-weight: bold;
  margin-bottom: 7px;
  font-size: 14px;
  margin-top: 10px;
}
.service-extra-options .service-name-ul{
  margin: 0px;
  padding-left: 16px;
  padding-right: 16px;
  margin-top: -16px;
  margin-bottom: 26px;
}
.service-extra-options  .service_preference_special_note{
  width: -webkit-fill-available;
  border: none;
  border-bottom: 1px solid #ccc;
}
.segment-header.yellowHeader {
  color: black;
  cursor: unset;
}
.modeSelector > .segment {
  max-width: none;
}
.segment-header.greyHeader {
  
  color: black;
  font-weight: bold;
}
.package-review-screen-review-btn-span-1,.package-review-screen-bookmore-btn-span-1{
  float: left;
  
}
.package-review-screen-bookmore-btn-span-1{
  clear: right;
  
  
  
  margin-bottom: 0px;
  font-weight: bold;
  font-size: 14px;
}
.package-review-screen-review-btn-span-2,.package-review-screen-bookmore-btn-span-2{display: flex;justify-content: flex-end;clear:right;margin-top: 6px;}
  
.package-review-screen-bookmore-btn-span-2{
  margin-top: 10px;
  margin-right: 6px;
  clear: right;
  margin-bottom: 0px;
}
.package-review-screen-review-btn-span-1{
  color: black;
  margin-bottom: -1px;
  margin-top: 6px;
  font-weight: 500;
}
.service-details .img-desc{
  grid-template-columns: 5fr !important;
  -ms-grid-columns:5fr !important;
}
.content-spaPackageTpl #app .stepper .serviceItemComponent .accordion-inner{padding: 0px;}
.content-spaPackageTpl #app .stepper .serviceItemComponent .service-details .packages{padding-left: 14px;padding-right: 14px;}
.content-spaPackageTpl #app .stepper .service-for .service-for-button{font-size: 18px;box-shadow: 1px 6px 8px -7px #000000;max-width: 100%;width: 99%;}
.service-extra-options .service-name-ul .btn.dropdown-toggle {background: white;box-shadow: none;border-left: none;border-right: none;border-top: none;width: 100%;max-width: calc(100% - 14px);text-align: left;border-radius: unset;border-bottom: 1px solid #cec8c8;padding: -10px;padding-left: 4px;color: #a7a7a7;font-size: 14px;margin-bottom: 3px !important;z-index: 0;}
.service-extra-options .service-name-ul .caret{
  float: right;
}
.service-extra-options .service-name-ul  .staff-preference-service-name{
    font-weight: 500;
}
.content-spaPackageTpl #vue-cart .cart-body{padding: 0px;padding-bottom: 21px;position: absolute;left: 0;right: 0;margin-top: -11px;overflow-y: scroll;height: 427px;background: white;border-bottom: 1px solid #cabfbf;}
.content-spaPackageTpl #vue-cart .cart-body .cart-service{border-bottom: 1px solid #d0cdcd;margin-bottom: 0px;}
.content-spaPackageTpl .cart-service-header{margin-bottom: 0px;}
.stepper .stepper-header .category-filter-container{display: block;}
.stepper .stepper-header .category-filter{
    display: grid inherit;
    display: block;
    margin-left: -20px;
}
.stepper .stepper-header .category-filter-container{
    display: flex;
    flex-flow: column-reverse;
    margin-top: 50px;
    
}
.stepper .stepper-header .category-filter-container a{
    align-self: flex-end;
    
    margin-right: 9px;
    text-decoration: none;
    color: black;
}
.stepper .stepper-header .category-filter b{margin-left: 0px;font-size: 16px;}
.category-filter .radioButtonContaine{
  margin-top: 8px;
}
.category-filter .radioButtonContainer{
  margin-top: 8px;
}
.vdp-datepicker{
}
.vdp-datepicker__calendar{
}
.service-time-picker-div{
}
.service-time-picker-div .radioButtonContainer{
}
.package-review-screen{
  padding: 11px;
  display: grid;
  display: -ms-grid;
  grid-gap: 6px;
}
.package-review-screen .package-review-screen-header{background: white;font-size: 16px;color: black;margin-top: -26px;}
.package-info{
margin-top: 35px;
}
.package-review-screen-booking,.package-info-box-booking{
  margin-top: 19px;
  
  
  
  padding-bottom: -10px;
  padding-bottom: 4px;
}
.package-info-box-booking{
margin-bottom: -7px;
text-align: left;
}
.package-info-box-booking-outer-div{
  
padding: 7px;
  
margin-top: -14px;
}
.package-review-screen-name ,.package-info-box-name{
  font-weight: 500;
  font-size: 15px;
}
.package-review-screen-date{
  font-weight: bold;
  font-size: 14px;
}
.package-review-screen-package-time label,.package-info-box-time label {
  font-weight: bold;
}
.package-review-screen-package-time span,.package-info-box-time span {
  color: #a4a4a4;
}
.package-review-screen-buttons-outer-div{
  margin-top: 37px;
  display: grid;
  display: -ms-grid;
  }
.package-review-screen-package-date{
margin-top: 13px;
margin-left: 14px;
font-weight: bold;
font-size: 15px;
margin-bottom: -10px;
}
.package-review-screen .package-review-screen-review-btn,.package-review-screen .package-review-screen-bookmore-btn{
  display: block;
  min-width: 96%;
  padding: 10px;
  border: none;
  font-size: 16px;
  margin-bottom: 13px;
  justify-self: end;
}
.package-review-screen .package-review-screen-review-btn{
  background: #f3c606e3;
  color: black;
}
 .package-review-screen .package-review-screen-bookmore-btn{
  background: #f4f4f4;
  border: 1px solid #cccac5;
  padding: 6px;
  min-width: 100%;
}
.package-review-screen-review-btn-span-1,.package-review-screen-bookmore-btn-span-1{
  float: left;
  
}
.package-review-screen-bookmore-btn-span-1{
  clear: none !important;
  width: 200px;
  
  clear: none !important;
}
.package-review-screen-review-btn-span-2,.package-review-screen-bookmore-btn-span-2{display: flex;justify-content: flex-end;}
  
.package-review-screen-bookmore-btn-span-2{
  margin-top: 10px;
  margin-right: 6px;
}
.package-review-screen-review-btn-span-1{
  
 color: black; 
}
.package-review-screen-more-activity p{
  font-size: 17px;
  margin-bottom: 23px;
  border-top: 1px solid #cacaca;
  padding-top: 34px;
  font-weight: 500;
  margin-top: 10px;
}
.package-review-screen-more-activity .package-review-screen-more-activity-inner-div{
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-gap: 12px;
  }
  .package-review-screen-more-activity .package-review-screen-more-activity-inner-div button{
  background: #f4f4f4;
  color: #858585;
  font-size: 15px;
  border: 1px solid #cccaca;
}
.modal-mask {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  display: table;
  transition: opacity .4s ease;
}
button{
  border: none;
  background: #F44336;
  color: #fff;
  padding: 10px;
}
.modal-wrapper {
  display: table-cell;
  vertical-align: middle;
}
.modal-container {
  width: 300px;
  margin: 0px auto;
  padding: 20px 30px;
  min-height: 35px;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .33);
  transition: all .2s ease;
  font-family: Helvetica, Arial, sans-serif;
}
.package-review-screen-outer-div #reviewModel{top: auto;border: 1px solid #b9b5b5;margin-top: -41px;margin-left: auto;margin-left: auto !important;margin-top: -39px !important;}
.service-time-picker-div .bookServiceAllUsers {
  float: left;
  margin-left: 11px;
  margin-bottom: 14px;
  margin-top: 9px;
}
.custom-check-box {
  border: 1px solid #9a9a9a;
  padding: 1px;
  border-radius: 3px;
  cursor: pointer;
  width: 15px;
  height: 15px;
  grid-area: checkbox;
  
  
  
}
.tip {
  background: #fff;
  
  padding: 2px;
  font-size: 1.2em;
  position: relative;
  
  
  
  
}
.service-details .spa-service-age-restriction-messages{
    
}
.content-spaPackageTpl #app .stepper .service-details .mx-datepicker{
    margin-left: 14px;
}
.service-for {
  
  background-color: white;
  
  
  z-index: 1;
  margin-top: -6px;
  
  
  width: 100%;
  border: none;
}
.content-spaPackageTpl #app .stepper .serviceItem.active {
  background-color: #037599;
  color: white;
  width: calc(100% - 95px);
  margin-left: 16px;
}
.stepper-body-content .service-time-picker-div  .error {
    margin-top: none;
    margin-top: auto !important;
    margin-bottom: 14px !important;
}
}
.stepper-body-content .error{
  margin-top: -22px !important;
  margin-bottom: 38px !important;
}
.side-cart-button .user-info-reserve-button,.side-cart-button .user-info-cancel-button,.service-time-picker-div  .user-info-reserve-button,.service-time-picker-div  .user-info-cancel-button{margin-top: 20px;margin-left: 1px;min-width: 100%;color: black;font-weight: 500 !important;font-size: 18px;background: #f4d13d;border: 1px solid #f4d13d; padding: 10px;}
.side-cart-button .user-info-cancel-button{
  background: white;
  color: black;
  border: 1px solid grey;
}
.service-time-picker-div  .user-info-reserve-button,.service-time-picker-div  .user-info-cancel-button{
  margin-top: 10px;
  margin-bottom: auto !important;
  margin-left: auto;
}
.side-cart-button .disabled-reserve-button-color,.service-time-picker-div .disabled-reserve-button-color{
    
    
    background: #ffeea7;
    color: #928f8f;
}
.service-details .spa-service-age-restriction-messages{
    font-size: 13px;
    padding-left: 0px;
    color: red;
    font-weight: 500;
}
.service-for-border{border: none;margin-left: -15px;}
.service-time-picker-div .bookServiceAllUsers .custom-check-box{
    
    
    margin-right: 11px;
    margin-left: 14px;
}
.package-review-screen-outer-div #reviewModel .modal-body{
  max-height: 100%;
}
.package-review-screen-outer-div #reviewModel .close{
  color: black;
}
.package-review-screen-outer-div #reviewModel .modal-header{
  border: none;
}
.package-review-screen-outer-div{
  position: relative;
  height: 500px;
}
.package-review-screen-outer-div #reviewModel{
  
  margin-top: -252px;
  position: relative;
  z-index: 300;
  position: absolute;
  
}
.disabled-time-hover {
  background: #ccc;
  text-align: center;
  margin: -6px 18px;
  width: 126px;
  border-radius: 10px;
  position: absolute;
  margin-top: -15px;
  border: 1px solid #b1b1b1;
  visibility: hidden;
}
.disabled-time-hover:after {
	content: '';
	position: absolute;
	display: block;
	top: -9%;
	right: 46%;
	margin-top: -10px;
	width: 0;
	height: 0;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid #ccc;
	
	transform: (40deg);
	transform: rotate(90deg);
}
.disabled-time-hover div {
  margin-top: 3px;
  background: #afadad;
  padding: 1px;
}
.disabled-time-hover h4 {
  font-size: 13px;
}
.disabled-time-hover:after {
	content: '';
	position: absolute;
	display: block;
	top: -9%;
	right: 46%;
	margin-top: -10px;
	width: 0;
	height: 0;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid #ccc;
	
	transform: (40deg);
	transform: rotate(90deg);
}
.disabled-staff-hover {
	background: #ccc;
	position: relative;
	text-align: center;
	
	margin: -6px -2px;
	width: 126px;
	border-radius: 10px;
	
	
	margin-top: -26px;
	width: fit-content;
	border: 1px thin;
	border: 1px thin;
	border: 1px thin black;
	border: 1px solid #b1b1b1;
	float: right;
	
	visibility: hidden
	;
}
.disabled-staff-hover h4{
  font-size: 13px
}
.disabled-staff-hover i{
  margin-left: 3px
}
.disabled-time-hover div{margin-top: 3px;background: #afadad;padding: 1px;}
.view_club_directory{
  float: right;
  background: #037599 !important;
  color: white !important;
}
#guestDirectory {
  border: none;
}
#guestDirectory thead th{
  border: none;
  color: #a09999;
  padding-bottom: 15px;
}
#guestDirectory tbody td{
  border: none;
  font-weight: 500;
  padding: 15px;
  border-bottom: 1px solid #c0bebe;
}
 .dataTables_length, #guestDirectory_filter{
  margin-top: 15px;
  margin-bottom: 15px;
}
.dataTables_length label, #guestDirectory_filter label{
  font-weight: bold;
}
.backtoAccount-parent-div{
  margin-top: 22px;
  font-size: 14px;
  font-weight: bold;
  text-decoration: underline;
}
.dataTables_info,.dataTables_paginate {
  margin-top:18px;
  font-weight: 600;
}
#guestDirectory_wrapper{
  padding: 25px;
}
#guestDirectory_wrapper  .dataTables_paginate .paginate_button {
  background: transparent;
    color: black !important;
    border-top: none;
    border-bottom: none;
    border-left: 1px solid black;
    border-right: none;
}
#guestDirectory_wrapper  .dataTables_paginate .paginate_button.previous {
border-left: none !important;
}
.optionalClassProgram{
  padding-bottom: 55px;
}
.optionalClassProgram .segment-body{
  padding: 3px 58px;
}
.optionalClassProgram .bookingModeHeaders{
  padding: 25px;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
}
.optionalClassProgram .optional-class-event-details{
  display: flex;
  padding: 17px;
}
.optionalClassProgram .optional-class-event-details-left,.optionalClassProgram .optional-class-event-details-right{
  padding-bottom: 6px;
}
.optionalClassProgram .optional-class-event-details-left label{
  font-weight: 400;
    color: #8c8c8c;
}
.optionalClassProgram .optional-class-event-details-right label{
  font-weight: bold;
}
.optionalClassProgram .optional-class-event-details-right{
  margin-left: auto;
}
.optionalClassProgram .optional-class-user-accordion > .accordion-heading a{
  background: #e0e0e0;
  color: #0c83a9;
  font-weight: 500;
  padding: 17px;
  font-size: 14px;
}
.optionalClassProgram .optional-class-user-accordion .accordion-body  .accordion-heading a,.optionalClassProgram .temp-user-component .accordion-heading a{
  background: white;
  color: black;
  font-weight: 500;
  padding: 17px;
  font-size: 13px;
}
.optionalClassProgram .program-classes-info-text{
  margin-top: -3px;
  margin-bottom: 17px;
  margin-left: 15px;
}
.optionalClassProgram .optionalClassComponent-addon-text{
  padding: 3px;
  margin-top: 12px;
  margin-bottom: 12px;
  margin-left: 15px;
}
#accordion3  .accordion-heading .accordion-toggle:after,.temp-user-component  .accordion-heading .accordion-toggle:after {
  
  font-family: 'FontAwesome';
  content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAPhJREFUOBHtUksKglAUTY0W4CyiwlpBO3DaQBDFNtK0yD7rUcEF5Lx5U4nchb/OEZWn1QaiC+/d83n38Hg6GPyr8wKWZY0dxxl1xB6BP8FSGllugGmam7IskyzL7giaN7rYcWYHP0nT9Kbr+pBeGyDL8rrmS/RrPwR8L0nSmUPoK1VVJ8RtQG0+KeImGlobwmFoJ3osnL14nveocKXUm23bi6IoItApJRyMwT30LTkLQecgCA6E5BI3sRiS5/kVQzNRr/HJ930XuBqm9hZA0TAMTVGUSAwBPuLaLn2x2jcQxTAMY9xCx1BM/duwOPMR85/gd/9o/o74Aj0qVsl7529cAAAAAElFTkSuQmCC);  
  float: left;        
  color: grey;         
  
  
  display: block;
  
}
#accordion3 .accordion-heading .accordion-toggle.collapsed:after,.temp-user-component .accordion-heading .accordion-toggle.collapsed:after {
  
  content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAANVJREFUOBFjYBhowEzAAYyBgYHVmpqaS7W0tN5cv379Erp6JnQBJD5IczOQ3wLEskDciCQHZ+IyAKa5Gqby////02BsZBqbARiaGRkZ69avX9+DrBHGZoQxoDRWzevWrQN5BStAMQDoZw+gqu0wlSCb8WkGqcPmBZh+omiUaLxx48ZdYJSxAHXaQXU7AqPvHzD6DuEyDcUAkCKgIftJMQTDAFyGAA39CjT8GLpLcIXBf2C01QIVt8I0AAM0C8ZGprG6AKYA6p3fwESkAooRbEkZpnbgaAADw0n4cMIi4gAAAABJRU5ErkJggg==);
     
}
.optionalClassProgram .ageRestriction-div{
  padding: 14px;
}
.optionalClassProgram .ageRestriction-div .addons-text{
  font-weight: 500;
  margin-bottom: 13px;
}
.optionalClassProgram .mx-datepicker .mx-input-wrapper{
  width: 52% !important;
}
.optionalClassProgram .mx-datepicker .mx-input-wrapper input{
  border: none;
  border-bottom: 1px solid black;
  color: grey;
}
.optionalClassProgram .mx-datepicker .mx-input-wrapper .mx-icon-calendar{
  margin-top: -4px;
  color: black;
}
.optionalClassProgram .optionalclass-accordion-header-text{
  margin-left: 90px;
}
.optionalClassProgram .optionalclass-accordion-body-text-parent{
  margin-left: 93px;
  padding-top: 5px;
  padding-bottom: 15px;
}
.optionalClassProgram .optionalclass-noCascade{
    padding-top: 5px;
    padding-bottom: 8px;
    border-top: 1px solid #e5e5e5;
    border-bottom: none;
    padding: 18px;
    margin-left: 2px;
}
.optionalClassProgram .optionalclass-accordion-body-text{
  margin-left: 30px;
  position: absolute;
  font-weight: 400;
  
  width: calc(100% - 141px);
}
.optionalClassProgram .mandatory-class-component .optionalclass-accordion-body-text{
  position: relative;
}
.optionalClassProgram .mandatoryclass-accordion-body-text{
  margin-left: 49px;
}
.optionalClassProgram .optionalclass-accordion-body-text-parent .custom-check-box,.optionalClassProgram .optionalclass-noCascade .custom-check-box{
  display: inline-block;
}
.optionalClassProgram .accordion-heading .accordion-toggle .custom-check-box .fa-minus{
  margin-left: 1px;
}
.optionalClassProgram .accordion-heading .accordion-toggle .custom-check-box{
  position: absolute;
  margin-left: 50px;
}
.optionalClassProgram .mandatory-class-component .optionalclass-noCascade .optionalclass-accordion-body-text{
  position: relative;
  margin-left: 44px;
}
.optionalClassProgram .register-button-div{
  padding-top: 30px;
  
  
  
  
  
  
  
}
.optionalClassProgram .register-button-div .service-for-button{
  float: right;
  width: 100%;
  margin-right: 57px;
  font-weight: bold;
  border: none;
}
.optionalClassProgram .inner-service-error{
 
 margin-bottom: 10px;
 color: red;
}
.optionalclass-accordion-body-price{
float: right;
margin-right: 10px;
margin-left: 13px;
margin-top: -3px;
font-weight: bold;
}
.optionalClassProgram .disable-program-book-btn{
  background-color: #f4d13d70 !important;
  color: #00000085;
}
.content-spaClassCalendarTpl #ui-datepicker-div{
  
  
  
  
  
}
.optional-class-datepicker input{
  width: 88px;
  border: none;
  border-bottom: 1px solid black;
  background: #f7f7f7;
  
  position: relative;
}
.optional-class-datepicker-parent{
  
grid-template-columns: 124px auto 28px  !important;
  
-ms-grid-columns: 124px auto 28px !important;
}
.optional-class-datepicker .age-validation-error-event{
  color: red;
}
.age-restriction-class-error-message{
font-weight: 500;
color: red;
border-bottom: 1px dotted;
margin-bottom: 8px;
font-size: 14px;
}
.date-picker-warning-per-user{
  width: -moz-max-content;
  width: -webkit-max-content;
  width: -o-max-content;
  font-weight: bold;
  color: red;
  display: block;
  font-size: 14px;
}
div.partial-payment-confirmation {
  padding: 57px;
  padding-bottom: 2px;
}
.disable-custom-payment-box{
  display: none !important;
}
.no-balance-due-partial{
  text-align: center;
  color: red;
  font-weight: 700;
  font-size: 18px;
}
.content-pmsPartialPayment  {
  margin-top: 0px;
  padding-top: 7px;
  padding-bottom: 0px;}
div.partial-payment-confirmation div.partial-payment-confirmation-div {
display: flex;
justify-content: space-between;
border: 1px solid #dfdfdf;
padding: 16px;
}
div.partial-payment-confirmation div.partial-payment-confirmation-div div.partial-payment-confirmation-title {
font-weight: 500;
font-size: 14px;
}
.partial-payment-confirmation-header{
  color: #05a1d2;
  text-align: center;
  font-size: 19px;
  margin-bottom: 30px;
  font-weight: 500;
}
div.partial-payment-confirmation div.partial-payment-confirmation-div div.partial-payment-confirmation-number {
  font-weight: 500;
  color: #07a5d7;
  font-size: 14px;
}
.partial-payment-body {
  display: flex;
  padding-left: 23px;
  padding-right: 23px;
  padding-top: 20px;
  justify-content: space-between;
  box-shadow: -1px 6px 11px -7px;
  border-top: 1px solid #d6d6d6;
  padding-bottom: 119px;
}
.partial-payment-paid-amount {
  font-size: 14px;
  font-weight: 500;
  color: #6a6969;
}
div.partial-payment-confirmation div.left {}
div.partial-payment-confirmation div.left div.partial-payment-travel-info {
  display: flex;
  padding: 12px;
  font-weight: 500;
  color: #4f4f4f;
  font-size: 14px;
  flex-wrap: 1;
  border: 1px solid #d4d4d4;
  margin-bottom: 10px;
}
div.partial-payment-confirmation div.left div.partial-payment-travel-info div.partial-payment-travel-arrival ,.partial-payment-travel-itemname{
  margin-right: 24px;
}
.partial-payment-travel-content{
color: #05a1d2;
}
.partial-payment-travel-items{
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 8px;
}
div.partial-payment-confirmation div.left div.partial-payment-travel-info div.partial-payment-travel-departure {
  margin-right: 24px;
}
div.partial-payment-confirmation div.left div.partial-payment-stay-info {
  padding-left: 25px;
  display: flex;
}
div.partial-payment-confirmation div.left div.partial-payment-stay-info div.partial-payment-stay-residence-info {
  margin-left: 20px;
 margin-top: 20px;
}
div.partial-payment-confirmation div.left div.partial-payment-stay-info div.partial-payment-stay-residence-info div.partial-payment-stay-roomdetail {
  font-size: 14px;
  font-weight: 500;
  color: grey;
}
div.partial-payment-confirmation div.left div.partial-payment-stay-info div.partial-payment-stay-residence-info div.partial-payment-stay-roomdetail p {
  margin-bottom: 5px;
}
div.partial-payment-confirmation div.left div.partial-payment-stay-info div.partial-payment-stay-residence-info div.partial-payment-stay-cost {
  margin-top: 20px;
  font-weight: 500;
  font-size: 14px;
  color: grey;
  margin-bottom: 5px;
}
div.partial-payment-confirmation div.left div.partial-payment-stay-info div.partial-payment-stay-residence-info div.partial-payment-stay-noOfGuest {
  font-weight: 500;
  color: grey;
  font-size: 14px;
}
div.partial-payment-confirmation div.right {
  border: 1px solid #cecccc;
  margin-right: 16px;
  margin-top: 68px;
  padding: 33px 55px;
}
.partialPaymentInfoBox{
  border: 1px solid #cecccc;
  margin-left: 21px;
  
  padding: 20px;
  width: 219px;
}
.spaPartialPayment .partialPaymentInfoBox{
  margin-left: 0px;
}
.partialPaymentInfoBox .partial-payment-balance-amount{
  
  font-weight: bold;
  
  font-size: 17px;
    
  padding: 10px 0px;
}
.partialPaymentInfoBox .partial-payment-balance-error{
  
  color: red;
  font-weight: bold;
  font-size: 14px;
}
div.partial-payment-confirmation div.right div.total-display {
  margin-bottom: -11px;
}
div.partial-payment-confirmation div.right div.total-display p.partial-payment-balance-amount {
  margin-top: 29px;
  font-size: 15px;
  font-weight: bold;
}
div.partial-payment-confirmation div.right div.total-display button.btn,.partialPaymentInfoBox div.total-display  button.btn{
  width: 100%;
  margin-left: 0px;
  margin-top: 13px;
  font-weight: bold;
  background: #f4d03f;
  border: 1px solid #f4d03f;
}
@media screen  and (min-width: 320px) and (max-width: 350px) {
  .service-time-picker-div-mobile{
    text-align: left
  }
  .service-time-picker-div-mobile button {
    
  }
  .tip-mobile{
    width: 158px !important;
  }
}
@media screen  and (min-width: 350px) and (max-width: 402px) {
  .service-time-picker-div-mobile button {
    width: 121px !important;
    
  }
  .tip-mobile{
    
    width: 162px !important;
  }
  .stepper .stepper-header .category-filter-container{}
}
@supports (-webkit-touch-callout: none) {
   
  .sticky_cart #vue-cart{
    width: calc(100% - 20px);
    margin-top: -9px;
  }
  .content-spaPackageTpl #app .sticky_mobile_view_service_sticky_bar{
    margin-top: 17px !important;
  }
  .content-spaPackageTpl #app .mobile_date_sticky_bar_notloggedIn{
    margin-top: 50px !important;
  }
  .content-spaPackageTpl #app .sticky_mobile_view_date_sticky_bar,.content-spaPackageTpl #app .mobile_date_sticky_bar_notloggedIn{
    width: calc(100% - 30px);
    transition:all 1s ease 0s !important;
  }
  .content-spaPackageTpl #app .sticky_mobile_view_date_sticky_bar{
    margin-top: 70px !important;
  }
}
@media screen  and (min-width: 402px) and (max-width: 450px) {
  .service-time-picker-div-mobile button {
    width: 149px !important;
  }
  .tip-mobile{ 
    width: 160px !important;
    
  }
}
@media (max-width: 387px) {		
  .service-time-picker-div button {		
   		
width: 120px;		
   		
width: 120 !important;		
   		
width: 120px !important;		
  }		
}		
.booking-loader {
  position: fixed;
  
  top: 50%;
  width: 100%;
  
  text-align: center;
  z-index: 131;
}		
.booking-loader div {		
  		
  width: 0;		
  padding: 17px;		
  border: 6px solid #ccc;		
  border-right-color: #888;		
  border-radius: 22px;		
  -webkit-animation: rotate 1s infinite linear;		
  margin: 0px auto;		
}		
.booking-loader p{		
font-weight: bold;		
font-size: 15px;		
		
}		
   
.feedback-warning,
.feedback-suggestions {
	display: block;
}
#password-strength-meter {
		transition: all 1s linear;
}
.progress {
    height: 10px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border: 1px solid #ccc;
    border-top: 0;
    box-shadow: none;
    background: white;
    margin-bottom: 4px;
}
.passwordComplexityUI{
  display: none;
}
.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
}
.progress-bar-danger {
  background-color: #d9534f;
}
.progress-bar-info {
  background-color: #5bc0de;
}
.progress-bar-success {
  background-color: #5cb85c;
}
.progress-bar-warning {
  background-color: #f0ad4e;
}
.feedback-danger {
  color: #d9534f;
  font-weight: 700;
}
.feedback-info {
  color: #5bc0de;
  font-weight: 700;
}
.feedback-success {
  color: #5cb85c;
  font-weight: 700;
}
.feedback-warning {
  color: #f0ad4e;
  font-weight: 700;
}
.userChangePasswordForm .passwordComplexityUI{
  width: 72.2%;
}
.userCreateUserForm .passwordComplexityUI{
  width: 40.2%;
}
.userChangePasswordForm .passwordComplexityUI{
  width: 72.2%;
}
@-webkit-keyframes rotate {		
  100% {		
    -webkit-transform: rotate(360deg);
  }
}	
.service-time-picker-div .bookServiceAllUsers{
  
  
  
  
  display: flex;
  margin-top: 16px;
  font-size: 16px;
  font-weight: 500;
}
@media screen  and (min-width: 320px) and (max-width: 768px) {
  .package-review-screen-outer-div #reviewModel{
    position: absolute;
    left: 0;
    margin-left: 0 !important;
  }
.optionalClassProgram .mandatory-class-component .optionalclass-noCascade .optionalclass-accordion-body-text{
    margin-left: 0px !important;
}
.optionalClassProgram .optionalclass-accordion-body-text{
    margin-left: 11px;
    
    padding-right: 3px;
    width: auto !important;
    
    height: auto !important;
    display: contents;
}
.optionalClassProgram .register-button-div .service-for-button{
    position: fixed;
    right: 0;
    left: 0;
    width: calc(100% - 19px);
    max-width: 100%;
    bottom: -20px;
}
.optionalClassProgram .optionalclass-accordion-body-text-parent{
    margin-left: 54px;
    margin-top: -6px;
    
    
}
.optionalClassProgram .accordion-heading .accordion-toggle .custom-check-box{
    margin-left: 25px;
}
.optionalClassProgram .optionalclass-accordion-header-text{
    margin-left: 54px;
    
    
}
.optionalClassProgram .segment-body{
  padding: 3px 18px;
}
	.content-cartSummary.whiteBg {
		padding: 10px 20px !important;
		margin-bottom: 100px !important;
	}
	.content-cartSummary.whiteBg #breadcrumbs {
		background-color: white;
		font-weight: bold;
		font-size: 17px;
		margin: 15px 0;
	}
	.content-cartSummary.whiteBg .cartSummary.whiteBg {
		padding: 20px 15px !important;
	}
	.summaryV2 .title p {
		color: black;
	}
	.summaryV2 .title h2 {
		font-size: 17px;
    	margin-bottom: 15px;
	}
	.content-cartSummary.whiteBg .cartSummary.whiteBg {
		padding-top: 0 !important;
	}
	.summaryV2 #cartClear .btn {
		width: 88%;
		max-width: 270px;
		
	}
	.summaryV2 .right {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		
		z-index: 9000;
	}
	
	#vue-cart .component-popup {
		display: flex;
		justify-content: center;
		
		}
  
  #vue-cart .component-popup .popup-body {
    right: 2px;
  }
	.summaryV2 .three-columns {
    grid-template-columns: 18px 1fr 50px;
    -ms-grid-columns: 18px 1fr 50px;
		max-width: 100%;
	}
	.summaryV2 .addMore > .clearfix {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-row-gap: 5px;
 }
	.summaryV2 .addMore > .clearfix a:first-child {
		grid-column: 1;
	}
	.summaryV2 .mainContent .nameAndPriceContainer {
		flex-direction: column;
	}
	.summaryV2 .mainContent .nameAndPrice {
		margin-left: 0;
  }
  
}
@media screen and (max-width: 979px) {
  #guestDirectory {
    border: 0;
    -webkit-box-shadow: 3px 3px 5px 6px #ccc;
    -moz-box-shadow: 3px 3px 5px 6px #ccc;
    box-shadow: 3px 3px 5px 1px #ccc
    
  }
  #guestDirectory caption {
    font-size: 1.3em;
  }
  
  #guestDirectory thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  #guestDirectory tr {
    border-bottom:3px solid #7d7979;
    display: block;
    margin-bottom: .625em;
  }
  
  #guestDirectory td {
    border-bottom: 1px solid #ddd;
    display: flex;
    font-size: .8em;
    justify-content: space-between;
    font-size: 13px;
    font-weight: 700;
  }
  #guestDirectory tbody td{
    padding: 9px !important;
  }
  #guestDirectory td::before {
    
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  #guestDirectory td:last-child {
    border-bottom: 0;
  }
  .dataTables_length, #guestDirectory_filter{
    margin-top: 15px  !important;
    margin-bottom: 15px !important;
    text-align: center !important;
    text-align: left !important;
    margin-left: -11px !important;
  }
  .dataTables_length label, #guestDirectory_filter label{
    font-weight: bold;
  }
  #guestDirectory_wrapper{
    padding: 10px;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  
}
.mx-icon-left:before,.mx-icon-right:before,.mx-icon-double-left:before,.mx-icon-double-right:before,.mx-icon-double-left:after,.mx-icon-double-right:after{content:"";position:relative;top:-1px;display:inline-block;width:10px;height:10px;vertical-align:middle;border-style:solid;border-color:currentColor;border-width:2px 0 0 2px;border-radius:1px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-45deg) scale(0.7);transform:rotate(-45deg) scale(0.7)}.mx-icon-double-left:after{left:-4px}.mx-icon-double-right:before{left:4px}.mx-icon-right:before,.mx-icon-double-right:before,.mx-icon-double-right:after{-webkit-transform:rotate(135deg) scale(0.7);transform:rotate(135deg) scale(0.7)}.mx-btn{-webkit-box-sizing:border-box;box-sizing:border-box;line-height:1;font-size:14px;font-weight:500;padding:7px 15px;margin:0;cursor:pointer;background-color:transparent;outline:none;border:1px solid rgba(0,0,0,.1);border-radius:4px;color:#73879c;white-space:nowrap}.mx-btn:hover{border-color:#1284e7;color:#1284e7}.mx-btn-text{border:0;padding:0 4px;text-align:left;line-height:inherit}.mx-scrollbar{height:100%}.mx-scrollbar:hover .mx-scrollbar-track{opacity:1}.mx-scrollbar-wrap{height:100%;overflow-x:hidden;overflow-y:auto}.mx-scrollbar-track{position:absolute;top:2px;right:2px;bottom:2px;width:6px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity .24s ease-out;transition:opacity .24s ease-out}.mx-scrollbar-track .mx-scrollbar-thumb{position:absolute;width:100%;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(144,147,153,.3);-webkit-transition:background-color .3s;transition:background-color .3s}.mx-zoom-in-down-enter-active,.mx-zoom-in-down-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform .3s cubic-bezier(0.23, 1, 0.32, 1);transition:opacity .3s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform .3s cubic-bezier(0.23, 1, 0.32, 1);transition:transform .3s cubic-bezier(0.23, 1, 0.32, 1),opacity .3s cubic-bezier(0.23, 1, 0.32, 1);transition:transform .3s cubic-bezier(0.23, 1, 0.32, 1),opacity .3s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform .3s cubic-bezier(0.23, 1, 0.32, 1);-webkit-transform-origin:center top;transform-origin:center top}.mx-zoom-in-down-enter,.mx-zoom-in-down-leave-to{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.mx-datepicker{position:relative;display:inline-block;width:210px}.mx-datepicker svg{width:1em;height:1em;vertical-align:-0.15em;fill:currentColor;overflow:hidden}.mx-datepicker-range{width:320px}.mx-datepicker-inline{width:auto}.mx-input-wrapper{position:relative}.mx-input-wrapper .mx-icon-clear{display:none}.mx-input-wrapper:hover .mx-icon-clear{display:block}.mx-input-wrapper:hover .mx-icon-clear+.mx-icon-calendar{display:none}.mx-input{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:34px;padding:6px 30px;padding-left:10px;font-size:14px;line-height:1.4;color:#555;background-color:#fff;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.mx-input:hover,.mx-input:focus{border-color:#409aff}.mx-input:disabled,.mx-input.disabled{color:#ccc;background-color:#f3f3f3;border-color:#ccc;cursor:not-allowed}.mx-input:focus{outline:none}.mx-input::-ms-clear{display:none}.mx-icon-calendar,.mx-icon-clear{position:absolute;top:50%;right:8px;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:16px;line-height:1;color:rgba(0,0,0,.5);vertical-align:middle}.mx-icon-clear{cursor:pointer}.mx-icon-clear:hover{color:rgba(0,0,0,.8)}.mx-datepicker-main{font:14px/1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei",sans-serif;color:#73879c;background-color:#fff;border:1px solid #e8e8e8}.mx-datepicker-popup{position:absolute;margin-top:1px;margin-bottom:1px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);z-index:2001}.mx-datepicker-sidebar{float:left;-webkit-box-sizing:border-box;box-sizing:border-box;width:100px;padding:6px;overflow:auto}.mx-datepicker-sidebar+.mx-datepicker-content{margin-left:100px;border-left:1px solid #e8e8e8}.mx-datepicker-body{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mx-btn-shortcut{display:block;padding:0 6px;line-height:24px}.mx-range-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}@media(max-width: 750px){.mx-range-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.mx-datepicker-header{padding:6px 8px;border-bottom:1px solid #e8e8e8}.mx-datepicker-footer{padding:6px 8px;text-align:right;border-top:1px solid #e8e8e8}.mx-calendar{-webkit-box-sizing:border-box;box-sizing:border-box;width:248px;padding:6px 12px}.mx-calendar+.mx-calendar{border-left:1px solid #e8e8e8}.mx-calendar-header,.mx-time-header{-webkit-box-sizing:border-box;box-sizing:border-box;height:34px;line-height:34px;text-align:center;overflow:hidden}.mx-btn-icon-left,.mx-btn-icon-double-left{float:left}.mx-btn-icon-right,.mx-btn-icon-double-right{float:right}.mx-calendar-header-label{font-size:14px}.mx-calendar-decade-separator{margin:0 2px}.mx-calendar-decade-separator:after{content:"~"}.mx-calendar-content{position:relative;height:224px;-webkit-box-sizing:border-box;box-sizing:border-box}.mx-calendar-content .cell{cursor:pointer}.mx-calendar-content .cell:hover{color:#73879c;background-color:#f3f9fe}.mx-calendar-content .cell.active{color:#fff;background-color:#1284e7}.mx-calendar-content .cell.in-range{color:#73879c;background-color:#dbedfb}.mx-calendar-content .cell.disabled{cursor:not-allowed;color:#ccc;background-color:#f3f3f3}.mx-calendar-week-mode .mx-date-row{cursor:pointer}.mx-calendar-week-mode .mx-date-row:hover{background-color:#f3f9fe}.mx-calendar-week-mode .mx-date-row.mx-active-week{background-color:#dbedfb}.mx-calendar-week-mode .mx-date-row .cell:hover{color:inherit;background-color:transparent}.mx-calendar-week-mode .mx-date-row .cell.active{color:inherit;background-color:transparent}.mx-week-number{opacity:.5}.mx-table{table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;vertical-align:middle}.mx-table th{padding:0;font-weight:500}.mx-table td{padding:0}.mx-table-date td,.mx-table-date th{height:32px;font-size:12px}.mx-table-date .today{color:#2a90e9}.mx-table-date .cell.not-current-month{color:#ccc}.mx-time{-webkit-box-flex:1;-ms-flex:1;flex:1;width:224px;background:#fff}.mx-time+.mx-time{border-left:1px solid #e8e8e8}.mx-calendar-time{position:absolute;top:0;left:0;width:100%;height:100%}.mx-time-header{border-bottom:1px solid #e8e8e8}.mx-time-content{height:224px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.mx-time-columns{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;overflow:hidden}.mx-time-column{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;border-left:1px solid #e8e8e8;text-align:center}.mx-time-column:first-child{border-left:0}.mx-time-column .mx-time-list{margin:0;padding:0;list-style:none}.mx-time-column .mx-time-list::after{content:"";display:block;height:192px}.mx-time-column .mx-time-item{cursor:pointer;font-size:12px;height:32px;line-height:32px}.mx-time-column .mx-time-item:hover{color:#73879c;background-color:#f3f9fe}.mx-time-column .mx-time-item.active{color:#1284e7;background-color:transparent;font-weight:700}.mx-time-column .mx-time-item.disabled{cursor:not-allowed;color:#ccc;background-color:#f3f3f3}.mx-time-option{cursor:pointer;padding:8px 10px;font-size:14px;line-height:20px}.mx-time-option:hover{color:#73879c;background-color:#f3f9fe}.mx-time-option.active{color:#1284e7;background-color:transparent;font-weight:700}.mx-time-option.disabled{cursor:not-allowed;color:#ccc;background-color:#f3f3f3}
#content.redirectFP #fpFrame iframe {
    width: 100%;
}
@media (max-width: 767px) {
  .modalContainer .modal.fade.in {
      top: 20px;
      margin: unset;
  }
}