@import './customer-theme.css';

@import url('https://fonts.googleapis.com/css2?family=Tinos:wght@400;700&display=swap');

@font-face {
	font-family: georgia;
	src: url(../webfonts/georgia.ttf);
  }
  @font-face {
    font-family: "DomaineText";
    src: url('../webfonts/custom/DomaineText-Regular.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "SharpSans";
    src: url('../webfonts/custom/SharpSans-No1-Medium.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
 
  
  div, .navbar .nav > li > a {
	font-family: 'DomaineText', 'SharpSans' !important;
  }

.splash-page h2 {
	color: #fff;
}

div#golfResults .span8.offset2>p::after {
	content: '*';
}

/* div#golfResults .span8.offset2> ul> p::after{
	content: '*Please note when playing in groups of less than 4, our golf course pace of play will remain at a 4 ball pace of 4.5 hours. The safety and well-being of our staff and guests are of utmost importance, so a new code of conduct will be in place for the foreseeable future. Please visit https://www.thegrove.co.uk/update-regarding-covid-19/ for more infomation.'; 
	display: block;
	width: 1014px;
	margin-top: 1em;
	margin-bottom: 1em;
} 

div#golfResults .span8.offset2::after {
	content: '*Please note when playing in groups of less than 4, our golf course pace of play will remain at a 4 ball pace of 4.5 hours. The safety and well-being of our staff and guests are of utmost importance, so a new code of conduct will be in place for the foreseeable future. Please visit https://www.thegrove.co.uk/update-regarding-covid-19/ for more infomation.';
	display: block;
	width: 1014px;
	margin-top: 4em;
	margin-bottom: 1em;
}
*/

.amexGlfNote p {
	font-size: 15px;
}

h2 {
	color: #1D1D1D;
	font-family: 'DomaineText' !important;	
	font-weight: 700;
}

/* .page-header h2 {
	padding: 20px 0 15px;
} */

/* .page-header h2 small {
	padding-top: 15px;
	letter-spacing: 0;
} */

.btn.btn-mini {
	font-size: 16px;
	/* background: #7089a7 !important; */
	background: #494949 !important;
	border: none;
	padding: 13px;
	color: #fff;
	border-radius: 5px;
}

.c_view_service_link .btn.btn.btn-mini:hover {
	/* background: #7089a7 !important; */
	background: #494949 !important;
}
/* .navbar-fixed-top .navbar-inner{
	height: 125px;
} */
.whitebg {
    background-color: #ffffffe0;
}
/* //////////////// Home ////////////////////*/

.btn {
	font-size: 14px;
	/* background: #7089a7; */
	background: #494949;
	text-transform: capitalize;
	border: none;
	color: #fff;
}

.bookingHistory .btn {
	color: #070707;
}

.btn.btn-danger {
	background-color: #BE151B;
	color: #fff;
}

body {
	font-family:'DomaineText','SharpSans' !important;
	color: #1D1D1D;
	padding-bottom: 0px;
}



div#serviceList {
	/* background: #ffffff30; */
	background: fff;
}

.navbar-inner {
	background-color: #ffffff;
	/* height: 117px !important; */
	/* color: #fff !important; */
}

#golfResults .span8.offset2{
	margin-left: 0 !important;
}
.content-cartSummary #alerts{
	margin: 5px 0 !important;
}

/* #alerts {
	margin: 20px 0 !important;
} */
.alert-error {
	position: absolute;
	top: 15vh;
	width: 45vw !important;
}
#nav .navbar-fixed-top::after {
	width: 100%;
	background-size: 100%;
	display: block;
	background-image: url(../img/border.png);
	background-repeat: no-repeat;
}

.navbar .nav .active>a {
	color: #5378a5;
	font-family: 'DomaineText', 'SharpSans' !important;
}
.navbar .nav li.dropdown.active > .dropdown-toggle:hover,.navbar .nav li.dropdown.active > .dropdown-toggle:focus,
.navbar .nav li.dropdown > .visible-desktop:hover,.navbar .nav li.dropdown > .visible-desktop:focus {
	color: #fff !important;
}
.navbar .nav > li > a:hover{
	background:none !important;
}
.navbar .nav > li > a:hover,.navbar .nav > li > a:focus{
	color: #fff !important;
}
p.intro {
	word-spacing: normal;
	letter-spacing: normal;
	resize: none;
	background-color: #ffffffd6;
	font-family: 'DomaineText','SharpSans' !important;
	color: #5378a5;
	font-weight: 800;
	font-size: 21px !important;
	padding: 8px 15px 11px;
}

#serviceList .nav-list>li>a {
	font-family: 'DomaineText','SharpSans' !important;	
	font-size: 18px;
	border-radius: 5px;
	font-weight: 400;
	/* background: #7089a7; */
	background: #494949;
}

#serviceList .nav>li>a:hover {
	font-family: 'DomaineText','SharpSans' !important;	
	/* background: #5d80ab; */
	background: #494949;
	font-size: 18px;
	border-radius: 5px;
	font-weight: 400;
}

#header .message > p {
	padding: 25px 0 !important;
}
/* Remove black bg preventing rounc corners */

.home,
.flag,
.leaf,
.edit,
.tag,
.gift,
.certificate {
	background-color: transparent !important;
}



.navbar .nav>li>a {
	/* text-transform: none; */
	color: #5378a5;
    /* font-weight: 700; */
}

.well ul li a:before {
	display: none;
}

.well ul li {
	padding: 0 !important;
	border-top: none;
}

.well ul li:last-child {
	border-bottom: none;
}

#serviceList ul {
	background-color: #ffffffd6;
	padding-bottom: 25px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}



.footer-copyright p,
.footer-terms a {
	font-family:'DomaineText','SharpSans' !important;
	color: #1D1D1D;
	font-weight: 400;
	/* text-transform: none; */
}

#footer .navbar .navbar-text {
	font-weight: 400;
	color: #1D1D1D;
}

.more-assistance-footer {
	display: inline-block;
	margin-left: 3px;
	color: #1d1d1d;
	text-align: center;
}

#footer .navbar-fixed-bottom {
	/* padding-bottom: 0 !important; */
	/* position: fixed; */
}

