@font-face {
  font-family: 'AvenirLTStd-Roman';
  src: url("../images/muir/fonts/AvenirLTStd-Roman.otf");
  /* File to be stored at your site */
  /* src: url("../images/muir/fonts/avenirltstd-book-webfont.eot?#iefix") format("embedded-opentype"),
      url("../images/muir/fonts/AvenirLTStd-Roman.ttf") format("truetype"); ; File to be stored at your site */ }

@font-face {
  font-family: 'AvenirLTStd-Bold';
  src: url("../images/muir/fonts/AvenirNext-Bold.otf");
  /*  src: url("../images/muir/fonts/avenir-next-bold.eot?#iefix") format("embedded-opentype"),
       url("../images/muir/fonts/avenir-next-bold.ttf") format("truetype"); ; /* File to be stored at your site */ }

body {
  font-family: 'AvenirLTStd-Roman'; }

input, button, select, textarea {
  font-family: 'AvenirLTStd-Roman'; }

input, button, .ll-skin-melon {
  font-size: 90%; }

select, 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 {
  box-sizing: border-box;
}

#Reservation_backup_permit_holder_name_em_{
  display: block;
}
/*=============================
=            Admin            =
=============================*/
.admin .auth-services {
  width: inherit !important; }

/*=====  End of Admin  ======*/
/*==================================
=            Site Login            =
==================================*/
.site-login #mainLeftSub {
  width: 100%;
  margin: 0; }
  .site-login #mainLeftSub .row-login {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .site-login #mainLeftSub .row-login .col-left {
      width: 100%; }
      .site-login #mainLeftSub .row-login .col-left h1 {
        width: 100%;
        margin: 20px 0 20px 0;
        padding: 0 0 20px 0;
        border-bottom: 1px solid #f8f9fa; }
      .site-login #mainLeftSub .row-login .col-left p.form-heading {
        font-weight: bold;
        color: #3a6e16; }
      .site-login #mainLeftSub .row-login .col-left p.note {
        font-style: italic;
        color: #ced4da;
        margin-bottom: 20px; }
      .site-login #mainLeftSub .row-login .col-left div.control-group label.control-label {
        display: block;
        width: 100%; }
      .site-login #mainLeftSub .row-login .col-left div.control-group div.controls div.input-prepend {
        width: 100%; }
        .site-login #mainLeftSub .row-login .col-left div.control-group div.controls div.input-prepend span.add-on {
          display: none; }
        .site-login #mainLeftSub .row-login .col-left div.control-group div.controls div.input-prepend input {
          border-radius: 50px;
          padding: 10px 5px;
          width: calc(100% - 15px);
          max-width: 100%;
          border-color: #3a6e16; }
      .site-login #mainLeftSub .row-login .col-left div.form-actions.login {
        padding-bottom: 30px;
        margin-bottom: 30px;
        border-bottom: 1px solid #e9ecef; }
        .site-login #mainLeftSub .row-login .col-left div.form-actions.login button {
          width: 100%;
          display: block;
          padding: 10px;
          border-radius: 50px; }
      .site-login #mainLeftSub .row-login .col-left div.control-group.forgot-password a {
        color: #3a6e16; }
    .site-login #mainLeftSub .row-login .col-right {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
      flex-direction: column;
      width: 100%; }
      .site-login #mainLeftSub .row-login .col-right p {
        text-align: center;
        width: 100%;
        color: #3a6e16; }

ul.auth-services li.auth-service.google_oauth {
  padding: 0;
  margin: 0;
  border: none;
  padding: 10px;
  border: 1px solid #3a6e16;
  border-radius: 50px;
  display: block;
  width: 235px; }
  ul.auth-services li.auth-service.google_oauth:hover, ul.auth-services li.auth-service.google_oauth:focus, ul.auth-services li.auth-service.google_oauth:active {
    background: #f8f9fa;
    border-color: #3a6e16;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease; }

ul.auth-services li.auth-service.facebook {
  display: none; }

/*=====  End of Site Login  ======*/
/*====================================
=            Billing Form            =
====================================*/
div.billing-form div.account .well {
  padding: 0; }

div.billing-form div.account h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  color: #3a6e16; }

div.billing-form div.account h4 {
  margin: 0 0 10px 0;
  font-size: 14px;
  font-weight: normal; }

div.billing-form div.account div.checkout-element input[type="text"], div.billing-form div.account div.checkout-element input[type="email"], div.billing-form div.account div.checkout-element input[type="password"] {
  border-radius: 50px;
  padding: 10px 5px 10px 15px;
  width: calc(100% - 20px);
  max-width: 100%;
  border-color: #3a6e16;
  height: inherit; }

div.billing-form div.account div.checkout-element button.btn-primary {
  width: 100%;
  display: block;
  padding: 10px;
  border-radius: 50px; }

div.billing-form div.account div.checkout-separate {
  margin-top: 35px;
  margin-bottom: 35px; }
  div.billing-form div.account div.checkout-separate div.middle {
    width: 30%;
    text-align: center;
    color: #ced4da;
    font-size: 16px; }
  div.billing-form div.account div.checkout-separate div.border {
    border-top-color: #e9ecef; }

div.billing-form div.account div.forgot-password {
  margin-bottom: 10px; }

div.billing-form div.account button.btn-primary {
  width: 100%;
  display: block;
  padding: 10px;
  border-radius: 50px; }
  div.billing-form div.account button.btn-primary#signInBtn {
    margin-bottom: 10px; }
  div.billing-form div.account button.btn-primary#createBtn {
    background-image: linear-gradient(to bottom, #495057, #343a40);
    border-color: #ced4da;
    background-position: center; }

/*=====  End of Billing Form  ======*/

/*=============================
=            Admin            =
=============================*/
.admin div.admin-login#page {
  padding: 0; }
  .admin div.admin-login#page form.form-horizontal div.acepass {
    width: 100%;
    float: none; }
    .admin div.admin-login#page form.form-horizontal div.acepass div.controls {
      margin-left: 0; }
      .admin div.admin-login#page form.form-horizontal div.acepass div.controls p.note {
        margin: 0;
        padding: 0; }
    .admin div.admin-login#page form.form-horizontal div.acepass div.control-group {
      margin-bottom: 10px; }
      .admin div.admin-login#page form.form-horizontal div.acepass div.control-group label.control-label {
        width: 100%;
        display: block;
        text-align: left; }
      .admin div.admin-login#page form.form-horizontal div.acepass div.control-group div.controls input[type="text"], .admin div.admin-login#page form.form-horizontal div.acepass div.control-group div.controls input[type="email"], .admin div.admin-login#page form.form-horizontal div.acepass div.control-group div.controls input[type="password"] {
        border-radius: 50px;
        padding: 10px 5px 10px 15px;
        width: calc(100% - 20px);
        max-width: 100%;
        border-color: #ced4da;
        height: inherit; }
      .admin div.admin-login#page form.form-horizontal div.acepass div.control-group div.controls div.input-prepend {
        width: 100%; }
        .admin div.admin-login#page form.form-horizontal div.acepass div.control-group div.controls div.input-prepend span.add-on {
          display: none; }
    .admin div.admin-login#page form.form-horizontal div.acepass div.form-actions {
      padding: 0;
      margin: 0; }
  .admin div.admin-login#page form.form-horizontal div.gsuite {
    float: none;
    width: 100%; }
    .admin div.admin-login#page form.form-horizontal div.gsuite div.control-group {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column; }
      .admin div.admin-login#page form.form-horizontal div.gsuite div.control-group div.services {
        overflow: visible; }
        .admin div.admin-login#page form.form-horizontal div.gsuite div.control-group div.services ul.auth-services {
          width: inherit !important; }
  .admin div.admin-login#page form.form-horizontal div.requestLogin {
    margin: 0;
    padding: 0;
    float: none; }
    .admin div.admin-login#page form.form-horizontal div.requestLogin div.controls {
      padding-top: 10px;
      margin: 40px 0 0 0;
      border-top: 1px solid #f8f9fa; }
      .admin div.admin-login#page form.form-horizontal div.requestLogin div.controls a {
        color: #3a6e16; }

  /*=========================================
  =            Admin Login Page            =
  =========================================*/
  
  .admin div.client-elogin > div.row-fluid {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }

  .admin div.client-elogin > div.row-fluid h2 {
    font-style: italic;
  }

  .admin div.client-elogin form.form-horizontal#horizontalForm {
    max-width: 400px;
    margin: auto;
  }

  .admin div.client-elogin form.form-horizontal#horizontalForm div.controls {
    margin: 0;
  }

  .admin div.client-elogin form.form-horizontal#horizontalForm div.controls p.note {
    margin: 0 0 20px 0;
    padding: 0;
    text-align: center;
  }

  .admin div.client-elogin form.form-horizontal#horizontalForm div.control-group {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
  }

  .admin div.client-elogin form.form-horizontal#horizontalForm div.control-group label.control-label {
    font-weight: bold;
    width: 100%;
    text-align: left;
    color: #000;
  }

  .admin div.client-elogin form.form-horizontal#horizontalForm div.control-group div.controls {
    width: 100%;
    margin-bottom: 15px;
  }

  .admin div.client-elogin form.form-horizontal#horizontalForm div.control-group div.controls div.input-prepend {
    width: 100%;
  }

  .admin div.client-elogin form.form-horizontal#horizontalForm div.control-group div.controls div.input-prepend span.add-on {
    display: none;
  }

  .admin div.client-elogin form.form-horizontal#horizontalForm div.control-group div.controls div.input-prepend input[type="text"],
  .admin div.client-elogin form.form-horizontal#horizontalForm div.control-group div.controls div.input-prepend input[type="password"] {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    height: inherit;
    padding: 10px 15px;
  }

  .admin div.client-elogin form.form-horizontal#horizontalForm div.control-group.forgot-password div.controls {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #e9ecef;
    text-align: center;
  }

  .admin div.client-elogin form.form-horizontal#horizontalForm div.control-group.forgot-password div.controls a {
    color: #6c757d;
  }

  .admin div.client-elogin form.form-horizontal#horizontalForm div.form-actions.login {
    padding: 0;
  }

  .admin div.client-elogin form.form-horizontal#horizontalForm div.form-actions.login button.btn.btn-primary {
    width: 100%;
    padding: 20px;
    font-weight: bold;
  }

  .admin div.client-elogin form.form-horizontal#horizontalForm div.gsuite div.control-group {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }

  .admin div.client-elogin form.form-horizontal#horizontalForm div.gsuite div.control-group p {
    font-style: italic;
    background: #0072CE;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    margin: 20px auto 40px;
  }

  .admin div.client-elogin form.form-horizontal#horizontalForm div.gsuite div.control-group div.services ul.auth-services {
    margin: 0;
  }

  .admin div.client-elogin form.form-horizontal#horizontalForm div.gsuite div.control-group div.services ul.auth-services li.auth-service.google_oauth {
    width: 250px;
  }
  
  /*=====  End of Admin Login Page  ======*/
  
  .admin table.table-time-bands-report > tbody > tr > th, 
  .admin table.table-time-bands-report > tbody > tr > td, 
  .admin table.table-time-bands-report > tfoot > tr > td {
    white-space: inherit;
    font-size: 12px;
  }

