:root {
  --bg-color: #fff;
  --btn-bg-color: #fff;
  --btn-text-color: #7c7c7c;
  --cancel-btn-bg-color: #fff;
  --cancel-btn-text-color: #7c7c7c;
  --link-color: #7c7c7c;
  --tooltip-bg-color: #7c7c7c;
  --tooltip-text-color: #fff;
  --text-white: #fff;
  --popover-bg: #7c7c7c;
  --popover-text: #fff;
  --filter-text-color: #7c7c7c;
  --filter-bg-color: #fff;
  --thead-bg-color: #fff;
  --title-color: #7c7c7c;
  --schedule-block-bg-color: #fff;
  --schedule-block-color: #7c7c7c;
  --day-color: #fff;
  --btn-week-color: #7c7c7c;
  --btn-week-bg-color: #fff;
  --btn-week-border-color: #7c7c7c;
  --btn-week-hover-bg-color: #7c7c7c;
  --btn-week-hover-border-color:#fff;
  --btn-week-hover-text-color:#fff;
  --title-background-color: #fff ;
  --btn-bg-hover-color: #7c7c7c;
  --btn-hover-border-color: #fff;
  --filter-dropdown-bg-color:#7c7c7c;
  --mobile-schedule-text-color: #7c7c7c;
}

html,
body{
  background-color: var(--bg-color);
}

/* Body margin set here depending on header height */
.zf-body {

}

body > .popup {
  padding: 24px;
}

/* Header reset */
.navbar-fixed-top .navbar-inner {
  background: #fff;
  box-shadow: inherit;
  padding: 20px;
}

/*.navbar .nav>li>a {
  text-transform: uppercase;
}*/

.navbar .btn-navbar {
  background: #fff;
  border: 0;
}

.navbar .container-fluid {
  padding: 0;
}

/* Brand logo */
.navbar .brand {
  font-size: 42px;
}

/* Footer reset */
.zf-footer-copy {
  clear: both;
  text-align: center;
}



/* Text */
.zf-body p,
.zf-body a,
.zf-body label,
.zf-body .page-header,
.zf-body h1,
.zf-body h2,
.zf-body h3,
.zf-body h4,
.zf-body h5,
.zf-body h6 {
  color: inherit;
}



/*
MARK text_global
Override global text rules here (color, etc.)
*/

.zf-body p {
  font-size: 14px;
}



.zf-body label {
  font-size: 14px;
}

.zf-body h1 {
  font-size: 32px;
}

.zf-body h2 {
  font-size: 24px;
}

.zf-body h3 {
  font-size: 20px;
}

.zf-body h4 {
  font-size: 16px;
}

.zf-body h5 {
  font-size: 14px;
}

.zf-body h6 {
  font-size: 12px;
}



/* Dropdown menus */
.dropdown-menu {
  background: #fff;
  box-shadow: none;
  border-radius: 0;
  border:none;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  background: none;
}



.zf-body .carousel-control {
  background: transparent;
  font-size: 60px;
}

.zf-body h1 {
    text-transform: uppercase;
    color: var(--title-color);
    background-color: var(--title-background-color);
}

.zf-body h2 {
    color: var(--title-color);

}

/* Login Page */


.checkbox input[type="checkbox"] {
    float: none;
    margin-left: -20px;
    margin-bottom: .5em;
}

/* Alerts & Flash Messaging */
.zf-body .alert {
    background: transparent;
    color: inherit;
    border: 1px solid;
}


/* Checkout Form */
.zf-body .form-checkout {
  background: none;
  box-shadow: none;
}

#checkoutsavedcard #savedcards{
  margin-top: 15px;
  margin-bottom: 0;
}

.zf-body .form-actions {
  background: inherit;
}

.zf-body #ordersummary {
  background-image: none;
  border: none;
}


/* My Classes */
.zf-body .reserve-another .link {
  color: var(--link-color);
}

.zf-body .account-listing .unreserve {
  color: var(--link-color);
}

/* Account */

#dashboard #customerinfo {
    margin: 0;
}

/* Buy Series */
.panel-bordered .nav-tabs{
  border: 0;
}