/* #navLoginForm label {
	padding: 7px 0 0;
	display: inline-block;
} */
.active.user_profile_tab{
	padding: 0 10px !important;
}
/* #loginEmail,
#loginPassword {
	padding: 0 10px;
	border: 1px solid #adc0c3;
	box-sizing: border-box;
} */

#navLoginForm .btn.btn-primary {
	/* background: #7089a7de; */
	background: #494949;
	color: #fff !important;
	margin: 17px 0 !important;
	padding: 8px 20px;
	font-size: 12px;
}
#navbarLoginControl .form-actions{
	border: none !important;
	padding: 0 !important;
}
#userResetSubmit,.summaryV2 #cartClear .btn {
	/* background-color: #7089a7 !important; */
	background-color: #494949 !important;
	color: #fff;
}
#navLoginForm .btn.btn-primary:hover,
#navLoginForm .form-actions .btn:hover,
#userCreateSubmit:hover,
.ui-widget-content td>.ui-state-default:hover,
#userChangeSubmit:hover {
	/* background: #7089a7 !important; */
	background: #494949 !important;
}

.form-float.control-group.focused .control-label {
	/* color: #7089a7; */
	color: #494949;
}

#navLoginForm .form-actions .btn {
	/* background: #7089a7de; */
	background: #494949;
	color: #ffffff !important;
	font-family:'DomaineText' , 'SharpSans'!important;
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: white;
	text-transform: uppercase;
}

#navLoginForm .form-actions a {
	padding: 0;
}

#navbarServiceTypeList{border: 1px solid #494949;padding: 5px;}

#navbarServiceTypeList a.dropdown-toggle {
	/* text-transform: none; */
	/* display: block !important; */
}

#navbarCartControl>.dropdown-toggle {
	/* color: #7089a7; */
	color: #494949;
	/* font-weight: 700; */
}

#alerts h4 {
	margin: 5px 0;
	font-weight: 700;
}

.alert .close {
	right: 10px;
	top: 2px;
	color: #000;
}

#cartClear .btn {
	height: auto;
}

/* .summaryV2 .right {
	background-color: #f5f5f5;
	text-align: center;
	padding: 14px;
} */

/* .cartSummary {
	padding: 30px;
}

.summaryV2 #cartClear {
	margin-top: 40px;
}

.summaryV2 #cartClear .btn {
	margin-left: 0px;
}

.summaryV2 {
	margin-top: 30px;
} */

.summaryV2 .greyText {
    color: #9c9c9c;
    white-space: nowrap;
}
.summaryV2 .orange-button {
    width: 120px !important;
}

.icon-calendar {
	background-position: -191px -119px
}

.input-append .add-on:last-child {
	padding: 11px;
}

/* //////////////// Ski ////////////////////*/

#categoryTabs {
	background-color: #F5F5F5;
	border-top: 1px solid #fff;
}

.tabs-left-desktop>.nav-tabs .active>a {
	background-color: #265c9c;
	color: #fff;
}

#categoryTabs .categoryLabel {
	text-align: center;
	background-color: #ddd;
	font-family: 'DomaineText', 'SharpSans' !important;
	font-weight: 700;
	padding: 5px 15px;
	margin: 0;
}

.label-info,
.badge-info {
	background-color: #265c9c;
	color: #fff;
}

.nav>li>a:hover {
	text-shadow: none;
}

.accordion-inner .btn {
	background-color: #BE151B;
	color: #fff;
}

.teesheet .btn-group.book a{
	padding: 10px !important;
}

tr.teetime td:last-of-type{
	display: block;
    width: 99.9%;
    clear: both;
}

/* //////////////// Golf ////////////////////*/

.breadcrumb {
	/* background-color: #7089a7; */
	background-color: #494949;
	padding: 13px 20px;
	color: white;
}

.breadcrumb a,
.breadcrumb .divider{
	color: #fff;
}

.breadcrumb,
.alert-success {
	font-family: 'DomaineText', 'SharpSans' !important;
	/* text-transform: none; */
	letter-spacing: 0;
	font-size: 16px;
	border-top: none;
}

#userMainPhone .btn.btn-primary {
	background: #8080802e;
}

#userMainPhone .btn.btn-primary.active {
	/* background: #7089a7; */
	background: #494949;
}

#alerts .alert-success {
	/* background-color: #7089a7 !important; */
	background-color: #494949 !important;
}

.icon-arrow-left {
	position: relative;
	top: 2px;
	left: -11px;
}

.mainContent #content.spaClassConfirmTpl #pmsFormSubmit:hover {
	background: #494949 !important;
}

.mainContent #content.spaClassConfirmTpl #spaBookConfirm {
	/* padding: 0px; */
	padding-left: 11px;
	padding-top: 20px;
}

form#golfTeeInfo p {
	padding: 0 0 10px;
	font-size: 2em;
	font-family: 'DomaineText', 'SharpSans' !important;
	color: #00434E;
}

form#golfTeeInfo {
	margin: 0;
}

#golfTeeInfoSubmit.btn {
	margin-left: 0px;
}

.form-horizontal .control-group {
	margin-left: 0;

}

form#golfTeeInfo,
#categories,
#golfResults {
	padding: 0 30px;
	box-sizing: border-box;
}

#golfResults p {
	font-size: 16px;
}

.teesheet {
	margin-top: 40px !important;
}

#golfTeeInfo .btn-group {
	margin: 0 !important;
}

.teesheet .btn-group.book a:hover {
	/* background-color: #7089a7; */
	background-color: #494949;
}

.table tbody tr:hover td,
.table tbody tr:hover th {
	background-color: #f4f7f9;
}

#golfResults .availability p.slots {
	/* background-color: #7089a7; */
	background-color: #494949;
}

.table-condensed th,
.table-condensed td {
	padding: 10px;
}

.teesheet .btn-group {
	margin: 0 !important;
}

.summaryV2 .orange-button,
#userUpdateSubmit,
.userUpdateSubmit {
	/* background: #7089a7d6; */
	background: #494949;
	color: #fff;
}

.summaryV2 .orange-button:hover {
	/* background: #7089a7; */
	background: #494949;
}

