body,html {
  font-family: "Trebuchet MS", Helvetica, sans-serif !important;
}
body { padding-top: 73px; } @media screen and (max-width: 768px) { body { padding-top: 105px; } }
table {
    width: 100%;
    table-layout: fixed !important;
}
th {
  font-size: .8em;
}
tr.calendar-head {
    text-align: center !important;
}
td.blank_day {
    height: 7vw !important;
    width: 8vw;
    font-size: 11px;
    display: table-cell;
    background-color: #f2f2f2;
}
td.day:hover {
    height: 7vw;
    width: 8vw;
    font-size: 11px;
    display: table-cell;
    background-color: #f2f2f2;
}
span.selected {
    border: solid;
    border-width:0 0 0.1em;
}
@media (max-width: 1026px) {
    .hidden-sm {
        display: none !important;
        border: 0;
    }
    .hidden-sm-inv {
        display: initial !important;
        border: 0;
    }
}

div.day-number {
	position: relative;
	line-height: 1em;
	top:5px;
	left:5px;
	font-size:20px;
  font-weight: bold;
}
div.day-content {
	position: relative;
  width: 100%;
  right: auto;
  left: auto;
  padding: 5px;
  font-size: 16px;
}
/* li.nav-item {
  color: #000;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.2em;
  display: inline-block;
  padding: 10px 20px;
  position: relative;
  cursor: pointer;
}
li.nav-item:after {
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  background: #808080;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}
li.nav-item:hover:after {
  color: #808080 !important;
  width: 100%;
  left: 0;
}
li.nav-item:hover {
  color: #808080;
} */
table.timeSelect {
    text-align: center !important;
}
span.price {
    text-align: center !important;
    font-weight: normal;
    font-size: 1.2vmax;
}
.btn-label {
      position: relative;
      left: -8px;
      display: inline-block;
      padding: 6px 12px;
      background: rgba(0,0,0,0.15);
      border-radius: 3px 0px 0px 3px;
}
.btn-labeled {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
}
.checkout-cart-text {
  text-align: right !important;
  width: 40%;
}
.BMIMessage {
  color: #fd7e14;
}

/* OUTLINED BUTTON */
.btn.outline {
    background: none;

}
.btn-primary.outline {
    border: 2px solid #0099cc;
    color: #0099cc;
}
.btn-primary.outline:hover, .btn-primary.outline:focus, .btn-primary.outline:active, .btn-primary.outline.active, .open > .dropdown-toggle.btn-primary {
    color: #33a6cc;
    border-color: #33a6cc;
}
.btn-primary.outline:active, .btn-primary.outline.active {
    border-color: #007299;
    color: #007299;
    box-shadow: none;
}
#calendar-table {
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
}
label.is-invalid {
  width: 100%;
  margin-top: .25rem;
  font-size: 80%;
  color: #dc3545;
}
label.feedback {
  display: none;
  width: 100%;
  margin-top: .25rem;
  font-size: 80%;
  color: #dc3545;
}
span.feedback {
  width: 100%;
  margin-top: .25rem;
  font-size: 80%;
  color: #dc3545;
}
label.feedback-dateslot {
  display: none;
  width: 100%;
  color: #dc3545;
}
label.feedback-liveit {
  display: none;
  width: 100%;
  color: #dc3545;
}
.container-fluid {
  margin-top: 10px;
  max-width: 1200px;
}

.flex-wrapper {
  display: flex;
  min-height: calc(100vh - 165px);
  flex-direction: column;
  justify-content: space-between;
}

@media (min-width: 768px) {
  .flex-wrapper {
    display: flex;
    min-height: calc(100vh - 133px);
    flex-direction: column;
    justify-content: space-between;
  }
}