/*=====  End of Admin  ======*/

.ll-skin-melon .ui-widget {
  font-family: 'AvenirLTStd-Roman';
  background: #fff;
  border: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0; }

.ll-skin-melon .ui-datepicker {
  padding: 0; }

.ll-skin-melon .ui-datepicker .ui-datepicker-header {
  border: none;
  background: transparent;
  font-weight: normal;
  font-size: 15px; }

.ll-skin-melon .ui-datepicker-header .ui-state-hover {
  background: transparent;
  border-color: transparent;
  cursor: pointer;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0; }

.ll-skin-melon .ui-datepicker .ui-datepicker-title {
  margin-top: .4em;
  margin-bottom: .3em;
  color: #000;
  font-size: 18px; }

.ll-skin-melon .ui-datepicker .ui-datepicker-prev-hover, .ll-skin-melon .ui-datepicker .ui-datepicker-next-hover, .ll-skin-melon .ui-datepicker .ui-datepicker-next, .ll-skin-melon .ui-datepicker .ui-datepicker-prev {
  top: .9em;
  border: none; }

.ll-skin-melon .ui-datepicker .ui-datepicker-prev-hover {
  left: 2px; }

.ll-skin-melon .ui-datepicker .ui-datepicker-next-hover {
  right: 2px; }

.ll-skin-melon .ui-datepicker .ui-datepicker-next span, .ll-skin-melon .ui-datepicker .ui-datepicker-prev span {
  background-position: 0;
  margin-top: 0;
  top: 0;
  font-weight: normal;
  background-image: url("/images/arrow_left.png"); }

.ll-skin-melon .ui-datepicker .ui-datepicker-next span {
  -webkit-transform: scaleX(-1); }

.ll-skin-melon .ui-datepicker table {
  margin: 0; }

.ll-skin-melon .ui-datepicker th {
  padding: 1em 0;
  color: #111;
  font-size: 13px;
  font-weight: normal;
  border: none;
  border-top: 1px solid #3a414d;
  font-size: 18px; }

.ll-skin-melon .ui-datepicker td {
  background: #fff;
  border: none;
  padding: 0; }

.ll-skin-melon td .ui-state-default {
  background: transparent;
  border: none;
  text-align: center;
  padding: 10px 5px;
  margin: 5px;
  font-weight: normal;
  color: #000;
  font-size: 18px; }

.ll-skin-melon .ui-state-disabled {
  opacity: 1; }

.ll-skin-melon .ui-state-disabled .ui-state-default {
  color: #999; }

.ll-skin-melon td .ui-state-active, .ll-skin-melon td .ui-state-hover {
  background: darkorange;
  border-radius: 30px;
  color: #fff; }

#displayCalendarDate {
  display: none; }

select, textarea {
  font-family: 'AvenirLTStd-Roman'; }

h1, h2, h3 {
  font-size: 24px;
  line-height: 30px;
  font-family: 'AvenirLTStd-Roman'; }

.text-content-style h1 {
  font-size: 24px;
  line-height: 30px;
  font-family: 'AvenirLTStd-Roman'; }

h3.entrance-fees {
  font-size: 20px;
  margin-bottom: 0px; }

.bookPage h2, .bookPage h1 {
  margin-top: 0px;
  margin-bottom: 20px;
  font-size: 32px;
  text-transform: uppercase;
  padding-top: 0px; }

h2.extra-top, h1.extra-top {
  margin-top: 50px; }

.btn-primary {
  background-image: none; }

.print-header h1 {
  font-size: 30px;
  line-height: 34px; }

h4 {
  font-size: 18px;
  line-height: 24px; }

table {
  font-size: 18px; }

.billing-hide {
  display: none; }

#closureTable tr td {
  white-space: normal;
  line-height: 125%; }

#closureTable .btn {
  padding: 6px;
  font-weight: normal;
  font-size: 12px; }

.table th, .table td {
  line-height: 24px;
  font-size: 16px; }

.table th.align-right, .table td.align-right {
  text-align: right; }

.table th.align-refund, .table td.align-refund {
  text-align: right;
  padding: 5px 0px; }

.table td.align-refund input[type="submit"].btn.btn-small {
  margin: 0px; }

table tr td a.barcode-link {
  color: blue;
  font-size: 20px;
  line-height: 32px; }

h1 small, h2 small, h3 small, p {
  font-size: 18px;
  line-height: 24px; }

h2.oversizeSmall {
  font-size: 18px;
  line-height: 24px;
  font-family: 'AvenirLTStd-Roman'; }

#zipError {
  display: none; }

.termsAndConditions {
  border-top: 3px dashed black;
  padding-top: 10px; }

.termsAndConditions p {
  font-size: 10px;
  line-height: 12px; }

.voucherWrapper {
  width: 100%;
  border: 1px solid black;
  margin-bottom: 10px; }

.refund_fee_popup {
  display: none; }

.voucherInstructions {
  width: 40%;
  float: left;
  padding: 5px 5px 0px 10px; }

.voucherLotDate {
  padding: 5px 0px 5px 5px;
  float: left;
  font-size: 20px;
  font-weight: normal;
  line-height: 24px; }

td.voucherLotDate {
  border-top: 1px solid black; }

.direction_instructions, .direction_instructions p {
  font-size: 10px;
  line-height: 12px; }

.smsMessage {
  text-align: center; }

tr.border_bottom td {
  padding-top: 0px; }

#content {
  margin: 0 auto; }

#content .logo {
  display: none; }

.muir-hide {
  display: none !important; }

.address-print {
  width: 80px;
  display: inline-block; }

.home #content {
  max-width: 100%; }

body.home #homeLink {
  display: none; }

/*----footer----*/
#footer.muir {
  width: 100%;
  margin: 0 auto; }

#footer.muir h2 small, #footer.muir h3 small, #footer.muir p {
  line-height: 18px;
  font-size: 14px; }

#footer.muir .footer-top {
  background-color: darkgreen;
  background-image: url("/images/muir/footerImageWithBackground.jpg");
  background-size: 100%;
  background-repeat: no-repeat;
  float: left;
  width: 100%;
  padding: 30px 0px 20px 0px;
  font-size: 18px;
  line-height: 24px;
  background-size: cover; }

#footer.muir .footer-left {
  float: left;
  width: 10%;
  margin-left: 5%;
  margin-right: 5%; }

#footer.muir .footer-left img {
  width: 100px; }

.footer-bottom h3 {
  font-family: 'AvenirLTStd-Roman'; }