#navbarLoginControl {
	padding: 5px;
	border: 1px solid #494949;
}

/* //////////////// Dropdown  ////////////////////*/

#navbarServiceTypeList .dropdown-menu,
#navbarLanguageList .dropdown-menu,
#navbarLoginControl .dropdown-menu {
	/* width: auto; */
	/* width: 130px !important; */
}

/* #navbarServiceTypeList .dropdown-menu {
	min-width: 170px !important;
} */



#navbarServiceTypeList .dropdown-menu li {
	width: 100%;
}

#navbarServiceTypeList .dropdown-menu .divider {
	/* display: none; */
}

#navbarServiceTypeList .dropdown-menu li:last-child {
	margin-top: 0 !important;
}

.dropdown-menu a {
	font-size: 14px;
}

.dropdown-menu li>a:hover,
.dropdown-menu .active>a,
.dropdown-menu .active>a:hover,
.dropdown-menu .active>a:active {
	display: block;
    background-color: #494949 !important;
	color: #fff;
}

/* .navbar .nav .dropdown-menu .active>a {
	color: #fff;
} */
.dropdown.open .serviceType.active > a {
    color: #fff;
    background-color: #494949 !important;
}

/* //////////////// Login Form ////////////////////*/

.btn#userLoginSubmit {
	padding: 10px !important;
}
.loginPrompt .btn {
	background-color: #BE151B;
	color: #fff;
}

.loginPrompt {
	border: 1px solid #ddd;
	padding: 20px;
}

.div.loginPrompt {
	border-radius: 5px;
}

.popover-content {
	border-radius: 3px 3px 3px 3px;
	border: 1px solid #ddd;
}

#content>p,
#pmsDatesForm {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.form-float.control-group .control-label.has-append {
	color: #494949;
}

.userLoginForm p strong {
	font-family: 'DomaineText' , 'SharpSans' !important;
}



/* //////////////// Guest Profile ////////////////////*/
.summaryV2 .addMore .button-container a {
	color: #1d1d1d;
}

.bookingHistory .page-header .row {
	margin-bottom: 0 !important;
	padding: 5px 0;
}


.bookingHistory .page-header h4 {
	margin-left: 0;
}


.page-header h3 {
	margin: 20px 0 20px 0;
	font-family: 'DomaineText', 'SharpSans' !important;
}

.userLoginForm .span6 p strong {
	display: block;
	font-size: 14px;
	margin-top: 10px;
	font-family: 'DomaineText', 'SharpSans' !important;
}

.userLoginForm .span6 h4 {
	margin-left: 0;
	font-weight: bold;
	font-size: 16px;
}

#userChangePasswordForm #userChangeCancel {
	background-color: #BE151B;
	color: #fff;
	margin-left: 0px;

}

#userChangePasswordForm .control-group {
	margin-top: 15px;
}

.bookingHistory .page-header .btn {
	background-color: #f5f5f5;
	border: 1px solid #eaeaea;
}

.bookingHistory .page-header {
	border-bottom: 1px solid #ddd;
}


.bookingHistory h3:first-of-type{
	margin: 0 !important;
}

.bookingHistory .page-header .span5 {
	margin-left: 0;
}

/* //////////////// Spa ////////////////////*/

#categories .alert-success {
	background-color: #1B79C1;
}


input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"] {
	height: 40px;
}

.alert .btn {
	margin-left: 0px;
}

.form-narrow {
	padding-top: 10px;
	margin-top: 10px;
	border-top: 1px solid #ddd;
	width: 90%;
}

.form-narrow .controls {
	margin-left: 0 !important;
}

.form-narrow .control-label {
	width: 100% !important;
}

.spaItem input.span2.datepicker {
	width: 160px;
}

.span3 h4 {
	font-family: 'DomaineText', 'SharpSans' !important;
	margin-left: 0px;
}

.spaServiceButton {
	margin-left: 0px;
	margin-top: 20px;
}

/* .c_spa_class_location {
	display: none !important;
} */


.modeSelector .yellowHeader {
	padding: 40px 20px 30px !important;
	font-size: 2.2em;
	font-family: 'DomaineText', 'SharpSans' !important;
	color: #1D1D1D;
	background: #fff !important;
	font-weight: 700;
	height: auto;
}

.booking-loader .yellowHeader {
	background: #00434E;
	color: #fff;
}

.breakcrumbs,
.cart-header {
	/* background: #7089a7 !important; */
	background: #494949 !important;
	color: #fff !important;
	font-weight: normal;
}

.breakcrumbs a {
	color: #fff !important;
	font-weight: normal;
}

.modeSelector .segment-body {
	background-color: #fff;
}

.modeSelector .greyHeader {
	background: #1B79C1;
	color: #fff;
	font-family: 'DomaineText', 'SharpSans' !important;
	font-weight: normal;
	font-size: 1.2em;
	border-radius: 5px;
}

/* .spaLocationList .accordion-group:first-child{
	display: none;
} */

.accordion-heading .accordion-toggle,
.payment-div {
	background: #494949 !important;
	font-weight: 400;
	padding: 15px;
}

.vuecal__title-bar {
	background-color: #eae7e5;
}

.accordion-heading a.accordion-toggle:hover,
.payment-div:hover {
	/* background: #7089a7 !important; */
	background: #494949 !important;
	color: #fff;
	/* border: 1px solid #7089a7; */
}

.service-time-picker-div .service-time-picker button {
	/* text-transform: lowercase; */
}

.content-spaPackageTpl #app .stepper #stepper-categories .componentItem:hover,
.content-spaPackageTpl #app .stepper #stepper-services .serviceItem:hover,
.content-spaPackageTpl #app .stepper .serviceItem.active,
.content-spaPackageTpl #app .stepper .serviceItem.active:hover,
.content-spaPackageTpl .btn:hover {
	color: white !important;
	background-color: #494949 !important;
}

.span2 .btn {
	background: none !important;
	border: 1px solid #494949;
	color: #494949;
	width: 100%;
	margin-bottom: 10px;
}

.span2 .btn:hover {
	background: #494949 !important;
	color: #fff !important;
}


