@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;400;600;800&display=swap');

body {
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 0;
  font-family: 'Poppins', serif;
  font-size: 15px;
  line-height: 1.65rem;
  /* color: #fff; */
  -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 5px 0;
  font-family: 'Poppins', serif;
  color: #000 !important;
}

.alert h4 {
  color: #fff;
}
a {
  color: #bb9b2e !important;
  font-weight: 500;
}

label,
p {
  background-color: transparent !important;
  /* color: #000; */
}
a:hover {
  text-shadow: 0.01px 0.01px 0.01px #777777;
}

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.halfmoon.com/covid-safety for more infomation.';
  display: block;
  margin-top: 4em;
  margin-bottom: 1em;
}
.span12,
.content {
  /* max-width: 1170px; */
  background-color: transparent;
  margin-bottom: 11px;
  /* clear: none; */ /* width: auto; */ /* margin-right: 13px; */
}
/* Loader */
.loader-parent {
  width: inherit;
  height: 0px;
  /* margin-top: 6px; */
}
.loader {
  animation: rotate 1s infinite;
  margin-top: 97px;
  height: 50px;
  width: 50px;
}

.loader:before,
.loader:after {
  border-radius: 50%;
  content: '';
  display: block;
  height: 20px;
  width: 20px;
}
.loader:before {
  animation: ball1 1s infinite;
  background-color: rgba(102, 51, 51, 0.4);
  box-shadow: 30px 0 0 rgba(102, 51, 51, 0.6);
  margin-bottom: 10px;
}
.loader:after {
  animation: ball2 1s infinite;
  background-color: #000;
  box-shadow: 30px 0 0 rgba(102, 51, 51, 0.267);
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg) scale(0.8);
    -moz-transform: rotate(0deg) scale(0.8);
  }
  50% {
    -webkit-transform: rotate(360deg) scale(1.2);
    -moz-transform: rotate(360deg) scale(1.2);
  }
  100% {
    -webkit-transform: rotate(720deg) scale(0.8);
    -moz-transform: rotate(720deg) scale(0.8);
  }
}

@keyframes ball1 {
  0% {
    box-shadow: 30px 0 0 rgba(102, 51, 51, 0.6);
  }
  50% {
    box-shadow: 0 0 0 rgba(102, 51, 51, 0.6);
    margin-bottom: 0;
    -webkit-transform: translate(15px, 15px);
    -moz-transform: translate(15px, 15px);
  }
  100% {
    box-shadow: 30px 0 0 rgba(102, 51, 51, 0.6);
    margin-bottom: 10px;
  }
}

@keyframes ball2 {
  0% {
    box-shadow: 30px 0 0 rgba(102, 51, 51, 0.267);
  }
  50% {
    box-shadow: 0 0 0 rgba(102, 51, 51, 0.267);
    margin-top: -20px;
    -webkit-transform: translate(15px, 15px);
    -moz-transform: translate(15px, 15px);
  }
  100% {
    box-shadow: 30px 0 0 rgba(102, 51, 51, 0.267);
    margin-top: 0;
  }
}

/* Start: Navbar */

.navbar-fixed-top {
  /* width: inherit !important; */
  /* background-color: red; */ /* border-bottom: 1px solid red !important; */
}
.dropdown-menu {
  min-width: 262px;
  border-radius: 5px !important;
  background-color: #000;
}
.navbar .nav .active > a,
.navbar .nav .active > a:hover {
  font-weight: 500;
}
.nav-collapse .nav li .dropdown-menu li a {
  font-size: 16px;
}

#navbarServiceTypeList > ul {
  border-bottom: 0px solid #fff !important;
  border-top: 1px solid #fff;
}
@media (max-width: 769px) {
  #navbarServiceTypeList .dropdown-menu {
    display: flex;
  }

  #navbarCartControl > ul > li#navbarCartControl > ul > li {
    width: 100% !important;
  }
}

@media (max-width: 450px) {
  #navbarServiceTypeList .dropdown-menu {
    flex-direction: column;
    align-items: center;
    margin-left: -8px;
  }
}

.navbar .btn-navbar .icon-bar {
  display: block;
  width: 30px;
  height: 2px;
  margin-bottom: 7px;
  margin-top: 0px;
  background-color: #fff !important;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: 0 1px 0 rgb(0 0 0 / 25%);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 0 rgb(0 0 0 / 25%);
}

@media screen and (max-width: 768px) {
  #header .span4.message.split-screen {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100%;
    margin-top: 100px;
  }

  #content > div > div.left > div.well.well-small.span9.offset1.addMore {
    margin-left: 40px;
  }

  #cartClear.offset2 b,
  #cartClear.offset2 a {
    margin-left: 40px !important;
  }
  #navbarLoginControl > ul.dropdown-menu.hidden-desktop > li > a {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
  }
}

.footer-copyright p,
.footer-terms a {
  color: #fff !important;
  /* margin-right: 4px; */
  font-size: 13px;
}

.dropdown-menu .divider {
  display: none;
}

#closeLegal {
  color: black;
}
.alert {
  z-index: 99;
}

.alert {
  padding: 8px 35px 8px 35px;
  margin-top: 5px;
  background-color: #bb9b2e;
  border: 1px solid #000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #c09853;
}
.memberdiscwarn {
  font-weight: 700;
}

#nav .navbar-inner .brand {
  background-size: contain !important;
  width: 44 px !important;
  height: 44 px !important;
}

@media (max-width: 768px) {
  #nav .navbar-inner .brand {
    clear: both;
    margin: unset;
    left: 0;
    position: absolute;
    right: 0;
  }
}

@media (min-width: 769px) and (max-width: 979px) {
  .nav-collapse,
  .nav-collapse.collapse {
    width: 76vw;
    height: 186px;
  }

  .nav-collapse .nav li .dropdown-menu li a {
    text-align: center !important;
  }
  #navbarCartControl a[href='#/summary'] {
    margin-left: 0px !important;
  }
  .nav-collapse .nav li .dropdown-menu li a[href='#/summary'] {
    /* background-color: #000; */
    width: 100vw;
    padding: 0pc;
    max-width: 180px !important;
    min-width: 0px !important;
    margin: auto;
    margin-top: 20px !important;
    text-align: center;
    /* margin: 0px; */
  }
  .nav-collapse .nav li .dropdown-menu li a {
    /* font-weight: bold; */
    margin: auto !important;
    /* width: 160px !important; */
  }
  p.intro {
    margin-top: 10vh !important;
  }
  .row > .message {
    margin: auto 0;
  }

  .navbar .nav.pull-right {
    width: 25%;
  }
  .nav-collapse .nav li {
    /* margin: 1px 0; */
    float: none;
    margin: auto !important;
    width: 100%;
  }

  .navbar .pull-right .dropdown-menu {
    left: 0px !important;
    margin: 0px;
  }
  .bookingSummary > #navbarCartControl {
    /* margin-left: -15px !important; */
    max-width: 180px !important;
    min-width: 0px !important;
    margin: auto;
    text-align: center;
  }

  .nav-collapse .nav > li > a,
  .nav-collapse .dropdown-menu a {
    padding: 7px;
  }
  .serviceType a {
    width: auto !important;
    margin-right: 2px !important;
  }

  .summaryV2 .three-columns {
    grid-template-columns: 30px 1fr 1px;
  }
}
#pmsDatesCalendar table > tbody a > span.small {
  /* color: transparent; */
}
@media (min-width: 821px) and (max-width: 979px) {
  .nav-collapse,
  .nav-collapse.collapse {
    width: 100%;
  }
}

@media (min-width: 980px) {
  .bookingSummary > #navbarCartControl {
    min-width: 384px !important;
    margin-left: 0 !important;
  }

  .nav-collapse .nav li .dropdown-menu li a {
    width: auto !important;
  }

  .navbar .nav > li > a {
    color: #fff !important;
    font-weight: 600;
    font-family: 'Poppins', serif;
    width: max-content;
    padding: 4px 10px;
  }

  .nav-collapse,
  .nav-collapse.collapse {
    width: 100%;
  }

  .summaryV2 .three-columns {
    grid-template-columns: 30px 1fr 1px;
  }
  section.mainContent {
    margin: 10vh 2vw 5vh !important;
  }

  .navbar.navbar-fixed-top .container {
    display: flex;
  }

  .nav-collapse {
    position: absolute;
    right: -5vw;
  }

  .nav.pull-right {
    /* margin-top: 30px; */
    display: flex;
    margin-right: 127px;
    /* min-width: 300px; */
    justify-content: flex-end;
  }

  #navbarServiceTypeList .dropdown-menu li {
    width: 100%;
    /* height: 42px; */
    border-radius: 0px !important;
    text-align: center;
    margin: auto;
  }

  #navbarServiceTypeList .dropdown-menu,
  .nav-collapse .nav li .dropdown-menu li a {
    color: #fff !important;
    border-radius: 0 !important;
    /* border-bottom: 1px solid; */
    /* font-weight: 500 !important; */
  }
  .diningReservation .accordion-body .accordion-inner .login {
    margin-right: 20px;
  }
  .diningReservation label.control-label[for='userPassword1'] {
    margin-left: 0 !important;
  }

  .bookingHistory h3:first-of-type {
    margin: 0 !important;
    border-bottom: 2px solid #000;
    margin-top: 5px !important;
  }

  #bookingHistoryCollapse .row {
    margin-top: 4px;
  }

  #pmsDatesForm > div.well.span9.offset1 > div:nth-child(2) {
    position: relative;
  }
}

@media (min-width: 980px) and (max-width: 1200px) {
  .navbar .nav.pull-right {
    width: inherit;
    margin-top: 11px;
  }
}

#main {
  position: relative;
  min-height: 60vh !important;
}

#header .message > p {
  display: none;
}

#serviceList .nav-list li {
  /* background: transparent !important; */
  /* max-width: 170px; */
  /* min-width: 170px; */
  width: 100%;
  background: transparent !important; /* height: 350px; */
  /* overflow: hidden !important; */
  letter-spacing: 2px;
  /* border: 1px solid #fff !important; */
  font-weight: 800;
  text-shadow: none !important;
  overflow: hidden !important;
  margin: 1px !important;
}