.zf-body #serieslisting form {
  border-bottom: 1px solid #eee;
  margin: 0;
  padding: 16px 8px;
}

.zf-body .seriesname blockquote {
  border-left: 0;
  font-size: 12px;
  line-height: 1.3;
  margin-top: 8px;
}

.zf-body #serieslisting form .row {
  width: 100%;
}

@media (max-width: 767px) {
  .seriessubmit.span2 {
    border-bottom: none;
  }
}


/* Account listing */
.zf-body #savedcardlisting .btn {
  background: #666;
}
.zf-body #savedcardlisting .btn:hover {
    border: 1px solid var(--btn-hover-border-color);
    color: var(--btn-week-color);
    background-color: var(--btn-bg-hover-color);
}


  .container-fluid .row {
    width: 100%;
    *zoom: 1;
  }
  .container-fluid .row:before,
  .container-fluid .row:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .container-fluid .row:after {
    clear: both;
  }
  .container-fluid .row [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 30px;
    margin-left: 2.564102564102564%;
    *margin-left: 2.5109110747408616%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .container-fluid .row input[class*="span"] {
    margin-left: 0;
    float: none;
  }
  .container-fluid .row [class*="span"]:first-child {
    margin-left: 0;
  }
  .row {
    margin-left: 0px;
}
  .container-fluid .row .controls-row [class*="span"] + [class*="span"] {
    margin-left: 2.564102564102564%;
  }
  .container-fluid .row .span12 {
    width: 100%;
    *width: 99.94680851063829%;
  }
  .container-fluid .row .span11 {
    width: 91.45299145299145%;
    *width: 91.39979996362975%;
  }
  .container-fluid .row .span10 {
    width: 82.90598290598291%;
    *width: 82.8527914166212%;
  }
  .container-fluid .row .span9 {
    width: 74.35897435897436%;
    *width: 74.30578286961266%;
  }
  .container-fluid .row .span8 {
    width: 65.81196581196582%;
    *width: 65.75877432260411%;
  }
  .container-fluid .row .span7 {
    width: 57.26495726495726%;
    *width: 57.21176577559556%;
  }
  .container-fluid .row .span6 {
    width: 48.717948717948715%;
    *width: 48.664757228587014%;
  }
  .container-fluid .row .span5 {
    width: 40.17094017094017%;
    *width: 40.11774868157847%;
  }
  .container-fluid .row .span4 {
    width: 31.623931623931625%;
    *width: 31.570740134569924%;
  }
  .container-fluid .row .span3 {
    width: 23.076923076923077%;
    *width: 23.023731587561375%;
  }
  .container-fluid .row .span2 {
    width: 14.52991452991453%;
    *width: 14.476723040552828%;
  }
  .container-fluid .row .span1 {
    width: 5.982905982905983%;
    *width: 5.929714493544281%;
  }
  .container-fluid .row .offset12 {
    margin-left: 105.12820512820512%;
    *margin-left: 105.02182214948171%;
  }
  .container-fluid .row .offset12:first-child {
    margin-left: 102.56410256410257%;
    *margin-left: 102.45771958537915%;
  }
  .container-fluid .row .offset11 {
    margin-left: 96.58119658119658%;
    *margin-left: 96.47481360247316%;
  }
  .container-fluid .row .offset11:first-child {
    margin-left: 94.01709401709402%;
    *margin-left: 93.91071103837061%;
  }
  .container-fluid .row .offset10 {
    margin-left: 88.03418803418803%;
    *margin-left: 87.92780505546462%;
  }
  .container-fluid .row .offset10:first-child {
    margin-left: 85.47008547008548%;
    *margin-left: 85.36370249136206%;
  }
  .container-fluid .row .offset9 {
    margin-left: 79.48717948717949%;
    *margin-left: 79.38079650845607%;
  }
  .container-fluid .row .offset9:first-child {
    margin-left: 76.92307692307693%;
    *margin-left: 76.81669394435352%;
  }
  .container-fluid .row .offset8 {
    margin-left: 70.94017094017094%;
    *margin-left: 70.83378796144753%;
  }
  .container-fluid .row .offset8:first-child {
    margin-left: 68.37606837606839%;
    *margin-left: 68.26968539734497%;
  }
  .container-fluid .row .offset7 {
    margin-left: 62.393162393162385%;
    *margin-left: 62.28677941443899%;
  }
  .container-fluid .row .offset7:first-child {
    margin-left: 59.82905982905982%;
    *margin-left: 59.72267685033642%;
  }
  .container-fluid .row .offset6 {
    margin-left: 53.84615384615384%;
    *margin-left: 53.739770867430444%;
  }
  .container-fluid .row .offset6:first-child {
    margin-left: 51.28205128205128%;
    *margin-left: 51.175668303327875%;
  }
  .container-fluid .row .offset5 {
    margin-left: 45.299145299145295%;
    *margin-left: 45.1927623204219%;
  }
  .container-fluid .row .offset5:first-child {
    margin-left: 42.73504273504273%;
    *margin-left: 42.62865975631933%;
  }
  .container-fluid .row .offset4 {
    margin-left: 36.75213675213675%;
    *margin-left: 36.645753773413354%;
  }
  .container-fluid .row .offset4:first-child {
    margin-left: 34.18803418803419%;
    *margin-left: 34.081651209310785%;
  }
  .container-fluid .row .offset3 {
    margin-left: 28.205128205128204%;
    *margin-left: 28.0987452264048%;
  }
  .container-fluid .row .offset3:first-child {
    margin-left: 25.641025641025642%;
    *margin-left: 25.53464266230224%;
  }
  .container-fluid .row .offset2 {
    margin-left: 19.65811965811966%;
    *margin-left: 19.551736679396257%;
  }
  .container-fluid .row .offset2:first-child {
    margin-left: 17.094017094017094%;
    *margin-left: 16.98763411529369%;
  }
  .container-fluid .row .offset1 {
    margin-left: 11.11111111111111%;
    *margin-left: 11.004728132387708%;
  }
  .container-fluid .row .offset1:first-child {
    margin-left: 8.547008547008547%;
    *margin-left: 8.440625568285142%;
  }


/* === Studio Modal === */
.studio-modal-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: rgba(0, 0, 0, 0.8);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  padding: 18vh 10px 10px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.studio-modal-wrap.in {
  opacity: 1;
  z-index: 9999;
  visibility: visible;
  pointer-events: auto;
}
.studio-modal-wrap .studio-modal {
  max-width: 560px;
  margin: 0 auto;
}
.studio-modal-wrap .studio-modal .inner-wrap {
  width: 100%;
  float: left;
  position: relative;
  background: rgb(228, 228, 228);
  padding: 24px 34px 50px;
}
.studio-modal-wrap .studio-modal .inner-wrap .close-modal {
  float: right;
  color: #888888;
  font-size: 22px;
}
.studio-modal-wrap .studio-modal .inner-wrap .section-headline {
  color: #888888;
  text-align: center;
  margin: 15px 0;
}
.studio-modal-wrap .studio-modal .inner-wrap .studio-list {
  width: 100%;
  float: left;
  position: relative;
  text-align: center;
  list-style: none;
  margin-left: 0;
}
.studio-modal-wrap .studio-modal .inner-wrap .studio-list li {
  width: 100%;
  float: left;
  position: relative;
  text-align: center;
  margin-bottom: 28px;
}
.studio-modal-wrap .studio-modal .inner-wrap .studio-list li a {
  position: relative;
  display: inline-block;
  padding: 0 38px;
  color: #888888;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  font-family: Montserrat;
  font-weight: 600;

}
.studio-modal-wrap .studio-modal .inner-wrap .studio-list li a:hover {
  color: #ff5a5f;
  text-decoration: none;
}
.studio-modal-wrap .studio-modal .inner-wrap .studio-list li a span {
  position: relative;
  z-index: 2;
  display: inline-block;
  background: rgb(228, 228, 228);
  padding: 0 7px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

#location-picker img {
  vertical-align: text-top;
}

.system-wrap {
    float: left;
    width: 100%;
    min-height: calc(100vh - 206px);
    position: relative;
    padding-top: 138px;
}

.system-wrap button,
.system-wrap .btn,
.system-wrap .btn-primary,
.system-wrap [type="submit"],
#reserveEvents .btn {
    display: inline-block;
    padding: 4px 20px 0;
    font: 400 20px/32px "Walsheim", "Helvetica Neue", Arial, sans-serif;
    text-align: center;
    color: #000;
    border: 2px solid #000;
    text-transform: uppercase;
    text-shadow: none;
    box-shadow: none;
    background: transparent;
    border-radius: 0 !important;
}
button:hover, .btn:hover, .btn-primary:hover, [type="submit"]:hover, #reserveEvents .btn:hover {
    background: #000;
    color: #fff;
}