.content-spaPackageTpl #app .stepper #stepper-categories .componentItem.active {
	/* background: #7089a7;
	border-color: #7089a7; */
	background: #494949;
	border-color: #494949;
}

#vue-cart .component-popup .customBlueButton {
	background: #000;
}

#vue-cart .component-popup .customBlueButton:hover {
	background: #494949;
	color: white;
}

.content-spaPackageTpl #app .stepper .service-for .service-for-button {
	background: none !important;
	color: #494949 !important;
	border: 1px solid #494949;
}

.content-spaPackageTpl #app .stepper .service-for .service-for-button:hover, .side-cart-button .user-info-reserve-button {
	color: white !important;
	background: #494949 !important;
}

.content-spaPackageTpl #app .stepper .serviceItem.active {
	width: calc(100% - 44px);
}

.side-cart-button .disabled-reserve-button-color {
	background: gray !important;
	color: #fff !important;
	pointer-events: none;
}

.user-info-reserve-button {
	background: #1B79C1;
	color: #fff;
	border: none !important;
}

.vuecal__menu,
.vuecal__cell-events-count {
	background-color: #000000;
}

.vue_cal_div .user_weekly_schedule_text {
	/* background-color: #7089a7; */
	background-color: #494949;
	/* border-bottom: 1px solid white; */
}

.vdp-datepicker__calendar .cell.selected,
.vdp-datepicker__calendar .cell.selected:hover {
	background: #494949!important;
}

.time_picker_selected_date {
	/* background: #7089a7 !important; */
	background: #494949 !important;
	border: none !important;
}

.login.collapse .input-append button{
	padding: 10px;
}

.login.collapse .login, .login.collapse .forgot{
	margin: 5px;
}


/* //////////////// Review ////////////////////*/

.package-review-screen .package-review-screen-review-btn,
.package-review-screen .package-review-screen-bookmore-btn {
	box-shadow: none;
}

.package-review-screen-more-activity-inner-div .content-spaPackageTpl .btn {
	background-color: #469c8f;
}

.package-review-screen-buttons-outer-div .btn {
	padding: 13px;
}

.summaryV2 .addMore h4 {
	padding: 10px 0 3px 0;
}

.summaryV2 .addMore .button-container {
	padding-bottom: 20px;
}

.summaryV2 .blue-text {
	/* color: #7089a7; */
	color: #494949;
}

/* //////////////// Calendar ////////////////////*/


.fc-toolbar {
	/* background: #7089a7 !important; */
	background: #494949 !important;
	padding-bottom: 10px;
}

.fc-toolbar .fc-center h2 {
	font-size: 20px;
	font-family: 'DomaineText', 'SharpSans' !important;
	margin-top: 2px !important;
}

/*
.c_view_service_link > p > a{
	background: #039985 !important;
}*/

.fc-event {
	/* background: #7089a7; */
	background: #494949;
	/* border: 1px solid #7089a7; */
	border: 1px solid #494949;
}

.accordion-section-title.active {
	background-color: #494949!important;
}
#navLoginForm #loginButton {
	width: -webkit-fill-available;
	text-transform: uppercase;
}
.spaEventButton,
.AddToWaitList {
	background: #000000 !important;
	color: #fff !important;
	border-radius: 5px;
}

.spaClassCalendar .page-header h3 {
	margin-top: 0 !important;
	font-family: 'DomaineText', 'SharpSans' !important;
}

.spaClassCalendar h2 {
	margin: 0 !important;
}

.spaClassCalendarTpl #eventModal .row-fluid {
	padding: 0 20px;
}
.serviceGroupMemberLabel{
	width: max-content;
}
.mainContent #content.spaClassConfirmTpl #pmsFormSubmit {
	width: auto;
	display: inline;
	float: left;
	background: #000000 !important;
	color: #fff !important;
	margin: 0 !important;
	width: calc(100% - 50px);
}

.modal .btn.btn-primary {
	/* background-color: #7089a7c9; */
	background-color: #494949;
	color: #fff;
}

.modal .btn.btn-primary:hover {
	background: #494949!important;
}

/* new stuff */

.exclusiveOptionMessageOnSpa {
	float: right;
	margin-top: -38px;
	font-size: 14px;
}

.exclusiveOptionMessageOnSpaLogin {
	float: right;
	margin-top: -19px;
	font-weight: bold;
	color: #00434e;
}

.spaClassCalendarTpl #eventModal .serviceRecipient .recipientSelf {
	display: block !important
}

#userProfileCancel:hover,
#userProfileSubmit:hover {
	color: white;
	/* background-color: #7089a7; */
	background-color: #494949;
}

#navbarServiceTypeList .dropdown-menu li:last-child {
	margin-top: 6px;
}

#navbarServiceTypeList .dropdown-menu {
	min-width: 301px
}

#navbarServiceTypeList .dropdown-menu .divider {
	/* visibility: hidden; */
}

.summaryV2 .addMore .button-container a {
	background: #f5f5f5;
	border: 1px solid #eaeaea;
}

.userSkiSize,
.userSnowboardSize {
	display: none;
}

.userSnowboardBootSize label {
	width: auto !important
}
.login.collapse .input-append button {
	color: white;
	background: #494949;
}
#userCreateSubmit{
	padding: 10px;
	color: #fff !important;
}
#progressIndicator{
	margin-top: 2px;
}
.LoaderBalls {
	width: 90px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 80px;
	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; */
	overflow: hidden;
}

.content-spaClassCalendarTpl #progressIndicator {
	margin-top: 20px;
}

.progress-info.progress-striped .bar {
	background-color: #000;
}

.content-spaPackageTpl #app .stepper #stepper-services .accordion-heading .serviceItem.active {
	width: calc(100% - 54px) !important;
}

.package-review-screen-more-activity-inner-div a {
	color: #000;
	border: 1px solid #000;
}

.ui-widget-content .ui-datepicker-header,
.ui-widget-content td>.ui-state-active,
.datepicker-legend .ui-state-active,
.ui-widget-content td>.ui-state-active.min-los {
	/* background: #7089a7 !important; */
	background: #494949 !important;
}

#golfTeeInfoSubmit.btn {}