#serviceList > ul > li.home {
  /* background: url(../img/background-roomsBooking.jpg) no-repeat center center
    fixed !important; */
}

#serviceList > ul > li.flag {
  /* background: url(../img/background-golfBooking.jpg) no-repeat center center
    fixed !important; */
}

#serviceList > ul > li.certificate {
  background: url(../img/background-short.jpg) no-repeat center center fixed !important;
}

#serviceList ul {
  background-color: transparent;
  display: flex;
  align-items: center;
  flex-direction: row;
  /* width: 90%; */
  /* min-height: 101px; */
  /* margin: auto; */
  padding: 20px 0px;
  justify-content: center;
  /* overflow: hidden; */
}
@media (max-width: 850px) {
  #serviceList ul {
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    padding: 20px 0px;
  }
}
@media (max-width: 600px) {
  #serviceList .nav-list li {
    background: transparent !important;
    /* max-width: 170px; */
    min-width: 300px;
    /* border: 10px solid #FFF; */
    letter-spacing: 2px;
    font-weight: 800;
    cursor: pointer;
    text-shadow: none !important;
    overflow: hidden !important;
    /* margin-right: 0px !important; */
  }
  #serviceList .nav-list li a {
    width: 240px !important;
    line-height: 54px;
    margin: auto !important;
    height: 54px;
    transition: all 0.1s;
  }
}

@media (min-width: 992px) {
  p.intro {
    width: 60%;
    margin: 0 auto;
  }
}

#golfTeeInfo .control-group:nth-of-type(2),
#golfTeeInfo p:first-of-type {
  display: none;
}
#golfResults .span8 > p {
  margin: 10px !important;
}
.teesheet .availability.show {
  width: 85px;
  /* margin: -1px; */
  padding: 3px;
}

.ui-widget-content td > .ui-state-low,
.datepicker-legend .ui-state-low {
  background-color: #66333317 !important;
  color: black !important;
}

.ui-widget-content .ui-datepicker-header,
.ui-widget-content td > .ui-state-hover,
.ui-widget-content td > .ui-state-active,
.ui-widget-content td > .ui-state-default:hover {
  background-color: #000 !important;
  color: #fff !important;
}
.ui-widget-content td > .ui-state-active,
.datepicker-legend .ui-state-active,
.ui-widget-content td > .ui-state-active.min-los {
  background-color: #000 !important;
  border-radius: 0px;
  color: #fff !important;
}

.ui-widget-content td > .ui-state-selected,
.datepicker-legend .ui-state-selected,
.ui-widget-content td > .min-los.ui-state-selected {
  background-color: #433e2e8c !important;
  color: #fff !important;
}

.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: none;
}

.ui-widget-content td > .ui-state-disabled,
.datepicker-legend .ui-state-disabled,
.rangeLock.min-los.ui-datepicker-unselectable.ui-state-disabled a {
  background-color: #000000 !important;
  color: white !important;
}

.datepicker-legend .min-los {
  background-color: #ebcca6;
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
  background-color: #fff;
  cursor: pointer;
}
@media (max-width: 979px) {
  #golfResults .availability p.slots {
    margin-left: -30px !important;
    background-color: #000;
    /* border-radius: 0px; */
    padding: 5px;
    margin-top: 3px;
    /* margin: 7px; */
  }
  tr.teetime {
    border: 0px !important;
    border-bottom: 1px solid !important;
  }

  #golfResults .span8.offset2 {
    margin-left: 0 !important;
  }
  .teesheet td.teetime {
    width: auto;
    margin: -1px;
    height: 30px; /* width: -webkit-fill-available; */
    padding: 10px !important;
    font-size: initial;
  }
  #golfResults .availability p.slots {
    color: #fff !important;
    /* margin-left: -100px !important; */
  }

  .date-picker-container {
    padding: 10px 0px !important;
  }
}

@media (min-width: 980px) {
  #golfResults.slots.badge.badge-info {
    background-color: transparent !important;
  }
  #golfResults .span8.offset2 {
    margin-left: 0 !important;
    width: -webkit-fill-available !important;
  }
  .golfTeeInfo .teetime .btn-group {
    display: flex;
  }
  #content.golfTeeInfo .teesheet tr.teetime td .btn-group .btn {
    margin: 1px;
  }
  #nav > div.navbar.navbar-fixed-top > div > div > div > ul > li:hover:after {
    width: 10px !important;
  }
  #nav > div.navbar.navbar-fixed-top > div > div > div > ul > li:before,
  #nav > div.navbar.navbar-fixed-top > div > div > div > ul > li:after {
    content: '';
    width: 0;
    height: 2px;
    background: #fff;
    position: absolute;
    top: 25px;
    right: 50%;
    transition: width 0.2s ease-in-out;
  }
  #navbarCartControl:before,
  #navbarCartControl:after {
    content: '';
    width: 0;
    height: 2px;
    background: transparent !important;
    position: absolute;
    top: 36px !important;
    right: 50%;
    transition: width 0.2s ease-in-out;
  }
}

@media (max-width: 768px) {
  form#golfTeeInfo {
    margin: 0 !important;
  }
  form#golfTeeInfo .control-group {
    margin-left: 0 !important;
  }
  .memberdiscwarn {
    position: absolute;
    top: 90px;
    left: 20px;
    font-weight: 700;
  }
}

@media (max-width: 480px) {
  .ui-datepicker-multi-2 .ui-datepicker-group {
    width: 100% !important;
  }
  #ui-datepicker-div {
    max-width: 250px !important;
  }
  #golfResults .availability p.slots {
    margin-left: -20px !important;
  }
}

.alert-success {
  margin-top: 65px;
  color: #fff !important;
  border: 0px;
  border-radius: 0px;
  display: flex;

  box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
  justify-content: space-between;

  flex-direction: row-reverse;
}
.alert-success > h4 {
  font-weight: 500;
  color: #fff !important;
}

.alert h4,
.alert .close,
.alert {
  color: #fff;
  /* z-index: 10000; */
}
.alert {
  box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
  border: 0px;
}
#foliowarning {
  text-align: center;
  margin-right: 3em;
}
.foliowarningClose {
  margin-left: 3em;
  font-weight: 800;
  border: none;
}
.breadcrumb {
  background: #fff;
  border-bottom: 1px solid #bb9b2e;
}
p small {
  color: black;
}
.breadcrumb li {
  color: #000;
  font-size: 20px;
  font-weight: 500;
}

.breadcrumb .divider {
  color: black;
}
.pull-right.btn.btn-mini.disabled.btn-info {
  background-color: transparent !important;
  color: inherit !important;
  opacity: 1 !important;
  margin-top: 1px;
  /* top: 10px; */
  min-width: min-content;
  /* border-radius: 2px !important; */
  /* border: 1px solid #fff !important; */
}
.accordion-heading a.accordion-toggle:hover {
  background-color: #000 !important;
  /* color: #bb9b2e !important; */
}

.accordion-group {
  /* border-bottom: 1px solid #bb9b2e; */
  margin-bottom: 2px;
  /* border-bottom: 1px solid #68604d; */
}
.accordion-heading .accordion-toggle {
  background-color: #efefef;
  font-weight: 500;
  font-size: 17px;
  font-family: 'Poppins', serif;
  /* border: none; */
  /* padding: 8px 15px; */
  transition: all 0.3s;
}
.accordion-toggle:focus {
  outline: none;
}
.span2 .btn {
  background-color: #063564;
}

.accordion p {
  font-size: 16px;
  color: black;
}

#golfTeeInfoSubmit {
  display: none;
}

.mainContent {
  margin-bottom: 20vh;
}

.accordion-body > .accordion-inner p,
.spaServiceType p {
  line-height: 1.5;
  margin: auto 0;
  color: #000;
  font-size: 1.2em;
}

#main .container .mainContent .row #content {
  margin-bottom: 60px;
}

/* Summary Page */
.three-columns .mainContent {
  margin-bottom: 0 !important;
}
#acceptTermsModal .accept {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}

.groupCodeApply {
  margin-bottom: 0 !important;
  margin-left: 0 !important;
}
#userCreateUserForm span.add-on {
  margin-top: 0 !important;
  /* height: 19px; */
  text-align: center;
  min-height: 20px;
}

.content-bookingHistory .bookingHistory .page-header[data-folioid] {
  display: flex;
  position: relative;
  margin-top: 7px;
  padding-top: 10px;
  padding-left: 10px !important;
  /* border: 1px solid #000; */
  align-items: flex-start;
  box-shadow: 0 3px 10px rgb(0 0 0 / 4%);
}

.content-bookingHistory
  .bookingHistory
  .page-header[data-folioid]
  .span.pull-right {
  float: right;
}

.content-bookingHistory .bookingHistory .page-header[data-folioid] .span5 {
  margin-left: 0 !important;
}
#bookingHistoryCollapse .span5 {
  margin-left: 0 !important;
}
.content-bookingHistory .bookingHistory .page-header[data-folioid] h3 {
  position: absolute;
  top: 0;
  flex: 1;
}
.bookingHistory .bookingHistory {
  position: relative;
}

@media (max-width: 480px) {
  #header .span4.message {
    margin-top: 150px;
  }
  .navbar .btn {
    padding: 20px 5px;
    /* margin-bottom: 16px; */
  }
  .diningReservation .accordion-inner.clearfix {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .accordion-inner > .row {
    margin-bottom: 0;
  }
  .bookingSummary > #navbarCartControl {
    margin-left: -15px;
    width: 92vw;
    max-width: 331px;
  }
  .accordion-inner .row .span2 > a {
    margin-bottom: 0;
  }

  .modal-body .alert-danger,
  .alert-error {
    position: fixed !important;
  }
}
.total-display {
  /* width: max-content; */
  margin: auto;
  text-align: center;
}

.breadcrumb {
  padding: 14px !important;
}