.social-media-icons {
  margin-top: 10px;
  width: 100%; }

.social-media-icon {
  float: left;
  width: 30%;
  margin: 0 1%; }

.social-media-icon img {
  width: 100%;
  height: auto; }

#footer.muir .footer-middle {
  float: left;
  width: 25%;
  margin: 0; }

#footer.muir .footer-middle-right {
  float: left;
  width: 15%;
  margin: 0 5%; }

#footer.muir .footer-middle-right img {
  width: 150px;
  height: auto; }

#footer.muir .footer-right {
  float: left;
  width: 30%;
  margin: 0; }

#footer.muir .footer-section {
  margin-bottom: 10px;
  color: #d6d6d6; }

#footer.muir .footer-section a {
  color: #d6d6d6; }

.admin #page {
  padding-top: 55px; }

.admin #page .breadcrumbs {
  margin-top: 40px; }

#special-vehicles {
  display: none; }

#num_people {
  display: none; }

#date-range {
  /* display: none;
     margin-top: 15px;*/ }

#date-select-time {
  display: none; }

.startTimeWrapper {
  display: none; }

.date-select-wrapper {
  display: none; }

.muir-parking {
  font-size: 18px;
  line-height: 24px;
  margin-top: 10px; }

.buy-section {
  margin-top: 20px;
  margin-bottom: 20px; }

.buy-section.no-top {
  margin-top: 0px; }

.buy-section.buy-selection {
  margin-top: 30px; }

.shuttlePage.muir-home {
  margin-top: 25px;
  margin-bottom: 60px; }

.shuttle-left {
  width: 360px;
  float: left;
  background-color: #cad3da;
  padding: 0px 20px;
  margin-top: 20px;
  height: 400px;
  margin-bottom: 20px; }

.sausalito.shuttle-left{
  height: 405px;
}

.shuttle-right {
  float: left;
  width: 400px;
  margin-left: 50px;
  margin-bottom: 20px;
  margin-right: 120px; }

.shuttle-map {
  margin-top: 20px; }

.site-enterBillingInfo .span5 {
  margin-bottom: 30px; }

.park_num_people_wrapper {
  display: none; }

span.subtitle {
  font-size: 14px;
  margin-left: 5px; }

.starttime {
  margin-bottom: 15px; }

.startTimeArea {
  width: 100%;
  float: left;
  margin-bottom: 15px; }

#buy_park {
  display: none;
  margin-bottom: 10px; }

.driving .startTimeArea {
  width: 100%; }

.container {
  padding-left: 0px;
  padding-right: 0px; }

#buttonStateful {
  color: #FFF; }

.admin .navbar-inverse .brand:hover, .navbar-inverse .nav > li > a:hover, .navbar-inverse .brand:focus, .navbar-inverse .nav > li > a:focus {
  background: none; }

ul.entrance-info li {
  margin-top: 10px; }

.open > .dropdown-menu {
  background-color: rgba(0, 0, 0, 0.3); }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
  background-color: #3a6e16;
  background-image: none; }

.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus {
  background-color: #3a6e16;
  background-image: none; }

.navbar-inner .container {
  max-width: 100%;
  margin-right: 50px; }

.navbar-inner .header-logo {
  max-width: 100%;
  float: none; }


.navbar .nav {
  margin-right: 0px;
  top: 20px; }

.navbar-fixed-top {
  margin-bottom: 25px;
  width: 100%;
  margin-left: auto;
  margin-right: auto; }

.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
  background-image: none;
  background-color: rgba(0, 0, 0, 0.6);
  border: none;
  width: 100%;
  height: 70px;
  max-width: 2000px;
  margin: 0 auto;
  position: relative; }

.navbar-inverse .navbar-inner {
  font-size: 18px;
  line-height: 24px; }

.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus {
  background-color: transparent;
  background-image: none;
  color: #fff; }

.reserveNow {
  float: right;
  position: relative;
  top: 15px;
  right: 0px; }

input[readonly] {
  background-color: #fff; }

.admin .reserveNow {
  display: none; }

.reserveNow #horizontalFormReserve input[type='text'] {
  width: 115px;
  margin-bottom: 0px;
  height: 33px;
  margin-top: 5px;
  cursor: pointer; }

#find-parking {
  background-color: #000; }

.lotResultAddress, .lotResultRate, .hero-unit h1, .lotResultRateLabel, h3.text-info {
  color: #333; }

#footer a {
  color: #999; }

#footer p.dark a {
  color: #000; }

.logo-wrapper {
  margin-top: 25px;
  width: 150px;
  float: left; }

.logo-wrapper .logo {
  margin-bottom: 20px; }

.logo img {
  width: 100px;
  height: auto; }

a.btn-primary {
  color: #fff; }

.guest-checkout .btn-primary, .combined-reservations .btn-primary {
  background-image: none;
  margin-top: 7px; }

.admin .btn-primary {
  background-image: none; }

.combined-reservations .btn-primary {
  background-image: none;
  margin-left: 10px;
  margin-bottom: 10px;
  margin-top: 20px; }

.client.client-viewAllReservations .combined-reservations .btn-primary {
  margin-left: 0px; }

.client-viewAllReservations .combined-reservations .btn-primary {
  margin-left: 10px; }

.guest-checkout {
  text-align: left;
  margin-top: 37px;
  margin-bottom: 20px; }

.btn-primary, .navbar-inverse .btn-navbar, .btn-primary:hover, .btn-primary:focus {
  background-color: #3a6e16;
  background-position: right 0px top 5px; }

#juiDialog .btn-primary, #juiDialog .navbar-inverse .btn-navbar, #juiDialog .btn-primary:hover, #juiDialog .btn-primary:focus {
  background-image: none;
  border: none;
  margin-top: 10px; }

#juiDialogDouble .btn-primary, #juiDialogMulti .btn-primary {
  margin-top: 10px; }

#juiDialog {
  font-family: AvenirLTStd-Roman !important;
  display: none; }

.cc-window, .ui-widget button {
  font-family: AvenirLTStd-Roman !important; }

.continueArea {
  width: 100%;
  text-align: center;
  margin-top: 10px; }

.continueArea.reservationLookupArea .btn.btn-primary {
  padding: 12px 28px; }

.table th.textCenter {
  text-align: right; }

.refund-search .btn-primary {
  background-image: none;
  margin-top: 30px; }

#refund-search-results {
  margin-bottom: 50px;
  font-size: 24px; }

#refund-search-results .submitAreaBtn {
  margin-bottom: 25px; }

.printPage.btn-primary {
  background-image: none; }

.form-actions .btn-primary {
  background-image: none; }

#buttonStateful, .btn-mini {
  background-image: none; }

.site-reviewOrder .btn-primary {
  background-image: none; }

#processOrder.btn-primary[disabled] {
  background-image: none; }

.nav-collapse.in .nav, .nav-collapse.in .nav li {
  background-color: #000; }

.navbar .nav > li > a#eventsLink {
  display: none; }

.parking-tooltip {
  float: right;
  margin-left: 3px; }

img.tooltipImage {
  width: 12px;
  margin-left: 2px;
  height: auto; }

.startTimeWrapper.shuttle img.tooltipImage {
  margin-left: 1px;
  margin-right: 1px; }

.startTimeWrapper.shuttle .parking-tooltip {
  float: none; }

.ui-corner-all {
  z-index: 9999 !important; }

.ui-draggable .ui-dialog-titlebar {
  opacity: 0.65;
  min-height: 10px; }

.ui-dialog .btn {
  background-image: none;
  border: none; }

input[type="checkbox"] {
  margin: 5px;
  transform: scale(1.5, 1.5); }

.muir-parking h3 {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 10px; }

.ui-timepicker-standard {
  z-index: 9999; }

.subtranx-cell {
  display: block; }

.fee-cell {
  display: none; }

.tranx-cell {
  display: table-cell; }

.cart_start_time {
  margin-left: 10px; }

.home-bottom-wrapper .bottom-info {
  display: none; }

#footer {
  z-index: 1; }

.bold {
  font-weight: bold; }

