#globalwrap label.noformat {display: inline}

/* Hide semi-superflous things in tee process */
table.tee_process, table.tee_process td, table.tee_process tr, table.tee_process tbody {display:block}
.extra-chars {display: none}
table.tee_process td.tee-process-2, table.tee_process td.tee-process-3 {display: none}
.alert-block {display: block}
.block {display: block; }
.tee-process .extra {display: block}

/* Hide a few tabs for thinner widths */
@media (max-width: 979px) {
  #globalwrap .tabs li.current + li + li {display: none}
  #globalwrap .tabs li.current + li + li + li {display: none}
}

/* Don't group times into hour-rows for tablet */
@media (max-width: 979px) {
  .pricegroup tr {display: block; float: none;}
  .pricegroup td {display: block; float: left}
}

/* Reduce spacing on pop up tip */
.cluetip-jtip #cluetip-inner fieldset {padding: 0; background: none !important; margin: 0; border: none !important;}
.cluetip-jtip #cluetip-inner form {margin-bottom: 0}
.cluetip-jtip #cluetip-inner legend {font-size: 16px; line-height: 20px; margin-top: -20px; margin-bottom: 10px;}
.cluetip-jtip #cluetip-inner form .playersBtn { margin: 0px; }
.cluetip-jtip #cluetip-inner form .priceLine span {font-size: 14px; display: inline-block}
.cluetip-jtip #cluetip-inner form .priceLine input {margin-bottom: 5px}
.cluetip-jtip #cluetip-inner .tipForm.reduced button { background: #f8ac22; }
.cluetip-jtip .priceLine {
  margin-bottom: 0px;
}
.cluetip-jtip .priceLine label {
  margin: 0px;
  width: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cluetip-arrows {
  width: 20px !important;
  height: 20px !important;
  background: #fff;
  background-image: none !important;
  transform: rotate(45deg);
  position: relative;
  top: -5px !important;
}

.clue-right-jtip .cluetip-arrows {
  top: 10px !important;
  left: -4px;
}

.cluetip-jtip #cluetip-outer {
  border-width: 1px !important;
  border-radius: 4px;
  box-shadow: 0px 5px 20px 2px #5c5c5c61;
}

.cluetip-jtip .players {
  width: 80px;
  padding: 5px;
}

.priceLine .reduced-percentage {
  color: orange;
  border-radius: 20px;
  padding: 0 5px;
  font-size: 12px !important;
  border: 1px solid orange;
  margin: 2px 0 2px 8px;
  font-weight: bold;
}

.priceLine .oldprice {
  text-decoration: line-through;
  font-size: 0.8em !important;
  margin-right: 5px;
}

.cluetip-jtip #cluetip-inner fieldset.num-hole-choice {
  margin-top: 10px;
}

.cluetip-jtip .btn-group .btn input[type=radio] {
  position: absolute;
  clip: rect(0,0,0,0);
  pointer-events: none;
}

.cluetip-jtip .btn-group {
  width: 100%;
  display: flex;
}

.cluetip-jtip .btn-group .btn {
  width: 100%;
}

.cluetip-jtip .form-group {
  margin-bottom: 10px;
}

/* Close button */
#cluetip-close {position: absolute; right: 5px; top: 6px}
#cluetip-close a {color: #989898; }
#globalwrap #date_form .picker {right: 0;}
#globalwrap #date_form .picker input[type=text] {width: 100px}
#globalwrap #date_form .picker label {color: white; padding-right: 10px}

#globalwrap #date_form .picker input[type=radio] {margin-top: 0}
#globalwrap #date_form select {max-width: 160px; margin-right: 10px}


/* Reduced navigation for small screens */
@media (max-width: 768px) {
  #globalwrap #date_form .tabsA {display: none}

  #globalwrap #date_form label.noformat {color: #333333; position: relative; top: -5px}
  #globalwrap #date_form .picker {float: none; display: block; position: static; padding-top: 0}
  #globalwrap .pricegroup table tr {margin-left: -10px}
  #globalwrap .pricegroup table td {padding: 0; margin-left: 10px; margin-bottom: 10px}
  #globalwrap .tee-group-options {display: block; padding-top: 5px}
}

@media (max-width: 768px) {
  #globalwrap #date_form .backLink {display: none}
  #globalwrap #date_form .tabs, #globalwrap #date_form .tabs ul {margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; background: transparent}
  #globalwrap #date_form .tabs li {width: 33.1%; border: none}
  #globalwrap #date_form .tabs li a {float: none; padding: 0; font-size: 12px; padding-top: 10px; min-height: 0; padding-bottom: 10px}
  #globalwrap #date_form .tabs li a {background: #888}
  #globalwrap #date_form .tabs li.current a {background: transparent}
}

@media (max-width: 480px) {
  #globalwrap #date_form .picker input[type=text] {width: auto}
}

@media (max-width: 480px) {
  #globalwrap .pricegroup table {display: block}
  #globalwrap .pricegroup table tbody {display: block}
  #globalwrap .pricegroup table tr {width: 100%}
  #globalwrap .pricegroup table td {display: block; float: none; width: auto}
  #globalwrap .pricegroup table td a {display: block; width: auto}
}

/* Datepicker on small screens */
@media (max-width: 979px) {
  #globalwrap .ui-datepicker-trigger {display: none}
}


/* Login spacing */
#globalwrap .left, #globalwrap .right {float: none; padding: 0; width: auto; padding: 0; margin: 0}

/* Details page */
div#teebooking_players {width: auto; float: none}
div#teebooking_players td:first-child {width: 6em}
div#teebooking_info {width: auto; float: none}

span.error {color:red;padding-left:5px;}

/* Datepicker styles */

.body-class-visitorbooking table.ui-datepicker-calendar tr {
  background: none;
  border: none;
} 

.body-class-visitorbooking table.ui-datepicker-calendar tr td {
  background: none;
  border: none;
} 

.body-class-visitorbooking table.ui-datepicker-calendar td a.ui-state-default {
  border: 1px solid #ffffff;
  background: none;
  border-radius: 16px;
  text-align: center;
}

.body-class-visitorbooking table.ui-datepicker-calendar td a.ui-state-highlight {
  border-color: #fcefa1;
  background: #fbf9ee;
}

.body-class-visitorbooking table.ui-datepicker-calendar td a.ui-state-active {
  background: #4ba1e2;
  color: #fff;
}

.body-class-visitorbooking .ui-datepicker .ui-datepicker-header {
  background: #ddd;
  border: none;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.body-class-visitorbooking .ui-datepicker .ui-datepicker-title {
  margin: 3px 2.3em;
}

.body-class-visitorbooking .ui-datepicker .ui-datepicker-prev, 
.body-class-visitorbooking .ui-datepicker .ui-datepicker-next {
  top: 8px;
}

.body-class-visitorbooking.ui-datepicker select.ui-datepicker-month, 
.body-class-visitorbooking .ui-datepicker select.ui-datepicker-year {
  width: 100px;
}

.body-class-visitorbooking #ui-datepicker-div {
  padding: 0px;
}

.body-class-visitorbooking .ui-datepicker.ui-widget {
  font-family: inherit;
}