.navbar-fixed-bottom > .navbar-inner {
  background-color: #000 !important;
  /* border-top: 5px solid #B3A369 ; */
  border-bottom: none;
}
.static-footer {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  border-top: solid 10px #b3a369;
  margin-right: 0;
  margin-left: 0;
  background-color: #063564;
  color: #fff;
  padding: 50px 0;
  line-height: 1.42857143;
  overflow: hidden;
  z-index: 2000;
  margin-top: 20vh;
}
.static-footer h3 {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 20px;
  text-transform: uppercase;
  margin: 0 0 10px;
  text-align: center;
  letter-spacing: 1px;
}
#addrescolumn {
  margin-bottom: 30px;
  font-size: 18px;
  text-align: center;
}
#linkscolumn {
  font-size: 1.2em;
  padding-bottom: 0px;
  margin-bottom: 20px;
}
#socialcolumn {
  text-align: center;
}
#socialcolum a {
  padding-top: 15px;
}
#linkscolumn > a {
  color: #c7eeff !important;
}
#facebook {
  content: url(../img/facebook-icon.png);
}
#instagram {
  content: url(../img/instagram-icon.png);
}
#youtube {
  content: url(../img/youtube-icon.png);
}

.static-footer {
  padding-bottom: 18vh !important;
}

.modal-footer {
  display: flex;
  justify-content: flex-end;
  background-color: #fff;
  border-top: 0px solid #bb9b2e;
}

@media (min-width: 768px) {
  .static-footer {
    left: 0;
    right: 0;
    margin: auto 0;
    padding-bottom: 8vh;
    bottom: 0;
  }
  #userCreateUserForm .row-fluid .span2 {
    width: 30%;
  }
  .row .message {
    /* margin-bottom: 20vh; */
    width: 95vw !important;
  }
  #linkscolumn {
    margin-left: 60px;
  }
  section.mainContent {
    margin: 15vh 0 25vh 0;
  }

  .bookingSummary > #navbarCartControl {
    /* width: 47vw; */
    /* max-width: 180px !important; */
    /* min-width: 0px !important; */
    /* margin: auto; */
    /* text-align: center; */
    /* margin-left: -15px; */
  }
  .accordion-group .accordion-body .accordion-inner > .row {
    margin-bottom: 0;
  }
  #userCreateUserForm .row-fluid.login .control-group.login {
    margin-right: 10px;
    width: auto;
  }
}
@media (max-width: 768px) {
  #acceptTermsModal {
    top: 300px !important;
  }
  .modal-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
@media (max-width: 555px) {
  #acceptTermsModal {
    top: 110px !important;
  }
}
@media (min-width: 1024px) {
  .bookingSummary > #navbarCartControl {
    /* margin-left: -2px !important; */
  }

  .navbar .nav.pull-right {
    width: inherit;
    /* margin-right: 60px !important; */
    margin-top: 16px;
  }
  .nav-collapse .nav > li > a,
  .nav-collapse .dropdown-menu a {
    /* padding: 5px 0; */
  }
  #content > a {
    margin-top: 1em;
  }

  table.table.table-condensed.teesheet {
    width: 100% !important;
  }
  .accordion-group .accordion-inner .span3 img {
    padding-bottom: 0;
  }
}

@media (max-width: 767px) {
  .static-footer > [class*='span'] {
    margin-left: 20px;
    margin-right: 20px;
  }
  .summaryV2 .guestNote .btn.guestNote {
    margin-left: 0;
  }
  section.mainContent {
    margin-bottom: 0;
    /* margin: 120px auto; */
  }
  .summaryV2 .three-columns {
    grid-template-columns: 18px 1fr 38px !important;
  }
  form > div.control-group.gcShipping > div {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 768px) {
  #closeLegal {
    color: black;
    margin-left: 70vw;
  }
  .nav-collapse .nav li .dropdown-menu li a {
    font-size: 16px !important;
    /* width: 200px; */
    /* min-width: 121px; */ /* margin-right: 22px; */
    padding: 7px;
  }
  .nav-collapse .nav li .dropdown-menu li a[href='#/summary'] {
    /* background-color:#000; */
    width: 100% !important;
    padding: 0pc;
    max-width: 180px !important;
    min-width: 0px !important;
    margin: auto;
    margin-top: 20px;
    text-align: center;
    /* margin:0px; */
  }

  #navbarLanguageList > ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: center;
  }

  .nav-tabs .user_profile_tab,
  .update_c#756f61itcard_tab {
    padding: 0 10px !important;
    margin: 5px;
  }
  .cartSummary .item-body .nameAndPriceContainer {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
  }
  .content-cartSummary .summaryV2 .mainContent .nameAndPrice {
    margin-left: 0 !important;
  }
  .nameAndPriceContainer > .greyText {
    position: relative !important;
    width: max-content;
  }
}

@media (min-width: 768px) and (max-width: 820px) {
  #closeLegal {
    margin-left: 10vw;
  }
}

@media (min-width: 800px) {
  .row .message {
    width: 100% !important;
  }
  section.mainContent {
    margin: 15vh 0 35vh 0;
  }
  .bookingSummary > #navbarCartControl {
    width: 160px !important;
    /* font-weight: bold !important; */
  }
  .nav-collapse .nav li {
    margin: 1px 0px;
    /* width: max-content !important; */
  }
  .nav-collapse .nav li .dropdown-menu li a {
    /* width: 160px; */
    padding: 15px 0px;
    /* margin-right: 10px; */
    text-align: center;
    font-size: 15px;
  }
}

@media (min-width: 978px) {
  #header .span4.message {
    /* margin-top: 300px !important;
    margin-left: 0; */
    margin-left: 0px;
  }
  table.table.table-condensed.teesheet {
    width: 75v !important;
  }
}

@media (min-width: 1200px) {
  #userCreateUserForm.span8 {
    width: inherit;
  }
}

@media (min-width: 1490px) {
  table.table.table-condensed.teesheet {
    width: 100% !important;
  }
}

.userLoginForm h4 small a.btn {
  margin-top: 10px !important;
}
/* Spa Styling Start Here */

.modeSelector button.segment-header {
  background: #f0f0f0 !important;
}
.modeSelector > .segment {
  margin: 0 2.5vw;
}
.fc-toolbar {
  background: #000 !important;
}
.serviceSelectionHeader,
.yellowHeader,
.yellowHeader a {
  background-color: #000 !important;
  color: #bb9b2e !important;

  /* font-size: 1.1em; */
  font-weight: 400;
}

.yellowHeader {
  padding-left: 0px !important;
}
.fc-toolbar,
.vuecal__menu,
.vuecal__cell-events-count,
.vue_cal_div .user_weekly_schedule_text {
  background-color: #000 !important;
}
.summaryV2 .blue-text,
.well.well-small.loginPrompt > strong:first-child {
  color: #000 !important;
}

.form-actions {
  background: transparent;
  border: none;
}
button.btn,
input[type='submit'].btn {
  padding: 10px !important;
}
.span12.c_spaClassCalendar.spaClassCalendar,
.span12.page-header.c_spa_class_location {
  margin-top: 5px !important;
}
.row-fluid.spaClassCalendar p.span12 {
  font-size: 1.1em;
}
.spaClassCalendar .span12 {
  margin-bottom: 0 !important;
}
#spaBookConfirm div.row {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.content-spaPackageTpl #app .stepper #stepper-categories .componentItem:hover,
.content-spaPackageTpl #app .stepper #stepper-services .serviceItem:hover,
.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover {
  border-color: #fff !important;
  background: #000;
  color: #bb9b2e;
}

.itemDesc p {
  padding-right: 1em !important;
}
.well.well-small.loginPrompt > .textAfter {
  margin-left: 1em;
}
#userResetPasswordForm strong {
  display: none;
}
#userResetPasswordForm .controls {
  display: flex;
}
.content-spaPackageTpl .cart-body .horizontal-line {
  display: none;
}

.package-review-screen-bookmore-btn-span-1 {
  width: 240px;
  font-weight: 500;
  max-width: fit-content;
}
.well.newsletter-parent,
.control-group.userGender {
  display: none !important;
}
#warnings .alert {
  top: 15vh;
  max-width: 80%;
  display: flex;
  justify-content: space-between;
  margin-left: 2.5vw;
}
.accordion-toggle .active .packageIndicator {
  color: #fff !important;
  border: 1px solid #fff !important;
}
.ageDiv {
  margin: 0 !important;
}
#content > div > div.left > div.well.well-small.span9.offset1.addMore > div {
  display: flex;
}
@media (min-width: 769px) {
  .vue-app-container {
    margin: 20vh 2.5vw 0 2.5vw;
  }
  .spa-service-age-restriction-messages {
    padding: 10px !important;
  }
  .summaryV2 .left .addMore .button-container {
    display: flex !important;
    flex-wrap: wrap;
  }
  .summaryV2 .left .addMore .button-container a {
    display: flex;
    /* flex-direction: column; */
    width: 100px;
    margin-top: 5px;
    justify-content: center;
    /* align-items: baseline; */
  }
  .summaryV2 .left .addMore .button-container a i {
    /* margin-bottom: 10px; */
    padding: 3px;
  }
}

@media (max-width: 768px) {
  #main .container .mainContent .row #content {
    margin: 0px;
    padding: 10px !important;
    /* margin-bottom: 240px; */
  }
  .accordion-inner .service-details {
    padding: 10px;
  }
  #content > div > div.left > div.well.well-small.span9.offset1.addMore > div {
    display: flex;
    flex-direction: column;
  }

  #app .packageIndicator {
    color: #000 !important;
  }

  .stepper .stepper-header {
    margin-top: 55px !important;
  }
}

/* Club Styling Starts Here */

/* Club Page Style Change */

.clubAccount h1,
.clubAccount h2,
.clubAccount h3,
.clubAccount h4,
.clubAccount h5,
.clubAccount h6,
.suggested--payment label,
label.payment--div--text,
.clubAccountList h2 {
  color: #000 !important;
  margin: 11px 0px !important;
}

.clubAccount .spanClub .dl-horizontal dt {
  width: auto;
  color: #000 !important;
}

.content-clubAccount .mainContent .span12 {
  background-color: #fff !important;
  margin: auto;
  width: 100% !important;
  /* margin-right: 0px !important; */
}