.dark {
  color: #000; }

.avenir-bold {
  font-family: 'AvenirLTStd-Roman';
  font-weight: bold; }

span.gray {
  color: gray;
  font-size: 14px; }

.extra-top-margin.buy-section {
  margin-top: 25px; }

.underline {
  text-decoration: underline; }

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

.ui-datepicker-other-month.ui-datepicker-unselectable.ui-state-disabled {
  visibility: hidden; }

.landing-selection h1 {
  padding-top: 0px; }

.languages {
  text-align: right;
  margin-top: -20px;
  margin-right: auto;
  width: 1170px;
  margin-left: auto; }

.languages a {
  color: #fff;
  font-weight: bold; }

.home .muir-header {
  display: none; }

h1.muir-home-header {
  text-align: center; }

h3.muir-home-header {
  text-align: center; }

.self_clear:after {
  content: "";
  clear: both;
  display: table; }

.muir-home {
  padding: 0px; }

.wheelchair-wrapper {
  display: none;
  float: left;
  border-top: 1px solid #ccc;
  margin-top: 00px;
  padding-top: 5px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
  width: 100%; }

.wheelchair-wrapper .buy-selection-div{
  margin-bottom: 0px;
}

.wheelchair-wrapper .ada-adult-wrapper label {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.wheelchair-wrapper .ada-adult-wrapper label img {
  margin-right: 7px;
  max-width: 39px;
}

.buy-wrapper .wheelchair-wrapper .buy-selection-div-input select {
  margin-top: 5px;
}

.qty-cell {
  display: table-cell; }

.wheelchair-wrapper .home-selection-div {
  margin-bottom: 0px; }

.muir-home-wrapper {
  border: 1px solid #000;
  padding: 5px;
  float: left; }

.muir-home-intro {
  float: left; }

.muir-home-button {
  float: right; }

.visitor {
  font-size: 18px;
  line-height: 22px; }

.visitor.large {
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 15px; }

.home .visitor.italic {
  font-size: 14px;
  line-height: 16px; }

.home-selection-wrapper {
  background-color: #3a6e16;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  max-width: 1000px;
  margin: 0 auto; }

.home .home-selection-wrapper {
  background-color: transparent;
  margin-top: -110px;
  position: relative; }

.home-selection-wrapper.small {
  width: 100%;
  float: none;
  margin: 10px auto;
  height: 85px;
  /* padding: 0 8%; */
  padding-right: 8px;
  text-align: center;
  border-radius: 4px; }

.home-selection-wrapper.small.selection-left {
  float: left;
  width: 600px; }

.parkingCalendar {
  width: 90%;
  margin: 0 auto;
  margin-bottom: 20px;
  max-width: 480px; }

.nps-calendar .control-group {
  margin-top: 20px; }

.nps-calendar .form-horizontal .control-label {
  width: 200px;
  margin-right: 10px;
  float: left;
  margin-left: 0px; }

.nps-calendar .form-horizontal .controls {
  margin-left: 0px;
  float: left; }

img.parkingLabel {
  margin-right: 7px; float: left;}

.mw-loading {
  text-align: center;
  display: none; }

.mw-loading img {
  width: 50px;
  height: auto; }

.home-selection-div {
  float: left; }

.home-selection-div label {
  font-size: 12px;
  text-align: center; }

.home-selection-div-input input {
  width: 60px; }

.soldout {
  padding-top: 6px;
  padding-left: 10px; }

.change-search-results .combined-reservations {
  float: left;
  width: 100%; }

.change-search-results .overSizeCalendar {
  float: left;
  width: 400px; }

.change-search-results .oversizeRight {
  margin-top: 0px;
  padding-top: 0px; }

change-search-results .oversizeRight .timeRange h4 {
  margin-top: 0px;
  padding-top: 0px; }

.change-search-results .oversizeLeft {
  margin-right: 40px; }

.reserveNow #reserveDate {
  background-image: url("/images/muir/calendar.png");
  background-position: right 5px top 5px;
  background-size: 20px;
  background-repeat: no-repeat; }

#horizontalForm input[type='text']#reserveDateParkPasses {
  width: 100px;
  margin-bottom: 0; }

input[readonly].reserveDate {
  cursor: pointer; }

#homeFormReserve {
  display: inline-block;
  text-align: center;
  padding: 10px 0px;
  border-radius: 15px;
  cursor: pointer;
  border: 1px solid #db5e09;
  background: linear-gradient(to bottom, #fb7e29, #eb6e19);
  width: 100%;
  margin-bottom: 0px;
  box-shadow: 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 2px 0 rgba(255, 255, 255, 0.4), inset 0 0 3px 0 rgba(0, 0, 0, 0.4), inset 0 0 3px 5px rgba(0, 0, 0, 0.05), 2px 2px 4px 0 rgba(0, 0, 0, 0.25); }

#homeFormReserve img {
  height: 1px;
  width: 1px;
  visibility: hidden;
  display: block;
  margin-left: 41%; }

.homeReserve {
  text-align: center; }

#reserveDateHome {
  display: none; }

.homeReserveText {
  font-size: 32px;
  text-transform: uppercase;
  color: #fff;
  line-height: 32px; }

.home-selection-div-input select {
  width: 95px;
  margin-left: 6px; }

.home-selection-div-input select#wheelchair {
  width: 70px; }

.home-selection-div-input select.small {
  width: 50px; }

.remaining-text {
  font-size: 10px; }

.home-selection {
  float: right;
  width: 530px;
  background-color: #cad3da;
  margin-top: 10px;
  padding: 5px 1%;
  margin-right: 2%;
  border-radius: 4px; }

.small .home-selection {
  width: auto;
  float: right;
  background-color: #cad3da;
  margin-top: 10px;
  padding: 5px 10px 15px 10px;
  margin-right: 75px;
  text-align: center;
  border-radius: 4px; }

.small .home-selection.booknow {
  padding: 5px;
  width: 580px;
  margin: 0px; }

.muir-selection-break {
  width: 2%;
  float: left;
  font-size: 18px;
  line-height: 24px; }

.muir-selection-break img {
  margin-top: 18px; }

.buy-selection-div-input {
  float: left; }

.buy-selection-div-input input[type='radio'] {
  transform: scale(2); }

.buy-selection-div {
  float: left;
  width: 100%;
  margin-bottom: 10px; }

.buy-selection-div.children {
  margin-bottom: 20px; }

.buy-selection-div label {
  float: left;
  width: 200px; }

.shuttle.wrapper {
  border-right: 1px solid gray;
  padding-right: 99px; }

.driving.wrapper {
  padding-left: 100px; }

.section.wrapper {
  width: 400px;
  float: right;
  margin-bottom: 100px; }

.buy-wrapper select {
  width: 180px; }

.buy-wrapper .startTimeArea select {
  width: 240px;
}

.buy-wrapper .returntime select{
  width: 240px;
}

.travel_date {
  font-size: 18px;
  font-weight: bold;
  float: left;
  margin-top: 40px;
  width: 250px; }

.or_selection {
  font-size: 24px;
  margin-left: 104px;
  float: left; }

.flipped {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1); }

.or-arrow {
  width: 100px;
  padding-left: 25px;
  padding-bottom: 10px;
  padding-top: 10px; }

#add_to_cart, .add_to_cart, button.btn-primary.add_to_cart {
  color: #fff;
  background-color: #3a6e16;
  background-image: url(/images/muir/right.png);
  background-position: right 0px top 5px;
  background-size: 20px;
  background-repeat: no-repeat;
  padding-right: 20px;
  margin-top: 5px;
  border: 1px solid #fff; }

.reserveNow #add_to_cart, .reserveNow .add_to_cart {
  color: #3a6e16;
  background-color: #fff;
  border: 3px solid #3a6e16;
  width: 143px;
  height: 39px;
  background-image: url(/images/muir/right-green.png);
  background-position: right 0px top 7px;
  font-weight: bold;
  padding-right: 15px; }

.de .reserveNow #add_to_cart, .reserveNow .add_to_cart {
  width: 160px;
  padding-left: 0px; }

.pt .reserveNow #add_to_cart {
  width: 160px;
  padding-left: 0px; }

.reserveNow #add_to_cart.specialUser {
  width: 114px;
  height: 20px;
  background-image: url(/images/muir/right-green.png);
  background-position: right 0px top 4px; }

#NPSPermit_permit_number {
  float: left; }

.grecaptcha-badge {
  z-index: 9999; }

.btn-primary[disabled] {
  background-color: #3a6e16;
  color: #fff;
  background-image: url(/images/muir/right.png); }

.reserveNow .coming-soon[disabled] {
  opacity: 1.00;
  background-image: none !important;
  color: #000 !important;
  font-size: 18px !important;
  padding: 0px !important; }

.home-selection-info {
  float: left;
  width: 40%;
  text-align: right; }

.home-selection-info h4 {
  padding-right: 25px;
  margin-top: 22px;
  font-size: 18px;
  line-height: 24px; }

.muir-home-section {
  float: left;
  width: 100%; }

.muir-home-section .cell-service {
  margin-top: 20px; }

p.cell-service {
  padding-top: 43px; }

.muir-home-section-area-wrapper {
  margin: 20px 0px 0px 0px; }

.muir-home-section-area {
  float: left;
  width: 300px;
  margin: 0px 0;
  position: relative; }

.muir-home-section-area.middle {
  margin: 0 50px; }

.muir-home-section-area h5 {
  width: 100%;
  text-align: center;
  position: absolute;
  color: #fff;
  font-size: 18px;
  top: -10px;
  line-height: 24px;
  height: 34px;
  padding-top: 15px;
  background-color: rgba(0, 0, 0, 0.5);
  margin-bottom: 0px;
  padding-bottom: 10px; }

