@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; } }