@media screen and (max-width: 767px) {
 .system-wrap button,
.system-wrap .btn,
.system-wrap .btn-primary,
.system-wrap [type="submit"] {
    font-weight: 500;
    font-size: 15px;
    line-height: 34px;
 }
}

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"], textarea, select {
    display: block;
    width: 100%;
    background: #fff;
    font-weight: 400;
    font-size: 16px;
    color: #000;
    border: 1px solid #000;
    border-radius: 0;
    height: 42px;
    box-shadow: none;
    padding: 5px 12px;
    transition: none;
}
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: #000;
  outline: none;
  box-shadow: none;
}
textarea {
    height: 200px;
}
.alert a {
    color: #000;
}
.alert a:hover {
    color: #000;
    text-decoration: underline;
}
.page-header {
    float: left;
    width: 100%;
    border: 0;
    margin: 0 0 20px;
    padding: 0;
}
.page-header h2 {
    font: 500 30px/36px "Walsheim", "Helvetica Neue", Arial, sans-serif;
    color: #000;
    text-transform: uppercase;
}
.page-header h1 {
    font: 400 65px/1 "Helvetica LT", "Walsheim", "Helvetica Neue", Arial, sans-serif;
    color: #000;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 3.5px;
}
#billing h3 {
    font: 500 20px/26px "Walsheim", "Helvetica Neue", Arial, sans-serif;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .page-header h1 {
        font-size: 36px;
        letter-spacing: 0.7px;
    }
    .page-header h2 {
        font-size: 20px;
    }
}