@media (min-width: 768px) {
  .content-clubAccount .mainContent .span12 {
    width: 100% !important;
  }
  .summaryV2 .guestNote .btn.guestNote {
    position: absolute;
  }
}
@media (max-width: 768px) {
  .content-clubAccount #main .container {
    overflow: hidden !important;
    width: 100% !important;
  }
  .clubGuestDirectory {
    background-color: #fff !important;
  }
  .content-clubGuestDirectory #content {
    margin: 0 !important;
  }
  .stepper div#reviewModel {
    margin: 0px !important;
    position: absolute;
    left: 9px;
  }
}
@media (max-width: 979px) {
  #guestDirectory_wrapper,
  #guestDirectory tbody td {
    padding: 0 !important;
  }
  .clubGuestDirectory {
    padding: 0 !important;
    max-width: inherit;
  }
  .content-clubGuestDirectory .whitebg,
  .content-clubGuestDirectory #content {
    position: absolute;
    margin: 0 !important;
    top: 10vh;
  }
  .summaryV2 .right {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9000;
  }
  #userCreateUserForm.span8 {
    padding: 10px !important;
  }

  #navbarLoginControl > ul.dropdown-menu.hidden-desktop > li:last-of-type {
    /* border-top:none !important; */
    box-shadow: 0 3px 10px rgb(0 0 0 / 3%);
  }
}
@media (min-width: 800px) and (max-width: 979px) {
  .content-clubGuestDirectory .whitebg,
  .content-clubGuestDirectory #content {
    left: 3vw;
  }
  #guestDirectory_wrapper,
  #guestDirectory tbody td {
    font-size: 0.9em;
  }
}

@media (min-width: 666px) and (max-width: 799px) {
  .content-clubGuestDirectory .whitebg,
  .content-clubGuestDirectory #content {
    left: 5px;
  }

  #guestDirectory_wrapper,
  #guestDirectory tbody td {
    font-size: 0.8em;
  }
}

@media (min-width: 600px) and (max-width: 665px) {
  #guestDirectory_wrapper,
  #guestDirectory tbody td {
    font-size: 0.7em;
  }
}

@media (max-width: 599px) {
  #guestDirectory_wrapper,
  #guestDirectory tbody td {
    padding: 10px !important;
  }
  .clubGuestDirectory {
    padding: 10px !important;
    max-width: inherit;
  }
  .content-clubGuestDirectory .whitebg,
  .content-clubGuestDirectory #content {
    margin: 10px !important;
  }
}

@media (max-width: 425px) {
  .greyBg {
    padding: 10px;
  }
  input.span2,
  input.span1 {
    width: 200px !important;
  }
  .calendar-controls {
    padding: 0;
  }
  .accordion-heading > a > .btn-info {
    margin-bottom: 5px !important;
  }
}

.account-details dt:first-of-type,
.account-details dd:first-of-type,
.account-details hr:first-of-type {
  display: none;
}

/* Gift Card Style Change */

.giftCertificates #categoryTabs {
  /* display: none; */
}

.componentGiftCertificate .thumbnail h5 {
  display: none;
}

/*
#categoryTabs li {
  margin-left: 5px;
  margin-right: 5px;
}
#categoryTabs li a {
  color: #000;
  font-size: 20px;
} */
.icon-white {
  /* background-image: url(../img/glyphicons-halflings.png) !important; */
  /* color: #fff; */
}

/* PMS Style Change */
.pmsSpecialServiceTpl .tab-content {
  width: -webkit-fill-available;
}
.pmsSpecialServiceTpl .tab-content h4 {
  padding-left: 5px !important;
}
.pmsSpecialServiceTpl .tab-content .row {
  margin-top: 10px;
}
.pmsSpecialServiceTpl #categoryTabs {
  position: relative;
  padding-top: 30px;
}

.pmsSpecialServiceTpl #categoryTabs h4 {
  position: absolute;
  top: 0;
  left: 25%;
}

.ui-widget-content .ui-datepicker-header {
  background-color: #fff !important;
  color: #000 !important;
  font-size: 15px;
  border-radius: 0px;
  border-bottom: 1px solid #000;
}

.termsConCheck {
  width: 30px;
  height: 30px;
}
#termsConWrap {
  margin-top: 1em;
  margin-left: 1em;
}

.popover {
  display: flex !important;
  flex-direction: column;
  max-width: 100px !important;
}
.popover-content .popOverTouchButton {
  margin: 0;
  padding: 5px;
  display: flex;
  max-width: 80px;
  background-color: #063564;
  color: #fff;
  font-weight: 900;
  text-align: center;
  justify-content: center;
}

.pmsRoomDesc A {
  margin-right: 0 !important;
}

.stepper-body-content .error {
  z-index: 99999999;
}

#pmsDatesForm .page-header h2 {
  margin-left: 0;
  font-weight: bold;
}

#pmsDatesForm .page-header h2 small {
  display: none !important;
}
.content-pmsDatesForm #pmsDatesForm {
  padding-left: 15px;
  padding-top: 0 !important;
}
.content-pmsDatesForm .pmsDatesForm .span12:first-of-type {
  margin: 5px !important;
}
.content-pmsDatesForm
  #pmsDatesForm
  .row:first-of-type
  .page-header:first-of-type {
  padding: 0 !important;
}
#pmsNote {
  font-weight: bold;
}

/* Dining Styling */

.diningReservation .title {
  display: none;
}
#categories {
  /* background-color: whitesmoke !important; */ /* display: flex; */
  /* flex-direction: column; */
  /* align-items: center; */
}

#categoryTabs {
  /* display: flex; */
  /* flex-wrap: wrap; */
  /* padding: 10px 0; */
  /* margin: 0 !important; */
}
#categoryTabs li {
  text-align: center;
  font-weight: 700;
}

.input-append.arrow-right .add-on {
  margin-top: 0 !important;
}
.content-cartSummary .alert-danger,
.alert-error {
  border-radius: 0px;
  /* position: fixed !important; */
}
.alert-error {
  top: 30vh;
  color: #fff !important;
  margin-top: 65px;
  border-radius: 0px;
}
.dining.accordion-body .accordion-inner {
  display: flex;
  flex-direction: column;
}
.dining.accordion-body .accordion-inner .description,
.dining.accordion-body .accordion-inner .hours {
  line-height: 2em;
  font-size: 16px;
}

#categories .accordion-inner .controls.timeslots .btn-group {
  /* display: flex !important; */
  /* align-items: flex-start; */
  margin-top: 10px;
}
.dining.accordion-body .accordion-inner .form-float.control-group .controls {
  margin-bottom: 0 !important;
}
.dining.accordion-body .accordion-inner .row-fluid.names .control-group {
  width: max-content !important;
}
@media (max-width: 979px) {
  #categoryTabs li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  #categories .accordion-inner .row-fluid:nth-of-type(3) {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  #main > div.container {
    width: 100%;
    margin-top: 23px;
  }

  #categories
    .accordion-inner
    .row-fluid:nth-of-type(3)
    .row-fluid:not(.passwords) {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  #categories
    .accordion-inner
    .row-fluid:nth-of-type(3)
    .row-fluid
    .login
    button,
  #categories
    .accordion-inner
    .row-fluid:nth-of-type(3)
    .row-fluid
    .forgot
    button {
    margin: 0 !important;
  }
  #categories .accordion-inner .row-fluid:nth-of-type(3) .user .userEmail1 {
    width: 270px !important;
  }

  #categories .accordion-inner .row-fluid:nth-of-type(3) select {
    width: 260px;
  }
  .popover {
    display: none !important;
  }
  .diningReservation .diningReservation,
  .diningReservation .diningReservation #categories,
  .diningReservation .diningReservation #categories .tab-content {
    max-width: 100%;
    width: 100%;
  }
}

@media (min-width: 980px) and (max-width: 1021px) {
  #categories .accordion-inner .row-fluid:nth-of-type(3) #userRequest,
  #categories .accordion-inner .row-fluid:nth-of-type(3) #userPhone {
    width: 250px;
  }
}
@media (min-width: 1022px) {
  #categories .accordion-inner .row-fluid:nth-of-type(3) .names .control-group {
    margin-right: 1em !important;
  }
}
@media (max-width: 700px) {
  .mainContent .diningReservation #categoryTabs {
    flex-direction: column;
    align-items: center;
  }
}

#categories
  .accordion-inner
  .row-fluid:nth-of-type(3)
  .span5:not(.control-group) {
  width: 250px !important;
  height: 200px !important;
}
#categories .accordion-inner .row-fluid:nth-of-type(3) .user {
  margin-left: 0 !important;
}
#categories .accordion-inner .row-fluid:nth-of-type(3) .user .add-on {
  margin-top: 0 !important;
  cursor: pointer;
  height: 22px !important;
}
#categories .accordion-inner .row-fluid:nth-of-type(3) .user .userEmail1 label {
  top: 0 !important;
}
#categories
  .accordion-inner
  .row-fluid:nth-of-type(3)
  .user
  .userEmail1
  label
  span {
  width: max-content;
}

.userLoginForm .control-group.userPassword1 .controls,
.control-group.newPassword1 .controls,
.newPasswordTypeCustom .control-group.form-float .controls {
  position: relative !important;
}
.controls .regularEye {
  position: absolute;
  right: 5px;
  top: 5px;
  font-size: 1.2em;
  cursor: pointer;
}

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

.cartCCPaymentResult p {
  padding: 0 !important;
  line-height: 2em !important;
}
.emptyCart .page-header {
  padding: 10px 0;
}
.diningReservation .accordion-body .accordion-inner input:not(.hasDatepicker),
.diningReservation .accordion-body .accordion-inner textarea {
  margin-left: 0px;
  /* width: 250px !important; */
}