#golfTeeInfoSubmit.btn:hover {
	/* background-color: #7089a7 !important; */
	background-color: #494949 !important;
}
#golfTeeInfo .control-group:nth-child(3){
	display: none !important;
}
.sf-top {
	margin: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
	background: #ffffffe0;
	color: #212121;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: .09em;
	font-size: .9em;
	padding: 20px 20px 0;
	/* padding-bottom: -60px !important; */
	margin-top: 38px;
	/* margin-bottom: -100px !important; */
	/* z-index: 20; */
}

.alert-success {
	/* background-color: #7089a7; */
	background-color: #494949;
}

.cf.inner {
	color: #212121;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: .09em;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	position: relative;
	box-sizing: border-box;
	display: flow-root;
	margin: 0 auto;
	width: auto;
	max-width: 1080px;
}

.sf-address {
	color: #212121;
	text-transform: uppercase;
	letter-spacing: .09em;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	display: inline-block;
	vertical-align: top;
	text-align: left;
}

.sf-address .col {
	display: inline-block;
	vertical-align: middle;
}

.sf-site-logo {
	width: 153px;
	height: 54px;
	overflow: hidden;
	margin: 0 auto 20px;
}

.fl-wrap {
	color: #212121;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: .09em;
	border: 0;
	font-size: 100%;
	font: inherit;
	display: inline-block;
	vertical-align: top;
	border-color: #959595;
	border-style: solid;
	border-width: 0 1px;
	max-width: 330px;
	box-sizing: border-box;
	margin: 0 30px 20px;
	padding: 20px 30px 10px;
	column-count: 2;
	column-gap: 33px;
}

.ftr-social>li {
	display: inline-block;
}

.footer-links {
	list-style-type: none;
	margin: 0;
	text-align: left;
}

.affil-list {
	list-style-type: none;
	margin: 0;
	text-align: center;
	display: none;
}

.prop-address {
	display: inline-block;
	margin: 0;
	vertical-align: middle;
	line-height: 2.8em;
	text-align: left;
}
.cancellationPolicySummaryPage{
	border: 1px solid black;
	padding: 12px;
	margin: 11px auto;
	font-size: 14px;
	font-weight: 400;
	width: 292px;
}
.userUpdateSubmit {
	background-color: #494949!important;
}

.content-spaLocationListTpl .sf-top {
	margin-top: 111px;
}

.affil-list>li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 20px;
}

#nav>.splash-page {
	margin-bottom: 346px !important;
}
div#main > .container {
	max-width: 95vw;
}
div#main {
	padding-bottom: 0px;
	min-height: 57vh;
	margin-top: 11px;
}
.loginContainer .segment-body-controls button{
	color: white;
	/* background-color: #7089a7; */
	background-color: #494949;
	color: white;
}
.well.span8.confirm.collapse.in .btn.btn-primary{
	color: white;
}
.nav-collapse .nav li .dropdown-menu li a{
	margin: auto;
}

#navbarServiceTypeList .dropdown-menu li{
	margin: 2px 0;
}
.dataTables_length, #guestDirectory_filter{
	margin-top: 0 !important;
}
#guestDirectory_length select{
	height: 30px;
}
#guestDirectory_filter input{
	height: 20px;
}
@media screen and (max-width: 768px) and (min-width: 320px) {

	.navbar-fixed-top .container {
		width: calc(100% - 1px) !important;
	}
	.content-spaPackageTpl #app .stepper-container{
		margin-top: 127px;
	}
	.side-cart-add-more-guest{
		margin-left: -75px !important;
	}
	#nav .navbar-inner .brand {
		width: 80px !important;
		height: 80px !important;
	}

	.nav-collapse,
	.nav-collapse.collapse {
		background: white;
		margin-top: 0 !important;
	
	}

	.navbar-fixed-top .navbar-inner {
		height: 105px !important;
	}



	p.intro {
		font-size: 19px !important;
		padding-top: 11px;
		margin-top: 115px;
	}

	.global-booking-info .disabled-reserve-button-color {
		background: #c1ad68fc !important;
		color: white;
	}

	.global-booking-info .user-info-reserve-button,
	.global-booking-info .user-info-cancel-button,
	.spaClassCalendarTpl .spaEventButton {
		background: #494949 !important;
		color: white !important;
	}

	.packageSelectionContainerMobile .serviceSelectionHeader {
		background: #5b6f88!important;
		color: white !important;
	}

	.content-spaPackageTpl #vue-cart .cart-header {
		background: #494949!important;
		color: white !important;
	}

	.sf-address {
		display: block;
		text-align: center;
	}

	.fl-wrap {
		display: block;
		margin: 0 auto 20px;
		max-width: none;
		padding: 12px 25px 0;
		border-width: 1px 0 0;
	}

	.package-review-screen-buttons-outer-div .btn{
		display: flex;
	}
	#userCreateUserForm.span8{
		padding: 9px;
	}
	.login.collapse .input-append button{
		padding: 13px
	}
	 .login.collapse .login .input-append button{
		width: 97%;
		margin-left: 10px;
	}
}

.navbar .btn-navbar .icon-bar {
	/* background-color: #7089a7 !important; */
	background-color: #494949 !important;
}
.navbar .btn-navbar .icon-bar{
	width: 28px;
    height: 4px;
}
#serviceList li{
	width: -webkit-fill-available !important;
	min-width: 250px !important;
}
@media (max-width:768px){
	#header .message > p{
		padding: 10px !important;
	}
	.content-bookingHistory .bookingHistory .page-header[data-bookingid]{
		flex-direction: column !important;
		align-items: flex-start !important;
	}
	.content-bookingHistory .bookingHistory .page-header[data-bookingid] .row{
		width: max-content !important;
	}
	.content-bookingHistory .bookingHistory .page-header[data-bookingid] h3{
		position: relative !important;
		padding: 0;
		margin: 0;
	}
	.content-bookingHistory .bookingHistory .page-header[data-bookingid] .row:last-of-type{
		position: absolute;
		right: 0;
	}
	form#golfTeeInfo p{
		padding-top: 0 !important;
		padding-bottom: 10px;
		line-height: 1.5em;
	}
	.summaryV2 .mainContent .nameAndPriceContainer{
		flex-direction: row;
		flex-wrap: wrap;
	}
	.nameAndPriceContainer >.greyText{
		position: relative;
	}
	.content-cartSummary .summaryV2 .mainContent .nameAndPrice{
		margin-left: 3px;
	}
}