/* === Sign Up/Edit Info === */
html#new form[name="customerForm"].offset2 {
  margin-left: 13%;
}

@media (max-width: 800px) {
  html#new form[name="customerForm"].offset2 {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
}

html#new form[name="customerForm"] #birthdaterow select {
  display: inline-block;
  max-width: 25%;
  margin-top: 0;
  margin-right: 5px;
}

html#new .form-actions .btn[name="_cancel"],
html#save .form-actions .btn[name="_cancel"],
html#edit .form-actions .btn[name="_cancel"] {
    background-color: #020505;
    color: #FFFFFF;
}
html#new .form-actions .btn[name="_cancel"]:hover,
html#save .form-actions .btn[name="_cancel"]:hover,
html#edit .form-actions .btn[name="_cancel"]:hover {
    background-color: #020505;
    color: #FFFFFF;
}
html#new select,
html#save select,
html#edit select {
    width: 100%;
}
html#new select + select,
html#save select + select,
html#edit select + select {
    margin-top: 10px;
}
.form-actions {
    border: 0;
    background: 0;
}


#newcustomertext div {
    display: inline;
    margin-right: 4px;
}

#signinbox h4 {
    float: left;
    width: 100%;
    margin-bottom: 6px;
}
#customerinfo .gridlabel {
    margin-left: 0;
    width: 100px;
}
#dashboard h3 {
    margin-bottom: 15px;
}
.control-group.success .control-label {
    background: transparent;
}
.account-nav-sidebar li {
    text-align: right;
    font: 400 20px/1 "Walsheim", "Helvetica Neue", Arial, sans-serif;
    color: #000;
    padding-bottom: 12px;
}
.account-nav-sidebar li a:hover,
.account-nav-sidebar li a:focus {
    background: transparent;
    color: rgba(0,0,0,0.8);
}