@media (max-width: 768px) {
  #main .container .mainContent {
    /* width: unset !important; */
    /* width: 100% !important; */
    margin-bottom: 100px;
  }
  .giftCertificates .accordion-inner {
    padding: 5px;
  }
  #categories
    .accordion-inner
    .row-fluid:nth-child(3)
    .span5:not(.control-group) {
    width: inherit !important;
    height: 200px;
  }
  #categories .accordion-inner .row-fluid:nth-of-type(3) .row-fluid {
    align-items: initial !important;
  }
}
.bookingHistory .existingBookings {
  margin-bottom: 1em !important;
}
.printWrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  right: 5px;
  bottom: 5px;
  font-size: 2em;
  cursor: pointer;
  font-weight: 600;
}
.printButton {
  margin-bottom: 5px;
}

#main {
  margin-top: 55px;
  margin-bottom: 400px;
}

.activityBtn {
  background: #063564 !important;
  color: #fff;
  padding: 8px 20px;
  float: right;
  text-decoration: none;
  margin-top: 15px !important;
}

.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: #fff;
}

#loadMessage {
  margin: 0 !important;
  font-weight: 600;
  background-color: #f5f5f5;
}
.splash-page h2 {
  padding-bottom: 16px;
  color: #000 !important;
  font-weight: 600;
}

.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #fff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}

/* Loading Indicator */

/* Booking History Style */

.content-bookingHistory .bookingHistory .page-header[data-bookingid] {
  /* display: flex; */
  /* position: relative; */
  padding-bottom: 41px;
  border: 0px !important;
  /* margin-top: 10px; */
  /* flex-direction: column; */
  /* justify-content: space-between; */
  /* border: 1px solid #7a4f33; */
  padding-left: 4px;
  display: flex;
  position: relative;
  margin-top: 7px;
  padding-top: 10px;
  padding-left: 10px !important;
  /* border: 1px solid #000; */
  align-items: flex-start;
  box-shadow: 0 3px 10px rgb(0 0 0 / 4%);
}

@media (max-width: 480px) {
  .content-bookingHistory .bookingHistory .page-header[data-bookingid] {
    display: flex;
    /* position: relative; */
    padding-bottom: 41px;
    padding-top: 40px !important;
    padding-left: 4px;
    margin-top: 16px;
    border: 1px solid;
    /* flex-direction: column; */
    justify-content: space-between;
  }

  .removeCartButton.btn.btn-primary {
    position: relative;
    left: 0px;
    top: 22px;
  }

  .removeCartButton.btn.btn-primary[href='#/golfBooking'] {
    position: relative;
    left: 0px;
    top: 88px;
  }

  .removeCartButton.btn.btn-primary[href*='#/roomsBooking/roomtype'] {
    position: relative;
    left: 0px;
    /* top: 109px; */
  }
  .content-bookingHistory .bookingHistory .page-header[data-folioid] {
    display: flex;
    margin-top: 17px;
    padding-top: 8px;
    padding-bottom: 24px !important;
    align-items: flex-start;
    flex-direction: column;
  }
}

.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;
  flex: 1;
}
.content-bookingHistory .bookingHistory .page-header[data-bookingid] h4 {
  margin-top: 0;
}
.bookingHistory .bookingHistory {
  position: relative;
}
.content-bookingHistory .bookingHistory .page-header .row {
  margin-bottom: 0px !important;
  margin-top: 30px !important;
  flex: 1;
}

.content-bookingHistory .bookingHistory .page-header .row .span.pull-right {
  float: right;
}

.cartSummary .bookingHistory .pastBookings {
  display: flex;
  font-weight: bold;
  align-items: center;
}

@media (max-width: 550px) {
  .cartSummary .bookingHistory .pastBookings {
    font-weight: bold;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
.content-bookingHistory .bookingHistory .page-header.clearfix {
  display: flex;
  flex-wrap: wrap;
  /* justify-content: center; */
}
.bookingHistory .page-header h4 {
  margin-left: 0;
}

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

@media (max-width: 768px) {
  .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: auto !important;
    padding-top: 23px;
  }

  .content-bookingHistory .bookingHistory .page-header[data-bookingid] h3 {
    margin: 0;
  }
  .content-bookingHistory
    .bookingHistory
    .page-header[data-bookingid]
    .row:last-of-type {
    position: absolute;
    right: 10px;
  }
}

@media (max-width: 480px) {
  .content-bookingHistory .removeCartButton {
    /* padding: 2px; */
    margin-top: 25px !important;
  }
  .stepper .stepper-header {
    margin-top: 55px !important;
  }
}

#warningPopup {
  position: fixed;
  top: 200px;
  margin: 0;
  left: 25vw;
  width: 50vw !important;
}
#warningPopup .closeWarning {
  border: none !important;
  position: absolute !important;
  right: 10px !important;
  top: 5px !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 1.1em !important;
}
#warningPopup .warnHeader {
  padding-top: 10px;
  padding-bottom: 50px;
  font-size: 1.1em;
  font-weight: 700;
  text-align: center;
}
#warningPopup .warnpopupWrap {
  display: flex;
  justify-content: space-around;
}
#dismissCartBut,
#dismissCartClear {
  color: #fff !important;
  border: none !important;
  outline: none !important;
  color: #fff;
  border: none;
  cursor: pointer;
  width: 140px;
  padding: 10px;
}

@media (max-width: 768px) {
  #warningPopup {
    left: 10vw;
    width: 80vw !important;
  }
  #warningPopup .warnpopupWrap button {
    width: auto !important;
    margin: 5px;
  }
}
.disabled-link {
  pointer-events: none;
}

.login-options {
  width: 100%;
  margin-top: 0px;
  margin-left: 0px;
  padding-top: 7px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: transparent;
  border: 0px !important;
  border-radius: 0px !important;
  font-size: 30px;
  /* display: none; */
  letter-spacing: 0.06em;
}

#userCreateUserForm > div:nth-child(6) > div.row-fluid.login.collapse.in {
  display: flex;

  align-content: center;

  align-items: center;
  justify-content: flex-start;
}
/* Navbar adjustments */

#nav .navbar-inner .brand {
  /* display: block; */
  width: 200px;
  height: 114px;
  /* aspect-ratio: auto 44 / 44; */
  background-size: contain !important;
  /* background: no-repeat url(../img/logo.png); */
  position: absolute;
  top: -8px;
  left: 23px;
  z-index: 1;
  margin-left: 0 px;
  background-position: center center;
  padding: 0;
}

#nav .navbar-inner {
  min-height: 55px;
  height: 55px;
}

.navbar > .navbar-inner {
  background-color: #0000007a;
  transition: all 0.5s;
}

.navbar .nav > li > a:hover {
  /* text-decoration: underline; */
  background: inherit !important;
  text-decoration-color: #fff;
}

.nav-collapse.in.collapse {
  margin-top: 75px;
  width: 100%;
  font-family: 'Poppins', serif;
  font-size: 16px !important;
  border-top: 1px solid #fff;
  margin-bottom: 10px;
  /* background: #fff !important; */
}
@media only screen and (max-width: 979px) and (min-width: 310px) {
  #nav .navbar-inner .brand {
    /* width: 99px !important; */
    height: 44 px !important;
    margin-left: 0px !important;
    margin-top: 5px !important;
    top: -34px;
    /* left: 0px; */ /* background: no-repeat url(../img/favicon.png); */
  }
}

/* Date picker */

#pmsDatesForm > .well.span9.offset1 {
  margin-top: -10px;
}

#navbarServiceTypeList .dropdown-menu .active a > .fas {
  color: #000 !important;
}

.fas.fa-trash-alt {
  color: #bb9b2e !important;
}

.dropdown-menu li > a:hover > .fas {
  color: #000;
}
.yellowHeader .fas {
  color: #000;
}
/* Button and link styles styles */

.content-spaPackageTpl #app .stepper .service-for .service-for-button,
.package-review-screen .package-review-screen-review-btn,
.loginContainer .segment-body-controls button,
.spaEventButton,
.AddToWaitList,
.summaryV2 .orange-button,
.mainContent #content.spaClassConfirmTpl #pmsFormSubmit,
.spaClassCalendarTpl .spaEventButton,
#userCreateUserForm button#userCreateSubmit,
.btn.btn-primary,
.forgot button.btn,
.userLoginForm a.btn.pull-right,
.userLoginForm a.span.btn,
#userChangeCancel,
#userCreateCancel,
.package-review-screen-more-activity-inner-div a.btn.primary,
.btn,
.c_view_service_link > p > a {
  background: #fff !important;
  color: #bb9b2e !important;
  border-radius: 0px !important;
  font-weight: 500 !important;
  border: 1px solid #bb9b2e !important;
  /* box-shadow: 0 0 10px 0 rgb(101 101 101 / 50%); */
  margin-bottom: 5px;
  min-width: 200px;
  max-width: 200px !important;
  margin-right: 12px;
  font-family: 'Poppins', sans-serif;
  outline: none !important;
  /* margin-left: 6px !important; */ /* breaks club*/
  width: auto !important;
  transition: all 0.2s;
  /* height: auto !important; */
}
/* btn btn-primary user-info-reserve-button disabled-reserve-button-color */
.btn.btn-primary.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; */
  background: transparent;
  min-width: 100% !important;
}

.dropdown-menu li > a {
  background: transparent !important;
  color: #777777;
  border-radius: 0px !important;
  font-weight: bold;
  transition: all 0.3s;
}

.btn.btn-navbar {
  border: none !important;
  min-width: 0px;
  /* margin-top: 10px; */
}

.ui-datepicker td .ui-state-default:hover {
  -moz-border-radius: 0px;
  border-radius: 0px;
}

#navLoginForm .form-actions a {
  width: 100% !important;
  /* margin: auto; */
  padding: 8px;
  margin-bottom: 7px;
  margin-left: 10px !important;
}

.btn.btn-primary.account-payment-btn,
.content-clubAccount .payment--div #club--payment--btn {
  min-width: 120px;
  padding: 10px !important;
  border-radius: 0px !important;
  margin: 3px !important;
}

.content-spaPackageTpl #app .stepper #stepper-categories .componentItem.active,
.content-spaPackageTpl
  #app
  .stepper
  #stepper-categories
  .componentItem.active:focus,
.content-spaPackageTpl
  #app
  .stepper
  #stepper-services
  .accordion-heading
  .serviceItem.active,
.content-spaPackageTpl
  #app
  .stepper
  #stepper-services
  .accordion-heading
  .serviceItem.active:focus,