@media (max-width:480px){
	.content-bookingHistory .bookingHistory .page-header[data-bookingid] .row:last-of-type{
		position: relative !important;
	}
	.table-condensed th, .table-condensed td {
		padding: 4px 4px;
		display: flex;
	}
	.teesheet td.teetime{
		width: 100%;
	}
	#ui-datepicker-div {
		flex-direction: column;
		width: 200px !important;
		top: 390px !important;
	}
	.ui-datepicker-multi .ui-datepicker-group{
		width: 100%;
	}
	.teesheet .btn-group{
		display: flex;
	}
	#content.golfTeeInfo .teesheet tr.teetime td .btn-group .btn{
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0;
		width: 30px !important;
		height: 30px !important;
		border-radius: 5px;
		margin: 3px;
		border: 1px solid #000;
	}
	form#golfTeeInfo, #categories, #golfResults{
		padding: 2px;
	}
}
@media (min-width:481px){
	.btn-group{
		margin-left: 0 !important;
	}
	.teesheet td.teetime{
		width: 15%!important;
	}
}
.profile_page_tab_ul .active a{
	background: #494949 !important;
	color: #fff !important;
}
@media (max-width:979px){
	.nav-collapse .nav li .dropdown-menu li a{
		background: none !important;
		color: #494949 !important;
	} 
	.nav-collapse .nav li .dropdown-menu li a:hover{
		background: #494949 !important;
		color: #fff !important;
	}
	.nav-collapse .nav li .dropdown-menu li a {
		border: 1px solid #a7a3a3;
	}
	section.mainContent{
		margin-top: 150px !important;
	}
	#header .span4.message {
		margin-left: 0 !important;
	}
	#nav .navbar-inner .brand{
		position: relative;
		width: 25% !important; 
		margin: auto !important;
		left: 0 !important;
	}
	.nav-collapse .nav li .dropdown-menu li a{
		color: #fff;
		/* background-color: #7089a7; */
		background-color: #494949;
	}
	#logoutControl a{
		background-color: #BE151B;
		color: #fff;
		padding: 5px;
	}
	#serviceList li{
		width: 250px !important;
		margin: 5px !important;
	}
	#serviceList ul{
		flex-direction: column;
	}

	#guestDirectory thead {
		border: none !important;
		clip: rect(0 0 0 0) !important;
		height: 1px !important;
		margin: -1px !important;
		overflow: hidden !important;
		padding: 0 !important;
		position: absolute !important;
		width: 1px !important;
	}

	#guestDirectory tr {
		border-bottom: 3px solid #7d7979 !important;
		display: block !important;
		margin-bottom: .625em !important;
	}
	#guestDirectory tbody td {
		padding: 9px !important;
		text-align: right !important;
	}
	#guestDirectory td {
		border-bottom: 1px solid #ddd !important;
		display: flex !important;
		font-size: .8em !important;
		justify-content: space-between !important;
		font-size: 13px !important;
		font-weight: 700 !important;
	}
	#guestDirectory td::before {
		content: attr(data-label) !important;
		float: left !important;
		font-weight: bold !important;
		text-transform: uppercase !important;
	}
	#guestDirectory_filter input[type="search"]{
		height: 20px;
	}

	#guestDirectory_wrapper{
		text-align: left;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	#guestDirectory_length select{
		width: 160px;
		margin-left: 15px;
		margin-right: 2px;
	}
	#guestDirectory_filter  input{
		width: 150px !important;
	}
	
	.otherDays{
		display: none !important;
	}
	.nav-collapse, .nav-collapse.collapse{
		display: flex !important;
		justify-content:center !important;
		text-align: center;
	}
	.nav-collapse .nav li .dropdown-menu li a{
		justify-content: center;
	}
	.nav-collapse, .nav-collapse.collapse {
		margin-top: 0 !important;
	}

}
input[type="submit"].btn{
	color: #fff;
	/* background-color: #7089a7; */
	background-color: #494949;
	margin-top: 5px;
}
#content.userLoginForm{
	padding-top: 0 !important;
}
#content.userLoginForm p, #content.userLoginForm p strong,
#content.userResetPasswordForm p, #content.userResetPasswordForm p strong{
	padding-top: 0 !important;
	margin-top: 0 !important;
}
#userLoginForm .well.span6 p:first-of-type, #userResetPasswordForm  .well.span6 p:first-of-type{
	display: none;
}
#content.golfTeeInfo .teesheet tr.teetime td .btn-group .btn{
	width: 8px;
    height: 16px;
	justify-content: center;
    align-items: center;
    margin: 2px;
	border: 1px solid #000;
	border-radius: 8px;
	font-weight: 700;
}
.content-cartSummary .cartSummary{
	padding-top: 0 !important;
}
.mainContent.whitebg{
	margin-bottom: 100px;
}
.content-bookingHistory .bookingHistory .page-header[data-bookingid] {
    display: flex;
    align-items: center;
    position: relative;
    padding-top: 40px;
	justify-content: space-between;
  }
  .content-bookingHistory .bookingHistory .page-header[data-bookingid] .span5{
    margin-left: 0 !important;
  }
  #bookingHistoryCollapse .span5{
    margin-left: 0 !important;
  }
  .content-bookingHistory .bookingHistory .page-header[data-bookingid] h3{
    position: absolute;
  }
  .content-bookingHistory .bookingHistory .page-header[data-bookingid] h4{
	  margin-top: 0;
  }
  .bookingHistory .bookingHistory{
      position: relative;
  }


.clubDirectoryBtnCont button, .content-clubAccountList a.accountBtn{
		/* background: #7089a7 !important; */
		background: #494949 !important;
}

.clubAccount h2.page-title,
.clubAccount h2, .content-clubAccountList h2,
.clubAccount .spanClub h4 {
	/* color: #7089a7 !important; */
	color: #494949 !important;
}

/* .total-display #total, */
.total-display #deposit {
	/* display: none; */
}