.submit_buttons {
  width: 100%;
  float: left; }

.section-left {
  float: left;
  margin-left: 0%;
  width: 45%; }

.section-right {
  float: right;
  margin-right: 5%;
  margin-left: 5%;
  width: 40%; }

.section-bottom {
  width: 90%;
  float: left;
  margin-left: 5%;
  margin-right: 5%;
  margin-bottom: 30px;
  margin-top: 20px; }

.bookPage .home-selection-wrapper.small.selection-left {
  width: 430px;
  margin-right: 560px;
  margin-bottom: 20px; }

.bookPage .small .home-selection.booknow {
  width: 410px;
  margin-top: 3px; }

h4.parkHours {
  margin-bottom: 20px; }

.bookPage #add_to_cart {
  margin-bottom: 20px; }

.bookPage .reserveNowShuttle .add_to_cart, .bookPage .reserveNowDriving .add_to_cart {
  height: 32px;
  margin-top: 0px; }

.reserveNowBook {
  margin-top: 20px;
  margin-bottom: 20px; }

.reserveNowBook input[type="text"] {
  margin-bottom: 0px; }

.pass-info {
  margin-bottom: 15px; }

.muir-home-section.white {
  padding: 0px 5px 25px 5px;
  background-color: white; }

.muir-home-section.white a {
  /* color: #000;*/ }

a.anchor {
  display: block;
  position: relative;
  top: -100px;
  visibility: hidden; }

.muir-home-section.white h2 {
  font-size: 24px;
  font-family: 'AvenirLTStd-Roman';
  line-height: 30px; }

.muir-home-section.gray {
  background-color: #cad3da;
  font-size: 18px;
  line-height: 24px;
  padding-bottom: 20px; }

.muir-home-section.gray h2 {
  margin-bottom: 20px; }

.ui-datepicker .ui-datepicker-buttonpane {
  display: none; }

.nps .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  color: #000; }

.muir-home #horizontalForm input[type='text'], .muir-home #horizontalForm input[type='password'] {
  width: 100px; }

#horizontalForm input[type='email'] {
  width: 220px; }

#startdate_container {
  max-width: 600px; }

.ui-corner-all.ui-widget.ui-datepicker-inline {
  width: 100%; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  color: #fff;
  outline: none; }

.ui-datepicker-calendar .ui-state-default, .ui-datepicker-calendar .ui-widget-content .ui-state-default, .ui-datepicker-calendar .ui-widget-header .ui-state-default {
  background: #3a6e16;
  color: #fff; }

.ui-datepicker .ui-datepicker-header {
  background: #3a6e16; }

.ui-datepicker th {
  border: 1px solid black; }

#reserveDateDriving_container {
  margin-bottom: 20px;
  border: 1px solid black;
  padding: 15px; }

.parkingDates {
  margin-bottom: 20px; }

.form-horizontal .control-label {
  width: 180px; }

.client .form-horizontal .control-label {
  width: 200px;
  padding-right: 10px; }

.form-horizontal .controls {
  margin-left: 200px; }

.park-table-wrapper {
  width: 100%;
  border-radius: 4px;
  border: 1px solid #999;
  margin-bottom: 20px; }

.park-table-wrapper .parkRates {
  background-image: linear-gradient(to bottom, #EEEEEE, #CCC);
  padding-left: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: bold; }

.smaller {
  font-size: 13px; }

.tiny {
  font-size: 10px; }

.park-table-wrapper .parkRates .tiny {
  font-size: 12px;
  font-weight: normal; }

.park-table {
  width: 96%;
  margin: 10px 2% 10px 2%; }

.park-table .parkTop {
  padding-top: 5px; }

table.park-table.detail-view tr.odd.inner {
  padding-left: 5px;
  padding-right: 5px;
  border-top: 1px solid #ccc;
  background: none repeat scroll 0 0 rgba(133, 144, 55, 0.3); }

.detail-view.npsRedeemed th {
  text-align: left;
  font-size: 16px; }

.park-table td {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 10px; }

.park-table td.leftTd {
  padding-right: 100px;
  padding-left: 10px; }

.park-table td.leftTd.extra-padding {
  padding-left: 50px;
  padding-right: 0px; }

.park-table td.middleTd {
  padding-right: 100px; }

.park-table .parkbottom {
  padding-bottom: 5px; }

.park-table select {
  width: 53px; }

.select_num_people option:disabled {
  display: none; }

.navbar-inverse {
  background: none;
  border: none; }

#cs_idLayout2 {
  max-width: 1000px;
  margin: 25px auto; }

.muir-about #cs_idLayout2 {
  margin-top: 10px; }

.cs_control img.small {
  width: 50px; }

.cs_control a, .cs_control a:visited {
  color: #0088cc;
  border-bottom: none !important; }

.buy-section img.small {
  width: 50px;
  vertical-align: bottom;
  float: left;
  margin-right: 10px; }

.cs_control img {
  width: 300px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: bottom;
  float: left; }

.cs_control img.large {
  width: 100%; }

.cs_control h2 {
  font-family: 'AvenirLTStd-Roman';
  font-size: 24px;
  line-height: 32px;
  font-weight: normal; }

.Component.ArticleTextGroup {
  margin-bottom: 10px; }

.muir-home-image-wrapper.site-image {
  display: none; }

.muir.error-page .muir-home-image-wrapper.site-image {
  display: block; }

.special .muir-home-image-wrapper.muir-only {
  display: none; }

.special .purchased_reservations th input.btn-small {
  font-weight: normal; }

#specialSearch .control-group div {
  display: inline-block; }

.reservation_header {
  margin-left: 0px; }

.nps .muir-home-image-wrapper {
  display: none; }

.nps .brand, .npsReport .brand {
  display: none; }

.nps .reserveNow {
  display: none; }

.nps .heatmap .control-group {
  float: left;
  margin-right: 20px; }

.npsReport .reserveNow {
  display: none; }

.npsReport #page {
  margin-top: 90px;
  padding: 0px 50px; }

.site .muir-home-image-wrapper.site-image, .parking .muir-home-image-wrapper.site-image, .special .muir-home-image-wrapper.site-image, .nps .muir-home-image-wrapper.site-image {
  display: block; }

.nps .muir-home-image-wrapper.site-image {
  height: 300px; }

.site #content, .parking #content, .special #content, .nps #content, .npsReport #content {
  max-width: 1000px; }

.site.site-enterBillingInfo #content {
  max-width: none; }

.npsReport #content {
  max-width: 100%;
  margin: 0; }

.tooltipster-base {
  max-width: 300px; }

.tooltipster-default .tooltipster-content {
  font-size: 12px; }