.content-spaPackageTpl #app .stepper .serviceItem.active,
.vdp-datepicker__calendar .cell.selected,
.vdp-datepicker__calendar .cell.selected:hover,
.btn.btn-primary.time_picker_selected_date,
.accordion-section-title.active,
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.accordion-section-title:hover,
.teesheet .btn-group.book a:hover,
#loginButton:hover,
#navLoginForm .form-actions a:hover,
#cartClear .btn:hover,
.userLoginForm a.btn.pull-right:hover,
.userLoginForm a.span.btn:hover,
#userChangeCancel:hover,
#userCreateCancel:hover,
#userProfileCancel:hover,
.package-review-screen-more-activity-inner-div a.btn.primary:hover,
.activityBtn:hover,
a.removeCartButton:hover,
.btn:hover,
.content-spaPackageTpl #app .stepper .service-for .service-for-button:hover,
.c_view_service_link > p > a:hover,
#userCreateUserForm button#userCreateSubmit:hover {
  background-color: #000 !important;
  /* border: none !important; */
  /* margin-top: 2px; */
  color: #bb9b2e !important;
  border: 1px solid transparent !important;
  outline: none !important;
  text-decoration: none;
}

.cartSummary .bookingHistory .pastBookings a.btn.btn-primary {
  /* margin: 0 5px !important; */
  margin-bottom: 17px !important;
  margin-top: 9px;
}
#dismissCartBut:hover,
#dismissCartClear:hover {
  background-color: #000 !important;
  border: none !important;
  outline: none !important;
}

#warningPopup .warnpopupWrap button a:hover {
  text-decoration: none;
}

#userLanguage.btn-group .active,
.btn-group > .btn.active,
input#userProfileSubmit:hover,
input#userCreateSubmit:hover {
  background-color: #000 !important;
  border-radius: 0px;
  /* padding: 7px !important; */
  color: #fff !important;
}
#userProfileSubmit,
#userProfileCancel {
  width: 180px !important;
  padding: 10px !important;
}

.dropdown-menu li > a:hover,
#navbarServiceTypeList .dropdown-menu,
.nav-collapse .nav li .dropdown-menu li a:hover {
  text-decoration: none;
  background: #fff;
  color: #bb9b2e !important;
}
.btn-navbar:focus,
.btn-navbar:hover,
.btn-navbar:visited,
.navbar .btn-navbar:hover {
  outline: none !important;
  background: transparent !important;
}
.navbar .btn {
  padding: 10px 20px;
}

.navbar .nav .dropdown-menu .active > a {
  background: inherit;
  font-weight: 500 !important;
  /* text-decoration: underline; */
  color: #bb9b2e !important;
  /* height: 28px; */
}

#navbarCartControl > .dropdown-toggle {
  background: none;
  color: #4d4d4d;
  text-shadow: none;
  font-weight: 600;
  font-family: 'Poppins', serif;
  /* margin-right: 9px !important; */
}

.nav-collapse .dropdown-menu a:hover {
  background-color: inherit;
}

#content.golfTeeInfo .teesheet tr.teetime td .btn-group .btn {
  margin-bottom: 0;
  margin-right: 0px;
  outline: none !important;
  margin-left: 1px !important;
  min-width: 10px !important;
}

#content.golfTeeInfo .teesheet tr.teetime td .btn-group .btn:focus {
  background: #000 !important;
  color: #fff !important;
}

.payment-div {
  background-color: #e7e7e7;
  color: #000;
}

.payment-div:hover {
  background-color: #000;
  color: #e7e7e7;
}

/* Club */

.clubAccount .spanClub {
  background: #e7e7e729;
  height: auto;
  padding: 30px !important;
  min-height: 560px;
  margin: 20px 0px 20px 20.333px;
  margin-left: 0px;
  width: 27%;
}

.statement-body .dl-horizontal {
  background: #e7e7e729;
}
@media (max-width: 768px) {
  #userCreateUserForm > div:nth-child(6) > div.row-fluid.login.collapse.in {
    flex-direction: column;
  }
  .clubAccount .spanClub {
    background: #e7e7e729;
    height: auto;
    padding: 30px !important;
    min-height: 560px;
    /* margin: 20px 0px 20px 20.333px; */
    margin-left: 16px;
    margin-top: 10px;
    margin: auto;
    margin-top: 17px;
    width: 27%;
    margin-bottom: 20px;
  }

  .well.span6 div:last-of-type a {
    margin: auto !important;
    margin-bottom: 2px !important;
    /* margin-right:2px !important; */
    /* margin-left:2px !important; */
  }
}

@media screen and (max-width: 979px) {
  .content-clubAccount .container {
    width: 85% !important;
  }

  .navbar-fixed-top .container {
    width: 100vw !important;
    position: relative;
    left: -25px !important;
    /* margin: auto; */
    /* padding: 20px 25px; */
  }
}

@media (min-width: 768px) {
  form > div.control-group.gcShipping > div {
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  #content > div > div.left > div.well.well-small.span9.offset1.addMore {
    /* margin-left: 53px; */
  }

  #cartClear.offset2 b,
  #cartClear.offset2 a {
    margin-left: -1px !important;
  }
}

.fas.fa-arrow-left.vue-cart-back-icon {
  cursor: pointer;
}
/* Dining */

#categoryTabs.nav-tabs li.active > a {
  background-color: #000 !important;
  border: 0px;
  border-radius: 0px;
  font-weight: 600;
  color: #fff !important;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover {
  color: #555555;
  background-color: #fff;
  border: 2px solid #000;
  border-top-color: #000;
  border-top-style: solid;
  border-top-width: 2px;
  border-right-color: #000;
  border-right-style: solid;
  border-right-width: 2px;
  border-bottom-color: #000;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-left-color: #000;
  border-left-style: solid;
  border-left-width: 2px;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  /*     border-bottom-color: transparent; */
  cursor: default;
}

#serviceList .nav-list li a {
  background: #fff;
  border: 1px solid #bb9b2e !important;
  color: #bb9b2e !important;
  border-radius: 0px;
  font-weight: 500;
  width: 250px;
  /* position: relative; */
  top: 40%;
  /* height: 100% !important; */
  vertical-align: middle !important;
  line-height: 54px;
  margin: auto !important;
  height: 54px;
  transition: all 0.1s;
}

#serviceList .nav-list li a:hover {
  /* font-size: 22px; */
  /* color: #fff !important; */
  text-shadow: none;
  border-color: transparent !important;
  background: #000 !important;
  transition: all 0.3s;
  scale: 1.1;
}

#content.diningReservation .dining .results .service .timeslots a .price {
  font-size: 0.8em;
  position: absolute;
  left: 0px;
  top: 100%;
  width: 100%;
  padding: 0 0;
}

/* Summary */

.summaryV2 .title p {
  color: #000;
  font-size: 17px;
}

.summaryV2 .addMore .button-container {
  grid-column-gap: 0px;
}

.summaryV2 .right {
  grid-area: total;
  height: fit-content;
  /* background-color: #fff; */
  padding: 20px; /*     border: 1px solid #000; */
  box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em,
    rgba(90, 125, 188, 0.05) 0px 0.25em 1em; /* box-shadow: 0 3px 10px rgb(0 0 0 / 17%); */
}
/* Update profile */

.active.user_profile_tab {
  display: none;
}

.userLoginForm .well.span6 .clearfix p:first-of-type {
  width: max-content;
}
.userLoginForm .well.span6 h4.clearfix {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

@media (max-width: 520px) and (min-width: 330px) {
  .userLoginForm .clearfix p:first-of-type a.btn.pull-right {
    position: relative;
    left: 149px;
    bottom: 60px;
    width: max-content !important;
  }

  .userLoginForm .well.span6 .clearfix p:first-of-type {
    display: flex;
    flex-direction: column;
    width: 100% !important;
  }
  .userLoginForm .clearfix p:first-of-type strong {
    margin-bottom: 30px;
  }

  .userLoginForm .clearfix p:last-of-type {
    position: relative;
    bottom: 120px;
  }
}

@media (max-width: 330px) {
  .userLoginForm .clearfix p:first-of-type a.btn.pull-right {
    position: relative;
    left: 149px;
    bottom: 60px;
    width: max-content !important;
  }

  .userLoginForm .well.span6 .clearfix p:first-of-type {
    display: flex;
    flex-direction: column;
    width: 100% !important;
  }
  .userLoginForm .clearfix p:first-of-type strong {
    margin-bottom: 30px;
  }

  .userLoginForm .clearfix p:last-of-type {
    position: relative;
    bottom: 120px;
  }
}

/* Member account */
#userCreateUserForm span.add-on .icon {
  margin-top: 3px;
}

/*Golf*/

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

/* SPA */

.category-filter-container a {
  position: relative;
  top: 39px !important;
  padding: 3px;
}

.content-spaPackageTpl #app .stepper #stepper-categories .componentItem.active {
  border-color: #68604d;
}

.component-popup .fas.fa-user-plus {
  font-size: 1.3em;
}

.btn.btn-primary:hover p,
.btn.btn-primary.time_picker_selected_date p {
  color: #fff !important;
}

a.fc-event.past {
  background-color: #fff !important;
  color: #000;
  border: 1 px solid #bb9b2e;
}
.fc-event.future {
  position: relative;
  display: block;
  font-size: 0.85em;
  line-height: 1.3;
  border-radius: 1px;
  color: #bb9b2e !important;
  border: 1px solid #bb9b2e;
  background-color: #000;
  font-weight: normal;
}

.fc-event.future:hover {
  background-color: #fff !important;
}

@media (min-width: 769px) {
  .vue-app-container {
    margin: 7vh 0 0 0;
  }
}

@media (max-width: 1010px) and (min-width: 768px) {
  #vue-cart .componentHeader {
    display: flex;
    flex-direction: column;
    align-items: center; /* flex-wrap: wrap; */
  }

  .service-picker-screen-cart#vue-cart .componentHeader .header {
    margin: 0px;
    margin-bottom: 8px;
  }

  .side-cart-add-more-guest {
    margin-left: 0px;
    font-weight: bold;
    margin-right: 0px;
  }
}