.btn-left, .btn-right {
  color: #f4f8fb !important;
  font-size: 20px !important;
  display: flex;
  justify-content: center; /* align horizontal */
  align-items: center; /* align vertical */
  width: 50%;
  height: 60px;
}
.btn-left {
    background-color: #2c2c33;
    float:left;
    border: none;
}
.btn-right {
    border-top: none;
    border-bottom: none;
    border-right: none;
    border-left: 1px solid #56565b;
    background-color: #2c2c33;
    float: right;
}
.btn-save {
    width: 100%;
    height: 60px;
    border-top: none;
    border-bottom: none;
    border-right: none;
    border-left: 1px solid #56565b;
    background-color: #2c2c33;
    color: #f4f8fb !important;
    font-size: 20px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
.btn-left:hover, .btn-right:hover {
  cursor: pointer;
}
.btn-right:hover {
  background-color: #1e1e23;
  color: #f4f8fb !important;
}
.btn-left:hover {
  background-color: #1e1e23;
  color: #f4f8fb !important;
}
.day h5 {
    background-color: #f8f9fa;
    padding: 3px 5px 5px;
    margin: -8px -8px 8px -8px;
}
@media (max-width:575px) {
    .display-4 {
        font-size: 1.5rem;
    }

    .date {
        padding-left: 4px;
    }
  /*# btn-choose {
        display: none;
    }*/
    .sm-day-content {
      min-height: 60px !important;
    }
}

/* @media (min-width: 576px) { */
    .day {
         min-height: 12vh;
    }
    .monthtxt {
        /* display: none; */
    }
    div.clickDay {
        cursor: pointer;
    }
    div.clickDay:hover {
        cursor: pointer;
        background-color: #eceff5;
    }
    .sm-day-content, .sm-day-info, .sm-day-caret {
        visibility: hidden !important;
    }
    .events {
      visibility: visible;
    }
/* } */

.btn-prev, .btn-choose, .btn-next {
  background-color: #2c2c33;
  color: #f4f8fb !important;
  font-size: 20px !important;
  line-height: 60px;
  text-align: center;
  height: 60px;
}
.btn-prev:hover, .btn-choose:hover, .btn-next:hover {
  background-color: #1e1e23;
  color: #f4f8fb !important;
  cursor: pointer;
}
.btn-next, .btn-choose {
  border-left: 1px solid #56565b;
}
#btn-back-to-cal {
  background-color: #2c2c33;
  color: #f4f8fb !important;
  font-size: 20px !important;
  line-height: 60px;
  text-align: center;
  height: 60px;
  cursor: pointer;
}
#btn-back-to-cal:hover {
  background-color: #1e1e23;
}
.navRow
{
  display: table;
  width: 100%; /*Optional*/
  table-layout: fixed; /*Optional*/
  padding: 0;
  margin: 0;
  bottom:0px;
  position: fixed;
}
.navColumn
{
  display: table-cell;
  padding: 0;
  margin: 0;
}
.sm-day-content {
  display: flex;
  flex-direction: row;
  cursor: pointer;
}
.sm-day-info {
  width: 95%;
  display:flex;
  flex-direction:column;
}
.sm-day-caret {
  width: 5%;
  display:flex;
  flex-direction:column;
  justify-content: center;
  align-items: center;
}
.confirmation-header {
  background-color: #ebf8f3;
  width: 100%;
  text-align: center;
  padding: 15px;
  margin-top: 35px;
}
#sum-txt {
  margin-top: 35px;
}
#contact-div {
  text-align: center;
  margin-top: 35px;
  margin-bottom: 20px;
}
#contact-content {
  display: inline-block;
  text-align: left;
}
table.confirmation {
  margin: auto;
  margin-top: 20px;
}
.btn-info-old {color:#fff;background-color:#17a2b8;border-color:#17a2b8;}
.btn-info-old:hover{color:#fff;background-color:#138496;border-color:#117a8b;}
.customDateAvailable {
  background-color: #198754;
  color: white;
  font-weight: bold;
}
.daterangepicker td.active, .daterangepicker td.active:hover, .daterangepicker td:hover {
  background-color: #D8D8D8 !important;
  color: black !important;
}
.daterangepicker th {
  color: gray;
}
.daterangepicker .week {
  color: gray !important;
}
#message {
    position: fixed;
    left: 0;
    width: 100%;
    padding:5px;
    display: none;
    z-index: 999;
}
.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: auto;
}
.form-signin .checkbox {
  font-weight: 400;
}
.form-signin .form-floating:focus-within {
  z-index: 2;
}
.form-signin input[id="username"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[id="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.alert p {
  margin-block-end: 0;
}
.iti {
  display: block !important;
}