.tooltipster-default {
  background: #3a6e16; }

.text-content-style {
  font-family: 'AvenirLTStd-Roman'; }

.text-content-style h2 {
  margin-top: 0px;
  letter-spacing: normal; }

.mid-wrapper {
  max-width: 1000px;
  margin: 0 auto;
  margin-top: 20px; }

.mid-wrapper.faq {
  margin-bottom: 50px; }

.ui-accordion {
  border-top: 1px solid #d3d3d3; }

.ui-accordion .ui-accordion-header {
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-right: 2rem;
  background-image: url(../images/muir/plus.png);
  background-position: top 45% right 1rem;
  background-repeat: no-repeat;
  font-size: 1.4rem;
  font-weight: 500;
  color: #82817d;
  transition: color .2s;
  z-index: 999 !important;
  background-color: transparent;
  border-left: none;
  border-right: none;
  border-top: none;
  padding-left: 0rem; }

.ui-widget {
  font-family: 'AvenirLTStd-Roman'; }

.muir-parkPasses .ui-accordion .ui-accordion-header {
  display: list-item;
  list-style: disc;
  list-style-position: inside;
  font-size: 18px;
  font-family: 'AvenirLTStd-Roman';
  font-weight: bold; }

.muir-parkPasses .buy-section.large-size {
  font-size: 24px; }

.muir-parkPasses .ui-accordion .ui-accordion-content {
  font-family: 'AvenirLTStd-Roman';
  font-size: 18px;
  color: #000; }

.ui-accordion .ui-accordion-header.ui-state-active {
  background-position: top 1rem right 1rem;
  background-image: url(../images/muir/minus.png);
  border-bottom: none; }

.ui-accordion .ui-accordion-content {
  border: none;
  padding: 1rem 0px;
  color: #82817d; }

.ui-accordion .ui-accordion-content.ui-accordion-content-active {
  border-bottom: 1px solid #d3d3d3; }

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  display: none; }

.ui-state-active a, .ui-state-default a {
  font-family: 'AvenirLTStd-Roman'; }

.mid-wrapper.faq h1 {
  margin-bottom: 50px; }

.error-page {
  margin-bottom: 25px; }

.full-wrapper {
  width: 100%;
  float: left;
  margin-bottom: 25px; }

.header-logo a {
  color: #fff;
  font-size: 32px;
  font-family: 'AvenirLTStd-Roman';
  line-height: 32px;
  font-weight: bold; }

.header-logo a:hover {
  text-decoration: none; }

.header-logo a:visited, .header-logo a:visited:focus, .header-logo a:visited:hover {
  color: #fff; }

/*-----Print reservations ---*/
.parking-printReservations .logo {
  display: none; }

.parking-printReservations .muir-header, .languages {
  display: none; }

.parking-printReservations .header-logo.muir {
  display: none; }

.parking-printReservations .muir-home-image {
  display: none; }

.muir-home-intro {
  width: 70%; }

.muir-home-button {
  margin-top: 50px; }

.muir-home {
  width: 100%;
  margin: 0px auto; }

.hero-wrapper {
  padding-bottom: 500px; }

#page {
  padding-top: 0px;
  width: 100%;
  position: relative;
  margin: 0 auto; }

.site-requestLogin #page {
  margin-top: 0px; }

.nps-requestLogin .breadcrumbs {
  display: none; }

.logo-home {
  padding-top: 0px; }

.header-logo {
  width: auto;
  font-size: 16px;
  font-weight: bold;
  position: absolute;
  top: 25px;
  left: 50px; }

.alternate-shuttle .muir-home-image img{
  height: auto;
  width: 2000px;
}

.muir-home-image img {
  height: auto;
  width: auto;
  min-width: 600px;
  max-width: 100%;
  left: 50%;
  position: relative;
  transform: translateX(-50%); }

.muir-home-image-wrapper {
  height: auto;
  overflow: hidden; }

.not-required span.required {
  display: none; }

.save-cc-not-logged {
  display: none; }

.red {
  color: red; }

#horizontalFormResetPassword .controls {
  margin-left: 0px; }

#horizontalFormResetPassword.form-horizontal .control-group {
  margin-bottom: 0px;
  text-align: left; }

#horizontalFormResetPassword.form-horizontal .control-label {
  margin-bottom: 0px;
  text-align: left;
  width: 125px; }

#horizontalFormResetPassword.form-horizontal .form-actions {
  padding-left: 0px; }

.specialPassword .control-group {
  margin-bottom: 0px; }

.specialPassword input[type="password"] {
  margin-bottom: 5px; }

.resetPassword .passwordInfo {
  width: 240px; }

.passwordInfo {
  font-size: 12px;
  padding-left: 200px;
  width: 200px;
  line-height: 14px;
  margin-bottom: 10px; }

.combined-reservations form {
  float: right; }

.ui-dialog.ui-widget {
  display: none; }

.elogin-submit {
  margin-left: 200px; }

.permit-number-wrapper {
  margin-top: 50px; }

.permit-number-wrapper .reserveDate {
  margin-left: 10px; }

.permit-number-wrapper #NPSPermit_email {
  margin-left: 10px; }

.permit-number-wrapper .error-info {
  margin-left: 0px;
  padding-left: 0px; }

.permit-number-wrapper .btn-primary {
  margin-bottom: 12px;
  margin-left: 10px; }

.permit-number-wrapper input {
  width: 180px; }

.form-horizontal .permit-number-wrapper label.control-label {
  width: 300px;
  font-size: 18px;
  text-align: left; }

p.heading {
  margin-top: 20px; }

body.special .shuttle.section.wrapper, body.nps .shuttle.section.wrapper {
  display: none; }

body.special .driving.section.wrapper, body.nps .driving.section.wrapper {
  margin-bottom: 40px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  float: none; }

body.special .or_selection, body.nps .or_selection {
  display: none; }

body.info-wrapper {
  width: 100%; }

body.special .travel_date, body.nps .travel_date {
  float: none;
  text-align: center; }

body.special .muir-parking, body.nps .muir-parking {
  padding-bottom: 50px; }

body.special.special-buy #footer {
  margin-top: 50px; }

span.recommended {
  text-transform: uppercase; }

#languages-dropdown {
  /*display: none;*/ }

.muir-review-order-form.combined-reservations .btn-primary {
  margin-top: 0px; }

.muir-review-order-form.combined-reservations .btn-primary.dropdown-toggle {
  margin-right: 20px;
  margin-top: 0px;
  height: 30px;
  font-size: 14px; }

#showBilling {
  display: inline-block;
  margin-top: -2px; }

/*---Language styles---*/
body.fr .reserveNow #add_to_cart, body.fr .reserveNow .add_to_cart {
  font-size: 10px;
  padding-left: 0px; }

.es .reserveNow #add_to_cart {
  font-size: 13px; }

.ru .reserveNow #add_to_cart {
  width: 200px;
  font-size: 12px; }

.or_selection.desktop-hide {
  display: none; }

.reviewOrderNaked .grid-view {
  padding: 0 5%;
  max-width: 800px;
  margin: 0 auto;
  float: none; }

.reviewOrderNaked .reviewLogo img {
  width: 100px;
  height: auto; }

.reviewLogo {
  text-align: center;
  font-size: 20px;
  margin: 10px 0px 5px;
  font-weight: bold; }

.construction p {
  color: #32CD32;
  font-size: 14px;
  line-height: 18px; }

/* LOT EDIT */
#lotFormTab li {
  background: #c3c3c3; }

#lotFormTab li.active {
  background-color: #3a6e16; }

#lotFormTab a {
  border: none;
  border-radius: 0;
  color: #000000;
  background: transparent; }

#lotFormTab li.active a {
  color: #ffffff; }

.mobile-tabs #lotFormTab li {
  height: 30px;
  padding: 0; }

.mobile-tabs .nav-btn {
  background-color: #3a6e16;
  border: none;
  padding: 2px; }

.mobile-tabs .nav-btn:focus, .mobile-tabs .nav-btn:focus {
  background-color: white; }