#referralMessage .page-content {
    float: left;
    width: 100%;
}
#referralMessage form.span8 {
    max-width: 600px;
    margin: 0 auto;
    float: none;
    background: transparent;
    border: 1px solid #d4d4d4;
    padding: 40px 20px;
    box-shadow: none;
}
#referralForm h4 {
    font-weight: 700;
    line-height: 1;
    font-size: 20px;
    margin-bottom: 25px;
    margin-top: 0;
}
#referralForm h4:first-child {
    text-transform: uppercase;
}
#referralsocial {
    margin-bottom: 20px;
}
#referralForm .form-horizontal .controls {
    margin-left: 0;
}
#referralForm .form-horizontal .control-label {
    width: 100%;
    text-align: left;
}
#referralForm .form-horizontal .form-actions {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    text-align: center;
}
#referrallink {
    margin-bottom: 30px;
}


/* === Schedule === */
#schedule .page-header {
    display: none;
}
#schedule .system-wrap .site-container {
    position: relative;
}
#reserveweeknav {
    position: absolute;
    top: -56px;
    left: 0;
    width: 100%;
    z-index: 4;
    margin: 0;
}
#reserveweeknav .previous>a,
#reserveweeknav .previous>span,
#reserveweeknav .next>a,
#reserveweeknav .next>span {
    border: 0;
    border-radius: 0;
    text-transform: uppercase;
    font-weight: 500;
}
#reserveweeknav.pager li>a:hover,
#reserveweeknav.pager li>a:focus {
  background: none !important;
}
.scheduleTable {
    width: 100%;
    table-layout: fixed;
}
.scheduleTable thead tr td {
    border: 1px solid #000;
    padding: 12px 14px;
}
.scheduleTable thead tr td, .scheduleTable thead tr th {
    width: 14.285%;
}
.scheduleTable tbody tr td:last-child {
    border-right: 1px solid #000;
}
.scheduleTable tbody tr td {
    padding-left: 0;
    padding-right: 0;
}
.scheduleTable tbody tr td .scheduleBlock {
    padding: 10px 15px;
    border-bottom: 1px solid #000;
    font: 400 13px/16px "Walsheim", "Helvetica Neue", Arial, sans-serif;
    color: #999;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 8.7em;
    position: relative;
}
.scheduleTable tbody tr td .scheduleBlock.bookable {
    color: #000;
}
.scheduleTable tbody tr td .scheduleBlock.bookable:hover:before{
    content: "BOOK";
    font: 500 106px/1 "Helvetica LT", "Walsheim", "Helvetica Neue", Arial, sans-serif;
    color: #ffd356;
    letter-spacing: 3.5px;
    text-transform: uppercase;
    position: absolute;
    top: 5px;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 0;
    display: block;
}

#schedule .scheduleTable tbody tr td .scheduleBlock[data-classtype="657265954962539750"]:hover:before,
#schedule .scheduleTable tbody tr td .scheduleBlock[data-classtype="657265954266285278"]:hover:before,
#schedule .scheduleTable tbody tr td .scheduleBlock[data-classtype="700025989597496948"]:hover:before,
#schedule .scheduleTable tbody tr td .scheduleBlock[data-classtype="698493402777388978"]:hover:before,
#schedule .scheduleTable tbody tr td .scheduleBlock[data-classtype="698493401871419306"]:hover:before {
    color: #e65c2c;
}
#schedule .scheduleTable tbody tr td .scheduleBlock[data-classtype="657265954568275170"]:hover:before,
#schedule .scheduleTable tbody tr td .scheduleBlock[data-classtype="698493402299238318"]:hover:before {
    color: #f7d800;
}
#schedule .scheduleTable tbody tr td .scheduleBlock[data-classtype="657265954702492900"]:hover:before,
#schedule .scheduleTable tbody tr td .scheduleBlock[data-classtype="657265955138700520"]:hover:before,
#schedule .scheduleTable tbody tr td .scheduleBlock[data-classtype="657166958281623214"]:hover:before,
#schedule .scheduleTable tbody tr td .scheduleBlock[data-classtype="698493402534119344"]:hover:before,
#schedule .scheduleTable tbody tr td .scheduleBlock[data-classtype="698493403012270004"]:hover:before,
#schedule .scheduleTable tbody tr td .scheduleBlock[data-classtype="698493402081134508"]:hover:before {
    color: #56c049;
}
#schedule .scheduleTable tbody tr td .scheduleBlock[data-classtype="657265953972683996"]:hover:before,
#schedule .scheduleTable tbody tr td .scheduleBlock[data-classtype="698493401628149672"]:hover:before {
    color: #74d6eb;
}