.content-spaPackageTpl #main {
  min-width: 100%;
}

.content-spaPackageTpl #app .stepper .details {
  padding-left: 0px;
}

.package-review-screen .package-review-screen-review-btn {
  min-width: 206px;
}

.package-review-screen .package-review-screen-bookmore-btn {
  min-width: 222px;
}
.package-review-screen-review-btn-span-2,
.package-review-screen-bookmore-btn-span-2 {
  display: none;
}

.package-review-screen-review-btn-span-1 {
  font-size: 14px;
  color: inherit;
  margin-left: 0px;
  margin: auto;
  width: 100%;
  /* align-items: center; */
  /* text-align:center; */
}

.package-review-screen-more-activity
  .package-review-screen-more-activity-inner-div {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: wrap;
}

.summaryV2 .left {
  min-width: 0px;
}

.summaryV2 .orange-button {
  margin-right: 0px;
}

@media (max-width: 1440px) and (min-width: 980px) {
  .nav.pull-right {
    /* margin-top: 30px; */
    display: flex;
    margin-right: 80px;
    min-width: 300px;
    justify-content: flex-end;
    /* flex-direction: column; */
  }
}

@media (min-width: 1398px) and (max-width: 2460px) {
  .clubAccount .spanClub {
    width: 26.5% !important;
  }
}

.btn.cancelBtn,
.modal-footer .btn + .btn {
  margin: auto;
  margin-bottom: 5px !important;
}

.form-float input:focus,
.form-float select:focus,
.form-float textarea:focus {
  border-bottom: #000 solid 2px;
  border-top-color: rgba(0, 0, 0, 0);
  border-left-color: rgba(0, 0, 0, 0);
  border-right-color: rgba(0, 0, 0, 0);
}

textarea:focus,
input[type='text']:focus,
input[type='password']:focus,
input[type='datetime']:focus,
input[type='datetime-local']:focus,
input[type='date']:focus,
input[type='month']:focus,
input[type='time']:focus,
input[type='week']:focus,
input[type='number']:focus,
input[type='email']:focus,
input[type='url']:focus,
input[type='search']:focus,
input[type='tel']:focus,
input[type='color']:focus,
.uneditable-input:focus {
  border-color: #756f61d4;
  outline: 0;
  outline: thin dotted \9;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #756f6170;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #756f6170;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #756f6170;
}

#userMainPhone .btn {
  max-width: auto;
  min-width: 50px;
  margin-right: 0px;
}

#vue-cart > div.cart-header > h3 {
  cursor: pointer;
}

@media screen and (max-width: 768px) and (min-width: 100px) {
  .content-spaPackageTpl #app .stepper {
    grid-area: stepper;
    padding: 5px 0px;
    position: unset;
  }
}

#reviewModel > div > div > div.package-review-screen-buttons-outer-div > a {
  min-width: 200px !important;
  /* max-width: 200px !important; */
  padding: 10px;
  font-size: 16px;
}

#reviewModel
  > div
  > div
  > div.package-review-screen-buttons-outer-div
  > button {
  width: 50px !important;
}

.content-spaPackageTpl .cart-user-header,
.content-spaPackageTpl .cart-service-header {
  background-color: #fff;
  color: #000;
  padding: 15px;
  font-size: 15px;
  margin-top: 0px;
}

#vue-cart .component-popup .popup-body {
  position: absolute;
  right: -5px;
  border: 1px solid #000;
  top: 22px;
  z-index: 10000;
  padding: 20px;
  width: 260px;
  background: #fff;
  font-weight: bold;
  box-shadow: 0 1px 3px 0 rgba(34, 36, 38, 0.15);
}

#vue-cart
  > div:nth-child(2)
  > div.componentHeader
  > div.component-popup
  > div
  > div:nth-child(2)
  > div.addGuest {
  margin-top: 15px;
}

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

.vuecal__event.sport {
  background-color: #000;
  border: 1px solid #000;
  color: #fff;
}

div.time-details > div.availableSecialServices > a {
  margin-left: 0px;
  max-width: 200px !important;
  padding: 10px !important;
}

#content > div > div.left > div.title > p {
  /* margin-left: 55px; */
}
.footer-terms {
  /* width: 47%; */
  /* border-left: 1px solid; */
  display: inline-block;
  /* margin-left: 8px; */
  /* white-space: nowrap; */
}

.footer-copyright {
  width: 50%;
  display: inline-block;
  border-right: 1px solid;
}

@media (max-width: 410px) {
  #userProfileForm {
    padding-left: 7px;
  }

  .footer-terms {
    width: 47%;
    /* border-left: 1px solid; */
    display: inline-block;
    margin-left: 8px;
    white-space: nowrap;
  }

  .footer-copyright {
    width: 43%;
    display: inline-block;
    border-right: 1px solid;
  }
}

.sticky_cart #vue-cart {
  width: 100%;
}

#vue-cart > div.cart-header > div:nth-child(3) > div > span {
  white-space: nowrap;
}

.content-spaPackageTpl #vue-cart .cart-header {
  /* display: grid; */
  display: -ms-grid;
  background-color: #fff;
}

@media screen and (max-width: 768px) and (min-width: 100px) {
  .stepper .stepper-header .category-filter-container a {
    align-self: flex-end;
    margin-right: 0px;
    margin-bottom: 17px;
    text-decoration: none;
    cursor: pointer;
  }
  .stepper .stepper-header .category-filter-container {
    display: flex;
    flex-flow: column-reverse;
    margin-top: 60px;
  }

  #app
    > div
    > div.stepper
    > div
    > div.stepper-header.componentHeader
    > div
    > div
    > b {
    margin-left: 10px;
  }
  #vue-cart > div.cart-header > div:nth-child(3) > div {
    margin-right: 22px;
  }

  .content-spaPackageTpl #app .stepper .app-body-header {
    margin-bottom: 14px;
    margin-top: 10px;
    margin-left: 10px;
  }
}

.content-spaPackageTpl #app .stepper .componentItem,
.serviceItem {
  display: flex;
  align-items: center;
  border: 2px solid transparent;
  padding: 10px 25px;
  font-size: 14px;
  cursor: pointer;
  border: 1px solid #bb9b2e;
  background: #fff;
  color: #bb9b2e;
  font-weight: 500;
}

.fas.fa-user {
  color: #000 !important;
}

#total,
#deposit {
  font-size: 22px;
  font-weight: 400;
  margin: 10px 0 !important;
}

.blue-text {
  font-weight: 600;
}

.summaryV2 .greyText {
  font-weight: 500;
  color: #000;
}

#userChangePasswordForm > div:nth-child(2) > div > div {
  display: flex;
}

@media (max-width: 360px) {
  #userChangePasswordForm > div:nth-child(2) > div > div {
    display: flex;
    flex-direction: column;
  }
}

.caret,
.nav li.dropdown.open .caret,
.nav li.dropdown.open.active .caret,
.nav li.dropdown.open a:hover .caret {
  border-top-color: #00000069 !important;
  border-bottom-color: #000 !important;
  opacity: 1;
  filter: alpha(opacity=100);
}
#navLoginForm .form-contents .controls #loginButton {
  margin: auto !important;
  margin-top: 10px !important;
  min-width: 50%;
  font-size: 13px;
  font-weight: 400;
  /* padding: 8px !important; */
}

#navLoginForm .form-actions {
  margin: 0;
  padding-top: 10px;
  padding-left: 0px;
  border-top: 1px solid #bb9b2e;
}

#loginEmail,
#loginPassword {
  padding: 5px;
  background-color: #f5f5f5;
  margin-left: 1px;
}

#userChangeCancel,
#userChangeSubmit {
  margin-left: 1px;
  margin-top: 10px !important;
}

#userChangePasswordForm > div:nth-child(1) > p > strong {
  margin-left: 20px;
  text-decoration: underline;
}

/* New Styling changes */

.navbar-fixed-top .navbar-inner {
  /* border-bottom: 1px solid #fff!important; */
  padding: 20px 25px;
  box-shadow: 0 3px 10px rgb(0 0 0 / 8%);
}

#navbarCartControl > a {
  margin-right: 0px !important;
}

@media only screen and (max-width: 979px) and (min-width: 320px) {
  .navbar .nav.pull-right {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100vw !important;
    margin-top: 0px;
    background-color: #fff !important;
    /* background-image: linear-gradient(180deg, #000 88%, #f5f5f5 108%); */
  }
  .navbar .dropdown-menu:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff !important;
    position: absolute;
    top: -6px;
    left: 10px;
  }
}

#footer > div > div > div {
  display: flex;
}

#main > div > section.mainContent.whitebg > div {
  background-color: #ffffff;
}

.login-options > .btn.existing-btn {
  display: none;
}
.login-options > .btn.upcoming-btn {
  /* display: flex; */
  margin: auto !important;
  margin-bottom: 5px !important;
  width: 200px !important;
  padding: 16px 35px;
  border: 0px solid #fff !important;
  background: #000 !important;
  flex-direction: column;
  white-space: nowrap;
  transition: all 0.2s;
}

.login-options > .btn.existing-btn:hover,
.login-options > .btn.upcoming-btn:hover {
  background: #4d4733 !important;
  border: 0px solid transparent !important;
}

#navbarLoginControl #loginForm {
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 60px 40px -7px; /* width: 185px !important; */
  /* top: 1px; */
}

#logoutForm,
#loginForm,
#navbarServiceTypeList > ul,
#navbarLanguageList > ul {
  top: 34px;
  /* background: #f5f5f5 !important; */
  box-shadow: none;
  border: 0px;
  border-radius: 0px !important;
  /* border-top: 1px solid #fff; */
}

#logoutForm {
  border-bottom: 1px solid #fff;
}

textarea,
input[type='text'],
input[type='password'],
input[type='datetime'],
input[type='datetime-local'],
input[type='date'],
input[type='month'],
input[type='time'],
input[type='week'],
input[type='number'],
input[type='email'],
input[type='url'],
input[type='search'],
input[type='tel'],
input[type='color'],
.uneditable-input {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -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;
  /* width: 200px !important; */
  transition: border linear 0.2s, box-shadow linear 0.2s;
  height: 30px;
  /* margin-right: 12px; */
}