/* .summaryV2 .right {
    background-color: transparent !important;
} */

/* [data-category="Golf"] .nameAndPrice .price,
.payment-div,
#navbarCartControl .visible-desktop {
	display: none;
} */

/* Splash Page */

.splash-page {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    position: absolute;
    left: 0;
    top: 25vh;
    text-align: center;
    width: 100vw;
    /* background: #7089a7 ; */
	background: #494949;
}

#loadMessage{
    margin: 0 !important;
    font-weight: 700;
	width: 100% !important;
}
.splash-page h2{
    padding-bottom: 10px;
    color: #fff;
    font-weight: 700;
}

.lds-ripple {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
	min-height: 80px !important;
  }
  .lds-ripple div {
	position: absolute;
	border: 4px solid #fff;
	opacity: 1;
	border-radius: 50%;
	animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
  }
  .lds-ripple div:nth-child(2) {
	animation-delay: -0.5s;
  }
  @keyframes lds-ripple {
	0% {
	  top: 36px;
	  left: 36px;
	  width: 0;
	  height: 0;
	  opacity: 1;
	}
	100% {
	  top: 0px;
	  left: 0px;
	  width: 72px;
	  height: 72px;
	  opacity: 0;
	}
  }
  
  /* New Navbar Style Starts Here */
  #accountControl .accountContLabel,
  #optionsControl .optionsContLabel{
	/* text-transform: none; */
    color: #5378a5;
    font-weight: 700;
	padding: 4px 10px;
	cursor: pointer;
  }
  #accountControl a,
  #optionsControl a{
	  display: flex;
	  justify-content: space-between;
  }
  #accountControl a .caret,
  #optionsControl a .caret {
	  margin-left: 5px;
  }
  .dropdown.open #accountDropdown,
  .dropdown.open #optionsDropdown{
	  display: flex;
	  flex-direction: column;
	  align-items: center;
	  color: #000;
	  font-weight: 700;
	  width: 100px;
  }

  #accountDropdown li,
  #accountDropdown li a,
  #optionsControl li,
  #optionsControl li a {
	  width: fit-content;
	  cursor: pointer;
	  font-weight: 700;
	  text-transform: capitalize;
	  text-align: center;
  }

  #header-logo {
    display: block;
    position: fixed;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: 0;
    padding: 7px;
    width: 110px;
    max-height: 110px;
    background-color: #fff;
    border-radius: 50%;
    transition: all 1s;
    z-index: 9999;
    opacity: 0.9;
}
#otherLogo{
    display: none;
    position: fixed;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: 0px;
    padding: 7px;
    /* width: 110px; */
    max-height: 70px;
    background-color: #fff;
    /* border-radius: 50%; */
    transition: all 1s;
    z-index: 9999;
}

#navbarServiceTypeList:has(.dropdown-toggle:hover), #navbarServiceTypeList:has(.dropdown-toggle:focus),
#navbarLoginControl:has(.visible-desktop:hover), #navbarLoginControl:has(.visible-desktop:focus){
    background: #494949 !important;
	color: #fff !important;
}

.dropdown-toggle:hover > .caret, .dropdown-toggle:focus > .caret,
#navbarLoginControl .visible-desktop:hover > .caret,
#navbarLoginControl .visible-desktop:focus > .caret{
	border-top: 4px solid #fff !important;
}