#reserveFilter {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0;
    margin-top: 7px;
}
#reserveFilter .dropdown {
    border-left: 1px solid #fff;
}
@media screen and (min-width: 768px) {
  #reserveFilter .dropdown {
    flex: 0 0 14.285%;
  }
}
#reserveFilter .dropdown .dropdown-toggle {
    font: 500 16px/18px "Walsheim", "Helvetica Neue", Arial, sans-serif;
    color: #fff;
    padding: 12px 15px;
    background: #000;
    border-radius: 0;
    text-transform: uppercase;
    margin: 0;
    width: 100%;
    float: left;
}
#reserveFilter .dropdown .dropdown-toggle .caret {
    float: left;
    width: 100%;
    border: 0;
    height: auto;
    color: #fff;
    margin: 0;
    font-weight: 400;
}
#reserveFilter .dropdown .dropdown-toggle .caret:before {
    content: "↓";
}
#reserveFilter .dropdown.open .dropdown-toggle .caret:before {
    content: "↑";
}
#reserveFilter .dropdown .dropdown-menu {
    min-width: 100%;
    border-radius: 0;
    border: 0;
    background: #000;
    margin: 0;
}
#reserveFilter .dropdown .dropdown-menu>li>a {
    color: #fff;
}
#reserveFilter .dropdown .dropdown-menu>li>a:after {
    content: "●";
    font-size: 10px;
    margin-left: 5px;
    line-height: 1;
    opacity: 0;
}
#reserveFilter .dropdown .dropdown-menu>li>a:hover,
#reserveFilter .dropdown .dropdown-menu>li>a:focus {
    background: transparent;
    color: #fff;
    font-weight: normal;
}
#reserveFilter .dropdown .dropdown-menu>li>a:hover:after,
#reserveFilter .dropdown .dropdown-menu>li>a:focus:after {
    opacity: 1;
}

.scheduleTable thead tr td .thead-dow,
.scheduleTable thead tr td .thead-date {
    float: left;
    width: 100%;
    color: #000;
    padding: 0;
    font: 500 16px/18px "Walsheim", "Helvetica Neue", Arial, sans-serif;
}

.scheduleTable tbody tr td .scheduleBlock.bookable a span.pop:after {
  content: '\f059';
  font-family: 'FontAwesome';
  position: absolute;
  right: 0;
  top: -2px;
  font-size: 15px;
}
.scheduleTable tbody tr td .scheduleBlock .classlength:before {
  content: '→ ';
}
.scheduleTable tbody tr td .scheduleBlock .scheduleClass {
    text-transform: uppercase;
    font-weight: 500;
}
.scheduleTable tbody tr td .scheduleBlock .classlength {
    margin-top: 23px;
    font-weight: normal;
}
.scheduleTable tbody tr td .scheduleBlock a,
.scheduleTable tbody tr td .scheduleBlock .scheduleClass {
    order: 1;
    margin-top: -15px;
}
.scheduleTable tbody tr td .scheduleBlock .scheduleInstruc {
    order: 3;
    margin-top: -30px;
}
.scheduleTable tbody tr td .scheduleBlock .scheduleTime {
    order: 2;
    font-weight: 500;
}
.scheduleTable tbody tr td .scheduleBlock span,
.scheduleTable tbody tr td .scheduleBlock a {
    margin: 0;
    position: relative;
    z-index: 1;
}
.scheduleTable tbody tr td .scheduleBlock .hidden.reserve-link {
    display: none;
}

.popover {
  color: #ffffff;
  font-size: 14px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 276px;
    padding: 14px;
    text-align: left;
    background-color: #000000;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    white-space: normal;
}

.popover.top {
    margin-top: -10px;
}

.popover.right {
    margin-left: 10px;
}

.popover.bottom {
    margin-top: 10px;
}

.popover.left {
    margin-left: -10px;
}

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    background-color: #000000;
    border-bottom: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.popover-title:empty {
    display: none;
}