.mobile-tabs .icon-bar {
  background-color: #ffffff; }

.mobile-tabs .nav-btn:focus .icon-bar {
  background-color: #3a6e16; }

.mobile-tabs .nav-btn {
  height: 28px;
  width: 28px;
  background-color: #3a6e16; }

/*---Beginning of responsive styles---*/
/*--Parking and Shuttle style fixes--*/
@media (max-width: 1024px) {
  .section.wrapper {
    width: 365px; }
  .driving.wrapper {
    padding-left: 10px; }
  .shuttle.wrapper {
    padding-right: 10px; }
  .buy-wrapper select {
    width: 175px; } }

@media (min-width: 1024px) {
  .text-content-size p {
    font-size: 18px;
    line-height: 30px; }
  .purchased_reservations .table th:first-child, .purchased_reservations .table td:first-child {
    width: 40px; } }

/* Large desktop */
@media (min-width: 768px) and (max-width: 979px) {
  .home .navbar-fixed-top {
    /*   top: 215px !important;
           margin-left: 20px;*/ } }

/*---specific spacing issue---*/
@media (min-width: 768px) {
  .site-login div#mainLeftSub {
    padding-left: 20px;
    padding-right: 20px;
    width: calc(100% - 40px); }
  div.billing-form {
    max-width: 600px; }
    div.billing-form div.account div.user-elogin.gsuite div.services ul.auth-services {
      display: flex;
      justify-content: center;
      align-items: center; } }

/*---small-desktop styles---*/
@media (max-width: 1300px) {
  .hide-small-desktop {
    display: none; } }

/*tablet*/
@media (max-width: 979px) {
  .pull-right.small-left {
    float: left; }
  .navbar-fixed-top {
    position: fixed; }
  .languages {
    width: 90%; }
  .header-logo {
    width: auto;
    margin-left: 0px; }
  .muir-header {
    overflow: hidden; }
  .muir-header img {
    max-width: none; }
  .btn-primary, .navbar-inverse .btn-navbar, .btn-primary:hover, .btn-primary:focus {
    background-image: none; }
  .navbar .btn-navbar .icon-bar {
    height: 4px;
    margin-bottom: 2px;
    margin-top: 3px; }
  .navbar-inverse .btn-navbar {
    margin-right: 5px;
    margin-top: 22px; }
  #horizontalForm input[type='text']#reserveDateParkPasses {
    margin-left: -20px;
  }
}

/*--phone and ipad--*/
@media (max-width: 769px) {
  .change-search-results .overSizeCalendar {
    width: 100%; }
  body {
    padding: 0px; }
  .navbar-fixed-top {
    margin: 0px;
    position: absolute; }
  h4 {
    padding-left: 0px; }
  #shuttle.btn.btn-primary.product-select {
    margin-top: 10px; }
  .startTimeArea {
    width: 100%; }
  .parkingDates {
    text-align: left;
    width: auto;
    margin: auto; }
  .select_num_people {
    margin-right: 5px; }
  .reserveNow {
    top: 0px; }
  .navbar-inner .container {
    margin-right: 0px; }
  .btn-primary, .navbar-inverse .btn-navbar, .btn-primary:hover, .btn-primary:focus {
    background-image: none; }
  .navbar .btn-navbar .icon-bar {
    height: 4px;
    margin-bottom: 2px;
    margin-top: 3px; }
  .header-logo {
    top: 50px;
    left: 10px;
    display: none; }
  .navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
    height: 47px;
    padding: 0px; }
  .muir-home-section-area, .muir-home-section-area.middle {
    margin: 20px 0px;
    width: 100%; }
  .muir-home-section-image img {
    width: 100%; }
  .muir-home-section.white, .muir-home-section {
    width: 100%;
    padding: 0%; }
  .mid-wrapper {
    width: 90%;
    padding: 0 5%; }
  #footer.muir .footer-top {
    background-size: cover; }
  .section.wrapper {
    width: 100%;
    border-right: none;
    padding: 0px;
    margin-bottom: 20px; }
  .park-table td.leftTd {
    padding-right: 10px; }
  .park-table td.middleTd {
    padding-right: 10px; }
  .cart_start_time {
    margin-left: 0px; }
  .table th, .table td {
    line-height: 16px;
    font-size: 12px; }
  .logo-wrapper {
    display: none; }
  .form-horizontal .controls {
    margin-left: 0px; }
  .site-reviewOrder .btn-primary {
    margin-left: 20px;
    float: left; }
  .site-reviewOrder h4 {
    margin-left: 20px; }
  .form-actions {
    padding: 0px;
    margin: 0px; }
  .reserveNow {
    float: left;
    margin-left: 10px; }
  .home .reserveNow {
    display: none; }
  .navbar-inverse .btn-navbar {
    float: left;
    margin-left: 2px;
    margin-right: 0px;
    margin-top: 5px; }
  .home .navbar-inverse .btn-navbar {
    margin-left: 20px; }
  .home #homeFormReserve {
    margin-left: 20px;
    width: 80%;
    position: relative;
    z-index: 999; }
  .home .navbar-fixed-top {
    top: 170px; }
  .home .navbar-inner {
    background: transparent; }
  .home .muir-home-image-wrapper {
    padding-top: 0px; }
  .shuttle-left {
    width: 90%;
    float: left;
    background-color: #cad3da;
    padding: 0px 5%;
    margin-top: 20px;
    height: 480px;
    margin-bottom: 20px; }
  .shuttle-left.sausalito{
    height: 580px;
  }
  .shuttle-right {
    float: left;
    width: 100%;
    margin-left: 0px;
    margin-bottom: 20px;
    margin-right: 0px; }
  .shuttle-right iframe {
    width: 100% !important;
    height: 320px !important; }
  .reserveNow #add_to_cart, .reserveNow .add_to_cart {
    padding-left: 0px;
    width: 135px;
    padding-right: 15px;
    padding-top: 10px; }
  .reserveNow #horizontalFormReserve input[type='text'] {
    width: 100px; }
  .nav-collapse.in.collapse {
    height: 500px !important;
    background-color: transparent;
    top: -20px; }
  .nav-collapse {
    background-color: transparent; }
  .navbar .nav > li {
    float: none; }
  .muir-home-image.home-image img {
    left: 35%;
    transform: translateX(-35%); }
  .section-left {
    width: 100%;
    margin: 0px; }
  .section-right {
    width: 100%;
    margin: 0px; }
  #footer.muir .footer-left, #footer.muir .footer-middle-right {
    width: 25%; }
  #footer.muir .footer-right, #footer.muir .footer-middle {
    width: 60%;
    margin-left: 5%; }
  #footer.muir .footer-right, #footer.muir .footer-middle-right {
    margin-top: 40px; }
  .bottom-margin {
    margin-bottom: 20px; }
  .muir-home-image-wrapper {
    padding-top: 47px;
    /*background-color: #3a6e16;*/ }
  .or_selection {
    display: none; }
  .or_selection.desktop-hide {
    display: block;
    width: 100%;
    margin-left: 0px;
    float: right; }
  .travel_date {
    margin-top: 20px;
    margin-bottom: 20px; }
  body.special .travel_date {
    text-align: left; }
  .bookPage h2, .bookPage h1 {
    font-size: 24px; }
  .ru .reserveNow #add_to_cart {
    width: 150px;
    font-size: 9px; }
  .ui-dialog.ui-widget {
    max-width: 300px; }
  .muir-review-order-form.combined-reservations .btn-primary.dropdown-toggle {
    padding: 7px;
    margin-right: 0px;
    margin-left: 0px; }
  .large.error.closureMessage {
    margin-left: 50px;
    font-size: 17px; } }

@media (min-width: 979px) {
  .site-login #mainLeftSub .row-login {
    flex-wrap: nowrap; }
    .site-login #mainLeftSub .row-login .col-left {
      width: calc(50% - 60px);
      padding-right: 60px;
      border-right: 1px solid #e9ecef; }
      .site-login #mainLeftSub .row-login .col-left div.control-group div.controls div.input-prepend span.add-on {
        display: none; }
    .site-login #mainLeftSub .row-login .col-right {
      width: 50%; } }


@media (min-width: 1200px) {
  /*=============================
    =            Admin            =
    =============================*/
  .admin div.admin-login#page div.row-fluid {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap; }
    .admin div.admin-login#page div.row-fluid div.logo {
      padding: 0;
      margin: 0; }
    .admin div.admin-login#page div.row-fluid h3, .admin div.admin-login#page div.row-fluid h5 {
      margin: 0;
      flex-basis: 100%; }
    .admin div.admin-login#page div.row-fluid h3 {
      margin: 10px 0; }
    .admin div.admin-login#page div.row-fluid h5 {
      margin-bottom: 20px; }
  .admin div.admin-login#page form.form-horizontal {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap; }
    .admin div.admin-login#page form.form-horizontal div.acepass {
      width: 50%; }
    .admin div.admin-login#page form.form-horizontal div.gsuite {
      width: 50%;
      margin: 0; }
  /*=====  End of Admin  ======*/ }

/*----iPhone 7 and lower only portrait---*/
@media (max-width: 400px) {
  .header-logo {
    top: 36px;
    left: 10px; } }

@media print {
  @page {
    size: portrait; }
  .mylivechat_inline {
    display: none !important; } }

/*----iPad only portrait---*/
@media (min-width: 600px) and (max-width: 700px) {
  .home .navbar-fixed-top {
    top: 185px; } }

@media (min-width: 700px) and (max-width: 768px) {
  .home .navbar-fixed-top {
    top: 210px; } }

.dropdown-submenu {
  position: relative; }

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px;
  border-radius: 0 6px 6px 6px; }

.dropdown-submenu:hover > .dropdown-menu {
  display: block; }

.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 5px;
  margin-right: -10px; }

.dropdown-submenu:hover > a:after {
  border-left-color: #fff; }

.dropdown-submenu.pull-left {
  float: none; }

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px; }

@supports (-ms-ime-align: auto) {
  .bookPage h2, .bookPage h1 {
    font-size: 30px; } }

@-moz-document url-prefix() {
  .bookPage h2, .bookPage h1 {
    font-size: 30px; } }

/*noinspection CssInvalidPseudoSelector*/
_::-webkit-full-page-media, _:future, :root .or_selection {
  margin-left: 144px; }

/*noinspection CssInvalidPseudoSelector*/
_::-webkit-full-page-media, _:future, :root .bookPage h2, _::-webkit-full-page-media, _:future, :root .bookPage h1 {
  font-size: 30px; }

@media screen and (min-width: 0\0) {
  body, h1, h2, h3, input, button, select, textarea, .header-logo a, .footer-bottom h3 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } }

.card-header.card-header-tabs.card-header-site {
  background-color: #3a6e16;
  background-image: linear-gradient(to bottom, #3a6e16, #3a8e16); }

.wrapper .btn.btn-primary:hover, table .btn {
  background-color: #3a6e16;
  background-image: linear-gradient(to bottom, #3a6e16, #3a8e16); }

.admin .sidebar .nav .nav-item.active > .nav-link {
  background-color: #3a6e16;
  background-image: linear-gradient(to bottom, #3a6e16, #3a8e16); }

.btn.btn-primary, .admin .btn.btn-primary, .wrapper table .btn {
  background-color: #3a6e16;
  background-image: linear-gradient(to bottom, #3a6e16, #3a8e16); }

.admin .btn.btn-primary, .wrapper table .btn, .admin .btn.btn-primary:hover, .wrapper table .btn:hover {
  background-color: #3a6e16 !important;
  background-image: linear-gradient(to bottom, #3a6e16, #3a8e16); }

.wrapper .btn.btn-primary:active:hover, .btn.btn-primary:active:focus, .btn.btn-primary:active.focus, .btn.btn-primary.active:hover, .btn.btn-primary.active:focus, .btn.btn-primary.active.focus, .open > .btn.btn-primary.dropdown-toggle:hover, .open > .btn.btn-primary.dropdown-toggle:focus, .open > .btn.btn-primary.dropdown-toggle.focus, .show > .btn.btn-primary.dropdown-toggle:hover, .show > .btn.btn-primary.dropdown-toggle:focus, .show > .btn.btn-primary.dropdown-toggle.focus {
  background-color: #3a6e16;
  background-image: linear-gradient(to bottom, #3a6e16, #3a8e16); }

.admin .wrapper .btn.btn-primary:active:hover {
  background-color: #3a6e16;
  background-image: linear-gradient(to bottom, #3a6e16, #3a8e16); }

.admin .btn-primary:not(:disabled):not(.disabled):active, .admin .btn-primary:not(:disabled):not(.disabled).active, .admin .show > .btn-primary.dropdown-toggle {
  background-color: #3a6e16;
  background-image: linear-gradient(to bottom, #3a6e16, #3a8e16); }

.admin .btn.btn-primary:focus {
  background-color: #3a6e16;
  background-image: linear-gradient(to bottom, #3a6e16, #3a8e16); }

.pull-left.raised {
  margin-top: -30px; }

.admin .table-condensed > thead > tr > th.headerSmall {
  font-size: 12px; }

.notice-form-refunds {
  display: inline-block; }

/*---oversize styles --*/
.timeRange h4 {
  padding-top: 10px; }

.oversizeWrapper {
  max-width: 1400px;
  margin: 0 auto; }

.oversizeLeft {
  max-width: 750px;
  float: left;
  margin-right: 100px; }

.oversizeRight {
  max-width: 550px;
  float: left;
  margin-top: 25px;
  margin-bottom: 25px; }

.oversizeRight button.btn.btn-large, .oversizeRight input.btn.btn-large[type="submit"] {
  padding: 10px 31px; }

.oversized #ajaxBtn{
  max-width: 253px;
}

.timeRangeSection .btn {
  width: 40%;
  margin-bottom: 10px; }

.overSizeCalendar {
  width: 80%;
  font-size: 18px;
  line-height: 24px;
  max-width: 400px;
  margin: 0 auto; }

#reservationSuccess {
  margin-top: 20px; }

.vehicleSelectWrapper {
  float: left;
  width: 100%;
  margin-bottom: 15px; }

.vehicleSelect {
  background-color: lightgrey;
  padding: 10px 20px;
  float: left;
  width: auto; }

.vehicleSelectLeft {
  width: 150px;
  float: left;
  padding-right: 50px;
  cursor: pointer; }

.vehicleSelectMiddle {
  width: 95px;
  float: left;
  padding-left: 5px; }

.vehicleSelectRight {
  padding-left: 15px;
  width: 180px;
  float: left;
  cursor: pointer; }

.vehicleTitle {
  font-size: 18px;
  font-weight: bold;
  line-height: 24px; }

.vehicleRate {
  font-size: 28px;
  font-weight: bold;
  line-height: 36px; }

.timeRangeSection {
  float: left;
  width: 275px; }

.vehicleRadios {
  border-radius: 10px;
  margin-top: 15px;
  float: left;
  height: 32px;
  padding-top: 10px; }

.vehicleRadios input[type="radio"] {
  transform: scale(3.5); }

input[type="button"].btn-oversize {
  box-shadow: 0 0 5px #000;
  margin: 5px 0px;
  background-color: transparent;
  color: #000;
  float: left;
  width: 250px;
  border: 1px solid; }

input[type="button"].btn-oversize[disabled] {
  opacity: .4; }

input[type="button"].btn-oversize.selected {
  background-color: #3a6e16;
  color: #fff; }

.submitAreaBtn {
  width: 100%;
  float: left;
  clear: both;
  margin-top: 10px; }

.submitAreaBtn .btn-large {
  padding: 10px; }

.submitAreaBtn .pull-left {
  width: 330px; }

.oversizeRight .submitAreaBtn .pull-left {
  width: 275px; }

button.btn.btn-large.btn-blue {
  background-image: none;
  background-color: #0088cc;
  margin-bottom: 10px; }

.switch {
  position: relative;
  width: 4rem;
  font-family: 'AvenirLTStd-Roman'; }

.switch:before {
  content: '  ';
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 1rem;
  background: white;
  border: 1px solid black;
  border-radius: 30px;
  top: 1.5rem; }

.switch__label {
  display: inline-block;
  width: .6em;
  padding: 1rem .3rem;
  text-align: center;
  cursor: pointer;
  transition: color 200ms ease-out;
  z-index: 9999;
  position: relative;
  color: transparent; }

.switch__label:hover {
  color: white;
  color: transparent; }

.switch__indicator {
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  top: 1.25rem;
  left: 0;
  background: #666;
  border-radius: 50%;
  transition: transform 600ms cubic-bezier(0.02, 0.94, 0.09, 0.97), background 300ms cubic-bezier(0.17, 0.67, 0.14, 1.03);
  transform: translate3d(1.35rem, 0, 0);
  z-index: 2; }

.switch input#medium:checked ~ .switch__indicator {
  background: #3a6e16;
  transform: translate3d(0rem, 0, 0); }

.switch input#two:checked ~ .switch__indicator {
  background: #666;
  transform: translate3d(1.35rem, 0, 0); }

.switch input#large:checked ~ .switch__indicator {
  background: #3a6e16;
  transform: translate3d(3rem, 0, 0); }

.switch input[type="radio"]:not(:checked), .switch input[type="radio"]:checked {
  display: none; }

/*--phone and ipad--*/
@media (max-width: 769px) {
  .park-table {
    table-layout: fixed; }
  .oversizeRight {
    width: 100%;
    margin: 0px; }
  .oversizeLeft {
    width: 100%;
    margin: 0px; }
  .overSizeCalendar {
    width: 100%; }
  .ll-skin-melon td .ui-state-default {
    padding: 0px; }
  .oversizeRight button.btn.btn-large {
    margin-bottom: 20px; }
  .vehicleSelectLeft {
    width: 33%;
    margin: 0px;
    padding: 0px; }
  .vehicleSelectRight {
    padding: 0px;
    width: 33%; }
  .vehicleSelectMiddle {
    width: 33%;
    float: left;
    padding-left: 0px;
    padding-top: 20px; }
  .vehicleSelect {
    margin-bottom: 15px; } }


.home .muir-home-section.white{
  padding: 0px;
  padding-bottom: 25px;
}

/*========================================
=            enterBillingInfo            =
========================================*/

div.account.sign-in #horizontalFormCart input[name="UserBilling_email_repeat"] {
  display: none;
}

div.account.sign-in #horizontalFormCart #createBtn {
  display: none;
}

div.account div.button-group {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

div.account div.button-group a.btn {
  flex-grow: 1;
}

div.account.sign-in #horizontalFormCart a.btn.btn-sign-in {
  background: #3a6e16;
  color: #fff;
  text-shadow: none;
}

div.account.create-account #horizontalFormCart a.btn.btn-create-account {
  background: #3a6e16;
  color: #fff;
  text-shadow: none;
}

div.account #horizontalFormCart h4 {
  margin: 10px 0;
}

div.account.create-account #horizontalFormCart input[name="UserBilling_email_repeat"] {
  display: block;
}

div.account.create-account #horizontalFormCart #createBtn {
  display: block;
}

div.account.create-account #horizontalFormCart #signInBtn {
  display: none;
}

div.account.create-account #horizontalFormCart div.forgot-password {
  display: none;
}

/*=====  End of enterBillingInfo  ======*/

#juiDialogCommercial .continueArea{
  text-align: left;
  font-size: 11px;
}

.site-enterBillingInfo .ui-dialog .ui-dialog-content{
  padding-top: 0px;
}

.site-enterBillingInfo .ui-draggable .ui-dialog-titlebar {
  opacity: 0.65;
  min-height: 10px;
  background: white;
  border: none;
  /* height: 0px; */
  /* min-height: 0px; */
  padding: 0px;
  padding-top: 5px;
}

.qty_change{
  width: 65px;
}

.tranx_change{
  width: 100px;
}

.subtranx_change{
  width: 80px;
}

.nav-pills .nav-item .nav-link.active {
  background-color: #3a6e16;
  background-image: linear-gradient(to bottom, #3a6e16, #3a8e16);
}

.tab-content a{
  color: #3a6e16;
}

.breadcrumb-item a{
  color: #3a6e16;
}

.nav-pills .nav-item .nav-link.active{
  background-color: #3a6e16 !important;
  box-shadow: none;
}

.muir-hidden{
  display: none;
}

.footer-bottom{
  clear: none;
}

.tab-content a[data-toggle="tooltip"]:hover i{
    color: #002F87;
  }