.mt-5 {margin-top:2rem;}
.my-2 {margin-top:0.5rem;margin-bottom:0.5rem;}
.coverAll {z-index: 1000; background-color: #CCC; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0.9;}
.spinner {width: 56px; height: 56px; border-radius: 50%; background: radial-gradient(farthest-side,#474bff 94%,#0000) top/9px 9px no-repeat,  conic-gradient(#0000 30%,#474bff); -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 9px),#000 0); animation: spinner-c7wet2 1s infinite linear;}
@keyframes spinner-c7wet2 {100% {transform: rotate(1turn); }}
#hubspot {padding: 50px 0px;}
#prev-step h4 {padding-left: 30px; padding-right: 30px;}
#next-step h4 {padding-left: 30px; padding-right: 30px;}
#module-main-content-results {padding: 30px 20px; position: relative;}
#module-main-body {background-color: #f6f7f8; padding: 30px 20px; border-radius: 10px; position: relative;}
.provisional-booking-result {padding: 20px; border-radius: 10px; background-color: #f6f7f8;}
.input-trigger.active {/*background-color: rgba(199, 207, 214, 0.373) !important;*/background-color: #444; color: #fff !important;}
.custom-submit-button.override {display: inline-block; margin: 0 20px; width: auto !important; padding-left: 30px; padding-right: 30px;}
.custom-submit-button.override.disabled {pointer-events: none; background-color: #696969; color: #fff;}
.custom-submit-button.override.secondary {background-color: #696969; color: #fff;}
h4.view-pricing {color: rgba(102,102,102,1.0); font-size: 18px; padding: 5px 20px; margin: 10px 0px; position:relative; cursor:pointer;}
h4.view-pricing span {color: rgba(102,102,102,1.0); position: absolute; top:3px; right:0;}
h4.view-pricing span i {color: rgba(102,102,102,1.0);}
.view-pricing-wrapper {border-top: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); margin-top: 20px;}
.toggle-container {padding: 10px; 15px;}
.pricing-btn {margin-top: 25px;}

div.datepicker {width: 100%;}
#booking-date {display: none;}
.w3-container {padding-top: 8px !important; padding-bottom: 8px !important;}
.w3-light-grey, .w3-hover-light-grey:hover, .w3-light-gray, .w3-hover-light-gray:hover {
  color: #000 !important;
  background-color: #f1f1f1 !important;
}

.w3-green, .w3-hover-green:hover {
  color: #fff !important;
  /*background-color: #4CAF50 !important;*/background-color: #19aaff !important;  
}
.w3-container, .w3-panel {
  padding: 0.01em 16px;
}

.w3-container::after, .w3-container::before, .w3-panel::after, .w3-panel::before, .w3-row::after, .w3-row::before, .w3-row-padding::after, .w3-row-padding::before, .w3-cell-row::before, .w3-cell-row::after, .w3-clear::after, .w3-clear::before, .w3-bar::before, .w3-bar::after {
  content: "";
  display: table;
  clear: both;
}
.w3-text-white, .w3-hover-text-white:hover {
  color: #fff !important;
}

.w3-center {
  text-align: center !important;
}
 /* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 576px) {
  .booking-date-container {padding: 0px;}
  #step-txt-desktop {display:none;}
  .custom-submit-button.override {margin: 0px !important; padding-left: 0px; padding-right: 0px;}
/*   .cta-tertiary {width: 200px;} */
  #module-main-content-results {padding: 20px 0px;}
  .symfony-result {padding: 0px; margin: 10px 0px;}
  .slimline {padding: 0px !important;}
  .cta-tertiary {width: 180px;}
  .provisional-booking-result table td {font-size: 15px !important;}
  li {font-size: 15px !important;}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .booking-date-container {padding: 0px;}
}

.w3-container::after, .w3-container::before, .w3-panel::after, .w3-panel::before, .w3-row::after, .w3-row::before, .w3-row-padding::after, .w3-row-padding::before, .w3-cell-row::before, .w3-cell-row::after, .w3-clear::after, .w3-clear::before, .w3-bar::before, .w3-bar::after {
  content: "";
  display: table;
  clear: both;
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .booking-date-container {padding: 1px 30px;}
  .datepicker--cell {height: 42px !important;}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .booking-date-container {padding: 2px 50px;}
  .datepicker--cell {height: 52px !important;}
}