.popover-content {
    padding: 9px 14px;
}

.popover .arrow, .popover .arrow:after {
    position: absolute;
    display: none !important;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popover .arrow {
    border-width: 11px;
}

.popover .arrow:after {
    border-width: 10px;
    content: "";
}

.popover.top .arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, 0.25);
    bottom: -11px;
}

.popover.top .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #ffffff;
}

.popover.right .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, 0.25);
}

.popover.right .arrow:after {
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #ffffff;
}

.popover.bottom .arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    top: -11px;
}

.popover.bottom .arrow:after {
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #ffffff;
}

.popover.left .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, 0.25);
}

.popover.left .arrow:after {
    right: 1px;
    border-right-width: 0;
    border-left-color: #ffffff;
    bottom: -10px;
}

#new .control-group input,
#new .control-group select,
#new .control-group textarea,
#edit .control-group input,
#edit .control-group select,
#edit .control-group textarea,
#save .control-group input,
#save .control-group select,
#save .control-group textarea {
  outline: none !important;
  box-shadow: none !important;
  border-color: #000 !important;
  color: #000 !important;
}

#new .control-group .control-label,
#save .control-group .control-label
#edit .control-group .control-label {
  color: #000 !important;
}

@media screen and (max-width: 900px) {
    .system-wrap {
        padding-top: 58px;
    }
    #reserveFilter .dropdown .dropdown-toggle {
        font-size: 13px;
        line-height: 16px;
    }
    #reserveFilter .dropdown {
        flex-grow: 1;
    }
    .reservelist.accordion {
        margin-top: 20px;
    }
    #schedule .accordion-heading .accordion-toggle {
        padding: 0;
        border: 0;
        font: 500 25px/28px "Walsheim", "Helvetica Neue", Arial, sans-serif;
        text-transform: uppercase;
        margin-bottom: 5px;
    }
    #schedule .accordion-inner {
        padding: 0;
        border: 0;
        border-bottom: 1px solid #000;
    }
    #schedule .accordion-group {
        border: 0;
        margin-bottom: 10px;
    }
    #schedule .accordion-inner .scheduleBlock {
        padding: 0;
        border: 0;
    }
    .reservelist .scheduleBlock > a, .reservelist .scheduleBlock > .row {
        border-color: #000;
        border-width: 2px;
    }
    .reservelist .scheduleBlock + .scheduleBlock > a, .reservelist .scheduleBlock + .scheduleBlock > .row {
      border-top: 0;
    }
    #schedule .scheduleBlock {
        font: 400 21px/25px "Walsheim", "Helvetica Neue", Arial, sans-serif;
    }
    #schedule .span3.scheduleClass {
        margin-bottom: 8px;
        text-transform: uppercase;
      font-weight: 500;
    }
}

/*hotfix-waitlist-icon*/
.scheduleBlock i.badge {
    font-style: normal;
    padding: 2px 4px;
    font-size: 11px;
    display: block;
    width: 18px;
    height: 18px;
    float: right;
    position: absolute;
    right: 15px;
    top: 20px;
    z-index: 2;
}

.table th {
  font-weight: 500;
}
#gatewayaccount form[name="customerForm"],
#edit form.form-horizontal,
#save form.form-horizontal,
#forgotPassword form.form-horizontal{
   margin-left: 13%;
}
@media screen and (max-width: 767px) {
  #gatewayaccount form[name="customerForm"],
  #edit form.form-horizontal,
  #save form.form-horizontal,
  #forgotPassword form.form-horizontal{
     margin-left: 0;
  }
}

.main-header + .alert.alert-success {
    max-width: 1250px;
    margin: 120px auto 0;
}

#schedule #reserveEvents {
  display: none;
}

.scheduleTable tbody tr {
  border-bottom: 1px solid;
}

@media screen and (max-width: 1080px) {
  .topnav-wrap .dropdown-menu {
      background: transparent;
      position: relative;
      float: none;
  }
  .topnav-wrap li.dropdown:hover ul.dropdown-menu {
    display: block;
  }
  .topnav-wrap .dropdown-menu>li>a {
      display: block;
      padding: 3px 0px
  }
}