#loginButton {
  width: 100%;
}

.greyBg .row {
  display: flex;
  flex-direction: column;
}

.flex {
  display: flex;
  flex-direction: row-reverse;
  /* flex: 2; */
  justify-content: space-between;
}

.space-between {
  justify-content: space-between;
}

.date-picker-container {
  order: 2;
  flex: 2;
  padding: 0px 15px;
}

.calendar-controls {
  order: 1;
  /* margin-right: 10px; */
  flex: 1;
}

.continueBtnContainer .btn {
  margin-top: 4px;
  margin: unset;
  width: 110px;
}

.content-pmsBookConfirm .form-horizontal .control-group {
  margin-left: unset;
  display: flex;
}

.content-pmsBookConfirm .form-horizontal .control-group .control-label {
  color: #989898;
}

.content-pmsBookConfirm #pmsBookConfirm .row:last-child .control-group {
  float: right;
}

.content-pmsBookConfirm
  #pmsBookConfirm
  .row:last-child
  .control-group
  #pmsFormSubmit {
  width: 110px;
}

.summaryV2 .total-display .btn {
  border: unset;
}

#content > p:first-child,
.content-pmsGroupBookingTpl .page-header small {
  /* font-weight: bold; */
  font-size: 20px;
}

.greyBg {
  background-color: #f5f5f5 !important;
  /* margin-bottom: 50px; */
  margin-left: 10px;
  padding: 15px;
  /* box-shadow: 0 3px 10px rgb(10 10 54 / 5%); */
}

.page-header {
  padding-bottom: unset;
  /* padding: 20px; */
}

.page-header h2 {
  margin: unset;
}

#pmsDatesForm > .well.span9.offset1 {
  margin-top: unset;
}

.calendar-controls .groupBooking {
  margin-left: 20px;
}

.greyBg .row:last-child {
  margin-bottom: unset;
}

.fit-content {
  /* width: fit-content; */
  padding: 0px 10px;
  margin: auto;
}

.full-width {
  width: 100% !important;
}

@media (max-width: 680px) {
  .flex {
    flex-direction: column;
  }

  .date-picker-container {
    order: 1;
  }

  .calendar-controls {
    order: 2;
    /* border: 1px solid #fff; */
    padding: 20px;
  }

  .greyBg {
    margin-bottom: 20px;
  }

  .continue-button-container {
    display: flex;
    justify-content: flex-end;
  }

  .navbar-fixed-top .navbar-inner {
    /* padding-bottom: unset; */
    /* padding: 28px 0px; */
  }
}

@media (max-width: 425px) {
  .greyBg {
    padding: 10px;
  }
  input.span2,
  input.span1 {
    width: 200px !important;
  }
  .calendar-controls {
    padding: 0;
  }
}

#pmsDatesForm
  > div.well.span9.offset1
  > div.flex.space-between
  > div.row.date-picker-container
  > div
  > div.datepicker-legend.ui-corner-all.ui-widget-content {
  max-width: inherit !important;
  /* width: inherit !important; */
  border-radius: 0px;
  /* margin-right: 0px; */
  border: none;
  /* padding: 10px; */
}

input.span2,
input.span1 {
  width: 225px !important;
  border: 0px;
  box-shadow: none;
  border-bottom: 2px solid transparent;
}

input.span2:hover,
input.span1:hover,
input.span2:focus,
input.span1:focus {
  border-bottom: 2px solid #bb9b2e;
}

.input-append {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#pmsDatesCalendar > div {
  border: 0px;
  border-radius: 0px;
  background: #fff; /* margin: 13px !important; */
  box-shadow: 0 0 65px rgba(62, 65, 71, 0.1) !important;
}

.ui-widget-content td > .ui-state-default,
.datepicker-legend .ui-state-default {
  background-color: transparent;
}

.ui-datepicker {
  width: inherit;
  padding: 5px;
  /* display: none; */
}

#pmsDatesForm
  > div.well.span9.offset1
  > div.flex.space-between
  > div.row.date-picker-container
  > div
  > div.datepicker-legend.ui-corner-all.ui-widget-content
  > div:nth-child(1) {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

#navbarLanguageList > ul {
  /* border-top: 1px solid #fff!important; */
  border-bottom: 1px solid #000;
}

#ui-datepicker-div {
  border: 0px;
  border-radius: 0px;
  box-shadow: 0 0 65px rgba(62, 65, 71, 0.1) !important;
}

#bookingHistoryCollapse .page-header {
  border: 0px;
  box-shadow: 3px 5px 10px rgb(0 0 0 / 4%);
}

.content-clubAccountList .viewAcc {
  background: #f9f9f9;
  padding: 20px;
}

.content-clubAccountList .viewAccOut {
  padding: 20px;
  margin-top: 20px;
  background: #f9f9f9;
  box-shadow: 0px 0px 17px -1px rgb(72 60 43 / 2%);
}

.clubAccount .row {
  background: #fff;
  box-shadow: 0px 0px 17px -1px rgb(72 60 43 / 8%);
}
.label.label-info {
  background: transparent;
  /* color: #777777; */
  /* font-weight: bolder; */
  all: inherit; /* text-shadow: 0px 1px 10px rgb(81 67 21 / 80%); */
}
.teetimeContainer {
  height: 50px;
}
.tab-content {
  /* background-color: whitesmoke !important; */
}
#categories > div > h4 {
  padding-left: 0px !important;
}
.btn.btn-small.gcShippingBtn {
  margin: 5px;
}
div.btn-group.delivery-option > a.btn.btn-small.gcDeliverViaBtn,
.btn.btn-small.gcShippingBtn {
  background-color: whitesmoke !important;
  color: #777777 !important;
  box-shadow: none;
}
.btn.btn-small.gcShippingBtn.active,
div.btn-group.delivery-option > a.btn.btn-small.gcDeliverViaBtn.active {
  transform: scale(1.05);
  background-color: #000 !important;
  color: #fff !important;
  border: 1px solid #fff !important;
  background-color: #4d4733 !important;
}
@media (min-width: 980px) {
  .ui-widget-content td > .ui-state-default,
  .datepicker-legend .ui-state-default {
    background-color: transparent;
    /* width:40px; */
    margin: 1px;
  }
  #navbarServiceTypeList .dropdown-menu,
  .nav-collapse .nav li .dropdown-menu li a {
    /* color: #fff !important; */
    border-radius: 0 !important;
    border-bottom: 1px solid #fff;
    background-color: #000;
    transition: all 0.2s;
    /* height: 20px; */
    transition-timing-function: ease-in-out;
  }
}
#navbarServiceTypeList > ul > li:last-child > a,
#logoutButton {
  border: 0px;
}
.modal {
  border-radius: 0px;
}

.navbar .dropdown-menu:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #00000000;
  position: absolute;
  top: -6px;
  left: 10px;
}

#navbarLanguageList > ul > li.language.fr-ca > a {
  border: 0px;
}

#app
  > div
  > div.stepper
  > div:nth-child(2)
  > div.stepper-body.stepper-body-height-adjust
  > div.stepper-body-content
  > div
  > div
  > div.main-body-first-section
  > div
  > div.service-extra-options
  > div:nth-child(4)
  > ul
  > div:nth-child(2)
  > div
  > a {
  background-color: #fff !important;
  color: #000 !important;
}

div > div:nth-child(3) > div.span7 > div.results > div > div > div > a:hover {
  background-color: #4d4733 !important;
}
#navbarServiceTypeList > ul {
  border-bottom: 1px solid #bb9b2e !important;
  /* border-top: 0px solid #cbcbc1; */
}

@media screen and (max-width: 768px) {
  .stepper .stepper-header .category-filter-container a {
    align-self: flex-end;
    margin-right: 0px;
    margin-bottom: 17px;
    text-decoration: none;
    cursor: pointer;
  }
  .stepper .stepper-header .category-filter-container {
    display: flex;
    flex-flow: column-reverse;
    margin-top: 60px;
  }
  #nav .navbar-inner .brand {
    /* background: no-repeat url(../img/logo-mobile.png); */
    /* height: 70px; */
  }
}

.sf-top {
  display: none;
}

.btn.disabled-reserve-button-color {
  opacity: 0.3 !important;
}

#content > p,
#pmsDatesForm {
  background-color: transparent;
  padding-left: 10px;
  padding-top: 10px;
  padding-right: 20px;
  font-size: 15px;
  line-height: normal;
  font-weight: 400;
  clear: both;
}

#app
  > div
  > div.stepper
  > div:nth-child(2)
  > div.stepper-header.componentHeader
  > div
  > a {
  color: #bb9b2e !important;
}

@media (max-width: 480px) {
  .bookingSummary > #navbarCartControl {
    margin-left: -15px;
    width: 92vw;
    max-width: 331px;
  }
}

div.timepicker-div-cont > div > div > div > div > button {
  /* margin: auto; */
  margin-left: -5px;
}

.form-float.control-group.focused .control-label {
  color: #bb9b2e;
}

.content-userLoginForm .userLoginForm .page-header h3,
.content-userLoginForm .userLoginForm h4 {
  margin-left: 0;
}
#main .container .mainContent .row #content {
  background-color: #fff;
  margin-bottom: 60px;
  padding: 15px;
  margin: 20px 20px 20px 20px;
}
.icon-plus {
  display: none;
}

.modal-header {
  padding: 9px 15px;
  color: #000;
  border-bottom: 1px solid #bb9b2e;
}

.content-spaPackageTpl #app .dropdown .dropdown-options .dropdown-item {
  padding: 10px;
  color: #bb9b2e;
  z-index: 20;
}

.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, 0.15);
  border-radius: 0px;
  border: 1px solid rgba(34, 36, 38, 0.15);
}

.content-spaPackageTpl
  #app
  .dropdown
  .dropdown-options
  .dropdown-item.hover:hover {
  color: #bb9b2e;
  background-color: #000;
  cursor: pointer;
}

.accordion-group {
  border: 1px solid transparent !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}