.navbar-inner ul, .navbar-inner li, .navbar .nav > li > a, .navbar .nav .active > a,
.footer-copyright p, .footer-terms a, #navbarCartControl > .dropdown-toggle{
	color: #494949;
}
#navbarServiceTypeList.open .dropdown-menu {
    display: flex;
    flex-direction: column;
    width: max-content;
    min-width: max-content;
    align-items: center;
}
  @media (max-width:768px){
	  #logoutControl{
		  color: black !important;
		  margin-top: 15px;
	  }

	  .nav-collapse, .nav-collapse.collapse{
		  padding-bottom: 10px;
	  }
	  #accountDropdown li,
	  #optionsControl li {
		  margin-right: 10px;
	  }
	  #header-logo {
        width: 80px;
        height: 80px;
    }

  }
  @media (max-width:767px){
	  #userCreateUserForm .userProfileFormButtons .controls{
		  display: flex;
		  flex-direction: column;
		  align-items: center;
	  }
	  #userCreateUserForm .userProfileFormButtons .controls #userCreateCancel,
	  #userCreateUserForm .userProfileFormButtons .controls #userCreateSubmit{
		  margin: 5px 0 !important;
	  }
	  .alert-error{
		width: auto !important;
	  }

  }
  @media (min-width:481px) and (max-width:768px){
	.nav-collapse .nav li{
		width: max-content;
		margin: 5px;
	}
  }
  @media (max-width:480px){
	#accountDropdown li a,
	#optionsControl li a {
		width: -webkit-fill-available;
	}
	
	#optionsControl li {
		margin-bottom: 10px;
	}
	.nav-collapse .nav li .dropdown-menu li a{
		max-width: 200px;
	}
	#accountDropdown, #optionsDropdown, #logoutControl{
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	#logoutControl{
		margin-left: 0 !important;
		margin-top: 0 !important;
	}
	.alert-error{
		top: 25vh;
	}
	#guestDirectory_length{
		width: max-content;
	}
  }
	@media (min-width:980px){
		#guestDirectory thead th{
			min-width: 120px !important;
		}
	}
	@media (min-width:769px) and (max-width:979px){
		.nav-collapse.collapse{
			position: absolute;
			left: 0;
			background-color: #fff;
		}
		.nav-collapse .nav li{
			margin: 5px;
		}
		.navbar .nav>li>a{
			color: #000;
		}
		#logoutControl {
			margin-top: 10px;
		}
		#header-logo{
			width: 90px;
			height: 90px;
		}
	}

  .weather-temperature {
	  color: #000;
	  position: absolute;
	  left: 0;
	  display: flex;
	  align-items: center;
  }
  .weatherToday{
	  text-transform: initial;
	  font-weight: 700;
	  position: absolute;
	  top: 0;
	  text-align: center;
	  width: 100px;
  }
  .tempInfo {
	  display: flex;
	  flex-direction: column;
	  text-transform: capitalize;
  }
  .tempMain span{
	  font-size: 1.2em;
	  margin-right: 5px;
  }
  .tempMain{
	font-weight: 700;
	display: flex;
	align-items: center;
  }
  .tempWind, .tempDate, .tempCity{
	  font-weight: 700;

  }
  @media (max-width:640px){
	.weather-temperature{
		top: 0 !important;
		flex-direction: column;	
		margin-left: 5px;
		margin-top: 5px;
	}
	.tempInfo{
		align-items: center;
	}
	.tempDate{
		display: none;
	}
	.tempIcon{
		width: 55% !important;
	}
	.tempCity{
		display: none;
	}
	.tempWind{
		display: flex;
		flex-direction: column;
	}
  }
	.otherDays{
		display: flex;
		flex-wrap: wrap;
		margin-left: 10px;
	}
	.otherWrap{
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 80px;
		}
	.otherIcon{
		width: 40%;
		}
	.otherDate{
			text-transform: capitalize;
			font-size: 1em;
		}
	.tempOther, .otherDate{
		font-weight: 700;
		}

	a.linksMember{
		/* text-transform: none !important; */
		color: #5378a5 !important;
		font-weight: 700 !important;
		font-size: 1.3em;
		position: absolute;
		left: 0;
		right: 270px;
		margin-left: auto;
		margin-right: auto;
		width: 150px;
		top: 50px;
	}
	@media(max-width:1199px){
		.otherDays{
			width: 40%;
		}
		.otherIcon{
			width: 30%;
		}
	}
	@media (min-width:980px) and (max-width:1150px){
		a.linksMember{
			position: absolute;
			left: 590px;
			width: max-content;
			top: 80px;
		}
		.navbar-fixed-top .container {
			width: 1000px !important;
		}
	}
	@media (min-width:1200px) and (max-width:1350px){
		.navbar-fixed-top .container{
			width: -webkit-fill-available !important;
		}
	}

	@media  (min-width:1351px){
		.navbar-fixed-top .container{
			width: 1351px !important;
		}
	}

	@media (max-width:979px){
		a.linksMember{
			position: absolute;
			left: 65vw;
			width: max-content;
			top: 60px;
		}
	}

	@media (max-width:480px){
		a.linksMember{
			margin-left: 0 !important;
			font-size: 1em !important;
			left: 64vw !important;
		}
	}
	@media (max-width:1190px) and (min-width:769px){
		.navbar .nav.pull-right{
			flex-direction: column;
			width: 26% !important;
			text-align: center;
		}	
		}

	@media (min-width: 769px){
		.navbar .nav.pull-right{
			display: flex;
			justify-content: flex-end;
			padding: 10px;
			gap: 5px;
			font-size: 11px !important;
			width: max-content;
		}
	}

	#serviceList ul li {
		font-size: 1.8em;
		color: #000;
		font-weight: 700;
	}

		.accordion-body .accordion-inner .row:first-of-type .span7 > p:nth-child(2), p:nth-child(4), p:nth-child(3), p:nth-child(5) {
			text-align: left;
			font-weight:lighter;
		}
		
		
		.accordion-body .accordion-inner .row:first-of-type .span7 > p:nth-child(2) {
			font-weight:bolder;
		}
		.yellowHeader, .vuecal__menu, .vuecal__cell-events-count, .vue_cal_div .user_weekly_schedule_text, .packageSelectionContainerMobile .serviceSelectionHeader, .fc-toolbar {
			background-color: #494949 !important;
			color: #fff;
		}
		.content-spaPackageTpl #app .stepper #stepper-categories .componentItem.active.vdp-datepicker__calendar .cell.selected, .vdp-datepicker__calendar .cell.selected:hover, .time_picker_selected_date, .alert, #vue-cart .component-popup .customBlueButton, .c_view_service_link > p > a,
		.accordion-section-title.active, .spaEventButton, .mainContent #content.spaClassConfirmTpl #pmsFormSubmit, .summaryV2 .orange-button, .btn-group > .btn.active, 
		.spaClassCalendarTpl .spaEventButton, input#userProfileSubmit:hover, input#userCreateSubmit:hover {
			background-color: #494949 !important;
			color: #fff !important;
		}


.body-SpaLocation103{
	background-image: url(../img/custom/spa-res.jpg) !important;
}
.body-SpaWaterLocation102{
	background-image: url(../img/custom/waterfront-res.jpg) !important;
}

.spaClassCalendarTpl .spaClassCalendar p.span12 {
    font-size: 1.2em;
    font-weight: 900;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 900;
    margin-left: 0;
}
.breadcrumb li {
	color: #fff !important;
}
.spaClassCalendar .crossTypeLink{
	display: none;
}
/* .row-fluid .spaClassCalendar .span12 .page-header .c_spa_class_location {
	display: block !important;
} */
.summaryV2 .right, .summaryV2 .total-display {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    line-height: 2em;
    padding: 10px 10px;
}
#navbarCartControl {
    width: max-content;
}

@media (max-width: 768px) {
    .nav-collapse ul.serviceType #navbarServiceTypeList ul.dropdown-menu, .nav-collapse ul.serviceType #navbarServiceTypeList ul.dropdown-menu li, .nav-collapse ul.serviceType #navbarServiceTypeList ul.dropdown-menu li a {
        width: inherit !important;
    }
}

.content-spaPackageTpl #app .stepper .componentItem, .serviceItem{
	border: 1px solid #494949;
}
input[type="checkbox"], input[type="radio"]{
	accent-color: #494949 !important;
}
.summaryV2 .addMore .button-container a, .content-spaPackageTpl .btn, .package-review-screen-review-btn:hover{
	background:none !important;
	border:1px solid #494949 !important;
	color: #494949 !important;
}
.summaryV2 .addMore .button-container a:hover{
	background:#494949 !important;
	color:#fff !important;
}
#navbarCartControl > a:hover, #navbarCartControl > a:focus {
	color: #494949 !important;
}
.vuecal__event.sport{
	background-color: #494949 !important;
	border: none !important;
}

body.content-spaLocationListTpl #breadcrumbs {
    display: none;
}