/* html, body { */

/* height: 100%; */

/* } */

/* .wrapper { */

/* min-height: 100%; */

/* } */

* {
  font-family: arial, sans-serif;
}

pre {
  display: block;
  font-family: monospace;
  line-height: 20px;
  background-color: #f9f9f9;
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 10px;
  font-size: 12px;
}

a {
  color: #1a7dde;
  text-decoration: none;
  transition: 0.1s;
}

a:hover {
  color: #ff3048;
}

sup {
  vertical-align: super;
  font-size: 8px;
}

.clear_float,
.clear {
  clear: both;
}

.button {
  display: block;
  font-weight: bold;
  border: 0;
  padding: 8px 10px;
  border-radius: 5px;
  transition: all 0.2s ease;
  cursor: pointer;
  appearance: none;
  line-height: inherit;
}

/* adjustment for Firefox extra button spacing */
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.disabled-btn {
  background-color: gray;
  color: white;
  cursor: default;
}

.disabled-btn:hover {
  color: white;
}

.red-btn {
  background-color: #ff3048;
  color: white;
}

.blue-btn {
  background-color: #004a83;
  color: white;
}

.red-btn:focus,
.red-btn:hover {
  background-color: #c80101;
  color: white;
  box-shadow: 0 1px 3px rgb(0 0 0 / 50%);
}

.red-btn:active {
  background-color: darkred;
}

.blue-btn:focus,
.blue-btn:hover {
  background-color: #0067e1;
  color: white;
  box-shadow: 0 1px 3px rgb(0 0 0 / 50%);
}

.blue-btn:active {
  background-color: #033669;
}

.page_max_width {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  padding: 0 5px;
  box-sizing: border-box;
}

.hide {
  display: none;
}

.adc_select_dropdown {
  color: #004a83;
}

/* START MESSAGES */
.adc_page_message {
  position: relative;
  display: none;
  padding: 10px 24px;
  font-size: 13px;
  text-align: center;
  line-height: 18px;
}

.adc_page_message .close_btn {
  position: absolute;
  padding: 4px 8px;
  top: 0;
  right: 0;
  cursor: pointer;
  background-color: rgb(0 0 0 / 30%);
  color: rgb(255 255 255 / 50%);
  font-weight: 100;
  border-radius: 50%;
  margin: 6px;
  transition: 0.2s;
}

.adc_page_message .close_btn:hover {
  background-color: rgb(0 0 0 / 80%);
  color: rgb(255 255 255 / 100%);
}

.adc_page_message.error {
  background-color: #ff3048;
  color: white;
}

.adc_page_message.error a,
.adc_page_message.error a:link {
  color: #ff9;
}

.adc_page_message.error a:hover {
  color: yellow;
  text-decoration: underline;
}

.adc_page_message.sales {
  background-color: #67ff9f;
  color: #144814;
}

.adc_page_message.sales a:link {
  color: #dc2a3e;
}

.adc_page_message.sales a:hover {
  color: #ff3048;
}

.adc_page_message.warning {
  background-color: #f3f700;
  color: #676406;
}

/* END MESSAGES */

#tabs_section {
  margin-bottom: 20px;
}

/* ADS SECTION START */
#ads_container {
  text-align: center;
  margin: 23px 0 20px;
}

#ads_container img {
  display: inline-block;
  margin: 0 auto;
}

#ads_container .mobile {
  display: none;
}

@media (width <= 800px) {
  #ads_container .desktop {
    display: none;
  }

  #ads_container .mobile {
    display: block;
  }
}

@media (width <= 400px) {
  #ads_container .mobile img {
    width: 90%;
    height: auto;
  }
}

/* ADS SECTION END */

/* While a site pop-up is open (fancybox: the Low Price Guarantee, the tour filters and others),
   the LiveChat bubble and Cookie Control's corner button sit behind its overlay, dimmed like the
   rest of the page, rather than on top of it, where they covered its buttons. Both set their own
   z-index near the maximum, inline, hence !important. Cookie Control's banner and settings panel
   (#ccc-module, #ccc-overlay) stay on top: only its container holding just the button drops. */
body:has(> .fancybox-overlay) #chat-widget-container,
body:has(> .fancybox-overlay) #ccc:not(:has(#ccc-module, #ccc-overlay, #ccc-notify)) {
  z-index: 8000 !important;
}