@charset "UTF-8";
/* Fonts */
@import url("https://onepagebooking.com/fonts/google/cabin/stylesheet.css");
/* Icons */
@font-face {
  font-family: "opb-icons-line";
  src: url("https://onepagebooking.com/fonts/v5/line.eot?69258248");
  src: url("https://onepagebooking.com/fonts/v5/line.eot?69258248#iefix") format("embedded-opentype"), url("https://onepagebooking.com/fonts/v5/line.woff2?69258248") format("woff2"), url("https://onepagebooking.com/fonts/v5/line.woff?69258248") format("woff"), url("https://onepagebooking.com/fonts/v5/line.ttf?69258248") format("truetype"), url("https://onepagebooking.com/fonts/v5/line.svg?69258248#fontello") format("svg");
  font-weight: normal;
  font-style: normal;
}
.icon-calendar:before {
  content: "\e800";
  font-family: "opb-icons-line";
}

.icon-give:before {
  content: "\e801";
  font-family: "opb-icons-line";
}

.icon-insurance:before {
  content: "\e802";
  font-family: "opb-icons-line";
}

.icon-key:before {
  content: "\e803";
  font-family: "opb-icons-line";
}

.icon-leave:before {
  content: "\e804";
  font-family: "opb-icons-line";
}

.icon-lock:before {
  content: "\e805";
  font-family: "opb-icons-line";
}

.icon-person:before {
  content: "\e806";
  font-family: "opb-icons-line";
}

.icon-persons-males:before {
  content: "\e807";
  font-family: "opb-icons-line";
}

.icon-persons:before {
  content: "\e808";
  font-family: "opb-icons-line";
}

.icon-private-business:before {
  content: "\e809";
  font-family: "opb-icons-line";
}

.icon-purse:before {
  content: "\e80a";
  font-family: "opb-icons-line";
}

.icon-rooms-rates:before {
  content: "\e80b";
  font-family: "opb-icons-line";
}

.icon-stars:before {
  content: "\e80d";
  font-family: "opb-icons-line";
}

.icon-wlan:before {
  content: "\e80e";
  font-family: "opb-icons-line";
}

.icon-square:before {
  content: "\e80c";
  font-family: "opb-icons-line";
}

.icon-house:before {
  content: "\e80f";
  font-family: "opb-icons-line";
}

.icon-house-fill:before {
  content: "\e810";
  font-family: "opb-icons-line";
}

/* Globals */
/* Sliders for enhancement categories or categories for packages overview  */
/* Confimation Page Masthead colors */
/* Global h1-h6 weight */
/* Section headlines */
/* section indicator */
/* Font color when basketbar is visible (background not transparent) */
/* Same - but active */
/* Same - but hover */
/* Cant see that on agency design... */
/* Default */
/* Active column */
/* Hover column */
/* Basketbar labels */
/* Basketbar big numbers */
/* Booked elements */
/* This is decimal after price *,00 */
/* Font color */
/* Button under guest selector */
/* Thats for mobile? */
/* This is +, - and selected value of person selector */
/* Add room button */
/* Masthead header*/
/* Masthead main header font */
/* Font size */
/* Masthead main header font weight */
/* Masthead main header text transform */
/* Guest count */
/* Add room button */
/* Font colors */
/* Cell active */
/* Cell Hover */
/* Cell error */
/* Calendar day after element - '1.Nacht' */
/* check mark */
/* Under Calendar button */
/* Restrictions ?! - never touched... */
/* Calendar day tooltip */
/* Year View & Filter widgets */
/* Month switch located right under the more days button */
/* Month name */
/* Tooltip */
/* Year View & Filter widgets */
/* Day */
/* Day price  */
/* More days button */
/* Month switch located right under the more days button */
/* label colors */
/* icon colors */
/* Price per night color  */
/* Room Button */
/* Room button hover */
/* Prices */
/* Room details */
/* Selected room description bg */
/* Somehow its not working xD */
/* Somehow its not working xD */
/* Header before icons - changes only sometimes ?*/
/* Room details buttons, global carousel buttons */
/* Room details */
/* Selected rate */
/* Border between rates*/
/* Not active rate (faded out) */
/* Badges - You should check rooms here, and also rates compare */
/* Headline */
/* Lowest price */
/* Room details - Rate name */
/* Room details header before icons */
/* Room details - price */
/* Room and room details button */
/* Found not used vars - to remove ?*/
/* Selected rate*/
/* Checkbox */
/* Checkbox checked */
/* Checkbox label font */
/* Enhancement price */
/* Enhancement details */
/* This is link inside enhancement (details for example) */
/* Border inside */
/* Text under title (pro Tag etc...) */
/* kostenfrei/bereits inklusive */
/* Shadows - normaly stay like it is... */
/* Nobody use that ? - or its for some old modules - better to leave it like this */
/* enhancements configurator - this is old version which will be removed soon.... leave it like this */ /* Checkbox */
/* font color */
/* backgorund */
/* radio border */
/* ✓ color */
/* Checkbox checked */
/* background */
/* radio border */
/* ✓ color */
/*
    Checkbox on alternative background - normaly allways same as normal
    so make sure you really need to change this
*/
/* font color */
/* background */
/* radio border */
/* ✓ color */
/* Alternative checked */
/* background */
/* radio border */
/* ✓ color */
/* Wish border color */
/* Selected Wish background gradient right */
/* Selected Wish background gradient right */
/* Font color of wish */
/* Font color of selected wish */
/* Alternative bg section wish */
/* Inline radio */
/* Not selected color */
/* Selected color */
/* This is some mistake - never changes !*/
/* Inline radio alternative section */
/* Not selected color */
/* Selected color */
/* This is some mistake - never changes !*/
/* Radio border */
/* Radio bg */
/* Radio label color */
/* Checked radio*/
/* ✓ color on checked */
/* Checked border color */
/* Checked radio bg */
/* Radio hover */
/* Color of ✓ on hover */
/* ================ ALTERNATIVE SECTION ================ */
/* Radio alternative section bg */
/* Radio border */
/* Radio bg */
/* Radio label color */
/* Alternative checked radio*/
/* ✓ color on checked */
/* Checked border color */
/* Checked radio bg */
/* Alternative radio hover */
/* Color of ✓ on hover */
/* Font color */
/* Background color */
/* Climate radio */
/* ✓ color on hover & border color*/
/* Radio background color */
/* Climate radio checked*/
/* ✓ color */
/* border color */
/* background color */
/* Wrapper */
/* button fonts */
/* font family */
/* font size */
/* text transform */
/* button */
/* buton background */
/* font color*/
/* border color */
/* button hover */
/* left color */
/* right color */
/* border */
/* font color */
/* input border */
/* input background */
/* placeholder font color */
/* label font color */
/* value font color */
/* Error higlight*/
/* input background hover - dont need to be changed*/
/* Dropdown google address - should stay like it is... */
/* Normaly stays like this */
/* border separators */
/* header background */
/* details font color */
/* changed only in some cases... */
/* This is some package addon - leave like this... */
/* This is package styles which you can check on packages page */
/* wrapper bg left*/
/* wrapper bg left*/
/* wrapper font color */
/* Lioght modal */
/* Dark modal */
/* Modal mobile */
/* popovers/general tooltips */ /* dropdown */
/* dropdown bg */
/* dropdown font color */
/* dropdown hover */
/* dropdown hover bg */
/* dropdown font color hover */
/* Dropdown active */
/* dropdown active bg */
/* dropdown font color active */
/* Font styles */
/* dropdown font size */
/* dropdown font-weight */
/* dropdown text-decoration */
/* This is opened language dropdown flag position */
/* NEW ROOM / RATE COMPARE MODULE! */
/* Room, Rates Compare */
/* the colors actually only affect the rates comparator */
/* Room Comparator */
/* Bottom button styles*/
/* border color, hover bg color */
/* hover font color */
/* List font styles*/
/* Header font styles*/
/* Striked old price font styles */
/* OLD ROOM COMPARE MODULE */
/* This is newest compare component (dark) - default for rates! */
/* Message font color */
/* Message gradient bg left */
/* Message gradient bg right */
/* bit darker bg for packages in chat - leave it */
/* Top Information wrap */
/* rates - rates view badge bg */
/* $calendar-hover is bg here */
/* map marker colors */
/* advertising / addon */
/* lazyload loading bg  - dont need to be changed */
/* All other stuff which is not much important */
/* Dont change this part */
body {
  color: #000;
  font-family: "Cabin", sans-serif;
  background-color: #FFF;
}

a {
  color: #7e1432;
}
@media (hover: hover) {
  a:hover {
    color: #7e1432;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Cabin", sans-serif;
  font-weight: 400;
}

h1 {
  font-size: 44px;
  color: #fff;
}

#name-instead-of-logo-wrap a {
  color: #fff;
}

h2 {
  font-size: 32px;
  color: #7e1432;
}
h2 i {
  display: none;
}
@media (min-width: 992px) {
  h2 i {
    display: inline-block;
  }
}
h2 .date-pick-wrap:after {
  background-color: transparent;
  border-bottom: 1px dashed #7e1432;
}
h2 .date-pick-wrap a {
  color: #7e1432;
}
h2 .date-pick-wrap a:hover {
  color: #7e1432;
}

.mobile-preview {
  color: #7e1432 !important;
}
.mobile-preview .btn-change-mobile-section {
  color: #7e1432 !important;
}

#enhancements-wrap .headline-wrap {
  color: #7e1432 !important;
}

h3.no-rooms-available,
h5.additional-news-text {
  font-size: 32px;
}

#overscroll-progress-wrap {
  background: linear-gradient(to right, #7e1432 0%, #cc537e 100%) !important;
}

@media (min-width: 992px) {
  .bg-light-grey h2,
  .bg-light-grey h3.no-rooms-available,
  .bg-light-grey h5.additional-news-text {
    color: #7e1432;
  }
  .bg-light-grey .payment-method-row p,
  .bg-light-grey .check-in-and-out-wrap * {
    color: #7e1432;
  }
}
.mobile-preview h2 i {
  display: inline-block;
}

.navbar-static-top.gradient-bg {
  background: transparent !important;
}

.btn {
  color: #fff;
}
.btn:not([disabled]):active, .btn:not([disabled]):hover, .btn:not([disabled]):focus, .btn:not([disabled]).focus {
  color: #fff;
}

@media (max-width: 992px) {
  .container h2 > i {
    color: #7e1432;
  }
}

.gradient-bg {
  background: linear-gradient(to right, #7e1432 0%, #7e1432 100%) !important;
}
.gradient-bg.btn {
  color: #fff !important;
}
.gradient-bg.btn:active {
  color: #fff !important;
}

.as-background .custom-radio input:checked + label {
  color: #fff;
}
.as-background .custom-radio input:checked + label:before {
  background: linear-gradient(to right, #7e1432 0%, #7e1432 100%) !important;
}

#next-step-overscroll > div #bg-wrap-overscroll-help {
  background: #000;
}
#next-step-overscroll > div #bg-wrap-overscroll-progress {
  background: linear-gradient(to top, #7e1432 0%, #7e1432 100%);
}
#next-step-overscroll.is-ms-browser > div #bg-wrap-overscroll-help {
  background: linear-gradient(to top, #7e1432 0%, #7e1432 100%);
}

img[width="1"] {
  display: none;
}

button.badge,
.flickity-page-dots .dot.is-selected,
.rate-item div.badge {
  background-color: #7e1432;
}

div.badge.badboy {
  background: linear-gradient(to right, #f40 0%, #f40 100%);
}
div.badge.suggestion {
  background: linear-gradient(to right, #7e1432 0%, #7e1432 100%);
}
div.badge.hint {
  background: linear-gradient(to right, #15660c 0%, #3da00c 100%);
}

#mobile-loading-screen {
  background-color: #f6e3cd;
}
#mobile-loading-screen .lds-roller div:after {
  background-color: #7e1432;
}

#rooms-carousel-wrap .carousel .room-item .room-image-wrap div button.badge,
#rooms-carousel-wrap .carousel .room-item ul .first-row button.badge {
  border: 1px solid #7e1432;
  background-color: #fff;
}
#rooms-carousel-wrap .carousel .room-item .room-image-wrap div button.badge:hover,
#rooms-carousel-wrap .carousel .room-item ul .first-row button.badge:hover {
  background-color: #7e1432;
}
#rooms-carousel-wrap .carousel .room-item .room-image-wrap div button.badge:hover span i,
#rooms-carousel-wrap .carousel .room-item ul .first-row button.badge:hover span i {
  color: #fff;
}
#rooms-carousel-wrap .carousel .room-item .room-image-wrap div button.badge span i,
#rooms-carousel-wrap .carousel .room-item ul .first-row button.badge span i {
  color: #7e1432;
}

/* Fonts from main.scss */
body,
html {
  font-family: "Cabin", sans-serif !important;
}

/* radios, checkboxes */
.custom-radio label {
  font-size: 23px;
}

.form-field-row .form-group label > span.is-required {
  color: #7e1432;
}
.form-field-row .overflow-wrap p span.is-required {
  color: #7e1432;
}

.mendatory-legend span {
  color: #7e1432;
}

opb-radio.complex .custom-radio label span,
opb-cb.complex .custom-select label span {
  position: relative;
  top: 0;
}
opb-radio.complex .custom-radio label:before, opb-radio.complex .custom-radio label:after,
opb-cb.complex .custom-select label:before,
opb-cb.complex .custom-select label:after {
  top: 11.9px;
}
@media (min-width: 992px) {
  opb-radio.complex .custom-radio label:before, opb-radio.complex .custom-radio label:after,
  opb-cb.complex .custom-select label:before,
  opb-cb.complex .custom-select label:after {
    top: 17px;
  }
}

@media (min-width: 375px) {
  .custom-radio label {
    font-size: 26px;
  }
}
@media (min-width: 992px) {
  .custom-radio label {
    font-size: 32px;
  }
}
/* Google address */
.pac-container {
  font-family: "Cabin", sans-serif;
}

/* masthead */
.container-fluid h1 {
  font-size: 28px;
}

@media (min-width: 375px) {
  .container-fluid h1 {
    font-size: 34px;
  }
}
@media (min-width: 400px) {
  .container-fluid h1 {
    font-size: 36px;
  }
}
@media (min-width: 992px) {
  .container-fluid h1 {
    font-size: 28px;
  }
}
@media (min-width: 1280px) {
  .container-fluid h1 {
    font-size: 44px;
  }
}
/* list view for rooms */
#rooms-grid .list-item h3 {
  font-family: "Cabin", sans-serif;
  font-size: 30px;
  font-weight: 400;
}
#rooms-grid .list-item .room-lowest-price {
  font-family: "Cabin", sans-serif;
  font-size: 30px;
  font-weight: 400;
}

.container h2,
.container h6,
.container-fluid h2,
.container-fluid h6 {
  font-family: "Cabin", sans-serif;
  font-weight: 400;
}

@media (min-width: 320px) {
  .container:not(.mobile-preview-wrap) h6,
  .container-fluid h6 {
    font-size: 12px;
  }
}
@media (min-width: 375px) {
  .container:not(.mobile-preview-wrap) h6,
  .container-fluid h6 {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .container:not(.mobile-preview-wrap) h6,
  .container-fluid h6 {
    font-size: 20px;
  }
}
/* Headlines */
.container:not(.mobile-preview-wrap) .simple .custom-radio input[type=radio]:checked + label,
.container-fluid .simple .custom-radio input[type=radio]:checked + label {
  color: #7e1432 !important;
}
.container:not(.mobile-preview-wrap) .simple .custom-radio input[type=radio]:checked + label:before,
.container-fluid .simple .custom-radio input[type=radio]:checked + label:before {
  background-color: #7e1432 !important;
}

@media (min-width: 992px) {
  .container:not(.mobile-preview-wrap) .bg-light-grey .simple .custom-radio input[type=radio]:checked + label,
  .container-fluid .bg-light-grey .simple .custom-radio input[type=radio]:checked + label {
    color: #7e1432 !important;
  }
  .container:not(.mobile-preview-wrap) .bg-light-grey .simple .custom-radio input[type=radio]:checked + label:before,
  .container-fluid .bg-light-grey .simple .custom-radio input[type=radio]:checked + label:before {
    background-color: #7e1432 !important;
  }
  .bg-light-grey .cb-holder-item i,
  .bg-light-grey .cb-holder-item label span,
  .bg-light-grey .cb-holder-item a {
    color: rgba(0, 0, 0, 0.5);
  }
}
.container.mobile-preview-wrap h2 {
  font-size: 21px;
  font-family: "Cabin", sans-serif;
  font-weight: 400;
}
@media (max-width: 370px) {
  .container.mobile-preview-wrap h2 {
    font-size: 19px;
  }
}
@media (max-width: 350px) {
  .container.mobile-preview-wrap h2 {
    font-size: 17px;
  }
}
.container.mobile-preview-wrap h2.section-ready {
  font-size: 15px;
  margin-top: 10px;
  margin-bottom: 0;
}
.container.mobile-preview-wrap .mobile-selection-preview p {
  font-size: 21px;
  font-family: "Cabin", sans-serif;
  font-weight: 500;
  line-height: 1;
}
.container.mobile-preview-wrap .mobile-selection-preview p.increased-margin-bottom {
  margin-bottom: 30px;
}
.container.mobile-preview-wrap .mobile-selection-preview p:first-child {
  margin-top: 10px;
}

.mobile-step-headline {
  font-size: 21px;
  font-family: "Cabin", sans-serif;
  font-weight: 500;
  line-height: 1;
  display: block;
}
.mobile-step-headline:first-child {
  margin-top: 10px;
}

@media (max-width: 992px) {
  .container h2,
  .container-fluid h2 {
    text-align: left;
    font-size: 21px;
    font-family: "Cabin", sans-serif;
    font-weight: 500;
    line-height: 1;
  }
  .container h2 .simple .custom-radio label,
  .container-fluid h2 .simple .custom-radio label {
    font-size: 21px;
    font-family: "Cabin", sans-serif !important;
    font-weight: 500 !important;
    line-height: 1 !important;
  }
}
.container .mobile-step-description,
.container-fluid .mobile-step-description {
  font-size: 15px;
  font-family: "Cabin", sans-serif;
  font-weight: 400;
}

.room-config-wrap .room-headline {
  font-family: "Cabin", sans-serif;
  font-weight: 100;
}

.carousel:not(.classic-carousel) .flickity-prev-next-button.next:after, .carousel:not(.classic-carousel) .flickity-prev-next-button.previous:after {
  font-family: "opb-icons";
}

/* Aditional nights */
/* Buttons global */
button.btn-large {
  font-size: 21px;
}
button.btn-large i {
  font-size: 14px;
}
@media (max-width: 430px) {
  button.btn-large {
    font-size: 14px;
  }
  button.btn-large i {
    font-size: 10px;
  }
}

button.btn-mobile-next-step {
  background-color: #7e1432 !important;
  color: #FFF !important;
}

button.new-mobile-room {
  color: #7e1432 !important;
}
button.new-mobile-room i {
  color: #7e1432 !important;
}

#room-addon-wrap button {
  background: linear-gradient(to right, #7e1432 0%, #cc537e 100%);
}

#advertising-wrap,
.blue-background-gradient,
.package-teaser {
  background: linear-gradient(to right, #7e1432 0%, #cc537e 100%);
}
#advertising-wrap h2,
.blue-background-gradient h2,
.package-teaser h2 {
  color: #FFF;
}

/* form popover input font */
/* test */
.popover-select .ui-select-placeholder,
.popover-select .ui-select-match-text {
  text-transform: none !important;
  line-height: 1.2142857143em !important;
}
.popover-select .ui-select-placeholder *,
.popover-select .ui-select-match-text * {
  text-transform: none !important;
}
.popover-select .ui-select-placeholder:after,
.popover-select .ui-select-match-text:after {
  display: none !important;
}

.booking-code-notification {
  background: linear-gradient(to right, #cc003a -30%, #7e1432 130%);
}
.booking-code-notification span {
  color: #fff;
}
.booking-code-notification .triangle {
  border-color: transparent transparent #7e1432 transparent;
}

.popover-white-content {
  font-family: "Cabin", sans-serif !important;
}
.popover-white-content .popover {
  max-width: 350px;
  box-shadow: 0px -2px 25px rgba(115, 115, 115, 0.4);
}
.popover-white-content .popover-form {
  font-family: "Cabin", sans-serif !important;
}
.popover-white-content .popover-form-input {
  font-family: "Cabin", sans-serif !important;
}

.popover-form-title,
.popover {
  font-family: "Cabin", sans-serif !important;
}

/* End of main fonts */
@media (min-width: 992px) {
  #address-form-wrap .text-shadow .custom-radio label {
    text-shadow: 1px 0 0px #FFF, 2px 0 0px #FFF, 3px 0 0px #FFF, 4px 0 0px #FFF, -1px 0 0px #FFF, -2px 0 0px #FFF, -3px 0 0px #FFF, -4px 0 0px #FFF;
  }
}
@media (min-width: 992px) {
  #address-form-wrap.bg-light-grey .text-shadow .custom-radio label {
    text-shadow: 1px 0 0px #f6e3cd, 2px 0 0px #f6e3cd, 3px 0 0px #f6e3cd, 4px 0 0px #f6e3cd, -1px 0 0px #f6e3cd, -2px 0 0px #f6e3cd, -3px 0 0px #f6e3cd, -4px 0 0px #f6e3cd;
  }
}

/* section indicator */
#page-nav-status-wrap > .midnightHeader.white > div > div > div {
  color: #fff;
}
#page-nav-status-wrap > .midnightHeader.white > div > div > div:before, #page-nav-status-wrap > .midnightHeader.white > div > div > div:after {
  border-color: rgba(255, 255, 255, 0.2);
}
#page-nav-status-wrap > .midnightHeader.default > div > div > div {
  color: #000;
}
#page-nav-status-wrap > .midnightHeader.default > div > div > div:before, #page-nav-status-wrap > .midnightHeader.default > div > div > div:after {
  border-color: rgba(0, 0, 0, 0.1);
}

.additional-news-text {
  font-family: "Cabin", sans-serif !important;
  font-weight: normal !important;
}

/* Buttons global */
.btn {
  padding: 9px 12px 7px;
}
@media (min-width: 992px) {
  .btn {
    padding: 9px 12px 7px;
  }
}

button.btn-default {
  font-family: "Cabin", sans-serif !important;
  background-color: transparent;
  padding: 9px 12px 7px;
  color: #b7b7b7;
  border: 2px solid #b7b7b7;
}
button.btn-default:hover {
  color: #b7b7b7;
}
button.btn-default:active {
  background-color: transparent !important;
}
button.btn-default:focus {
  background-color: transparent;
}
button.btn-default:not(.disabled):not([disabled]) {
  border: 2px solid #7e1432;
  color: #7e1432;
}
button.btn-default:not(.disabled):not([disabled]):hover {
  background-color: #7e1432;
  border-color: #7e1432;
  color: #FFF;
}
button.btn-default.active:not(.disabled):not([disabled]) {
  background-color: #7e1432;
  border-color: #7e1432;
  color: #FFF;
}
button.btn-radius {
  border-radius: 20px !important;
}
button.btn-large {
  font-size: 21px;
  margin: 0 5px;
}
button.btn-large i {
  font-size: 14px;
  position: relative;
  top: -2px;
}
@media (max-width: 430px) {
  button.btn-large {
    font-size: 14px;
  }
  button.btn-large i {
    font-size: 10px;
  }
}
button.btn-green {
  border: 2px solid #00cc55 !important;
  color: #00cc55;
}
button.btn-green:not(.disabled):not([disabled]):hover {
  background-color: #00cc55 !important;
  border-color: #00cc55;
  color: #fff !important;
}
button.btn-red {
  border: 2px solid #ec4545 !important;
  color: #ec4545;
}
button.btn-red:not(.disabled):not([disabled]):hover {
  background-color: #ec4545 !important;
  border-color: #ec4545;
  color: #fff !important;
}
button.btn-primary {
  border: 2px solid #7e1432 !important;
  color: #7e1432;
}
button.btn-primary:not(.disabled):not([disabled]):hover {
  background-color: #7e1432 !important;
  border-color: #7e1432;
  color: #fff !important;
}
button.btn-gray {
  border: 2px solid #bfbfbf !important;
  color: #bfbfbf;
}
button.btn-gray:not(.disabled):not([disabled]):hover {
  background-color: #bfbfbf !important;
  border-color: #bfbfbf;
  color: #fff !important;
}

/* Map marker*/
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: #FFF;
}

.custom-popup .leaflet-popup-content-wrapper .leaflet-popup-content p {
  color: #000;
}

/* Colors etc */
.package-content,
.package-content-mobile {
  background: linear-gradient(to bottom, #7e1432 0%, #cc537e 100%);
  color: #fff;
}
.package-content *,
.package-content-mobile * {
  color: #fff;
}

.primary-color {
  color: #7e1432;
}

@media (min-width: 1008px) {
  #basket-main-wrap.transparent {
    background: rgba(243, 243, 243, 0.9) !important;
  }
}
.alternate-color {
  transition: 0.3s linear background-color;
}
@media (max-width: 992px) {
  .alternate-color {
    background-color: #fff !important;
  }
}

@media (max-width: 992px) {
  #section-4 .alternate-color #enhancements-wrap {
    background-color: #fff !important;
  }
  #section-4 .alternate-color #enhancements-wrap .grid-main-wrap {
    background-color: rgba(76, 76, 76, 0.01) !important;
  }
  #section-4 .alternate-color #enhancements-wrap > div:first-child:not(.enhancement-categories-wrap-mobile),
  #section-4 .alternate-color #category-wrap:not(.enhancement-categories-wrap-mobile) {
    background-color: #fff !important;
  }
}

@media (max-width: 992px) {
  .fixed-animation-helper {
    background-color: #dbdbdb !important;
  }
}

@media (max-width: 992px) {
  .mobile-bottom-buttons,
  .btn-mobile-next-step-wrap {
    background-color: #dbdbdb;
  }
}

@media (max-width: 992px) {
  .mobile-preview-section,
  .section,
  #section-5 {
    background-color: #dbdbdb !important;
  }
}
.mobile-preview {
  background-color: #FFF;
  box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.15);
}

@media (max-width: 992px) {
  #section-2.bg-white {
    background-color: transparent !important;
  }
  #section-2.bg-white .active-section #calendar-options {
    border-radius: 5px 5px 0 0;
  }
  #section-2.bg-white .active-section > div {
    background-color: #FFF;
  }
  #section-2.bg-white .active-section > div:last-child {
    border-radius: 0 0 5px 5px;
    overflow: hidden;
  }
}
@media (max-width: 992px) {
  .active-section {
    border-top: 5px solid #dbdbdb;
    border-bottom: 5px solid #dbdbdb;
  }
}
@media (min-width: 992px) {
  .active-section {
    border-top: none;
    border-bottom: none;
  }
}
@media (max-width: 992px) {
  .active-section .alternate-color {
    background-color: #FFF !important;
  }
}

@media (max-width: 992px) {
  #section-1 .active-section {
    border-top: none;
  }
}

@media (max-width: 992px) {
  #section-3 .active-section .on-mobile-rounded-bg-wrap {
    background-color: #FFF !important;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 5px;
    box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.15);
    overflow: hidden;
  }
}

@media (max-width: 992px) {
  .container-fluid .main-wrap:first-child .roomindex-select-wrap,
  .container-fluid .main-wrap .current-roomindex-select-wrap {
    border-radius: 5px 5px 0 0;
  }
  #section-4 .min-height-section {
    border-radius: 5px;
    overflow: hidden;
  }
  #section-4 .alternate-color {
    border-radius: 5px 5px 0 0;
    overflow: hidden;
  }
  #section-4 .btn-mobile-next-step-wrap {
    border-radius: 0 0 5px 5px;
    overflow: hidden;
  }
  #section-3 .btn-mobile-next-step-wrap {
    border-radius: 0 0 5px 5px;
    overflow: hidden;
  }
}
@media (max-width: 992px) {
  #section-5 .visible-section > div {
    border-radius: 5px 5px 0 0;
    overflow: hidden;
  }
}

@media (max-width: 992px) {
  #payment-method-wrap {
    margin-top: 10px;
    border-radius: 5px 5px 0 0;
  }
}

@media (max-width: 992px) {
  #address-form-wrap {
    border-radius: 0 0 5px 5px;
  }
}

@media (max-width: 992px) {
  #form-wrap {
    padding-bottom: 0 !important;
  }
}

@media (max-width: 992px) {
  .main-content-wrap {
    background: #dbdbdb;
  }
}
@media (max-width: 992px) and (max-width: 992px) {
  .main-content-wrap {
    padding-left: 10px;
    padding-right: 10px;
  }
  .main-content-wrap opb-masthead .visible-section {
    position: relative;
    display: block;
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media (min-width: 992px) {
  body.basket-visible #basket-holder:not(.no-border),
  body.mobile-view #basket-holder:not(.no-border) {
    box-shadow: 0 1px 0px 0px rgba(174, 174, 174, 0.26);
  }
}

/* loader background animatiom */
div:not(.ng-lazyloaded) > div.bg-animation {
  background: repeating-linear-gradient(to right, #f6e3cd 0%, #fefbf8 25%, #f6e3cd 50%);
  background-position: 0% 50%;
  animation: bgEffect 2s linear infinite;
}

@keyframes bgEffect {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 66.6666666667% 50%;
  }
}
.dropdown-item > div,
.ui-select-match-text {
  pointer-events: none;
}

/* Alert notifications */
#alerts-wrapper {
  color: #FFF;
  background: linear-gradient(to right, #15660c 0%, #3da00c 100%);
}
#alerts-wrapper.good {
  background: linear-gradient(to right, #15660c 0%, #3da00c 100%);
}
#alerts-wrapper.bad {
  background: linear-gradient(to right, #cc003a 0%, #7e1432 100%);
}
#alerts-wrapper .alert-message a {
  color: #FFF;
}

/* Cross Selling chat */
.chat-wrap .message-buttons .message-button.active button {
  background-image: linear-gradient(to right, #15660c, #3da00c);
  color: #fff;
}
.chat-wrap .message-buttons .message-button button {
  background-color: #ffffff;
  box-shadow: 0 2px 9px 0 rgba(101, 101, 101, 0.5) !important;
  color: #1c65ff;
}
.chat-wrap .alternative-period-select {
  background: #ffffff;
  color: #000;
}
.chat-wrap .alternative-period-select .ap-dates > div {
  color: #000;
}
.chat-wrap .alternative-period-select .ap-dates .ap-nights {
  color: #838383;
}
.chat-wrap .alternative-period-select .ap-dates .arrow {
  background: #838383;
}
.chat-wrap .alternative-period-select .ap-dates .arrow + i {
  color: #838383;
}
.chat-wrap .alternative-period-select .ap-dates .arrow:before, .chat-wrap .alternative-period-select .ap-dates .arrow:after {
  background: #000;
}
.chat-wrap .alternative-period-select .ap-arrow {
  background: #e3e3e3;
  color: #000;
}
.chat-wrap .alternative-period-select .ap-arrow.inactive {
  color: #b1b1b1;
}
.chat-wrap .ap-button {
  border-top: 1px solid #dadada;
  background: transparent;
}
.chat-wrap .ap-button.no-border-top {
  text-align: center;
  margin-top: 15px;
  padding-top: 15px;
}
.chat-wrap .ap-button.no-border-top .btn {
  display: inline-block;
}
.chat-wrap .ap-button .btn {
  border: 2px solid #7e1432;
  color: #7e1432;
}
.chat-wrap .ap-button .btn:hover {
  background: #7e1432;
  color: #FFF;
}

/* Cross selling map popup */
.cross-selling-map-popup .leaflet-popup-content-wrapper {
  border-radius: 10px !important;
  background: linear-gradient(to bottom, rgb(47, 47, 47) 0%, rgb(31, 31, 31) 100%);
  min-width: 300px;
}
.cross-selling-map-popup .leaflet-popup-content-wrapper .leaflet-popup-content p {
  color: #343434;
}
.cross-selling-map-popup .leaflet-popup-content-wrapper,
.cross-selling-map-popup .leaflet-popup-tip {
  background: #fff;
}
.cross-selling-map-popup .cs-map-hotel-picture {
  width: 105px;
  height: 105px;
  background-size: cover;
  background-position: 50% 50%;
  background-image: url(https://www.amanogroup.de/wp-content/uploads/2016/07/amanogroup_hotels_hotelamano_top_06-1680x1231.jpg);
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.4);
}
.cross-selling-map-popup .cs-map-logo {
  margin-top: 45px;
}
.cross-selling-map-popup .cs-map-logo img {
  max-width: 120px;
}
.cross-selling-map-popup .btn {
  margin: 20px 0;
}
.cross-selling-map-popup .cs-map-details {
  text-align: left;
  border: solid 1px rgba(151, 151, 151, 0.2);
  border-left: 0;
  border-right: 0;
  padding: 15px 0;
  margin-top: 20px;
  font-size: 13px;
}
.cross-selling-map-popup .cs-map-details p {
  margin: 0;
  margin-bottom: 5px;
}
.cross-selling-map-popup .cs-map-details p:last-child {
  margin-bottom: 0;
}

.cross-selling-marker {
  border-radius: 50%;
  background: linear-gradient(to bottom, rgb(47, 47, 47) 0%, rgb(31, 31, 31) 100%);
  border: 3px solid #7e1432;
}

.desktop-preview-wrap {
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.desktop-preview-wrap h5 {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
}
.desktop-preview-wrap p {
  color: #ababab;
  font-size: 21px;
}
.desktop-preview-wrap p.big {
  color: #000;
  font-weight: 300;
  font-size: 70px;
}
@media (min-width: 992px) {
  .desktop-preview-wrap p.big {
    margin-right: -50px;
  }
}
.desktop-preview-wrap p.big i.icon-slider-arrow-right {
  color: #ababab;
  font-size: 35px;
  bottom: 14px;
}
.desktop-preview-wrap p.big i.step-ready {
  font-size: 26px;
  color: #7e1432;
  bottom: 13px;
  margin-left: -10px;
}

.mobile-step-checked.active {
  background-color: #7e1432;
}

/* Email forward popover */
.opb5-tooltip.wallet p.popover-heading {
  font-size: 18px;
  margin-bottom: 30px !important;
  margin-top: 25px;
  font-weight: normal;
}
.opb5-tooltip.wallet .form-group-animation-wrapper {
  overflow: hidden;
}
.opb5-tooltip.wallet .form-group {
  position: relative;
  margin-bottom: 7px;
}
.opb5-tooltip.wallet .form-group .remove-input {
  background: none;
  border: 0;
  position: absolute;
  right: 3px;
  top: 2px;
  width: 15px;
  height: 15px;
  padding: 0;
  line-height: 15px;
  user-select: none;
}
.opb5-tooltip.wallet .form-group .remove-input i {
  width: 12px;
  height: 12px;
  font-size: 10px;
  line-height: 15px;
}
.opb5-tooltip.wallet .form-group .form-control {
  height: 54px;
  padding: 0;
  border-radius: 0;
  border: 1px solid #e4e4e4;
  background: #f5f5f5;
  box-shadow: none;
}
.opb5-tooltip.wallet .form-group .form-select {
  border: 1px solid #e4e4e4;
  background: #f5f5f5;
}
.opb5-tooltip.wallet a.add-input {
  font-size: 12px;
}
.opb5-tooltip.wallet .submit-button-row {
  border-top: 1px solid #ebebeb;
  margin: 0 -10px;
  margin-top: 25px;
}
.opb5-tooltip.wallet .submit-button-row button {
  background: transparent;
  border: 0;
  font-size: 18px;
  color: #b0b0b0;
  height: 60px;
  width: 100%;
}
.opb5-tooltip.wallet .submit-button-row button.valid {
  color: #f122ff;
}
.opb5-tooltip.wallet .submit-button-row button i {
  font-size: 14px;
}
.opb5-tooltip.wallet .form-status {
  background: #fff;
  position: absolute;
  top: 0;
  bottom: 67px;
  left: 0;
  right: 0;
}
.opb5-tooltip.wallet .form-status .success-message {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  width: 100%;
  font-size: 18px;
  color: #00e760;
}
.opb5-tooltip.wallet .form-status .success-message i {
  display: block;
  font-size: 26px;
  margin-bottom: 8px;
}

#modify-mode-wrap,
#package-info-wrap,
#corporate-login-info {
  background: linear-gradient(to right, #7e1432, #cc537e);
}

/* Extras popup config */
@media (max-width: 500px) {
  #modal-configurator .complex .custom-radio label {
    font-size: 16px !important;
    text-align: left;
  }
}
/* NLW */
#never-leave-widget h2 {
  background: #7e1432;
  color: #FFF;
}
#never-leave-widget .close-widget {
  color: #7e1432;
  background: #FFF;
}

/* Packages bg fix */
.packages-wrap .arrangement {
  background-color: #7e1432 !important;
}

/* Mobile - rooms section fix whitespace */
@media (max-width: 992px) {
  #section-3 .min-height-section {
    min-height: 0;
  }
  #section-3 .min-height-section .same-height-options .col-xs-8 {
    padding-left: 4px !important;
  }
  #section-3 .min-height-section #rooms-grid .container {
    padding-bottom: 0;
  }
}

/* Welcome text fix */
#welcome-message {
  font-family: "Cabin", sans-serif;
}

/* Buttons for selecting object type */
#header-filter-selection {
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
#header-filter-selection .text {
  font-size: 34px;
  padding: 0 10px;
  display: block;
}
#header-filter-selection .header-filter-selection-radio input {
  display: none;
}
#header-filter-selection .header-filter-selection-radio input + label {
  cursor: pointer;
  display: block;
  background: #FFF;
  padding: 10px 20px;
  color: rgba(0, 0, 0, 0.3);
  font-size: 24px;
  font-weight: normal;
  transition: all 0.3s;
  margin: 0;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
@media (max-width: 420px) {
  #header-filter-selection .header-filter-selection-radio input + label {
    font-size: 16px;
  }
}
#header-filter-selection .header-filter-selection-radio input:checked + label {
  background: #7e1432;
  color: #FFF;
  font-size: 34px;
}
@media (max-width: 420px) {
  #header-filter-selection .header-filter-selection-radio input:checked + label {
    font-size: 22px;
  }
}

/* Confirm cancel booking modal */
app-cancel-booking-confirmation-content #confirm-cancellation-modal {
  background: #f3f3f3;
  color: #000;
}
app-cancel-booking-confirmation-content #confirm-cancellation-modal .cancellation-modal-content {
  font-size: 21px;
  font-weight: 100;
}
app-cancel-booking-confirmation-content #confirm-cancellation-modal .cancellation-modal-content strong {
  font-weight: normal;
}
app-cancel-booking-confirmation-content #confirm-cancellation-modal button {
  font-size: 22px;
}
app-cancel-booking-confirmation-content #confirm-cancellation-modal .cancellation-modal-controls {
  border-top: 1px solid #cecece;
}
app-cancel-booking-confirmation-content #confirm-cancellation-modal .cancellation-modal-controls .row .col-md-6 .btn-black-hover {
  color: #000;
}
app-cancel-booking-confirmation-content #confirm-cancellation-modal .cancellation-modal-controls .row .col-md-6 .btn-black-hover:hover {
  color: #fff !important;
  background: #000 !important;
}
app-cancel-booking-confirmation-content #confirm-cancellation-modal .cancellation-modal-controls .row .col-md-6:first-child {
  border-right: 1px solid #cecece;
}
app-cancel-booking-confirmation-content #confirm-cancellation-modal .cancellation-modal-controls .row .col-md-12 {
  border-right: none !important;
}
app-cancel-booking-confirmation-content #confirm-cancellation-modal .cancellation-modal-controls .row .col-md-12:first-child {
  border-right: 1px solid #cecece;
}
app-cancel-booking-confirmation-content #confirm-cancellation-modal .cancellation-modal-controls .row .col-md-12 .btn-black-hover {
  color: #000;
}
app-cancel-booking-confirmation-content #confirm-cancellation-modal .cancellation-modal-controls .row .col-md-12 .btn-black-hover:hover {
  color: #fff !important;
  background: #000 !important;
}
app-cancel-booking-confirmation-content button.disabled {
  color: grey;
}
@media (min-width: 550px) {
  app-cancel-booking-confirmation-content #confirm-cancellation-modal .cancellation-modal-content {
    font-size: 36px;
  }
}

@media (max-width: 992px) {
  #section-5 .container h2 {
    display: flex;
  }
  #section-5 .container h2 > i {
    display: inline-block;
    padding-right: 10px;
    top: 0;
  }
  #section-5 .container h2 > i.icon-purse {
    padding-right: 15px;
  }
  #section-5 .container div.col-xs-8 {
    padding-left: 5px;
  }
  #section-5 .visible-section .mobile-step-checked {
    right: -6px;
  }
  #section-2 .active-section.visible-section .container .row.same-height-options > div.col-xs-8,
  #section-3 .active-section.visible-section .container .row.same-height-options > div.col-xs-8 {
    margin-top: 5px;
  }
  #section-2 .active-section.visible-section .container .row.same-height-options > div.mobile-section-icon h2 i,
  #section-3 .active-section.visible-section .container .row.same-height-options > div.mobile-section-icon h2 i {
    text-align: left;
  }
  .visible-section.active-section > .container {
    padding-left: 0;
  }
  .visible-section.active-section .on-mobile-rounded-bg-wrap > .container {
    padding-left: 3px;
  }
  #section-5 .alternate-color {
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.15);
  }
  #section-5 .mobile-preview > div.col-xs-2:first-child {
    padding-left: 20px;
  }
  #section-5 .mobile-preview div.col-xs-8 {
    padding-left: 0;
  }
  #section-2 .visible-section.active-section,
  #section-3 .visible-section.active-section {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #section-2 .visible-section.active-section .on-mobile-rounded-bg-wrap,
  #section-3 .visible-section.active-section .on-mobile-rounded-bg-wrap {
    padding-left: 0;
  }
  #section-2 .visible-section.active-section > .container,
  #section-3 .visible-section.active-section > .container {
    padding-left: 0;
    padding-right: 13px;
  }
  #section-1 .visible-section.active-section {
    margin-bottom: 10px;
  }
  #section-4 .visible-section.active-section {
    margin-top: 10px;
  }
  #section-4 .visible-section.active-section .visible-section.active-section div.col-xs-8 {
    padding-left: 3px;
  }
  #payment-method-wrap .payment-method-row > div:first-child {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #bcbcbc;
  }
  #payment-method-wrap .payment-method-row .no-facts p {
    padding: 0;
  }
}
@media (max-width: 992px) and (min-width: 992px) {
  #payment-method-wrap .payment-method-row opb-radio .custom-radio label {
    display: flex;
  }
  #payment-method-wrap .payment-method-row opb-radio .custom-radio label:before {
    top: 21px;
  }
  #payment-method-wrap .payment-method-row opb-radio .custom-radio label:after {
    top: 21px;
  }
}
@media (max-width: 992px) {
  #enhancements-wrap .container .headline-wrap .row.same-height-options {
    margin-left: -10px;
    margin-right: -10px;
  }
  #enhancements-wrap .container .mobile-step-headline {
    margin-top: 10px;
  }
}
@media (max-width: 992px) {
  .mobile-preview > div.col-xs-2:first-child {
    padding-left: 15px;
  }
  .mobile-preview div.col-xs-8 {
    padding-left: 0;
  }
}
@media (max-width: 992px) {
  .container .row.same-height-options > div.mobile-section-icon h2 i {
    text-align: left;
  }
  .container .row.same-height-options > div.mobile-section-icon h2 i:before {
    margin-left: 19px;
  }
}
@media (max-width: 992px) {
  #enhancements-wrap .container .row.same-height-options > div.mobile-section-icon h2 i:before {
    margin-left: 0;
  }
  #enhancements-wrap .container .row.same-height-options div.col-xs-2:first-child {
    padding-left: 20px;
  }
  #enhancements-wrap .container .row.same-height-options div.col-xs-8 {
    padding-left: 0;
  }
  #enhancements-wrap .headline-right-btn-wrap {
    position: relative;
    text-align: left;
  }
  #enhancements-wrap .headline-right-btn-wrap button.btn {
    left: 60px;
  }
}
@media (max-width: 992px) {
  #section-3 .container h2 {
    margin-bottom: 10px;
    padding-bottom: 0;
  }
  #section-3 .container .mobile-step-description + h2 {
    margin-top: 10px;
  }
}
@media (max-width: 992px) {
  .mobile-preview > div.col-xs-2:first-child {
    min-width: 70px;
  }
  .mobile-preview > div.col-xs-2:first-child h2 {
    text-align: center;
  }
}
@media (max-width: 992px) {
  .same-height-options {
    display: flex;
  }
  .same-height-options .col-xs-2.mobile-section-icon {
    min-width: 70px;
  }
}
@media (max-width: 992px) {
  #booking-summary-list-wrap .booking-header .row h3 {
    margin-left: 10px;
  }
}
@media (max-width: 992px) {
  opb-address-form #form-wrap .row .col-md-12 > .row {
    display: flex;
  }
  opb-address-form #form-wrap .row .col-md-12 > .row > .col-xs-2:first-child {
    min-width: 66px;
  }
  opb-address-form #form-wrap .row .col-md-12 > .row .col-xs-8 h2 {
    padding-bottom: 0;
  }
  opb-address-form #form-wrap form {
    display: block;
    margin-top: 20px;
  }
}
@media (max-width: 992px) {
  .mobile-preview > div.col-xs-2:first-child h2 i:before {
    margin: 0;
  }
}
@media (max-width: 992px) {
  #address-form-wrap .form-field-row {
    padding-top: 0;
    padding-bottom: 0;
  }
  #address-form-wrap .form-field-row .show-mobile > div {
    padding-top: 0;
    padding-bottom: 0;
  }
  #address-form-wrap .form-field-row .show-mobile .col-md-12,
  #address-form-wrap .form-field-row .show-mobile .col-sm-6 {
    padding-top: 11px;
    padding-bottom: 6px;
  }
}
@media (max-width: 992px) {
  .container.mobile-preview-wrap h2 {
    font-size: 21px;
    font-family: "Cabin", sans-serif;
    font-weight: 500;
    line-height: 1;
  }
}
.complex .custom-radio label:after,
.simple .custom-select label:after {
  background-color: rgba(126, 20, 50, 0.5);
}

/* Wishes */
.complex.giveaways .custom-select {
  box-shadow: inset 0 0 0 2px #7e1432;
}
.complex.giveaways .custom-select label {
  color: #7e1432;
}
.complex.giveaways .custom-select label:before, .complex.giveaways .custom-select label:after {
  color: #7e1432;
  color: #7e1432;
}
.complex.giveaways .custom-select input[type=checkbox]:checked + label {
  background: linear-gradient(to right, #7e1432 0%, #7e1432 100%) !important;
}
.complex.small .custom-select {
  box-shadow: inset 0 0 0 1px #7e1432;
}
.complex.desires .custom-select {
  box-shadow: inset 0 0 0 2px #7e1432;
}
.complex.desires .custom-select label {
  color: #7e1432;
}
.complex.desires .custom-select label:before, .complex.desires .custom-select label:after {
  color: #7e1432;
}
.complex.desires .custom-select input[type=checkbox]:checked + label {
  background: linear-gradient(to right, #7e1432 0%, #7e1432 100%) !important;
  color: #ffffff;
}
.complex.desires .custom-select input[type=checkbox]:checked + label:after, .complex.desires .custom-select input[type=checkbox]:checked + label:before {
  color: #ffffff !important;
}
.complex.enhancement-config .custom-select {
  box-shadow: inset 0 0 0 1px pink;
}
.complex.enhancement-config .custom-select label {
  color: pink;
}
.complex.enhancement-config .custom-select input[type=checkbox]:checked + label {
  background-color: pink;
}

.alternate-color:not(.bg-light-grey) .complex.giveaways .custom-select {
  box-shadow: inset 0 0 0 2px #7e1432;
}
.alternate-color:not(.bg-light-grey) .complex.giveaways .custom-select label {
  color: #7e1432;
}
.alternate-color:not(.bg-light-grey) .complex.giveaways .custom-select label:before, .alternate-color:not(.bg-light-grey) .complex.giveaways .custom-select label:after {
  color: #7e1432;
  color: #7e1432;
}
.alternate-color:not(.bg-light-grey) .complex.giveaways .custom-select input[type=checkbox]:checked + label {
  background: linear-gradient(to right, #7e1432 0%, #7e1432 100%) !important;
}
.alternate-color:not(.bg-light-grey) .complex.small .custom-select {
  box-shadow: inset 0 0 0 1px #7e1432;
}
.alternate-color:not(.bg-light-grey) .complex.desires .custom-select {
  box-shadow: inset 0 0 0 2px #7e1432;
}
.alternate-color:not(.bg-light-grey) .complex.desires .custom-select label {
  color: #7e1432;
}
.alternate-color:not(.bg-light-grey) .complex.desires .custom-select label:before, .alternate-color:not(.bg-light-grey) .complex.desires .custom-select label:after {
  color: #7e1432;
}
.alternate-color:not(.bg-light-grey) .complex.desires .custom-select input[type=checkbox]:checked + label {
  background: linear-gradient(to right, #7e1432 0%, #7e1432 100%) !important;
  color: #ffffff;
}
.alternate-color:not(.bg-light-grey) .complex.desires .custom-select input[type=checkbox]:checked + label:after, .alternate-color:not(.bg-light-grey) .complex.desires .custom-select input[type=checkbox]:checked + label:before {
  color: #ffffff !important;
}

.cb-holder-item {
  display: block;
}
.cb-holder-item i,
.cb-holder-item label span,
.cb-holder-item a {
  color: #000;
}
.cb-holder-item.active i,
.cb-holder-item.active label span,
.cb-holder-item.active a {
  color: #7e1432;
}

/* checkbox as text */
opb-cb.as-text .custom-select label {
  color: #000;
}
opb-cb.as-text .custom-select label:after {
  background: #000;
}
opb-cb.as-text .custom-select label:before {
  color: #000;
}

.selectable-times opb-cb.as-text .custom-select label {
  font-size: 13px;
  color: #fff;
}
.selectable-times opb-cb.as-text .custom-select label:after {
  background: #fff;
}
.selectable-times opb-cb.as-text .custom-select label:before {
  color: #fff;
}

/* checkbox complex */
opb-cb.complex .custom-select input[type=checkbox]:checked + label {
  color: #ffffff;
  text-shadow: 0 0 0 #ffffff;
}
opb-cb.complex .custom-select input[type=checkbox]:checked + label:before, opb-cb.complex .custom-select input[type=checkbox]:checked + label:after {
  color: #ffffff;
}
opb-cb.complex .custom-select:active label {
  background-color: transparent;
}

.alternate-color:not(.bg-light-grey) opb-cb.complex .custom-select input[type=checkbox]:checked + label {
  color: #ffffff;
  text-shadow: 0 0 0 #ffffff;
}
.alternate-color:not(.bg-light-grey) opb-cb.complex .custom-select input[type=checkbox]:checked + label:before, .alternate-color:not(.bg-light-grey) opb-cb.complex .custom-select input[type=checkbox]:checked + label:after {
  color: #ffffff;
}
.alternate-color:not(.bg-light-grey) opb-cb.complex .custom-select:active label {
  background-color: transparent;
}

/* checkbox simple */
#erv-accept-checkbox {
  border-top: 1px solid #eaeaea;
}

opb-cb.simple.rooms-compare label {
  color: #000;
}
opb-cb.simple.rooms-compare label:after {
  background-color: rgb(0, 201, 106) !important;
  border-color: rgb(0, 201, 106) !important;
}
opb-cb.simple .custom-select label {
  color: #000;
}
opb-cb.simple .custom-select label:before {
  color: #d0d0d0;
  background-color: transparent;
  border: 1px solid #eaeaea;
}
opb-cb.simple .custom-select label:after {
  color: #ffffff;
  /* todo */
}
opb-cb.simple .custom-select input[type=checkbox]:checked + label:after {
  color: #ffffff;
}
opb-cb.simple .custom-select:hover input[type=checkbox] + label:before {
  color: #e5e5e5;
}

/* checkbox simple - alternative section */
@media (min-width: 992px) {
  .bg-light-grey opb-cb.simple .custom-select label {
    color: #000;
  }
  .bg-light-grey opb-cb.simple .custom-select label:before {
    color: #d0d0d0;
    background-color: transparent;
    border: 1px solid #d0d0d0;
  }
  .bg-light-grey opb-cb.simple .custom-select label:after {
    color: #ffffff;
    /* todo */
  }
  .bg-light-grey opb-cb.simple .custom-select input[type=checkbox]:checked + label:after {
    color: #ffffff;
  }
  .bg-light-grey opb-cb.simple .custom-select:hover input[type=checkbox] + label:before {
    color: #e5e5e5;
  }
}
/* Radio */
#section-3 h2 opb-radio .custom-radio label,
#address-form-wrap h2 opb-radio .custom-radio label {
  color: rgba(126, 20, 50, 0.5);
  font-family: "Cabin", sans-serif;
}
#section-3 h2 opb-radio .custom-radio label:before,
#address-form-wrap h2 opb-radio .custom-radio label:before {
  background-color: rgba(126, 20, 50, 0.5);
}
#section-3 h2 opb-radio .custom-radio input[type=radio]:checked + label,
#address-form-wrap h2 opb-radio .custom-radio input[type=radio]:checked + label {
  color: #7e1432 !important;
}
#section-3 h2 opb-radio .custom-radio input[type=radio]:checked + label:before,
#address-form-wrap h2 opb-radio .custom-radio input[type=radio]:checked + label:before {
  background-color: #7e1432 !important;
}

@media (min-width: 992px) {
  #section-3.bg-light-grey h2 opb-radio .custom-radio label,
  #address-form-wrap.bg-light-grey h2 opb-radio .custom-radio label {
    color: rgba(126, 20, 50, 0.5);
  }
  #section-3.bg-light-grey h2 opb-radio .custom-radio label:before,
  #address-form-wrap.bg-light-grey h2 opb-radio .custom-radio label:before {
    background-color: rgba(126, 20, 50, 0.5);
  }
  #section-3.bg-light-grey h2 opb-radio .custom-radio input[type=radio]:checked + label,
  #address-form-wrap.bg-light-grey h2 opb-radio .custom-radio input[type=radio]:checked + label {
    color: #7e1432 !important;
  }
  #section-3.bg-light-grey h2 opb-radio .custom-radio input[type=radio]:checked + label:before,
  #address-form-wrap.bg-light-grey h2 opb-radio .custom-radio input[type=radio]:checked + label:before {
    background-color: #7e1432 !important;
  }
}
opb-radio.complex:not(.climate-radio) .custom-radio label {
  color: #000;
}
opb-radio.complex:not(.climate-radio) .custom-radio label:before {
  color: transparent;
  background-color: transparent;
  border: 1px solid #cecece;
}
opb-radio.complex:not(.climate-radio) .custom-radio label:after {
  color: #cecece;
}
opb-radio.complex:not(.climate-radio) .custom-radio input[type=radio]:checked + label:after {
  color: #fff;
  background-color: #7e1432;
  border: 1px solid #7e1432;
}
opb-radio.complex:not(.climate-radio) .custom-radio:hover input[type=radio] + label:before {
  color: #cecece;
}

@media (min-width: 992px) {
  .bg-light-grey opb-radio.complex:not(.climate-radio) .custom-radio label {
    color: #000;
  }
  .bg-light-grey opb-radio.complex:not(.climate-radio) .custom-radio label:before {
    color: transparent;
    background-color: transparent;
    border: 1px solid #cecece;
  }
  .bg-light-grey opb-radio.complex:not(.climate-radio) .custom-radio label:after {
    color: #cecece;
  }
  .bg-light-grey opb-radio.complex:not(.climate-radio) .custom-radio input[type=radio]:checked + label:after {
    color: #fff;
    background-color: #7e1432;
    border: 1px solid #7e1432;
  }
  .bg-light-grey opb-radio.complex:not(.climate-radio) .custom-radio:hover input[type=radio] + label:before {
    color: #cecece;
  }
}
#climate-bg opb-radio.complex .custom-radio label:before {
  color: transparent;
  background-color: #fff;
  border: 1px solid rgb(209, 209, 209);
}
#climate-bg opb-radio.complex .custom-radio label:after {
  color: rgb(209, 209, 209);
}
#climate-bg opb-radio.complex .custom-radio input[type=radio]:checked + label:after {
  color: #d0d0d0;
  background-color: #7e1432;
  border: 1px solid #7e1432;
}
#climate-bg opb-radio.complex .custom-radio:hover input[type=radio] + label:before {
  color: rgb(209, 209, 209);
}

/* Form inputs */
app-allotment-bookings-login-modal button,
app-login-modal-content button,
app-allotment-login #login-wrap button,
app-corporate-login #login-wrap button {
  background-color: rgba(0, 0, 0, 0.9);
}
app-allotment-bookings-login-modal button[type=submit],
app-login-modal-content button[type=submit],
app-allotment-login #login-wrap button[type=submit],
app-corporate-login #login-wrap button[type=submit] {
  color: #fff;
  border: 2px solid #fff;
  box-shadow: inset 0 0 0 0px #fff;
}
app-allotment-bookings-login-modal button[type=submit]:hover,
app-login-modal-content button[type=submit]:hover,
app-allotment-login #login-wrap button[type=submit]:hover,
app-corporate-login #login-wrap button[type=submit]:hover {
  box-shadow: inset 0 0 0 1px #fff;
}
app-allotment-bookings-login-modal #close-modal-wrap i,
app-login-modal-content #close-modal-wrap i,
app-allotment-login #login-wrap #close-modal-wrap i,
app-corporate-login #login-wrap #close-modal-wrap i {
  color: #000;
  text-shadow: 0 0 #000;
}

.modal-open.dark app-allotment-bookings-login-modal #close-modal-wrap i,
.modal-open.dark app-login-modal-content #close-modal-wrap i,
.modal-open.dark app-allotment-login #login-wrap #close-modal-wrap i,
.modal-open.dark app-corporate-login #login-wrap #close-modal-wrap i {
  color: #fff;
  text-shadow: 0 0 #fff;
}

app-cancel-booking-login-modal .form-field-row,
opb-login .form-field-row,
app-corporate-login {
  border: 1px solid #e2e2e2;
}
app-cancel-booking-login-modal .form-field-row > .row > div:not(:first-child),
app-cancel-booking-login-modal .form-field-row .inputs > div:not(:first-child),
opb-login .form-field-row > .row > div:not(:first-child),
opb-login .form-field-row .inputs > div:not(:first-child),
app-corporate-login > .row > div:not(:first-child),
app-corporate-login .inputs > div:not(:first-child) {
  border-left: 1px solid #e2e2e2;
}

.form-field-row {
  background-color: transparent;
  padding: 0;
  margin-bottom: 0;
}
.form-field-row:not(.credit-card) {
  /* This is commented until mobile Design is ready */
  padding: 16px 15px 15px;
  margin-bottom: 15px;
}
@media (min-width: 1008px) {
  .form-field-row {
    background-color: #FFF;
  }
}
@media (max-width: 991px) {
  .form-field-row #slide-search-wrap:not(.has-palces-search) {
    padding-top: 0 !important;
  }
}
.form-field-row .show-mobile > div,
.form-field-row .inputs > div {
  background-color: transparent;
}
@media (max-width: 750px) {
  .form-field-row .show-mobile > div:not(.no-border-bottom),
  .form-field-row .inputs > div:not(.no-border-bottom) {
    border-bottom: 1px solid #e2e2e2;
  }
}
@media (min-width: 750px) {
  .form-field-row:not(.credit-card) {
    border: 1px solid #e2e2e2;
  }
  .form-field-row:not(.credit-card) > .row > div:not(:first-child),
  .form-field-row:not(.credit-card) .inputs > div:not(:first-child) {
    border-left: 1px solid #e2e2e2;
  }
}
.form-field-row > .row > div {
  background-color: #FFF;
}
@media (min-width: 1008px) {
  .form-field-row > .row > div {
    background-color: #FFF;
  }
}
.form-field-row .overflow-wrap {
  background-color: transparent;
  cursor: pointer;
}
@media (min-width: 992px) {
  .form-field-row .overflow-wrap {
    background-color: #fff;
  }
}
@media (min-width: 1008px) {
  .form-field-row .overflow-wrap {
    background-color: #FFF;
  }
}
.form-field-row .overflow-wrap:hover {
  background-color: #fff;
}
@media (min-width: 1008px) {
  .form-field-row .overflow-wrap:hover {
    background-color: #f2f2f2;
  }
}
.form-field-row .overflow-wrap p {
  color: rgba(0, 0, 0, 0.5);
}
.form-field-row .form-group input[type=text],
.form-field-row .form-group input[type=search],
.form-field-row .form-group input[type=password] {
  color: #000;
}
.form-field-row .form-group input[type=text]::-webkit-input-placeholder,
.form-field-row .form-group input[type=search]::-webkit-input-placeholder,
.form-field-row .form-group input[type=password]::-webkit-input-placeholder {
  opacity: 0;
}
.form-field-row .form-group input[type=text]:-moz-placeholder,
.form-field-row .form-group input[type=search]:-moz-placeholder,
.form-field-row .form-group input[type=password]:-moz-placeholder {
  opacity: 0;
}
.form-field-row .form-group input[type=text]::-moz-placeholder,
.form-field-row .form-group input[type=search]::-moz-placeholder,
.form-field-row .form-group input[type=password]::-moz-placeholder {
  opacity: 0;
}
.form-field-row .form-group input[type=text]:-ms-input-placeholder,
.form-field-row .form-group input[type=search]:-ms-input-placeholder,
.form-field-row .form-group input[type=password]:-ms-input-placeholder {
  opacity: 0;
}
.form-field-row .form-group input[type=text]:focus::-webkit-input-placeholder,
.form-field-row .form-group input[type=search]:focus::-webkit-input-placeholder,
.form-field-row .form-group input[type=password]:focus::-webkit-input-placeholder {
  opacity: 1;
}
.form-field-row .form-group input[type=text]:focus:-moz-placeholder,
.form-field-row .form-group input[type=search]:focus:-moz-placeholder,
.form-field-row .form-group input[type=password]:focus:-moz-placeholder {
  opacity: 1;
}
.form-field-row .form-group input[type=text]:focus::-moz-placeholder,
.form-field-row .form-group input[type=search]:focus::-moz-placeholder,
.form-field-row .form-group input[type=password]:focus::-moz-placeholder {
  opacity: 1;
}
.form-field-row .form-group input[type=text]:focus:-ms-input-placeholder,
.form-field-row .form-group input[type=search]:focus:-ms-input-placeholder,
.form-field-row .form-group input[type=password]:focus:-ms-input-placeholder {
  opacity: 1;
}
.form-field-row .form-group label.floating:not(.has-error) {
  color: rgba(0, 0, 0, 0.5);
}
.form-field-row .form-group label.has-error {
  color: #ff1a1a;
}

/* Google address dropdown */
.pac-container,
.adress-not-found {
  border-left: 1px solid #e2e2e2;
  border-right: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  background-color: #FFF;
}
.pac-container .pac-item,
.pac-container .adress-not-found-item,
.adress-not-found .pac-item,
.adress-not-found .adress-not-found-item {
  border-top: 1px solid #e2e2e2;
  background: #FFF;
  color: rgba(0, 0, 0, 0.5) !important;
}
.pac-container .pac-item:hover, .pac-container .pac-item.pac-item-selected,
.pac-container .adress-not-found-item:hover,
.pac-container .adress-not-found-item.pac-item-selected,
.adress-not-found .pac-item:hover,
.adress-not-found .pac-item.pac-item-selected,
.adress-not-found .adress-not-found-item:hover,
.adress-not-found .adress-not-found-item.pac-item-selected {
  background: #f2f2f2 !important;
}
.pac-container .pac-item .pac-item-query,
.pac-container .adress-not-found-item .pac-item-query,
.adress-not-found .pac-item .pac-item-query,
.adress-not-found .adress-not-found-item .pac-item-query {
  color: #000 !important;
  padding-right: 10px !important;
}

/* Select - dropdown */
ng-select .ui-disabled {
  background-color: red;
}
ng-select .ui-select-choices-row > a {
  color: red;
}
ng-select .ui-select-choices-row.active > a {
  color: #000;
  background-color: #f2f2f2;
}
ng-select .ui-select-multiple input.ui-select-search {
  background-color: transparent !important;
  /* To prevent double background when disabled */
}
ng-select .ui-select-container input {
  background: rgba(0, 0, 0, 0);
  color: #000;
}
ng-select .ui-select-container span.ui-select-placeholder,
ng-select .ui-select-container span.ui-select-match-text {
  color: #000;
}
ng-select .ui-select-container ul.dropdown-menu {
  background-color: #FFF;
  border-left: 1px solid #e2e2e2 !important;
  border-right: 1px solid #e2e2e2 !important;
  border-bottom: 1px solid #e2e2e2 !important;
}
ng-select .ui-select-container ul.dropdown-menu li {
  border-bottom: 1px solid #e2e2e2 !important;
}
ng-select .ui-select-container ul.dropdown-menu li .ui-select-choices-row > a {
  color: #000;
}

/* Credit card inputs */
.container .payment-method-wrap #creditcard-wrap {
  background-color: #FFF;
}
.container .payment-method-wrap .icon-info {
  color: #9b9b9b;
}
.container .payment-method-wrap .payment-method-row .logo-image-wrap img {
  box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.1);
}
@media (max-width: 991px) {
  .container .payment-method-wrap .payment-method-row {
    background-color: #FFF;
  }
  .container .payment-method-wrap .payment-method-row p,
  .container .payment-method-wrap .payment-method-row li,
  .container .payment-method-wrap .payment-method-row label {
    color: rgba(0, 0, 0, 0.5) !important;
  }
}
.container .payment-method-wrap .form-field-row {
  background-color: #FFF;
}
@media (min-width: 992px) {
  .container .payment-method-wrap .form-field-row > div.row:first-child {
    border-bottom: 1px solid #e2e2e2;
  }
}

app-credit-card-form .form-field-row {
  background-color: #FFF;
}
@media (max-width: 991px) {
  app-credit-card-form .form-field-row > div.row > div {
    border-bottom: 1px solid #e2e2e2;
  }
}
app-credit-card-form .form-field-row > .row > div:not(:first-child),
app-credit-card-form .form-field-row .inputs > div:not(:first-child) {
  border-left: 1px solid #e2e2e2;
}
@media (max-width: 991px) {
  app-credit-card-form .form-field-row #credidcard-number-wrap > div:first-child {
    border-top: 1px solid #e2e2e2;
  }
}
@media (min-width: 992px) {
  app-credit-card-form .form-field-row {
    border: 1px solid #e2e2e2;
  }
}
@media (min-width: 992px) {
  app-credit-card-form .form-field-row > div.row:first-child {
    border-bottom: 1px solid #e2e2e2;
  }
}

/* Important fix for autofill */
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 100px #FFF inset !important;
  border-radius: 0 !important;
  transition: none;
}

input:-webkit-autofill {
  -webkit-text-fill-color: #000 !important;
}

/* Comment textarea */
.form-group.has-error label {
  color: #ff1a1a !important;
}

opb-radio.simple .custom-radio {
  font-size: 20px;
}
opb-radio.simple .custom-radio label {
  font-weight: 300;
}

/* Init - transparent */
.navbar-static-top.gradient-bg {
  background: transparent;
}
.navbar-static-top.bs-docs-nav a {
  color: #fdfdfd;
  font-size: 13px !important;
  font-family: "Cabin", sans-serif;
  font-weight: 400;
  text-transform: none;
}
.navbar-static-top.bs-docs-nav a span.dropdown-value {
  color: #fdfdfd;
  font-size: 13px !important;
  font-family: "Cabin", sans-serif;
  font-weight: 400;
  text-transform: none;
}
.navbar-static-top.bs-docs-nav a.active {
  color: #fdfdfd;
}
.navbar-static-top.bs-docs-nav a:hover {
  color: #fdfdfd;
}
.navbar-static-top.bs-docs-nav a i.icon-check {
  color: #fdfdfd;
}
.navbar-static-top .navbar-nav.navbar-left a.active:after {
  background-color: #fdfdfd;
}
.navbar-static-top .navbar-nav.navbar-right a:after,
.navbar-static-top .navbar-nav.navbar-right .input-wrap:after {
  background-color: #fdfdfd;
}
.navbar-static-top .navbar-nav.navbar-right input::-webkit-input-placeholder {
  color: rgba(253, 253, 253, 0.6);
  font-weight: 400;
}
.navbar-static-top .navbar-nav.navbar-right input:focus::-webkit-input-placeholder {
  color: rgba(253, 253, 253, 0);
}
.navbar-static-top .navbar-nav.navbar-right input::-moz-placeholder {
  color: rgba(253, 253, 253, 0.6);
  font-weight: 400;
}
.navbar-static-top .navbar-nav.navbar-right input:focus::-moz-placeholder {
  color: rgba(253, 253, 253, 0);
}
.navbar-static-top .navbar-nav.navbar-right input:-ms-input-placeholder {
  color: rgba(253, 253, 253, 0.6);
  font-weight: 400;
}
.navbar-static-top .navbar-nav.navbar-right input:focus:-ms-input-placeholder {
  color: rgba(253, 253, 253, 0);
}
.navbar-static-top .navbar-nav.navbar-right input:-moz-placeholder {
  color: rgba(253, 253, 253, 0.6);
  font-weight: 400;
}
.navbar-static-top .navbar-nav.navbar-right input:focus:-moz-placeholder {
  color: rgba(253, 253, 253, 0);
}
.navbar-static-top .navbar-nav > li > span {
  color: #fdfdfd;
  font-size: 13px !important;
  font-family: "Cabin", sans-serif;
  font-weight: 400;
  text-transform: none;
}
.navbar-static-top .navbar-nav > li .input-wrap a {
  color: #fdfdfd;
}
.navbar-static-top .navbar-nav > li .input-wrap a i {
  text-shadow: 0 0 0 #fdfdfd;
}
.navbar-static-top .navbar-nav > li .input-wrap a i.icon-check {
  color: #fdfdfd;
}
.navbar-static-top .navbar-nav > li .input-wrap a.active:after {
  background-color: #fdfdfd;
}
.navbar-static-top .navbar-nav > li .input-wrap input {
  color: #fdfdfd;
}

/* Gradient bg */
.multi-property .navbar-static-top.gradient-bg {
  z-index: 1001;
}

.basket-visible .navbar-static-top.gradient-bg,
body.modal-open.mobile-menu .navbar-static-top.gradient-bg {
  background: linear-gradient(to right, #7e1432 0%, #5d1026 100%) !important;
}
.basket-visible .navbar-static-top.gradient-bg.bs-docs-nav a,
body.modal-open.mobile-menu .navbar-static-top.gradient-bg.bs-docs-nav a {
  color: #fdfdfd;
}
.basket-visible .navbar-static-top.gradient-bg.bs-docs-nav a span.dropdown-value,
body.modal-open.mobile-menu .navbar-static-top.gradient-bg.bs-docs-nav a span.dropdown-value {
  color: #fdfdfd;
}
.basket-visible .navbar-static-top.gradient-bg.bs-docs-nav a i.icon-check,
body.modal-open.mobile-menu .navbar-static-top.gradient-bg.bs-docs-nav a i.icon-check {
  color: #fdfdfd;
}
.basket-visible .navbar-static-top.gradient-bg.bs-docs-nav .hamburger:after,
body.modal-open.mobile-menu .navbar-static-top.gradient-bg.bs-docs-nav .hamburger:after {
  color: #fdfdfd !important;
}
.basket-visible .navbar-static-top.gradient-bg.bs-docs-nav .hamburger .hamburger-inner,
body.modal-open.mobile-menu .navbar-static-top.gradient-bg.bs-docs-nav .hamburger .hamburger-inner {
  background-color: #fdfdfd !important;
}
.basket-visible .navbar-static-top.gradient-bg.bs-docs-nav .hamburger .hamburger-inner:before, .basket-visible .navbar-static-top.gradient-bg.bs-docs-nav .hamburger .hamburger-inner:after,
body.modal-open.mobile-menu .navbar-static-top.gradient-bg.bs-docs-nav .hamburger .hamburger-inner:before,
body.modal-open.mobile-menu .navbar-static-top.gradient-bg.bs-docs-nav .hamburger .hamburger-inner:after {
  background-color: #fdfdfd !important;
}
.basket-visible .navbar-static-top.gradient-bg .navbar-nav.navbar-right a:after,
.basket-visible .navbar-static-top.gradient-bg .navbar-nav.navbar-right .input-wrap:after,
body.modal-open.mobile-menu .navbar-static-top.gradient-bg .navbar-nav.navbar-right a:after,
body.modal-open.mobile-menu .navbar-static-top.gradient-bg .navbar-nav.navbar-right .input-wrap:after {
  background-color: #fdfdfd;
}
.basket-visible .navbar-static-top.gradient-bg .navbar-nav.navbar-right input::-webkit-input-placeholder,
body.modal-open.mobile-menu .navbar-static-top.gradient-bg .navbar-nav.navbar-right input::-webkit-input-placeholder {
  color: #fdfdfd;
}
.basket-visible .navbar-static-top.gradient-bg .navbar-nav.navbar-right input::-moz-placeholder,
body.modal-open.mobile-menu .navbar-static-top.gradient-bg .navbar-nav.navbar-right input::-moz-placeholder {
  color: #fdfdfd;
}
.basket-visible .navbar-static-top.gradient-bg .navbar-nav.navbar-right input:-ms-input-placeholder,
body.modal-open.mobile-menu .navbar-static-top.gradient-bg .navbar-nav.navbar-right input:-ms-input-placeholder {
  color: #fdfdfd;
}
.basket-visible .navbar-static-top.gradient-bg .navbar-nav.navbar-right input:-moz-placeholder,
body.modal-open.mobile-menu .navbar-static-top.gradient-bg .navbar-nav.navbar-right input:-moz-placeholder {
  color: #fdfdfd;
}
.basket-visible .navbar-static-top.gradient-bg .navbar-nav > li > span,
body.modal-open.mobile-menu .navbar-static-top.gradient-bg .navbar-nav > li > span {
  color: #fdfdfd;
}
.basket-visible .navbar-static-top.gradient-bg .navbar-nav > li .input-wrap a,
body.modal-open.mobile-menu .navbar-static-top.gradient-bg .navbar-nav > li .input-wrap a {
  color: #fdfdfd;
}
.basket-visible .navbar-static-top.gradient-bg .navbar-nav > li .input-wrap a.active,
body.modal-open.mobile-menu .navbar-static-top.gradient-bg .navbar-nav > li .input-wrap a.active {
  color: #fdfdfd;
}
.basket-visible .navbar-static-top.gradient-bg .navbar-nav > li .input-wrap a:hover,
body.modal-open.mobile-menu .navbar-static-top.gradient-bg .navbar-nav > li .input-wrap a:hover {
  color: #fdfdfd;
}
.basket-visible .navbar-static-top.gradient-bg .navbar-nav > li .input-wrap a i,
body.modal-open.mobile-menu .navbar-static-top.gradient-bg .navbar-nav > li .input-wrap a i {
  text-shadow: 0 0 0 #fdfdfd;
}
.basket-visible .navbar-static-top.gradient-bg .navbar-nav > li .input-wrap a i.icon-check,
body.modal-open.mobile-menu .navbar-static-top.gradient-bg .navbar-nav > li .input-wrap a i.icon-check {
  color: #fdfdfd;
}
.basket-visible .navbar-static-top.gradient-bg .navbar-nav > li .input-wrap a.active:after,
body.modal-open.mobile-menu .navbar-static-top.gradient-bg .navbar-nav > li .input-wrap a.active:after {
  background-color: #fdfdfd;
}
.basket-visible .navbar-static-top.gradient-bg .navbar-nav > li .input-wrap input,
body.modal-open.mobile-menu .navbar-static-top.gradient-bg .navbar-nav > li .input-wrap input {
  color: #fdfdfd;
}

.gradient-bg.btn:active {
  background: linear-gradient(to right, #7e1432 0%, #5d1026 100%) !important;
}

@media (max-width: 991px) {
  .navbar-static-top .gradient-bg {
    background: linear-gradient(to right, #7e1432 0%, #5d1026 100%) !important;
  }
}
.booking-code-popover {
  background: #7e1432;
  color: #FFF;
}
.booking-code-popover:before {
  border-color: transparent transparent #7e1432 transparent;
}

.booking-code-popover-trigger {
  background: #7e1432;
  color: #FFF;
}

.booking-code-clip {
  color: #7e1432;
}

opb-basketbar #price-in-base-currency {
  color: #000;
}
@media (min-width: 992px) {
  opb-basketbar #price-in-base-currency {
    font-weight: 400;
  }
}
opb-basketbar #basket-main-wrap {
  background-color: #f6e3cd;
  font-family: "Cabin", sans-serif;
  color: #000;
  border-bottom: 1px solid rgba(174, 174, 174, 0.26);
}
opb-basketbar #basket-main-wrap #basketbar-text-hotel-id {
  color: #000;
}
opb-basketbar #basket-main-wrap .hamburger {
  color: #000;
}
opb-basketbar #basket-main-wrap .hamburger .hamburger-inner {
  color: #000;
  background-color: #000;
}
opb-basketbar #basket-main-wrap .hamburger .hamburger-inner:before, opb-basketbar #basket-main-wrap .hamburger .hamburger-inner:after {
  background-color: #000;
}
opb-basketbar #basket-main-wrap #travel-option-wrap > div#btn-add-new-journey-wrap.disabled {
  background-color: rgba(255, 255, 255, 0.1);
}
opb-basketbar #basket-main-wrap #travel-option-wrap > div#btn-add-new-journey-wrap i {
  color: #000;
}
opb-basketbar #basket-main-wrap #travel-option-wrap > div#travel-wrap {
  border-bottom: 1px solid rgba(174, 174, 174, 0.26);
}
opb-basketbar #basket-main-wrap #travel-option-wrap > div#travel-wrap > div:not(:first-child) {
  border-left: 1px solid rgba(174, 174, 174, 0.26);
}
opb-basketbar #basket-main-wrap #travel-option-wrap > div#travel-wrap > div span {
  font-weight: 400;
}
opb-basketbar #basket-main-wrap #travel-option-wrap > div#travel-wrap > div > div {
  background-color: #f6e3cd;
  color: #000;
}
opb-basketbar #basket-main-wrap #travel-option-wrap > div#travel-wrap > div > div:hover:not(.current-travel) {
  color: #FFF;
  background-color: #7e1432;
}
opb-basketbar #basket-main-wrap #travel-option-wrap > div#travel-wrap > div > div:hover:not(.current-travel) .row > div:first-child a {
  color: #FFF;
}
opb-basketbar #basket-main-wrap #travel-option-wrap > div#travel-wrap > div > div.current-travel {
  background-color: #7e1432;
  color: #FFF;
}
opb-basketbar #basket-main-wrap #travel-option-wrap > div#travel-wrap > div > div .row > div:first-child a {
  color: #000;
}
opb-basketbar #basket-main-wrap #travel-option-wrap > div:last-child {
  border-left: 1px solid rgba(235, 31, 31, 0.1);
}
opb-basketbar #basket-main-wrap #travel-option-wrap > div:last-child span {
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
}
@media (min-width: 992px) {
  opb-basketbar #basket-main-wrap > div:not(#travel-option-wrap) > div.basket-column {
    border-left: 1px solid rgba(174, 174, 174, 0.26);
    padding: 11px 15px 6px;
  }
}
opb-basketbar #basket-main-wrap .basket-column p:not(.not-capitalized), opb-basketbar #basket-main-wrap .basket-column span:not(.not-capitalized) {
  text-transform: uppercase !important;
}
opb-basketbar #basket-main-wrap .basket-column a.btn-edit {
  color: #000;
}
@media (min-width: 992px) {
  opb-basketbar #basket-main-wrap .basket-column:hover {
    background-color: rgba(126, 20, 50, 0.25);
    color: #000;
  }
  opb-basketbar #basket-main-wrap .basket-column:hover p.booked-elements {
    color: #000;
  }
  opb-basketbar #basket-main-wrap .basket-column:hover a.btn-edit {
    color: #000;
  }
  opb-basketbar #basket-main-wrap .basket-column.active {
    background-color: #7e1432;
    color: #FFF;
  }
  opb-basketbar #basket-main-wrap .basket-column.active p.booked-elements {
    color: #FFF;
  }
}
opb-basketbar #basket-main-wrap .basket-column.mobile-menu-icon-wrap {
  border-right: 1px solid rgba(174, 174, 174, 0.26);
}
opb-basketbar #basket-main-wrap .basket-column p.booked-elements {
  color: rgba(0, 0, 0, 0.5);
}
opb-basketbar #basket-main-wrap .basket-column.sum-price > div > div.order-value-text-wrap span {
  font-weight: 400;
}
opb-basketbar #basket-main-wrap .basket-column.sum-price > div > div.price-wrap span {
  font-weight: 400;
  font-family: "Cabin", sans-serif;
}
opb-basketbar #basket-main-wrap .basket-column.sum-price > div > div.price-wrap span span#tiny-price {
  font-weight: 400;
}
opb-basketbar #basket-main-wrap .basket-column.sum-price > div > div.price-wrap span span#tiny-price > span {
  font-weight: 400;
}
opb-basketbar #basket-main-wrap .basket-column.sum-price > div > div.price-wrap span span#toggle-basket {
  font-weight: 400;
}
opb-basketbar #basket-main-wrap .basket-column .amount,
opb-basketbar #basket-main-wrap .basket-column .price-wrap-inner {
  font-size: 36px;
  font-weight: 400;
  font-family: "Cabin", sans-serif;
  display: inline-block;
  line-height: 1em;
  height: auto;
}
@media (min-width: 1280px) {
  opb-basketbar #basket-main-wrap .basket-column .amount,
  opb-basketbar #basket-main-wrap .basket-column .price-wrap-inner {
    font-size: 62px;
    line-height: 62px !important;
    height: 62px !important;
  }
}
opb-basketbar #basket-main-wrap .basket-column .amount > span,
opb-basketbar #basket-main-wrap .basket-column .price-wrap-inner > span {
  line-height: 1em;
  height: auto;
}
opb-basketbar #basket-main-wrap .basket-column .amount > span #toggle-basket,
opb-basketbar #basket-main-wrap .basket-column .price-wrap-inner > span #toggle-basket {
  line-height: 1em;
  height: auto;
}
@media (min-width: 1280px) {
  opb-basketbar #basket-main-wrap .basket-column .amount > span,
  opb-basketbar #basket-main-wrap .basket-column .price-wrap-inner > span {
    font-size: 62px;
    line-height: 62px !important;
    height: 62px !important;
  }
}
@media (min-width: 1280px) {
  opb-basketbar #basket-main-wrap .basket-column .price-wrap-inner:not(.default-size) {
    line-height: 46px !important;
    height: 46px !important;
  }
  opb-basketbar #basket-main-wrap .basket-column .price-wrap-inner:not(.default-size) > span {
    font-size: 46px !important;
    line-height: 46px !important;
    height: 46px !important;
  }
  opb-basketbar #basket-main-wrap .basket-column .price-wrap-inner:not(.default-size) > span #toggle-basket {
    top: 4px !important;
  }
}
opb-basketbar #basket-main-wrap .basket-column .details .border-top {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
opb-basketbar #basket-main-wrap .basket-column .basket-step-checked i {
  color: #7e1432;
}
opb-basketbar p {
  font-weight: 400;
}
opb-basketbar #notification-wrap > div:not(.notification-bg-wrap) span {
  font-weight: 400;
}

app-travels-bar #travels-bar {
  background-color: #f6e3cd;
  color: #000;
}
app-travels-bar #travels-bar .travel-column.active {
  background-color: #7e1432;
  border-right-color: #7e1432;
}
app-travels-bar #travels-bar .travel-column.active .travel-details {
  color: #FFF;
}
app-travels-bar #travels-bar .travel-column:not(:last-child) {
  border-right: 1px solid #fefbf8;
}
app-travels-bar #travels-bar .travel-column:not(:last-child):not(.active):hover {
  background: #fefbf8;
}
app-travels-bar #travels-bar .travel-column .travel-details {
  color: black;
}

#notification-wrap {
  background: linear-gradient(to right, #15660c 0%, #3da00c 100%);
}
#notification-wrap > .notification-bg-wrap > .bad {
  background: linear-gradient(to right, #cc003a 0%, #7e1432 100%);
}
#notification-wrap > .notification-bg-wrap > .good {
  background: linear-gradient(to right, #15660c 0%, #3da00c 100%);
}
#notification-wrap span {
  color: #FFF;
}

#welcome-message-wrapper #close-welcome-message {
  color: #FFF;
}
#welcome-message-wrapper #welcome-message {
  background: linear-gradient(to right, #000000 0%, #474747 50%, #000000 100%);
  color: #FFF;
}
#welcome-message-wrapper #open-welcome-message {
  background: linear-gradient(to right, #7e1432 0%, #5d1026 100%);
  color: #fff;
}

app-notification > div > div #notification-wrap > div:not(.notification-bg-wrap) span {
  font-size: 14px;
  font-weight: 300;
}

@media (min-width: 992px) {
  app-notification > div > div #notification-wrap > div:not(.notification-bg-wrap) span {
    font-size: 1.75em;
  }
}
.bg-grey {
  background-color: rgb(200, 200, 200); /* WHATS THIS?*/
}

.alternate-color {
  background-color: #FFF;
  transition: 0.3s linear background-color;
}
.alternate-color.mobile-preview-section {
  background-color: #FFF;
}

.bg-light-grey {
  background-color: #f6e3cd;
}
.bg-light-grey .section {
  background-color: #f6e3cd;
}

.bg-white {
  background-color: #FFF;
}
.bg-white .section {
  background-color: #FFF;
}
.bg-white.mobile-preview-section {
  background-color: #FFF;
}
.bg-white.mobile-preview-section .section {
  background-color: #FFF;
}

.sticky-footer {
  background-color: #343434;
}
.sticky-footer > div {
  color: #afafaf;
}
.sticky-footer > div a {
  color: #afafaf;
  font-size: 10px;
}
.sticky-footer > div a:hover {
  color: #37d389;
}
.sticky-footer > div ul li {
  font-size: 10px;
}

.sticky-footer.fake {
  background-color: #343434;
}

@media (min-width: 992px) {
  .sticky-footer > div a {
    font-size: 13px;
  }
  .sticky-footer > div ul li {
    font-size: 13px;
  }
}
@media (max-width: 992px) {
  #section-5 .alternate-color {
    margin-top: 25px;
    margin-bottom: 25px;
    box-shadow: 0 2px 6px 0 rgba(64, 64, 64, 0.26);
    background-color: #FFF;
  }
}
@media (max-width: 992px) {
  #section-5 .container h2 {
    display: flex;
  }
  #section-5 .container h2 > i {
    display: inline-block;
    padding-right: 30px;
    top: 0;
  }
  #address-form-fields-wrap .form-field-row:not(.address-search-wrap) {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
.reduced-height-helper {
  background-color: #FFF;
}

.container-fluid #masthead-text-headline {
  color: #fdfdfd;
}
.container-fluid #masthead-select {
  color: #000;
}
.container-fluid #masthead-select .form-field-row .form-group label.floating {
  color: #000;
}
.container-fluid #masthead-select ng-select .ui-select-container span.ui-select-placeholder, .container-fluid #masthead-select ng-select .ui-select-container span.ui-select-match-text {
  color: #000;
}
.container-fluid .masthead-select-wrap #guests-config-wrap .input-wrap input {
  color: #7e1432;
  -webkit-text-fill-color: #7e1432;
  -webkit-appearance: none;
}
.container-fluid .masthead-select-wrap #guests-config-wrap .input-wrap:after {
  background-color: #7e1432;
}
.container-fluid .masthead-select-wrap #guests-config-wrap .mobile-child-config-row .input-wrap input {
  color: #a1a1a1 !important;
}
.container-fluid .masthead-select-wrap #guests-config-wrap button {
  border: 2px solid #7e1432 !important;
  color: #7e1432;
}
.container-fluid .masthead-select-wrap #guests-config-wrap button:not(.disabled):hover {
  background-color: #7e1432 !important;
  border-color: #7e1432;
}
.container-fluid .new-mobile-room {
  border-top: 1px solid #e0e0e0;
}
.container-fluid .masthead-select-wrap .current-roomindex-select-wrap {
  background-color: #FFF;
}
.container-fluid .masthead-select-wrap .current-roomindex-select-wrap.increase-height {
  border-bottom: 1px solid #e0e0e0;
}
.container-fluid .masthead-select-wrap .has-border-left {
  border-left: 1px solid #e0e0e0;
}
.container-fluid .masthead-select-wrap .active-room-number, .container-fluid .masthead-select-wrap .delete-room-btn {
  color: #9B9B9B;
}
.container-fluid .masthead-select-wrap .roomindex-select-wrap {
  background: linear-gradient(to bottom, rgb(255, 255, 255) 40%, rgb(247, 247, 247) 100%);
  border-top: 1px solid rgba(255, 255, 255, 0);
}
.container-fluid .masthead-select-wrap .roomindex-select-wrap:hover {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.container-fluid .masthead-select-wrap .roomindex-select-wrap .room-number {
  font-weight: 500;
}
.container-fluid .masthead-select-wrap .roomindex-select-wrap span {
  color: #9B9B9B;
  font-size: 13px;
}
.container-fluid .masthead-select-wrap > div {
  background-color: #FFF;
  color: #000;
}
.container-fluid .masthead-select-wrap > div h2 {
  color: #000;
}
.container-fluid .masthead-select-wrap > div #guest-count {
  font-family: "Cabin", sans-serif;
  font-weight: 400;
  font-size: 2.5rem;
}
@media (min-width: 992px) {
  .container-fluid .masthead-select-wrap > div #guest-count {
    font-size: 44px;
  }
}
.container-fluid .masthead-select-wrap > div #guests-config-toggle .glyphicon-menu-down {
  font-size: 0.6rem;
}
@media (min-width: 992px) {
  .container-fluid .masthead-select-wrap > div #guests-config-toggle .glyphicon-menu-down {
    font-size: 0.9rem;
  }
}
.container-fluid .masthead-select-wrap > div #guests-config-toggle .icon-person {
  font-size: 1.25rem;
}
@media (min-width: 992px) {
  .container-fluid .masthead-select-wrap > div #guests-config-toggle .icon-person {
    font-size: 2.25rem;
  }
}
.container-fluid .masthead-select-wrap > div .guest-age-info span {
  font-weight: 400;
}
.container-fluid .masthead-select-wrap > div .guest-age-info span.dropdown-wrap i {
  font-size: 0.6875em;
}
.container-fluid .masthead-select-wrap > div .guest-age-info span.first-child {
  font-size: 1.2rem;
}
@media (min-width: 375px) {
  .container-fluid .masthead-select-wrap > div .guest-age-info span.first-child {
    font-size: 1.8rem;
  }
}
@media (min-width: 768px) {
  .container-fluid .masthead-select-wrap > div .guest-age-info span.first-child {
    font-size: 2.5rem;
  }
}
.container-fluid .masthead-select-wrap > div > .row.mobile-bottom-buttons span {
  font-size: 13px;
}
.container-fluid .masthead-select-wrap > div > .row.mobile-bottom-buttons span i {
  font-size: 10px;
}
.container-fluid .masthead-select-wrap > div > .row.mobile-bottom-buttons button, .container-fluid .masthead-select-wrap > div > .row.mobile-bottom-buttons #booking-code-wrap {
  background-color: #FFF;
}
.container-fluid .masthead-select-wrap > div div.bottom-line:after {
  background-color: #e0e0e0;
}
.container-fluid .masthead-select-wrap #guests-config-wrap ul:not(.dropdown-menu) > li, .container-fluid .masthead-select-wrap #guests-config-wrap ul:not(.dropdown-menu) li.child-config-row {
  background-color: #FFF;
}
@media (min-width: 992px) {
  .container-fluid .masthead-select-wrap #guests-config-wrap ul:not(.dropdown-menu) > li:hover, .container-fluid .masthead-select-wrap #guests-config-wrap ul:not(.dropdown-menu) li.child-config-row:hover {
    background-color: #F4F4F4;
  }
}
.container-fluid .masthead-select-wrap #guests-config-wrap ul:not(.dropdown-menu) > li.sub-menu-item, .container-fluid .masthead-select-wrap #guests-config-wrap ul:not(.dropdown-menu) li.child-config-row.sub-menu-item {
  background-color: rgb(250, 250, 250);
}
.container-fluid .masthead-select-wrap #guests-config-wrap ul:not(.dropdown-menu) > li .mobile-child-config-row, .container-fluid .masthead-select-wrap #guests-config-wrap ul:not(.dropdown-menu) li.child-config-row .mobile-child-config-row {
  position: relative;
  overflow: hidden;
}
.container-fluid .masthead-select-wrap #guests-config-wrap ul:not(.dropdown-menu) > li .mobile-child-config-row.subsub-menu-item, .container-fluid .masthead-select-wrap #guests-config-wrap ul:not(.dropdown-menu) li.child-config-row .mobile-child-config-row.subsub-menu-item {
  background-color: rgb(244, 244, 244);
}
.container-fluid .masthead-select-wrap #guests-config-wrap ul:not(.dropdown-menu) > li:before, .container-fluid .masthead-select-wrap #guests-config-wrap ul:not(.dropdown-menu) li.child-config-row:before {
  background: #e0e0e0;
  border-left: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
}
.container-fluid .masthead-select-wrap #guests-config-wrap ul:not(.dropdown-menu) > li .input-wrap input, .container-fluid .masthead-select-wrap #guests-config-wrap ul:not(.dropdown-menu) li.child-config-row .input-wrap input {
  font-size: 2.5rem;
  font-weight: 300;
  background-color: transparent;
}
@media (min-width: 768px) {
  .container-fluid .masthead-select-wrap #guests-config-wrap ul:not(.dropdown-menu) > li .input-wrap input, .container-fluid .masthead-select-wrap #guests-config-wrap ul:not(.dropdown-menu) li.child-config-row .input-wrap input {
    font-size: 2.5rem;
  }
}
.container-fluid .masthead-select-wrap #guests-config-wrap ul:not(.dropdown-menu) > li .person-number-config-button .icon-minus, .container-fluid .masthead-select-wrap #guests-config-wrap ul:not(.dropdown-menu) > li .person-number-config-button .icon-plus, .container-fluid .masthead-select-wrap #guests-config-wrap ul:not(.dropdown-menu) li.child-config-row .person-number-config-button .icon-minus, .container-fluid .masthead-select-wrap #guests-config-wrap ul:not(.dropdown-menu) li.child-config-row .person-number-config-button .icon-plus {
  font-size: 36px;
}
.container-fluid .masthead-select-wrap #guests-config-wrap ul:not(.dropdown-menu) > li .person-number-config-button > div.not-available, .container-fluid .masthead-select-wrap #guests-config-wrap ul:not(.dropdown-menu) li.child-config-row .person-number-config-button > div.not-available {
  font-size: 14px;
  background: #000;
  color: #fff;
}
.container-fluid .masthead-select-wrap #guests-config-wrap ul:not(.dropdown-menu) > li .person-number-config-button > div.not-available:before, .container-fluid .masthead-select-wrap #guests-config-wrap ul:not(.dropdown-menu) li.child-config-row .person-number-config-button > div.not-available:before {
  border-color: transparent transparent #000000 transparent;
}
.container-fluid .masthead-select-wrap #guests-config-wrap ul:not(.dropdown-menu) > li .person-number-config-button button, .container-fluid .masthead-select-wrap #guests-config-wrap ul:not(.dropdown-menu) li.child-config-row .person-number-config-button button {
  font-size: 1.2rem;
  font-weight: 300;
}
@media (min-width: 768px) {
  .container-fluid .masthead-select-wrap #guests-config-wrap ul:not(.dropdown-menu) > li .person-number-config-button button, .container-fluid .masthead-select-wrap #guests-config-wrap ul:not(.dropdown-menu) li.child-config-row .person-number-config-button button {
    font-size: 2.5rem;
  }
}
.container-fluid .masthead-select-wrap #guests-config-wrap ul:not(.dropdown-menu) > li .person-number-config-button button:not(.disabled):hover, .container-fluid .masthead-select-wrap #guests-config-wrap ul:not(.dropdown-menu) li.child-config-row .person-number-config-button button:not(.disabled):hover {
  color: #fff;
}
.container-fluid .masthead-select-wrap #booking-code-wrap {
  border-top: 1px solid #e0e0e0;
}
.container-fluid .masthead-select-wrap #col-booking-code {
  background-color: #FFF;
}
.container-fluid .masthead-select-wrap #col-booking-code .input-wrap a {
  font-size: 0.5rem;
}
.container-fluid .masthead-select-wrap #col-booking-code .input-wrap a i {
  color: #000;
  text-shadow: 0 0 0 #000;
}
.container-fluid .masthead-select-wrap #col-booking-code .input-wrap a i.icon-close {
  color: red;
}
.container-fluid .masthead-select-wrap #col-booking-code .input-wrap a i.icon-check {
  color: #39E455;
}
.container-fluid .masthead-select-wrap #col-booking-code .input-wrap a i:before {
  font-weight: bold;
}
.container-fluid .masthead-select-wrap #col-booking-code .input-wrap:after {
  background-color: #000;
}
.container-fluid .masthead-select-wrap #col-booking-code .input-wrap input {
  color: #000;
}

/* Moved from component */
app-masthead-room-options .new-mobile-room {
  font-size: 18px;
}
app-masthead-room-options .masthead-select-wrap .active-room-number {
  font-size: 13px;
  font-weight: 500;
}
app-masthead-room-options .masthead-select-wrap > div .guest-age-info span.child-config-sub {
  font-size: 1.2rem;
}
app-masthead-room-options .masthead-select-wrap > div > .row:last-child span {
  font-size: 13px;
}
app-masthead-room-options .masthead-select-wrap > div > .row:last-child span i {
  font-size: 10px;
  margin-left: 4px;
}
app-masthead-room-options .masthead-select-wrap > div div.bottom-line:after {
  background-color: #e8e8e8;
}
app-masthead-room-options .masthead-select-wrap #guests-config-wrap {
  border-top: 1px solid #e8e8e8;
}
app-masthead-room-options .masthead-select-wrap #guests-config-wrap ul li .row.mobile-child-config-row {
  border-top: 1px solid #e8e8e8;
}
app-masthead-room-options .masthead-select-wrap #guests-config-wrap ul li .row.mobile-child-config-row .input-wrap {
  color: #a1a1a1 !important;
}
app-masthead-room-options .masthead-select-wrap #guests-config-wrap ul li .row.mobile-child-config-row .input-wrap input {
  background-color: #f4f4f4 !important;
}
app-masthead-room-options .masthead-select-wrap #guests-config-wrap ul li .row.mobile-child-config-row .guest-age-info {
  color: #a1a1a1 !important;
}
app-masthead-room-options .masthead-select-wrap #guests-config-wrap ul li .row.mobile-child-config-row .person-number-config-button button {
  color: #a1a1a1 !important;
  border-color: #a1a1a1 !important;
}
app-masthead-room-options .masthead-select-wrap #col-booking-code .input-wrap:after {
  background-color: #000;
}
app-masthead-room-options .masthead-select-wrap #col-booking-code .input-wrap input {
  font-size: 13px;
}

@media (min-width: 375px) {
  app-masthead-room-options .masthead-select-wrap > div .guest-age-info span.child-config-sub {
    font-size: 1.2rem;
  }
}
@media (min-width: 768px) {
  app-masthead-room-options .masthead-select-wrap > div .guest-age-info span.child-config-sub {
    font-size: 1.4rem;
  }
}
/* month component */
#month-name-wrap span {
  color: #7e1432 !important;
}

#complex-month-select-wrap {
  background-color: #f6e3cd;
  /* loader */
}
#complex-month-select-wrap .triangle {
  border-color: transparent transparent #f6e3cd transparent;
}
#complex-month-select-wrap .close-me {
  color: rgba(0, 0, 0, 0.15);
}
#complex-month-select-wrap .close-me:hover {
  color: rgba(0, 0, 0, 0.35);
}
#complex-month-select-wrap > div > div > div > div > div {
  background: rgba(126, 20, 50, 0.2);
}
#complex-month-select-wrap > div > div > div > div > div:after {
  background: linear-gradient(to bottom, #7e1432 0%, #7e1432 100%) !important;
}
#complex-month-select-wrap .dots .dot {
  background: #7e1432;
}
#complex-month-select-wrap #month-name-wrap .month-name {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 400;
}
#complex-month-select-wrap #complex-month-select-wrap > div:not(.loader-wrap) > div:not(.triangle):not(#month-name-wrap) > div > div span.lowest-price {
  font-size: 13px;
  font-weight: 500;
}
#complex-month-select-wrap #complex-month-select-wrap > div:not(.loader-wrap) > div:not(.triangle):not(#month-name-wrap) > div > div > div span {
  color: #000;
  font-size: 10px;
  text-transform: uppercase;
}
#complex-month-select-wrap #month-select-wrap > div span {
  font-size: 14px;
}
#complex-month-select-wrap #month-select-wrap.classic-view > div span {
  font-size: 11px;
}

#filter-wrap {
  background-color: #f6e3cd;
}
#filter-wrap .triangle {
  border-color: transparent transparent #f6e3cd transparent;
}
#filter-wrap .close-me {
  color: rgba(0, 0, 0, 0.15);
}
#filter-wrap .close-me:hover {
  color: rgba(0, 0, 0, 0.35);
}
#filter-wrap .calendar-filter label:after {
  background-color: #7e1432 !important;
  border: 1px solid #7e1432 !important;
}
#filter-wrap .calendar-filter label:before {
  border-color: #e8e8e8 !important;
}

opb-cb.as-text .custom-select label {
  font-size: 13px;
  font-weight: 300;
}
opb-cb.as-text .custom-select label:before {
  font-family: "opb-icons";
  content: "\e900";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 0.625em;
  font-weight: bold;
  transform: scale(0.3);
}
opb-cb.as-text .custom-select input[type=checkbox]:checked + label span {
  font-weight: 400;
}
opb-cb.as-text.plain-text .custom-select label {
  font-size: 15px;
  font-weight: 400;
}

opb-calendar-filters .switch-wrap {
  background-color: #fff;
}
opb-calendar-filters .switch-wrap > div > span {
  font-size: 12px;
  color: #9b9b9b;
}
opb-calendar-filters .reset {
  font-size: 11px;
  color: #00c96a;
}
opb-calendar-filters #calendar-filters .btn-filter-wrap button i {
  font-size: 12px;
}
opb-calendar-filters #calendar-filters .filter-label > * {
  font-size: 11px;
}
opb-calendar-filters #calendar-filters .filter-label a {
  color: #00c96a;
}
opb-calendar-filters .calendar-filters-trigger {
  font-size: 14px;
  color: rgb(51, 51, 51);
}

/* calendar */
#sticky-days {
  background-color: #FFF;
}
#sticky-days #days-wrap:after {
  background-color: #e8e8e8;
}

#calendar-nav-icons a i,
#calendar-nav-icons-mobile a i {
  color: #000;
}

#month-select-wrap > div span {
  color: rgba(0, 0, 0, 0.5);
  transition: 0.2s ease color;
}
#month-select-wrap > div span.active {
  color: #000;
}

.cb-holder-item {
  display: block;
}
.cb-holder-item i,
.cb-holder-item label span,
.cb-holder-item a {
  color: rgba(0, 0, 0, 0.5);
}
.cb-holder-item.active i,
.cb-holder-item.active label span,
.cb-holder-item.active a {
  color: #7e1432;
}

.calendar-month-wrap h4 {
  font-family: "Cabin", sans-serif;
  text-transform: none;
  font-weight: 500 !important;
}

@media (hover: hover) {
  #calendar-nav-icons a:hover:not(.disabled) i {
    color: #7e1432 !important;
  }
}
#opb-calendar .calendar-day-cell button.deselect-button,
.room-details button.btn-close {
  border: 1px solid #7e1432 !important;
}

#opb-calendar .calendar-day-cell button.deselect-button span i {
  color: #7e1432;
  font-size: 10px;
}
@media (min-width: 992px) {
  #opb-calendar .calendar-day-cell button.deselect-button span i {
    margin-top: 1px;
  }
}

.room-details button.btn-close span i {
  color: #7e1432;
  font-size: 13px;
}

@media (hover: hover) {
  #opb-calendar .calendar-day-cell:not(.touch-device) button.deselect-button:hover,
  .room-details button.btn-close:hover {
    background-color: #7e1432 !important;
  }
  #opb-calendar .calendar-day-cell:not(.touch-device) button.deselect-button:hover span,
  .room-details button.btn-close:hover span {
    transform: rotate(90deg) translate3d(0, 0, 0);
  }
  #opb-calendar .calendar-day-cell:not(.touch-device) button.deselect-button:hover span i,
  .room-details button.btn-close:hover span i {
    color: #fff;
  }
}
#opb-calendar.duration-selected div.calendar-day-cell.first .after-element {
  color: #7e1432 !important;
}

#opb-calendar.duration-selected .calendar-day-cell.last:before {
  transform: translate3d(0, 0, 0);
}

.calendar-day-cell {
  color: #000;
}
@media (hover: hover) {
  .calendar-day-cell:not(.touch-device).arrival-closed:not(.selected):not(.selectable):not(.un-selected):hover .bg-wrap, .calendar-day-cell:not(.touch-device).departure-closed.selectable:not(.un-selected):hover .bg-wrap {
    box-shadow: inset 0 0 0 1px #f40 !important;
  }
  .calendar-day-cell:not(.touch-device).arrival-closed:not(.selected):not(.selectable):not(.un-selected):hover span.info > span,
  .calendar-day-cell:not(.touch-device).arrival-closed:not(.selected):not(.selectable):not(.un-selected):hover span.sprice,
  .calendar-day-cell:not(.touch-device).arrival-closed:not(.selected):not(.selectable):not(.un-selected):hover span.day,
  .calendar-day-cell:not(.touch-device).arrival-closed:not(.selected):not(.selectable):not(.un-selected):hover span.day-short, .calendar-day-cell:not(.touch-device).departure-closed.selectable:not(.un-selected):hover span.info > span,
  .calendar-day-cell:not(.touch-device).departure-closed.selectable:not(.un-selected):hover span.sprice,
  .calendar-day-cell:not(.touch-device).departure-closed.selectable:not(.un-selected):hover span.day,
  .calendar-day-cell:not(.touch-device).departure-closed.selectable:not(.un-selected):hover span.day-short {
    color: #f40 !important;
  }
  .calendar-day-cell:not(.touch-device).arrival-closed:not(.selected):not(.selectable):not(.un-selected):hover:not(.touch-device):not(.place-holder):not(.day-is-disabled):not(.un-selected):not(.selected):hover span.weather-info i,
  .calendar-day-cell:not(.touch-device).arrival-closed:not(.selected):not(.selectable):not(.un-selected):hover:not(.touch-device):not(.place-holder):not(.day-is-disabled):not(.un-selected):not(.selected):hover span.weather-info span, .calendar-day-cell:not(.touch-device).departure-closed.selectable:not(.un-selected):hover:not(.touch-device):not(.place-holder):not(.day-is-disabled):not(.un-selected):not(.selected):hover span.weather-info i,
  .calendar-day-cell:not(.touch-device).departure-closed.selectable:not(.un-selected):hover:not(.touch-device):not(.place-holder):not(.day-is-disabled):not(.un-selected):not(.selected):hover span.weather-info span {
    color: #f40 !important;
  }
  .calendar-day-cell:not(.touch-device).arrival-closed:not(.selected):not(.selectable):not(.un-selected):hover:not(.touch-device):not(.place-holder):not(.day-is-disabled):not(.un-selected):not(.selected):hover span.underlined-price span, .calendar-day-cell:not(.touch-device).departure-closed.selectable:not(.un-selected):hover:not(.touch-device):not(.place-holder):not(.day-is-disabled):not(.un-selected):not(.selected):hover span.underlined-price span {
    color: #f40 !important;
  }
  .calendar-day-cell:not(.touch-device).arrival-closed:not(.selected):not(.selectable):not(.un-selected):hover:not(.touch-device):not(.place-holder):not(.day-is-disabled):not(.un-selected):not(.selected):hover span.underlined-price:after, .calendar-day-cell:not(.touch-device).departure-closed.selectable:not(.un-selected):hover:not(.touch-device):not(.place-holder):not(.day-is-disabled):not(.un-selected):not(.selected):hover span.underlined-price:after {
    border-color: #f40 !important;
  }
  .calendar-day-cell:not(.touch-device).arrival-closed:not(.selected):not(.selectable):not(.un-selected):hover:not(.touch-device):not(.place-holder):not(.day-is-disabled):not(.un-selected):not(.selected):hover span.line-through, .calendar-day-cell:not(.touch-device).departure-closed.selectable:not(.un-selected):hover:not(.touch-device):not(.place-holder):not(.day-is-disabled):not(.un-selected):not(.selected):hover span.line-through {
    color: #f40 !important;
  }
  .calendar-day-cell:not(.touch-device).arrival-closed:not(.selected):not(.selectable):not(.un-selected):hover:not(.touch-device):not(.place-holder):not(.day-is-disabled):not(.un-selected):not(.selected):hover span.line-through span, .calendar-day-cell:not(.touch-device).departure-closed.selectable:not(.un-selected):hover:not(.touch-device):not(.place-holder):not(.day-is-disabled):not(.un-selected):not(.selected):hover span.line-through span {
    color: #f40 !important;
  }
  .calendar-day-cell:not(.touch-device).arrival-closed:not(.selected):not(.selectable):not(.un-selected):hover:not(.touch-device):not(.place-holder):not(.day-is-disabled):not(.un-selected):not(.selected):hover span.line-through:after, .calendar-day-cell:not(.touch-device).departure-closed.selectable:not(.un-selected):hover:not(.touch-device):not(.place-holder):not(.day-is-disabled):not(.un-selected):not(.selected):hover span.line-through:after {
    background-color: #f40 !important;
  }
}
.calendar-day-cell span.weather-info i,
.calendar-day-cell span.weather-info span {
  color: rgba(0, 0, 0, 0.5);
}
.calendar-day-cell button.deselect-button {
  background-color: #FFF;
}
.calendar-day-cell .bg-wrap {
  box-shadow: inset 0 0 0 1px #e8e8e8;
}
.calendar-day-cell > .restictions > span {
  color: #000 !important;
  background-color: rgb(225, 190, 35);
}
.calendar-day-cell > .restictions > span:nth-child(n+2) {
  background-color: rgb(75, 155, 230);
}
.calendar-day-cell > .restictions > span span {
  color: #000 !important;
}
.calendar-day-cell span.line-through:after {
  background-color: rgba(0, 0, 0, 0.3);
}
.calendar-day-cell:not(.place-holder):after {
  color: #7e1432;
}
.calendar-day-cell:not(.place-holder) .bg-wrap {
  background-color: #FFF;
}
@media (hover: hover) {
  .calendar-day-cell:not(.place-holder):not(.touch-device):not(.day-is-disabled):not(.un-selected):not(.selected):hover {
    color: #7e1432;
  }
  .calendar-day-cell:not(.place-holder):not(.touch-device):not(.day-is-disabled):not(.un-selected):not(.selected):hover .bg-wrap {
    box-shadow: inset 0 0 0 1px #7e1432;
  }
  .calendar-day-cell:not(.place-holder):not(.touch-device):not(.day-is-disabled):not(.un-selected):not(.selected):hover:not(.maybe-selected):not(.selected) span {
    color: #7e1432;
  }
  .calendar-day-cell:not(.place-holder):not(.touch-device):not(.day-is-disabled):not(.un-selected):not(.selected):hover:not(.maybe-selected):not(.selected) span span.line-through:after {
    background-color: rgba(126, 20, 50, 0.7);
  }
  .calendar-day-cell:not(.place-holder):not(.touch-device):not(.day-is-disabled):not(.un-selected):not(.selected):hover:not(.maybe-selected):not(.selected) span:after {
    border-color: #7e1432 !important;
  }
  .calendar-day-cell:not(.place-holder):not(.touch-device):not(.day-is-disabled):not(.un-selected):not(.selected):hover:not(.maybe-selected):not(.selected) span i {
    color: #7e1432 !important;
  }
}
.calendar-day-cell.selected:not(.bad-day):not(.last) .bg-wrap {
  background-color: #7e1432;
}
.calendar-day-cell.selected.bad-day:not(.last) .bg-wrap {
  background: #f40;
  box-shadow: inset 0 0 0 1px #f40;
}
.calendar-day-cell.selected.bad-day:not(.last) .day-short {
  display: block;
}
.calendar-day-cell.selected > div:not(.after-element) {
  color: #fff !important;
}
.calendar-day-cell.selected span:after {
  border-color: #fff !important;
}
.calendar-day-cell.selected span.price {
  color: #fff !important;
}
.calendar-day-cell.selected span.line-through:after {
  background-color: rgba(255, 255, 255, 0.7);
}
.calendar-day-cell.selected.last .bg-wrap {
  background: #7e1432;
}
.calendar-day-cell.selected.last:after {
  visibility: visible !important;
  opacity: 1 !important;
  transform: scale(1) !important;
}
.calendar-day-cell.selected .bg-wrap {
  box-shadow: inset 0 0 0 1px #7e1432;
}
.calendar-day-cell.selected.arrival-closed.first .bg-wrap {
  background-color: #f40;
  box-shadow: inset 0 0 0 1px #f40;
}
.calendar-day-cell.selected.departure-closed.last .bg-wrap {
  background-color: #f40;
  box-shadow: inset 0 0 0 1px #f40;
}
.calendar-day-cell.selected.stay-problem .bg-wrap {
  border: 1px solid #f40;
  background-color: #f40 !important;
  box-shadow: inset 0 0 0 1px #f40 !important;
}
.calendar-day-cell.maybe-selected {
  color: #7e1432;
}
.calendar-day-cell.maybe-selected:not(.bad-day):not(.bad-day-before):not(.selected) .bg-wrap {
  box-shadow: inset 0 0 0 1px #7e1432;
}
.calendar-day-cell.maybe-selected.arrival-closed.first .bg-wrap, .calendar-day-cell.maybe-selected.departure-closed.last .bg-wrap {
  box-shadow: inset 0 0 0 1px #f40;
}
.calendar-day-cell.maybe-selected:not(.selected) .restictions span {
  color: #fff !important;
}
.calendar-day-cell.maybe-selected:not(.selected) span {
  color: #7e1432 !important;
}
.calendar-day-cell.maybe-selected:not(.selected) span:after {
  border-color: #7e1432;
}
.calendar-day-cell.maybe-selected:not(.selected) span i {
  color: #7e1432;
}
@media (hover: hover) {
  .calendar-day-cell.maybe-selected:not(.touch-device):not(.selected):hover {
    color: #7e1432;
  }
  .calendar-day-cell.maybe-selected:not(.touch-device):not(.selected):hover span.line-through:after {
    background-color: rgba(126, 20, 50, 0.7);
  }
  .calendar-day-cell.maybe-selected:not(.touch-device):not(.selected):hover .bg-wrap {
    box-shadow: inset 0 0 0 1px #7e1432;
  }
}
.calendar-day-cell.bad-day.selected span.info,
.calendar-day-cell.bad-day.selected span.day {
  color: #fff;
}
@media (hover: hover) {
  .calendar-day-cell.bad-day:not(.touch-device):hover:after {
    color: #7e1432 !important;
  }
}
.calendar-day-cell.bad-day.bad-day-before.selected span.info,
.calendar-day-cell.bad-day.bad-day-before.selected span.day {
  color: #fff;
}
.calendar-day-cell.day-is-disabled:not(.selected):not(.selectable):not(.show-as-enabled):not(.show-departure) span.day, .calendar-day-cell.un-selected span.day {
  color: rgba(0, 0, 0, 0.25);
}
@media (hover: hover) {
  .calendar-day-cell.day-is-disabled:not(.selected):not(.selectable):not(.show-as-enabled).show-departure:hover {
    color: rgba(0, 0, 0, 0.25);
  }
}
.calendar-day-cell span.price {
  color: rgba(0, 0, 0, 0.5);
}
@media (min-width: 992px) {
  .calendar-day-cell span.price > span.underlined-price:after {
    border-bottom: 1px dashed #000;
  }
}
.calendar-day-cell.maybe-selected.bad-day:after {
  color: #7e1432 !important;
}
.calendar-day-cell.maybe-selected.bad-day-before:not(.selected) span {
  color: #f40 !important;
}
.calendar-day-cell .after-element i {
  color: green;
}
.calendar-day-cell.bad-day .after-element i, .calendar-day-cell.stay-problem .after-element i {
  color: #f40;
}

#room-column .room-type,
.rates-wrap .rate-type {
  background-color: #7e1432;
}

opb-calendar {
  font-size: 1rem;
}
opb-calendar .additional-news-text-wrap .additional-news-text {
  font-size: 12px;
}
opb-calendar .container h4 {
  font-size: 1.125rem;
  font-weight: 400;
}
opb-calendar .container opb-cb {
  display: inline-block;
  position: relative;
}
@media (max-width: 374px) {
  opb-calendar .container span.price,
  opb-calendar .container span.info {
    font-size: 8px !important;
  }
  opb-calendar .container span.line-through {
    font-size: 8px !important;
  }
}
@media (min-width: 375px) and (max-width: 449px) {
  opb-calendar .container span.price,
  opb-calendar .container span.info {
    font-size: 9px !important;
  }
  opb-calendar .container span.line-through {
    font-size: 9px !important;
  }
}
@media (min-width: 450px) and (max-width: 991px) {
  opb-calendar .container span.price,
  opb-calendar .container span.info {
    font-size: 11px !important;
  }
  opb-calendar .container span.line-through {
    font-size: 11px !important;
  }
}
opb-calendar .container #days-wrap .days > span {
  font-size: 10px;
}
@media (min-width: 992px) {
  opb-calendar .container #days-wrap .days > span {
    font-size: 0.9375em;
  }
}
opb-calendar .container #calendar-nav-icons a i {
  font-size: 1.125em;
}
opb-calendar .container .calendar-row > div.calendar-day-cell > .restictions > span {
  font-size: 9px;
}
opb-calendar .container .calendar-row > div.calendar-day-cell > .restictions > span > span {
  font-size: 9px;
}
opb-calendar .container .calendar-row > div.calendar-day-cell button.deselect-button {
  font-size: 13px;
  font-weight: 300;
}
opb-calendar .container .calendar-row > div.calendar-day-cell button.deselect-button span {
  font-size: 11px;
}
opb-calendar .container .calendar-row > div.calendar-day-cell button.deselect-button span i {
  font-weight: 100;
}
opb-calendar .container .calendar-row > div.calendar-day-cell:not(.place-holder) > .after-element {
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 11px;
}
opb-calendar .container .calendar-row > div.calendar-day-cell:not(.place-holder) > .after-element.small {
  font-size: 9px;
}
opb-calendar .container .calendar-row > div.calendar-day-cell:not(.place-holder) > .after-element i {
  font-size: 0.6875em;
}
opb-calendar .container .calendar-row > div.calendar-day-cell.selected span.day-short {
  font-weight: 400 !important;
}
opb-calendar .container .calendar-row > div.calendar-day-cell.selected span.day {
  font-weight: 300;
}
opb-calendar .container .calendar-row > div.calendar-day-cell.selected span.price,
opb-calendar .container .calendar-row > div.calendar-day-cell.selected span.info {
  font-weight: 400 !important;
}
opb-calendar .container .calendar-row > div.calendar-day-cell.maybe-selected span.day-short {
  font-weight: 300;
}
@media (hover: hover) {
  opb-calendar .container .calendar-row > div.calendar-day-cell:not(.touch-device).maybe-selected:hover:not(.selected) span.day {
    font-weight: 300;
  }
}
opb-calendar .container .calendar-row > div.calendar-day-cell span.day {
  font-size: 18px;
  font-weight: 300;
}
@media (min-width: 992px) {
  opb-calendar .container .calendar-row > div.calendar-day-cell span.day {
    font-size: 37px;
    font-weight: 100;
  }
}
opb-calendar .container .calendar-row > div.calendar-day-cell span.day-short {
  font-size: 13px;
  font-weight: 100;
}
opb-calendar .container .calendar-row > div.calendar-day-cell span.price {
  font-size: 13px;
  font-weight: 300;
}
opb-calendar .container .calendar-row > div.calendar-day-cell span.info {
  font-size: 13px;
  font-weight: 300;
}
opb-calendar .container .calendar-row > div.calendar-day-cell span.weather-info {
  font-size: 26px;
}
opb-calendar .container .calendar-row > div.calendar-day-cell span.weather-info span {
  font-size: 14px;
  font-weight: 300;
}
opb-calendar .container .subheadline span {
  font-size: 0.5em;
}
@media (max-width: 992px) {
  opb-calendar .container .subheadline {
    font-size: 14px !important;
  }
}
opb-calendar .container .btn-custom {
  font-size: 12px;
}
opb-calendar .container .btn-custom i {
  font-size: 9px;
}
@media (min-width: 992px) {
  opb-calendar .container .btn-custom {
    font-size: 14px;
  }
}

/* Moved from component */
opb-calendar {
  font-size: 1rem;
}
opb-calendar .additional-news-text-wrap .additional-news-text {
  font-size: 12px;
}
opb-calendar .container h4 {
  font-size: 1.125rem;
  font-weight: 400;
}
opb-calendar .container #days-wrap .days > span {
  font-size: 10px;
}
opb-calendar .container #calendar-nav-icons a i {
  font-size: 1.125em;
}
opb-calendar .container .calendar-row > div.calendar-day-cell > .restictions > span {
  font-size: 9px !important;
}
opb-calendar .container .calendar-row > div.calendar-day-cell > .restictions > span > span {
  font-size: 9px !important;
}
opb-calendar .container .calendar-row > div.calendar-day-cell button.deselect-button {
  font-size: 13px;
  font-weight: 300;
}
opb-calendar .container .calendar-row > div.calendar-day-cell button.deselect-button span {
  font-size: 11px;
}
opb-calendar .container .calendar-row > div.calendar-day-cell button.deselect-button span i {
  font-weight: 100;
}
opb-calendar .container .calendar-row > div.calendar-day-cell:not(.place-holder) > .after-element {
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 11px;
}
opb-calendar .container .calendar-row > div.calendar-day-cell:not(.place-holder) > .after-element i {
  font-size: 0.6875em;
}
opb-calendar .container .calendar-row > div.calendar-day-cell:not(.place-holder) > .after-element.small {
  font-size: 9px;
}
@media (hover: hover) {
  opb-calendar .container .calendar-row > div.calendar-day-cell:not(.touch-device).maybe-selected:hover:not(.selected) span.day {
    font-weight: 300;
  }
}
opb-calendar .container .calendar-row > div.calendar-day-cell span.day {
  font-size: 18px;
  font-weight: 300;
}
opb-calendar .container .calendar-row > div.calendar-day-cell span.day-short {
  font-size: 13px;
  font-weight: 100;
}
opb-calendar .container .calendar-row > div.calendar-day-cell span.price {
  font-size: 13px;
  font-weight: 300;
}
opb-calendar .container .calendar-row > div.calendar-day-cell span.info {
  font-size: 13px;
  font-weight: 300;
}
opb-calendar .container .calendar-row > div.calendar-day-cell span.weather-info {
  font-size: 26px;
}
opb-calendar .container .calendar-row > div.calendar-day-cell span.weather-info span {
  font-size: 14px;
  font-weight: 300;
}
opb-calendar .container .calendar-row > div.calendar-day-cell.selected span.day-short {
  font-weight: 400 !important;
}
opb-calendar .container .calendar-row > div.calendar-day-cell.selected span.day {
  font-weight: 300;
}
opb-calendar .container .calendar-row > div.calendar-day-cell.selected span.price {
  font-weight: 400 !important;
}
opb-calendar .container .calendar-row > div.calendar-day-cell.selected span.info {
  font-weight: 400 !important;
}
opb-calendar .container .calendar-row > div.calendar-day-cell.maybe-selected span.day-short {
  font-weight: 300;
}
opb-calendar .container .subheadline span {
  font-size: 0.5em;
}
opb-calendar .container .btn-custom {
  font-size: 12px;
}
opb-calendar .container .btn-custom i {
  font-size: 9px;
}

@media (max-width: 374px) {
  opb-calendar .container span.price span.underlined-price span {
    font-size: 8px !important;
  }
  opb-calendar .container span.info span.underlined-price span {
    font-size: 8px !important;
  }
  opb-calendar .container span.line-through {
    font-size: 8px !important;
  }
}
@media (min-width: 375px) and (max-width: 449px) {
  opb-calendar .container span.price span.underlined-price span {
    font-size: 9px !important;
  }
  opb-calendar .container span.info span.underlined-price span {
    font-size: 9px !important;
  }
  opb-calendar .container span.line-through {
    font-size: 9px !important;
  }
}
@media (min-width: 450px) and (max-width: 991px) {
  opb-calendar .container span.price span.underlined-price span {
    font-size: 11px !important;
  }
  opb-calendar .container span.info span.underlined-price span {
    font-size: 11px !important;
  }
  opb-calendar .container span.line-through {
    font-size: 11px !important;
  }
}
@media (min-width: 992px) {
  opb-calendar .container #days-wrap .days > span {
    font-size: 0.9375em;
  }
  opb-calendar .container .calendar-row > div.calendar-day-cell span.day {
    font-size: 37px;
    font-weight: 100;
  }
  opb-calendar .container .btn-custom {
    font-size: 14px;
  }
}
@media (max-width: 992px) {
  opb-calendar .container .subheadline {
    font-size: 14px !important;
  }
}
.calendar-day-cell .my-tooltip {
  background-color: #7e1432;
}
.calendar-day-cell .my-tooltip .content span,
.calendar-day-cell .my-tooltip .content p,
.calendar-day-cell .my-tooltip .content * {
  color: #fff !important;
}
.calendar-day-cell .my-tooltip .triangle > div {
  background-color: #7e1432;
}

@media (hover: hover) {
  div.day-messages-handle:hover div.day-messages-dot {
    background: #7e1432;
  }
}
div.day-messages-handle div.day-messages-dot {
  background: #7e1432;
}
div.day-messages-handle .day-messages-tooltip {
  background: #FFF;
  border: 1px solid #7e1432;
}
div.day-messages-handle .day-messages-tooltip .day-messages-body .day-messages-body-header {
  font-family: "Cabin", sans-serif;
  color: #000;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
}
div.day-messages-handle .day-messages-tooltip .day-messages-body .day-messages-body-entry {
  font-family: "Cabin", sans-serif;
  color: #000;
  font-size: 14px;
}
div.day-messages-handle .day-messages-tooltip .day-messages-point {
  border: 1px solid #7e1432;
}
div.day-messages-handle .day-messages-tooltip .day-messages-point .point-border-cover {
  background: #FFF;
}

.classic .rate-row:before, .classic .rate-row:after {
  background-color: #f6e3cd;
}
.classic .rate-row .rates-wrap .rate-type {
  color: #fff;
  box-shadow: 0 0 0 1px rgba(209, 209, 209, 0);
}
.classic .rate-row .rates-wrap .rate-type:not(:last-child):after {
  background-color: rgba(255, 255, 255, 0.2);
}
.classic .rate-row .rates-wrap .rate-type:hover {
  background-color: #681129;
}
.classic .rate-row .rates-wrap .rate-type.active {
  background-color: #fff;
  color: #000;
  box-shadow: 4px -4px 7px -4px rgba(0, 0, 0, 0.1);
}
.classic #opb-calendar .btn-scroll {
  background-color: #fff;
  color: #000;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1) !important;
}
.classic #opb-calendar .btn-scroll:hover {
  box-shadow: 0 0 1px 1px #fff !important;
  background-color: #000;
  color: #fff;
}
.classic #room-column .room-type {
  color: #fff;
  box-shadow: 0 0 0 1px rgba(209, 209, 209, 0);
}
.classic #room-column .room-type:not(:last-child):after {
  background-color: rgba(255, 255, 255, 0.2);
}
.classic #room-column .room-type:hover {
  background-color: #681129;
}
.classic #room-column .room-type.active {
  background-color: #fff;
  color: #000;
  box-shadow: 4px 4px 7px 0px rgba(0, 0, 0, 0.1);
}
.classic #room-column .room-type span.read-more-dots {
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 50%, white 100%);
}
.classic #room-column .room-type .active-content .active-headline {
  color: #fff;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);
}
.classic #room-column .room-type .active-content .equipement h4 {
  color: #BCBCBC;
}
.classic #room-column .room-type .carousel-wrap .btn-show-gallery {
  background-color: #fff;
  border: 1px solid #fff;
}
.classic #room-column .room-type .carousel-wrap .btn-show-gallery:hover {
  background-color: #000;
}
.classic #room-column .room-type .carousel-wrap .btn-show-gallery:hover i {
  color: #fff;
}
.classic #room-column .room-type .carousel-wrap .btn-show-gallery i {
  color: #333;
}
.classic .calendar-scroll-wrap {
  background-color: #fff;
  box-shadow: 4px 4px 7px 0px rgba(0, 0, 0, 0.1);
}

opb-room-details {
  color: #000;
}
opb-room-details a {
  color: #000;
}
opb-room-details a:hover {
  color: #000;
}

opb-rooms-and-rates .additional-news-text-wrap .additional-news-text {
  font-size: 12px;
}

.bg-light-grey opb-rooms #rooms-grid .room-config-wrap a.room-headline {
  color: #7e1432;
}
.bg-light-grey opb-rooms #rooms-grid .room-config-wrap a.room-headline.underlined:after {
  background: #7e1432;
}
.bg-light-grey opb-rooms #rooms-grid .room-config-wrap p {
  color: #7e1432;
}

opb-rooms {
  color: #000;
}
opb-rooms a {
  color: #000;
}
opb-rooms a:hover {
  color: #000;
}
opb-rooms #rooms-grid .bottom-gradient {
  background: linear-gradient(to top, #f2d7b7 0%, rgba(255, 255, 255, 0) 100%);
}
opb-rooms #rooms-grid .btn-show-not-available-rooms {
  color: #000 !important;
  border: 2px solid #000 !important;
}
opb-rooms #rooms-grid .list-item .btn-show-not-available-rooms {
  color: #7e1432 !important;
  border: 2px solid #7e1432 !important;
}
opb-rooms #rooms-grid .room-config-wrap a.room-headline {
  color: #7e1432;
  transition: 0.2s ease color;
}
opb-rooms #rooms-grid .room-config-wrap a.room-headline:hover {
  color: #7e1432;
}
opb-rooms #rooms-grid .room-config-wrap a.room-headline.underlined:hover:after {
  background: #7e1432 !important;
}
opb-rooms #rooms-grid .room-config-wrap a.room-headline.underlined:after {
  background: #7e1432;
}
opb-rooms #rooms-grid .room-config-wrap a:not(.room-headline) {
  color: #000;
}
opb-rooms #rooms-grid .room-config-wrap p {
  color: #000;
}
opb-rooms #rooms-grid .room-lowest-price {
  font-family: "Cabin", sans-serif;
  font-size: 29px;
}
opb-rooms #rooms-grid .room-lowest-price span.line-through:after {
  background-color: rgba(0, 0, 0, 0.5);
}
opb-rooms #rooms-grid .additional-stuff {
  color: rgba(0, 0, 0, 0.5);
}
opb-rooms #rooms-grid.grid .grid-items .grid-item {
  /* End of fixes */
}
@media (max-width: 420px) {
  opb-rooms #rooms-grid.grid .grid-items .grid-item.compact-item .same-height {
    border: none !important;
  }
}
@media (max-width: 992px) {
  opb-rooms #rooms-grid.grid .grid-items .grid-item.compact-item .active .item-content {
    background-color: #7e1432;
  }
  opb-rooms #rooms-grid.grid .grid-items .grid-item.compact-item .active .item-content div,
  opb-rooms #rooms-grid.grid .grid-items .grid-item.compact-item .active .item-content h3,
  opb-rooms #rooms-grid.grid .grid-items .grid-item.compact-item .active .item-content p,
  opb-rooms #rooms-grid.grid .grid-items .grid-item.compact-item .active .item-content i,
  opb-rooms #rooms-grid.grid .grid-items .grid-item.compact-item .active .item-content span.additional-stuff,
  opb-rooms #rooms-grid.grid .grid-items .grid-item.compact-item .active .item-content span.tiny {
    color: #FFF !important;
  }
}
opb-rooms #rooms-grid.grid .grid-items .grid-item.yellow {
  border: 3px solid yellow;
}
opb-rooms #rooms-grid.grid .grid-items .grid-item .btn-details > button {
  background-color: #FFF;
  color: #000;
}
opb-rooms #rooms-grid.grid .grid-items .grid-item > div {
  box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.1);
}
opb-rooms #rooms-grid.grid .grid-items .grid-item > div > .triangle > div {
  border-color: #FFF transparent transparent transparent;
}
@media (min-width: 992px) {
  opb-rooms #rooms-grid.grid .grid-items .grid-item > div.active {
    box-shadow: 0 10px 12px 0 rgba(36, 36, 36, 0.5);
  }
}
opb-rooms #rooms-grid.grid .grid-items .grid-item > div.active .item-content .room-bottom-row div.room-details-btn-wrap button {
  background-color: #7e1432;
  border-color: #7e1432;
  color: #FFF;
}
opb-rooms #rooms-grid.grid .grid-items .grid-item > div.active .item-content .room-bottom-row div.room-details-btn-wrap button span {
  color: #FFF;
}
@media (min-width: 992px) {
  opb-rooms #rooms-grid.grid .grid-items .grid-item > div.room-details-visble {
    box-shadow: 0 10px 12px 0 rgba(36, 36, 36, 0.5);
  }
}
opb-rooms #rooms-grid.grid .grid-items .grid-item > div .item-content {
  background-color: #FFF;
}
opb-rooms #rooms-grid.grid .grid-items .grid-item > div .item-content h3 {
  font-size: 25px;
  font-weight: 500;
}
opb-rooms #rooms-grid.grid .grid-items .grid-item > div .item-content .same-height {
  border-bottom: 1px solid #ececec;
}
@media (min-width: 992px) {
  opb-rooms #rooms-grid.grid .grid-items .grid-item > div .item-content .same-height {
    margin-bottom: 15px;
  }
}
opb-rooms #rooms-grid.grid .grid-items .grid-item > div .item-content p.room-infos button {
  color: #000;
}
opb-rooms #rooms-grid.grid .grid-items .grid-item > div .item-content p.room-infos button.underlined:before {
  background-color: #000;
}
opb-rooms #rooms-grid.grid .grid-items .grid-item > div .item-content .tiny {
  color: #000;
}
opb-rooms #rooms-grid.grid .grid-items .grid-item > div .room-image-wrap > div:not(.details-btn-wrap) {
  background-color: white;
}
opb-rooms #rooms-grid .list-item > div {
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
}
opb-rooms #rooms-grid .list-item > div .triangle > div {
  border-color: #FFF transparent transparent transparent;
}
opb-rooms #rooms-grid .list-item > div.active .item-content div.room-details-btn-wrap button {
  background-color: #7e1432;
  border-color: #7e1432;
  color: #FFF;
}
opb-rooms #rooms-grid .list-item > div.active .item-content div.room-details-btn-wrap button span {
  color: #FFF;
}
opb-rooms #rooms-grid.list .tiny {
  color: #000;
}
opb-rooms #rooms-grid.list .h-line > div {
  background: #ececec;
}
opb-rooms #rooms-grid.list .same-height {
  background: #FFF;
}
opb-rooms #rooms-grid.list .options-row button {
  color: #000;
}
opb-rooms #rooms-grid.list .options-row button.underlined:before {
  background-color: #000;
}

.bg-light-grey opb-rooms #rooms-grid .list-item .btn-show-not-available-rooms {
  color: #7e1432 !important;
  border: 2px solid #7e1432 !important;
}

/* Other rooms buttons - maybe other components ? */
div.room-details-btn-wrap button:not([disabled]),
#available-rates .rate-options-wrap button:not([disabled]),
.room-item .info-wrap button:not([disabled]),
.rate-item .info-wrap button:not([disabled]) {
  color: #7e1432;
  border: 2px solid #7e1432;
  background: transparent;
}
div.room-details-btn-wrap button:not([disabled]) span,
#available-rates .rate-options-wrap button:not([disabled]) span,
.room-item .info-wrap button:not([disabled]) span,
.rate-item .info-wrap button:not([disabled]) span {
  color: #7e1432;
}

div.room-details-btn-wrap button:not([disabled]):hover,
#available-rates .rate-options-wrap button:not([disabled]):hover,
.room-item .info-wrap button:not([disabled]):hover,
.rate-item.active .info-wrap button:not([disabled]),
.rate-item .info-wrap button:not([disabled]):hover {
  border: 2px solid #7e1432;
  background-color: #7e1432;
  color: #FFF;
}
div.room-details-btn-wrap button:not([disabled]):hover span,
#available-rates .rate-options-wrap button:not([disabled]):hover span,
.room-item .info-wrap button:not([disabled]):hover span,
.rate-item.active .info-wrap button:not([disabled]) span,
.rate-item .info-wrap button:not([disabled]):hover span {
  color: #FFF;
}

#available-rates .rate-plan-row.package-special:not(.active):before {
  background: linear-gradient(to right, rgba(21, 102, 12, 0.2) 0%, rgba(61, 160, 12, 0.1) 100%);
}

/* test */
/* Rooms details! */
opb-room-details .wrap {
  background-color: #FFF;
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
}
opb-room-details .wrap > #triangle > div {
  border-color: transparent transparent #ffffff transparent;
}
opb-room-details .room-infos {
  background-color: #FFF;
}
opb-room-details .room-infos > div.bg-gradient-wrap {
  background: linear-gradient(to bottom, #FFF 0%, #f2f2f2 100%);
}
opb-room-details .room-infos .more-infos h4 {
  color: #bcbcbc;
}
opb-room-details .room-infos button {
  color: #FFF;
}
opb-room-details .room-infos button.underlined:before {
  background-color: #FFF;
}
opb-room-details .room-infos span.read-more-dots {
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 50%, white 100%);
}
opb-room-details .room-details-carousel-wrap .cb-rooms-compare-wrap .cb-rooms-compare > div:before {
  background-color: rgba(255, 255, 255, 0.5);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0) 100%);
}
opb-room-details .room-details-carousel-wrap .c-wrap .btn-show-gallery {
  background-color: #fff;
  border: 1px solid #7e1432;
}
opb-room-details .room-details-carousel-wrap .c-wrap .btn-show-gallery:hover {
  background-color: #7e1432;
  border: 1px solid #7e1432;
}
opb-room-details .room-details-carousel-wrap .c-wrap .btn-show-gallery:hover i {
  color: #fff;
}
opb-room-details .room-details-carousel-wrap .c-wrap .btn-show-gallery i {
  color: #7e1432;
}
opb-room-details #available-rates .rate-plan-row {
  border-bottom: 1px solid #ececec;
}
opb-room-details #available-rates .rate-plan-row h3 span {
  color: rgba(0, 0, 0, 0.5) !important;
}
opb-room-details #available-rates .rate-plan-row h3 span:before {
  border-color: rgba(0, 0, 0, 0.5) !important;
}
opb-room-details #available-rates .rate-plan-row .price {
  font-family: "Cabin", sans-serif;
  font-size: 29px;
}
opb-room-details #available-rates .rate-plan-row.package-special {
  border-bottom: 1px solid #ececec;
  /* Need to check what is this? */
}
opb-room-details #available-rates .rate-plan-row.active {
  background: #7e1432;
}
opb-room-details #available-rates .rate-plan-row.active * {
  color: #FFF !important;
}
opb-room-details #available-rates .rate-plan-row.active .room-lowest-price span.line-through:after {
  background-color: rgba(255, 255, 255, 0.5);
}
opb-room-details #available-rates .rate-plan-row.active .rate-options-wrap button {
  color: #FFF !important;
  border: 1px solid #FFF !important;
}
opb-room-details #available-rates .rate-plan-row.active .rate-options-wrap button span {
  color: #FFF !important;
}
opb-room-details #available-rates .rate-plan-row.active .rate-options-wrap span:not(.popover-content) {
  color: #FFF !important;
}
opb-room-details #available-rates .rate-plan-row.active .rate-options-wrap span:not(.popover-content).line-through:after {
  background-color: rgba(255, 255, 255, 0.5);
}
opb-room-details #available-rates .rate-plan-row.active .rate-options-wrap span.price {
  color: #FFF !important;
}
opb-room-details #available-rates .rate-plan-row.active .rate-options-wrap span.underdotted:before {
  border-bottom: 1px dashed rgba(255, 255, 255, 0.5) !important;
}
opb-room-details #available-rates .rate-plan-row.active ul li:before {
  color: #FFF !important;
}
opb-room-details #available-rates .rate-plan-row > div.inactive h3 {
  color: rgba(0, 0, 0, 0.3);
}
opb-room-details #available-rates .rate-plan-row > div.inactive ul li {
  color: rgba(0, 0, 0, 0.3);
}
opb-room-details #available-rates .rate-plan-row > div.inactive ul li:before {
  color: rgba(0, 0, 0, 0.3);
}
opb-room-details #available-rates .rate-plan-row > div.inactive .rate-options-wrap span.rate-per-night-price {
  color: rgba(0, 0, 0, 0.3);
}
opb-room-details #available-rates .rate-plan-row > div.inactive .rate-options-wrap button {
  color: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(0, 0, 0, 0.3);
}
opb-room-details #available-rates .rate-plan-row > div.inactive .rate-options-wrap button:not(.disabled):hover {
  color: #FFF;
  border: 2px solid #7e1432;
}
opb-room-details #available-rates .rate-plan-row .rate-options-wrap button:hover {
  color: #FFF;
}
opb-room-details #available-rates .rate-plan-row .rate-options-wrap button:hover span {
  color: #FFF;
}
opb-room-details #available-rates .rate-plan-row .rate-options-wrap button span {
  color: #7e1432;
}
opb-room-details #available-rates .rate-plan-row .rate-options-wrap span:not(.popover-content).rate-per-night-price {
  color: rgba(0, 0, 0, 0.5);
}
opb-room-details #available-rates .rate-plan-row .rate-options-wrap span:not(.popover-content).line-through:after {
  background-color: rgba(0, 0, 0, 0.5);
}
opb-room-details #available-rates .rate-plan-row .rate-options-wrap span:not(.popover-content).price {
  color: black;
}
opb-room-details #available-rates .rate-plan-row .rate-options-wrap span:not(.popover-content).underdotted:before {
  border-bottom: 1px dashed rgba(0, 0, 0, 0.5);
}
opb-room-details button.btn-close {
  background-color: #fff;
  border: 1px solid #7e1432;
  color: #7e1432;
}
opb-room-details button.btn-close:hover {
  background-color: #7e1432;
  border: #7e1432;
}
opb-room-details button.btn-close:hover span i {
  color: #fff;
}

/* Underdoted... */
.underdotted:before {
  border-bottom: 1px dashed #000;
}

.rate-plan-row.active .underdotted:before {
  border-bottom: 1px dashed #FFF;
}

opb-rooms h3 {
  font-size: 20px;
  font-weight: 400;
}
opb-rooms .additional-stuff {
  font-size: 0.8125rem !important;
}
opb-rooms .room-lowest-price span.line-through {
  font-size: 12px !important;
}
opb-rooms .switch-wrap {
  background-color: #fff;
}
opb-rooms .switch-wrap > div > span {
  font-size: 12px;
  color: #9b9b9b;
}
opb-rooms .switch-wrap .rooms-compare-count {
  font-size: 12px;
  font-weight: bold;
  background-color: #9b9b9b;
}
opb-rooms .switch-wrap .rooms-compare-count > span {
  color: #fff;
  font-size: 10px;
}
opb-rooms .switch-wrap .rooms-compare-count.compare-able {
  background-color: #00c96a;
}
opb-rooms .additional-options-wrap .sort-room {
  font-size: 14px;
}
opb-rooms .additional-options-wrap .sort-room i {
  font-size: 1.5em;
}
opb-rooms .additional-options-wrap .sort-room a {
  color: #000;
}
opb-rooms .additional-options-wrap .sort-room a:after {
  background-color: #000;
}
opb-rooms .grid-item > div .cb-rooms-compare-wrap .cb-rooms-compare > div a.btn-compare-now {
  font-size: 14px;
  color: #fff;
}
opb-rooms .grid-item > div .cb-rooms-compare-wrap .cb-rooms-compare > div a.btn-compare-now:hover {
  color: #fff;
}
opb-rooms .grid-item > div .cb-rooms-compare-wrap .cb-rooms-compare > div:before {
  background-color: rgba(255, 255, 255, 0.5);
}
opb-rooms .grid-item > div .desktop-details-btn-wrap {
  color: #000;
}
opb-rooms .grid-item > div .desktop-details-btn-wrap:before {
  background-color: rgba(255, 255, 255, 0.5);
}
opb-rooms .grid-item > div .desktop-details-btn-wrap button {
  background-color: transparent;
  color: #fff;
  font-size: 14px;
}
opb-rooms .list-item > div .cb-rooms-compare-wrap .cb-rooms-compare > div a.btn-compare-now {
  font-size: 14px;
  color: #fff;
}
opb-rooms .list-item > div .cb-rooms-compare-wrap .cb-rooms-compare > div a.btn-compare-now:hover {
  color: #fff;
}
opb-rooms .list-item > div .cb-rooms-compare-wrap .cb-rooms-compare > div:before {
  background-color: rgba(255, 255, 255, 0.5);
}
opb-rooms .list-item > div .desktop-details-btn-wrap {
  color: #000;
}
opb-rooms .list-item > div .desktop-details-btn-wrap:before {
  background-color: rgba(255, 255, 255, 0.5);
}
opb-rooms .list-item > div .desktop-details-btn-wrap button {
  background-color: transparent;
  color: #fff;
  font-size: 14px;
}
opb-rooms #rooms-grid .room-config-wrap a.room-headline {
  font-size: 52px;
}
opb-rooms #rooms-grid .room-config-wrap a.room-headline > i {
  font-size: 18px;
}
opb-rooms #rooms-grid.grid .grid-items .grid-item > div .item-content .highlight-wrap span.highlight {
  font-size: 13px;
  font-weight: 300;
}
opb-rooms #rooms-grid.grid .grid-items .grid-item > div .item-content .metaSearcher-wrap span {
  font-size: 14px;
  font-weight: 300;
}
opb-rooms #rooms-grid.grid .grid-items .grid-item > div .item-content p.room-infos {
  font-size: 13px;
  font-weight: 300;
}
opb-rooms #rooms-grid.grid .grid-items .grid-item > div .item-content p.room-infos i {
  font-size: 13px;
}
opb-rooms #rooms-grid.grid .grid-items .grid-item > div .item-content p.room-infos button i {
  font-size: 13px;
}
opb-rooms #rooms-grid.grid .grid-items .grid-item > div .item-content .room-bottom-row div.room-lowest-price.not-available > span {
  font-size: 18px;
}
opb-rooms #rooms-grid.grid .grid-items .grid-item > div .item-content .room-bottom-row div.room-lowest-price span {
  font-size: 14px;
}
opb-rooms #rooms-grid.grid .grid-items .grid-item > div .item-content .tiny {
  font-size: 12px;
}
opb-rooms #rooms-grid.list .highlight {
  font-size: 12px;
}
opb-rooms #rooms-grid.list .room-infos {
  font-size: 13px;
  font-weight: 300;
}
opb-rooms #rooms-grid.list .room-infos i {
  font-size: 13px;
}
opb-rooms #rooms-grid.list .tiny {
  font-size: 12px;
}
opb-rooms div.badge {
  font-size: 13px;
  font-weight: 400;
}
opb-rooms div.badge i {
  font-size: 11px;
}

@media (min-width: 992px) {
  opb-rooms div.room-details-btn-wrap button {
    font-size: 14px;
    font-weight: 400;
  }
}
@media (max-width: 992px) {
  opb-rooms #rooms-grid.grid .grid-items .grid-item .mobile-details-btn-wrap {
    color: #000;
  }
  opb-rooms #rooms-grid.grid .grid-items .grid-item .mobile-details-btn-wrap button {
    background-color: transparent;
    color: #fff;
    font-size: 11px;
  }
}
@media (max-width: 420px) {
  opb-rooms #rooms-grid.grid .grid-items .grid-item.compact-item > div .item-content h3 {
    font-size: 15px;
    font-weight: normal;
  }
  opb-rooms #rooms-grid.grid .grid-items .grid-item.compact-item > div .item-content .compact-room-infos {
    font-size: 15px;
    font-weight: 300;
  }
  opb-rooms #rooms-grid.grid .grid-items .grid-item.compact-item > div .item-content .room-bottom-row div.room-lowest-price {
    font-size: 24px;
  }
  opb-rooms #rooms-grid.grid .grid-items .grid-item.compact-item > div .item-content .room-bottom-row div.room-lowest-price span {
    font-size: 10px;
  }
}
@media (max-width: 450px) {
  opb-rooms #rooms-grid.grid .grid-items .grid-item.compact-item > div .item-content .room-bottom-row div.room-lowest-price {
    font-size: 25px;
    font-weight: bold;
  }
  opb-rooms #rooms-grid.grid .grid-items .grid-item.compact-item > div .item-content .room-bottom-row div.room-lowest-price span {
    font-weight: normal;
  }
}
@media (min-width: 768px) {
  opb-rooms #rooms-grid.list .list-items .list-item.show-not-availables-rooms-button-wrap-list a {
    color: #fff;
  }
}
/* Separated fonts from component */
opb-room-details {
  font-size: 16px;
}
opb-room-details .package-teaser-wrap .package-teaser span {
  font-size: 13px;
  color: #fff;
}
opb-room-details .package-teaser-wrap .package-teaser span a {
  color: #fff;
  font-weight: bold;
}
opb-room-details h3 {
  font-size: 1.4375em;
  font-weight: 300;
}
opb-room-details h3 > span > a {
  font-size: 0.8125rem;
}
opb-room-details h3 > span > a span {
  font-weight: 400;
}
opb-room-details h3.bold {
  font-weight: 800;
}
opb-room-details .room-infos p {
  font-size: 0.8125em;
}
opb-room-details .room-infos .more-infos h4 {
  font-size: 0.6875em;
}
opb-room-details .room-details-carousel-wrap .c-wrap .btn-show-gallery i {
  font-size: 28px;
  font-weight: 100;
}
opb-room-details ul li {
  font-size: 13px;
}
opb-room-details ul li:not(.has-icon):before {
  font-family: "opb-icons";
  font-size: 0.6875em;
}
opb-room-details #available-rates .rate-plan-row .metaSearcher-wrap span {
  font-size: 14px;
  font-weight: 300;
}
opb-room-details #available-rates .rate-plan-row .rate-options-wrap span.line-through {
  font-size: 12px !important;
}
opb-room-details #available-rates .rate-plan-row .rate-options-wrap span:not(.popover-content) {
  font-size: 0.8125rem;
}
opb-room-details #available-rates .rate-plan-row .rate-options-wrap span.popover-content {
  line-height: 1.3077;
}
opb-room-details #available-rates .rate-plan-row .rate-options-wrap span.price {
  font-size: 1.8125rem;
}
opb-room-details #available-rates .rate-plan-row .rate-options-wrap button {
  font-weight: 400;
  font-size: 15px;
}
opb-room-details #available-rates .rate-plan-row .rate-options-wrap button span {
  font-size: 15px;
}
opb-room-details #available-rates .rate-plan-row .rate-options-wrap button i:not(.icon-add-to-cart) {
  font-size: 0.6875em;
}
opb-room-details #available-rates .rate-plan-row .rate-options-wrap button[disabled] {
  font-size: 15px;
}
opb-room-details #available-rates .rate-plan-row .rate-options-wrap button.tinytext {
  font-size: 12px;
}
opb-room-details button.btn-close {
  font-size: 18px;
  font-weight: 300;
}
opb-room-details button.btn-close span {
  font-size: 0.6875em;
}
opb-room-details button.btn-close span i {
  font-weight: 100;
}

rooms-and-rates .additional-news-text-wrap .additional-news-text {
  font-size: 12px;
}
rooms-and-rates .mobile-select-row {
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}
rooms-and-rates .mobile-select-row > div:last-child {
  border-left: 1px solid #d9d9d9;
}
rooms-and-rates .cb-holder-item i.icon-compare {
  font-size: 16px;
}
rooms-and-rates .desktop-preview-wrap .rooms-preview-row:not(:last-child):after {
  background-color: rgba(151, 151, 151, 0.2);
}

.carousel.classic-carousel .flickity-prev-next-button:hover {
  box-shadow: 0 0 1px 1px #fff !important;
  background-color: #000;
}
.carousel.classic-carousel .flickity-prev-next-button.next:after, .carousel.classic-carousel .flickity-prev-next-button.previous:after {
  font-family: "opb-icons";
  color: #000;
}
.carousel .flickity-prev-next-button {
  margin: 0;
  padding: 0;
  background-color: #fff;
  color: #7e1432;
  border-radius: 50% !important;
  transform: scale(1);
  margin-top: -22px;
  transition: 0.15s ease all;
}
.carousel .flickity-prev-next-button:active {
  opacity: 1;
}
.carousel .flickity-prev-next-button:hover {
  box-shadow: 0 0 1px 1px #7e1432 !important;
  background-color: #7e1432 !important;
  color: #7e1432 !important;
}
.carousel .flickity-prev-next-button:hover:after {
  color: #fff !important;
}
.carousel .flickity-prev-next-button svg {
  display: none;
}
.carousel:not(.classic-carousel):not(.v6) .flickity-prev-next-button {
  box-shadow: 0 0 1px 1px #7e1432 !important;
}
.carousel:not(.classic-carousel) .flickity-prev-next-button {
  border: none;
}
.carousel:not(.classic-carousel) .flickity-prev-next-button.next:after, .carousel:not(.classic-carousel) .flickity-prev-next-button.previous:after {
  font-family: "opb-icons";
}
.carousel:not(.classic-carousel) .flickity-prev-next-button.next {
  right: 20px;
}
.carousel:not(.classic-carousel) .flickity-prev-next-button.next:after {
  content: "\e809";
}
.carousel:not(.classic-carousel) .flickity-prev-next-button.previous:after {
  content: "\e810";
}
.carousel.v6 .flickity-prev-next-button {
  color: #000;
  width: 41px;
  height: 41px;
  border-radius: 11px !important;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.2) !important;
  background-color: #fcfcfc;
}
.carousel.v5 .flickity-prev-next-button.previous {
  left: auto;
  right: 80px;
}
.carousel.classic-carousel .flickity-prev-next-button.next {
  right: 20px;
  width: 30px;
  height: 30px;
}
.carousel.classic-carousel .flickity-prev-next-button.next:after {
  content: "\e809";
  font-size: 14px;
}
.carousel.classic-carousel .flickity-prev-next-button.previous {
  left: auto;
  right: 60px;
  width: 30px;
  height: 30px;
}
.carousel.classic-carousel .flickity-prev-next-button.previous:after {
  content: "\e810";
  font-size: 14px;
}
.carousel .flickity-prev-next-button:disabled {
  transform: scale(0.3);
  opacity: 0;
  pointer-events: all;
}
.carousel .flickity-page-dots {
  bottom: 5px;
}
@media (min-width: 992px) {
  .carousel .flickity-page-dots {
    bottom: -40px;
  }
}
.carousel .flickity-page-dots .dot {
  opacity: 1;
  background: #000;
}
.carousel .flickity-page-dots .dot.is-selected {
  background: #000;
}

@media (max-width: 992px) {
  #section-4 .alternate-color #category-wrap {
    background: #fff;
  }
  #category-wrap.enhancement-categories-wrap-mobile {
    background-color: rgba(76, 76, 76, 0.01) !important;
  }
  #category-wrap .container .carousel-cell {
    background-color: transparent;
    border-color: #7e1432;
  }
  #category-wrap .container .carousel-cell.is-selected {
    background-color: #7e1432 !important;
  }
  #category-wrap .container .carousel-cell.is-selected span {
    color: #FFF !important;
  }
  #category-wrap .container .carousel-cell span {
    font-size: 18px !important;
    color: #7e1432 !important;
  }
  #category-wrap .container .flickity-page-dots .dot {
    background: rgba(0, 0, 0, 0.2);
  }
  #category-wrap .container .flickity-page-dots .dot.is-selected {
    background: #7e1432;
  }
}
#category-wrap .slider-gradient-mask.left > div > div:last-child {
  background-color: #FFF;
}
#category-wrap .slider-gradient-mask.right > div > div:last-child {
  background-color: #FFF;
}

.bg-light-grey #category-wrap .slider-gradient-mask.left > div > div:last-child {
  background-color: #f6e3cd;
}
.bg-light-grey #category-wrap .slider-gradient-mask.right > div > div:last-child {
  background-color: #f6e3cd;
}

opb-enhancements opb-cb.simple .custom-select label,
opb-enhancements-listview opb-cb.simple .custom-select label {
  color: #7e1432;
}
opb-enhancements opb-cb.simple .custom-select label:before,
opb-enhancements-listview opb-cb.simple .custom-select label:before {
  color: #cecece;
  background-color: transparent;
  border: 1px solid #cecece;
}
opb-enhancements opb-cb.simple .custom-select label:after,
opb-enhancements-listview opb-cb.simple .custom-select label:after {
  color: #FFF;
}
opb-enhancements opb-cb.simple .custom-select input[type=checkbox]:checked + label:after,
opb-enhancements-listview opb-cb.simple .custom-select input[type=checkbox]:checked + label:after {
  color: #FFF;
  background-color: #7e1432;
  border: 1px solid #7e1432;
}
opb-enhancements opb-cb.simple .custom-select:hover input[type=checkbox] + label:before,
opb-enhancements-listview opb-cb.simple .custom-select:hover input[type=checkbox] + label:before {
  color: #e5e5e5;
}
opb-enhancements .item-content .price-wrap .price,
opb-enhancements-listview .item-content .price-wrap .price {
  font-family: "Cabin", sans-serif;
}
opb-enhancements .item-content .price-wrap p,
opb-enhancements .item-content .price-wrap a,
opb-enhancements-listview .item-content .price-wrap p,
opb-enhancements-listview .item-content .price-wrap a {
  font-size: 13px;
}
opb-enhancements label.cb-child span,
opb-enhancements-listview label.cb-child span {
  font-family: "Cabin", sans-serif;
  color: #7e1432;
  top: -2px;
  text-transform: uppercase;
  font-size: 18px !important;
}
opb-enhancements opb-cb.as-text.times label.cb-child span,
opb-enhancements-listview opb-cb.as-text.times label.cb-child span {
  font-size: 13px;
  color: #fff;
}

#category-wrap .carousel-cell > div:first-child span {
  font-family: "Cabin", sans-serif;
  color: #fff;
  font-size: 30px;
  font-weight: 500;
  text-transform: uppercase;
}
#category-wrap .carousel-cell > div.enhancement-cell-bg-wrap > div.enhancement-cell-bg {
  background-color: #f6e3cd;
}
#category-wrap .carousel-cell > div.enhancement-cell-bg-wrap > div.enhancement-cell-bg:after {
  background-color: rgba(0, 0, 0, 0.24);
}

opb-enhancements {
  color: #000;
}
opb-enhancements .headline-wrap {
  position: relative;
}
opb-enhancements .headline-wrap .headline-right-btn-wrap button.underlined {
  color: rgba(0, 0, 0, 0.5);
}
opb-enhancements .headline-wrap .headline-right-btn-wrap button.underlined:before {
  background-color: rgba(0, 0, 0, 0.5);
}
opb-enhancements .category-list-view-wrap {
  background-color: #f6e3cd;
}
opb-enhancements .category-list-view-wrap span {
  color: #fff;
}
opb-enhancements .category-list-view-sticky-wrap {
  background-color: #FFF;
}
opb-enhancements .category-list-view-sticky-wrap span:after {
  background-color: #e8e8e8;
}
opb-enhancements #advertising-wrap h4,
opb-enhancements #advertising-wrap p {
  color: #fff;
}
opb-enhancements #grid-wrap .grid .grid-item > div {
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
  background-color: #f6e3cd;
}
opb-enhancements #grid-wrap .grid .grid-item > div:hover {
  box-shadow: 1px 1px 20px 2px rgba(0, 0, 0, 0.07);
}
opb-enhancements #grid-wrap .grid .grid-item > div .item-content .content {
  font-family: "Cabin", sans-serif;
}
opb-enhancements #grid-wrap .grid .grid-item > div .item-content .content a {
  color: #7e1432;
}
@media (min-width: 992px) {
  opb-enhancements #grid-wrap .grid .grid-item > div .item-content .content.bottom-line {
    border-bottom: 1px solid #d5d5d5;
  }
}
opb-enhancements #grid-wrap .grid .grid-item > div .item-content .content span.small {
  color: rgba(0, 0, 0, 0.5);
}

app-configurator.list-config .item-additionals .room-wrap > div.bg-gradient-wrap {
  background: #eee;
}
app-configurator .item-additionals .room-persons {
  color: #ababab;
}
app-configurator .item-additionals .room-wrap > div.bg-gradient-wrap {
  background: linear-gradient(to bottom, rgba(245, 245, 245, 0) 0%, #f2d7b7 100%);
}
app-configurator .item-additionals .config-row .input-wrap input {
  color: #000;
}
app-configurator .item-additionals .config-row button:not(.disabled):hover {
  color: #000;
}

/* Configurator details */
.detail-config-row .extended .cb-inline-wrap .badge-wrap .badge.amount {
  background-color: #000;
}
.detail-config-row .compact .cb-inline-wrap .badge-wrap .badge.amount {
  background-color: transparent;
  border: 1px solid #000;
}
.detail-config-row .compact .cb-inline-wrap .badge-wrap .badge.amount span {
  color: #000;
}
.detail-config-row .compact .cb-inline-wrap .badge-wrap .badge.amount span.grey {
  color: #9b9b9b;
}
.detail-config-row .compact .cb-inline-wrap .badge-wrap .badge.amount i.glyphicon-menu-down {
  color: #000;
}
.detail-config-row .compact .cb-inline-wrap .badge-wrap .badge.amount i.icon-time {
  color: #000;
}
.detail-config-row .compact .cb-inline-wrap .badge-wrap .badge.amount:hover {
  background-color: #000;
}
.detail-config-row .compact .cb-inline-wrap .badge-wrap .badge.amount:hover span {
  color: #f6e3cd;
}
.detail-config-row .compact .cb-inline-wrap .badge-wrap .badge.amount:hover span.grey {
  color: rgba(246, 227, 205, 0.4);
}
.detail-config-row .compact .cb-inline-wrap .badge-wrap .badge.amount:hover i.glyphicon-menu-down {
  color: #f6e3cd;
}
.detail-config-row .compact .cb-inline-wrap .badge-wrap .badge.amount:hover i.icon-time {
  color: #f6e3cd;
}
.detail-config-row .compact .cb-inline-wrap.hovered .badge-wrap .badge.amount {
  background-color: #000;
}
.detail-config-row .compact .cb-inline-wrap.hovered .badge-wrap .badge.amount span {
  color: #f6e3cd;
}
.detail-config-row .compact .cb-inline-wrap.hovered .badge-wrap .badge.amount i.glyphicon-menu-down {
  color: #f6e3cd;
}
.detail-config-row .compact .cb-inline-wrap.hovered .badge-wrap .badge.amount i.icon-time {
  color: #f6e3cd;
}

/* opb-enhancements-listview */
opb-enhancements-listview {
  color: #000;
}
opb-enhancements-listview .headline-wrap {
  position: relative;
}
opb-enhancements-listview .headline-wrap .headline-right-btn-wrap button.underlined {
  color: rgba(0, 0, 0, 0.5);
}
opb-enhancements-listview .headline-wrap .headline-right-btn-wrap button.underlined:before {
  background-color: rgba(0, 0, 0, 0.5);
}
opb-enhancements-listview .container .category-list-view-wrap {
  background-color: #aaa;
}
opb-enhancements-listview .container .category-list-view-wrap span {
  color: #fff;
}
opb-enhancements-listview .container .category-list-view-sticky-wrap {
  background-color: #FFF;
}
opb-enhancements-listview .container .category-list-view-sticky-wrap span:after {
  background-color: #e8e8e8;
}
opb-enhancements-listview .container #category-wrap .carousel-cell > div.enhancement-cell-bg:after {
  background-color: rgba(0, 0, 0, 0.24);
}
opb-enhancements-listview .container #enhancement-list-items-wrap .list-item {
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
  background: #f6e3cd;
}
opb-enhancements-listview .container #enhancement-list-items-wrap .list-item .enhancement-list-item-image-wrap > div {
  background-color: #f8e8d6;
}
opb-enhancements-listview .container #enhancement-list-items-wrap .list-item span.small {
  color: rgba(0, 0, 0, 0.5);
}

/* test mask */
.enhancement-list-mask {
  background: transparent;
  overflow: hidden;
  height: 33px;
  position: relative;
  z-index: 0;
}
.enhancement-list-mask:before, .enhancement-list-mask:after {
  content: "";
  height: 33px;
  display: block;
  width: 50%;
  position: absolute;
  z-index: 0;
}
.enhancement-list-mask:before {
  background: linear-gradient(to bottom, #e6e6e6 0%, #FFF 50%);
  transform: translateX(-50px);
}
.enhancement-list-mask:after {
  background: linear-gradient(to bottom, #e6e6e6 0%, #FFF 50%);
  transform: translateX(50px);
  left: 50%;
}
.enhancement-list-mask .mask-center {
  position: absolute;
  left: 50%;
  transform: translateX(-136px);
  z-index: 5;
}
.enhancement-list-mask .mask-center .mask-left,
.enhancement-list-mask .mask-center .mask-right {
  width: 100px;
  height: 33px;
  background: linear-gradient(to bottom, #e6e6e6 0%, #FFF 50%);
  position: absolute;
}
.enhancement-list-mask .mask-center .mask-left {
  transform: skew(45deg);
  transform-origin: 0 0;
}
.enhancement-list-mask .mask-center .mask-right {
  transform: skew(-45deg);
  transform-origin: 0% 100%;
  left: 105px;
}

.bg-light-grey .enhancement-list-mask:before {
  background: linear-gradient(to bottom, #eecba2 0%, #f6e3cd 50%);
}
.bg-light-grey .enhancement-list-mask:after {
  background: linear-gradient(to bottom, #eecba2 0%, #f6e3cd 50%);
}
.bg-light-grey .enhancement-list-mask .mask-center .mask-left,
.bg-light-grey .enhancement-list-mask .mask-center .mask-right {
  background: linear-gradient(to bottom, #eecba2 0%, #f6e3cd 50%);
}

/* Moved fonts styles from component */
opb-enhancements {
  font-size: 1rem;
}
opb-enhancements .category-list-view-wrap span {
  font-size: 52px;
  font-weight: 300;
}
opb-enhancements .category-list-view-sticky-wrap span {
  font-size: 1.5em;
}
opb-enhancements #grid-wrap .grid .grid-item > div .item-content .content p {
  font-weight: 300;
  font-size: 12px;
}
opb-enhancements #grid-wrap .grid .grid-item > div .item-content .content p.included {
  font-size: 1.1875rem;
}
opb-enhancements #grid-wrap .grid .grid-item > div .item-content .content p.included i {
  font-size: 0.6875em;
}
opb-enhancements #grid-wrap .grid .grid-item > div .item-content .content a {
  font-weight: 300;
  font-size: 12px;
}
opb-enhancements #grid-wrap .grid .grid-item > div .item-content .content span.price {
  font-size: 1.25rem;
  font-weight: 500;
}
opb-enhancements #grid-wrap .grid .grid-item > div .item-content .content span.small {
  font-size: 0.75rem;
}

@media (min-width: 992px) {
  opb-enhancements #grid-wrap .grid .grid-item > div .item-content .content.bottom-line.checked:not(.bottom-line-active) {
    border-bottom-color: transparent;
  }
}
@media (min-width: 550px) {
  opb-enhancements #grid-wrap .grid .grid-item > div .item-content .content p {
    font-size: 14px;
  }
  opb-enhancements #grid-wrap .grid .grid-item > div .item-content .content a {
    font-size: 14px;
  }
  opb-enhancements #grid-wrap .grid .grid-item > div .item-content .content span.price {
    font-size: 1.625rem;
  }
}
/* From component */
opb-enhancements-listview #enhancements-wrap {
  font-size: 1rem;
}
opb-enhancements-listview #enhancements-wrap .category-list-view-wrap span {
  font-size: 52px;
  font-weight: 300;
}
opb-enhancements-listview #enhancements-wrap .category-list-view-sticky-wrap span {
  font-size: 1.5em;
}
opb-enhancements-listview #enhancements-wrap #category-wrap .carousel-cell > div:first-child span {
  font-weight: 100;
}
opb-enhancements-listview #enhancements-wrap #enhancement-list-items-wrap .list-item .price-wrap {
  font-size: 1.25em;
  font-weight: bold;
}
opb-enhancements-listview #enhancements-wrap #enhancement-list-items-wrap .list-item span.small {
  font-size: 0.75rem;
}
opb-enhancements-listview #enhancements-wrap #enhancement-list-items-wrap .list-item h3 {
  font-size: 1.375em;
}
opb-enhancements-listview #enhancements-wrap #enhancement-list-items-wrap .list-item p {
  font-size: 14px;
  font-weight: 300;
}
opb-enhancements-listview #enhancements-wrap #enhancement-list-items-wrap .list-item .btn-show-more {
  font-size: 0.8125em;
  font-weight: 300;
}
@media (max-width: 550px) {
  opb-enhancements-listview #enhancements-wrap #enhancement-list-items-wrap .list-item .enhancment-content a {
    font-size: 14px;
  }
  opb-enhancements-listview #enhancements-wrap #enhancement-list-items-wrap .list-item h3 {
    font-size: 12px !important;
    font-weight: 400 !important;
  }
  opb-enhancements-listview #enhancements-wrap #enhancement-list-items-wrap .list-item p {
    font-size: 12px;
  }
}
@media (min-width: 550px) {
  opb-enhancements-listview #enhancements-wrap #enhancement-list-items-wrap .list-item .price-wrap {
    font-size: 2em;
  }
}

/* Moved enhancement configurator modal */
app-modal-configurator-content #modal-configurator #enhancement-details {
  background: #fff;
}
app-modal-configurator-content #modal-configurator #enhancement-details h2 {
  font-size: 22px;
  color: #000;
  font-weight: 500;
}
app-modal-configurator-content #modal-configurator #enhancement-details p {
  color: #959595;
  font-size: 15px;
}
app-modal-configurator-content #modal-configurator .scroll-wrapper .options-list-padding .enhancement h3 {
  font-size: 1.188rem;
  font-weight: normal;
}
app-modal-configurator-content #modal-configurator .scroll-wrapper .options-list-padding .enhancement p.details {
  font-size: 0.75rem;
}
app-modal-configurator-content #modal-configurator .popup-button-wrapper .btn-accept-enhancements {
  font-size: 20px;
}
app-modal-configurator-content .time-picker {
  font-size: 15px;
}
app-modal-configurator-content .sticky-element.fixed {
  background: #f3f3f3;
}
app-modal-configurator-content .sticky-element.sticked {
  background: #f3f3f3;
}
app-modal-configurator-content .btn-green {
  color: #1add96 !important;
  border-color: #1add96 !important;
}
app-modal-configurator-content .btn-green:hover {
  background: #1add96 !important;
  color: #fff !important;
}
app-modal-configurator-content .btn-red {
  color: #ff315a !important;
  border-color: #ff315a !important;
}
app-modal-configurator-content .btn-red:hover {
  background: #ff315a !important;
  color: #fff !important;
}
@media (max-width: 600px) {
  app-modal-configurator-content #modal-configurator #enhancement-details h2 {
    font-size: 16px;
  }
  app-modal-configurator-content #modal-configurator #enhancement-details p {
    font-size: 12px;
  }
  app-modal-configurator-content #modal-configurator .scroll-wrapper .options-list-padding .enhancement h3 {
    font-size: 1rem;
  }
  app-modal-configurator-content #modal-configurator .popup-button-wrapper .btn-accept-enhancements {
    font-size: 16px;
  }
  app-modal-configurator-content .close-modal {
    font-size: 13px;
  }
}

.container .form-group textarea {
  border: 1px solid #e2e2e2;
  color: #000;
}
.container .grey {
  color: rgba(126, 20, 50, 0.5);
}
.container .room-guest-details {
  color: rgba(0, 0, 0, 0.5);
}
.container .room-guest-details .arrival-guest {
  color: #000;
}

/* checkboxes */
@media (max-width: 550px) {
  opb-cb.simple.squared .custom-select label:before {
    font-size: 0.5em;
  }
  opb-cb.simple.squared .custom-select label:after {
    font-size: 0.5em;
  }
}
opb-cb.simple.tiny label {
  font-size: 14px !important;
}

opb-cb.simple.rooms-compare label {
  font-size: 14px !important;
  color: #fff;
}
opb-cb.simple.rooms-compare label span {
  font-size: 14px !important;
}
opb-cb.simple.rooms-compare label:before {
  background-color: transparent !important;
}

opb-cb.simple.enhancement-config label {
  font-size: 13px !important;
}
opb-cb.simple.enhancement-config label span {
  font-size: 13px !important;
}

opb-cb.simple.calendar-filter label {
  font-size: 13px !important;
}
opb-cb.simple.calendar-filter label span {
  font-size: 13px !important;
}

opb-cb.simple .custom-select label {
  font-weight: 400;
}
opb-cb.simple .custom-select label > span {
  font-size: 12px;
}
opb-cb.simple .custom-select label:before {
  font-family: "opb-icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  color: rgba(255, 255, 255, 0);
  font-size: 0.6em;
}
opb-cb.simple .custom-select label:after {
  font-family: "opb-icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 0.6em;
}

@media (min-width: 325px) {
  opb-cb.simple .custom-select label > span {
    font-size: 14px;
  }
}
@media (min-width: 550px) {
  opb-cb.simple .custom-select label > span {
    font-size: 16px;
  }
}
@media (min-width: 750px) {
  opb-cb.simple .custom-select label > span {
    font-size: 19px;
  }
}
/* radio */
opb-radio.complex .custom-radio {
  font-size: 20px;
}
opb-radio.complex .custom-radio label {
  font-size: 16px;
  font-weight: 400;
}
opb-radio.complex .custom-radio label:before {
  font-family: "opb-icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 0.6em;
}
opb-radio.complex .custom-radio label:after {
  font-family: "opb-icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 0.6em;
}

@media (min-width: 750px) {
  opb-radio.complex .custom-radio label {
    font-size: 22px;
  }
  app-modal-configurator-content opb-radio.complex .custom-radio label {
    font-size: 18px;
  }
  app-modal-configurator-content opb-radio.complex .custom-radio span.cb-details {
    margin-top: 5px;
    display: block;
    opacity: 0.75;
    font-size: 13px;
    text-transform: none;
  }
}
/* Radio as bg */
opb-radio.as-background .custom-radio label {
  font-size: 14px;
  font-weight: 400;
  color: #dbdbdb;
}
opb-radio.as-background .custom-radio input[type=radio]:checked + label {
  color: #fff;
}

/* Form fields */
.form-field-row {
  font-size: 1em;
}
.form-field-row .form-group input[type=text] {
  font-size: 1em;
}
.form-field-row .form-group input[type=search] {
  font-size: 1em;
}
.form-field-row .form-group input[type=password] {
  font-size: 1em;
}
.form-field-row .form-group label.floating {
  font-weight: normal;
  font-size: 1em;
}
.form-field-row .form-group input:valid:not(:required) ~ label {
  font-size: 1em;
}

.form-field-row.child-age .form-group .form-select .ui-select-container span {
  font-size: 16px !important;
}
.form-field-row.child-age .form-group .form-select .ui-select-container input {
  font-size: 16px !important;
}
.form-field-row.child-age .form-group .form-select .ui-select-container ul.dropdown-menu li a {
  font-size: 16px !important;
}

@media (min-width: 750px) {
  .form-field-row {
    font-size: 1.375em;
  }
}
/* Desires */
@media (max-width: 600px) {
  .container #desire-input-wrap .overflow-wrap p {
    font-size: 16px;
  }
  .container #desire-input-wrap #desire-input .form-group textarea {
    font-size: 16px;
  }
}
.container #desire-input-wrap #desire-input .form-group textarea {
  font-size: 22px;
}
.container #desire-input-wrap .overflow-wrap {
  font-size: 22px;
}

/* Address form component - moved from component */
opb-address-form {
  font-size: 1rem;
}
opb-address-form .container .form-group textarea {
  font-size: 22px;
}
opb-address-form .container .form-field-row .select-wrap span {
  color: #333;
}
opb-address-form .container .form-field-row .select-wrap select {
  font-size: 1em;
  color: #333;
}
opb-address-form .container .room-guest-details {
  font-size: 22px;
}
@media (max-width: 992px) {
  opb-address-form .container .person-info-wrap h4 {
    font-weight: 600 !important;
    font-size: 15px;
  }
}

#booking-wrap #copy-paste {
  font-size: 13px;
  color: #fff;
}
#booking-wrap p {
  font-size: 10px;
}
#booking-wrap p.expires-info {
  font-size: 12px;
  font-style: italic;
}
#booking-wrap .glyphicon-lock {
  font-size: 13px;
}
#booking-wrap p.check-or-not-text {
  font-size: 13px;
}
#booking-wrap p.check-or-not-text opb-cb label {
  font-size: 13px;
}
#booking-wrap ul.facts-list li {
  font-size: 13px;
}
#booking-wrap ul.facts-list li i {
  font-size: 0.6875em;
}

@media (min-width: 550px) {
  #booking-wrap p {
    font-size: 13px;
  }
  #booking-wrap p.expires-info {
    font-size: 16px;
  }
  #booking-wrap p.check-or-not-text {
    font-size: 22px;
  }
  #booking-wrap p.check-or-not-text opb-cb label {
    font-size: 22px;
  }
}
@media (min-width: 350px) {
  #booking-wrap p.check-or-not-text {
    font-size: 16px;
  }
  #booking-wrap p.check-or-not-text opb-cb label {
    font-size: 16px;
  }
}
#booking-wrap {
  color: #FFF;
  background: linear-gradient(to right, #7e1432, #cc537e);
}
#booking-wrap.animate-bg {
  background: linear-gradient(145deg, #7e1432, #cc537e);
}
#booking-wrap button {
  border: 3px solid #000;
  color: #000;
}
#booking-wrap button:before {
  background: linear-gradient(to right, #cc537e 0%, #7e1432);
}
#booking-wrap button:hover, #booking-wrap button.submitprogress {
  color: #FFF;
}
#booking-wrap p a {
  color: #FFF;
}
#booking-wrap p.check-or-not-text a {
  color: #FFF;
}
#booking-wrap p.check-or-not-text a:after {
  background-color: #FFF;
}
#booking-wrap p.check-or-not-text opb-cb label {
  color: #FFF;
}
#booking-wrap p.check-or-not-text opb-cb label:before, #booking-wrap p.check-or-not-text opb-cb label:after {
  margin-top: 4px !important;
  border-color: #fff !important;
}
#booking-wrap button[type=submit] {
  color: #000;
  background-color: #FFF;
  font-size: 14px;
  border: 1px solid #FFF;
  text-transform: uppercase;
}
@media (min-width: 375px) {
  #booking-wrap button[type=submit] {
    font-size: 16px;
  }
}
@media (min-width: 600px) {
  #booking-wrap button[type=submit] {
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  #booking-wrap button[type=submit] {
    font-size: 22px;
  }
}
@media (min-width: 1440px) {
  #booking-wrap button[type=submit] {
    font-size: 26px;
  }
}
@media (min-width: 1750px) {
  #booking-wrap button[type=submit] {
    font-size: 32px;
  }
}
#booking-wrap button[type=submit] span {
  font-family: "Cabin", sans-serif;
}
#booking-wrap button[type=submit]:hover {
  box-shadow: inset 0 0 0 1px #fff;
  color: #FFF;
  border: 1px solid #FFF;
}
#booking-wrap button[type=submit].submitprogress #effect-wrap:after {
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0) 100%);
}

#booking-wrap ul.facts-list li,
#booking-wrap ul.facts-list li {
  color: #FFF;
}

#climate-bg {
  color: #FFF;
}
#climate-bg h2 {
  color: #FFF;
}
#climate-bg a {
  color: #FFF;
}
#climate-bg:before {
  background-color: rgba(126, 20, 50, 0.83);
}
#climate-bg .video-bg-wrap:after {
  background-color: rgba(126, 20, 50, 0.83);
}

#booking-summary-list-wrap .booking-header button {
  color: red;
}

#booking-summary-list-wrap button {
  color: #7e1432;
}

.container .booking-header {
  background-color: #f7f7f7;
  border-top: 1px solid #e3e3e3;
}
.container .booking-header.erv {
  border-bottom: 1px solid #e3e3e3;
}
.container .booking-footer {
  background-color: #f7f7f7;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
}
.container #booking-summary-list-wrap .room-header,
.container #order-value-wrap {
  padding: 17px 10px 14px;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
}
.container .room-information .enhancement-row {
  border-top: 1px solid #e3e3e3;
}
.container .room-information span.thin,
.container .room-header span.thin {
  color: #7e1432;
}
.container .room-information span.line-through:after,
.container .room-header span.line-through:after {
  background-color: rgba(0, 0, 0, 0.5);
}

/* Moved from component */
.container i {
  font-size: 0.6875em;
}
.container #booking-summary-list-wrap button {
  font-weight: 200;
  font-size: 18px;
}
.container .booking-header h3 {
  font-weight: 500;
  font-size: 18px;
}
.container .room-header span.thin {
  font-weight: 200;
}
.container .room-header .additional-info-text {
  font-size: 14px;
  font-weight: 600 !important;
}
.container .room-header h4 {
  font-weight: 200;
  font-size: 18px;
}
.container .room-header h4 > span {
  font-size: 13px;
  font-weight: 400;
}
.container .room-header h4 > span.line-through {
  font-size: 12px !important;
}
.container #order-value-wrap span.thin {
  font-weight: 200;
}
.container #order-value-wrap .additional-info-text {
  font-size: 14px;
  font-weight: 600 !important;
}
.container #order-value-wrap h4 {
  font-weight: 200;
  font-size: 18px;
  font-weight: 500;
}
.container #order-value-wrap h4 > span {
  font-size: 13px;
  font-weight: 400;
}
.container #order-value-wrap h4 > span.line-through {
  font-size: 12px !important;
}
.container ul.facts-list li {
  font-size: 13px;
}
.container .room-information i.icon-slider-arrow-right {
  font-size: 0.6875em;
}
.container .room-information > .row > div:first-child span {
  font-weight: 200;
}
.container .room-information span.thin {
  font-weight: 200;
}
.container .enhancement-row h4 {
  font-weight: 200;
  font-size: 18px;
}
.container .enhancement-row span.enhancement-wrap:not(:last-child) span.has-commar:after {
  color: #000;
  font-weight: 400;
}

@media (min-width: 992px) {
  .container #booking-summary-list-wrap button {
    font-size: 26px;
  }
  .container .booking-header h3 {
    font-size: 26px;
  }
  .container .room-header .additional-info-text {
    font-size: 18px;
    font-weight: 200 !important;
  }
  .container .room-header h4 {
    font-size: 26px;
  }
  .container #order-value-wrap .additional-info-text {
    font-size: 18px;
    font-weight: 200 !important;
  }
  .container #order-value-wrap h4 {
    font-size: 26px;
  }
  .container .enhancement-row h4 {
    font-size: 26px;
  }
}
@media (max-width: 992px) {
  .container .room-header #total-price-wrap {
    font-weight: 200;
    font-size: 18px;
    font-family: "Open Sans", sans-serif;
  }
  .container #order-value-wrap #total-price-wrap {
    font-weight: 200;
    font-size: 18px;
    font-family: "Open Sans", sans-serif;
  }
}
@media (max-width: 600px) {
  .container #payment-summary-wrap p {
    font-size: 14px;
  }
  .container #payment-summary-wrap .row > div:first-child p {
    font-weight: 600 !important;
  }
  .container #order-value-wrap h4 {
    font-size: 14px;
    font-family: inherit;
  }
  .container #order-value-wrap .row > div:first-child h4 {
    font-weight: 600 !important;
  }
  .container .room-information {
    font-size: 14px;
  }
  .container .room-information > .row > div:first-child {
    font-weight: 600 !important;
  }
}
.container #desire-input-wrap {
  border: 1px solid #e2e2e2;
  background-color: #FFF;
}
.container #desire-input-wrap #desire-input .form-group textarea {
  color: #000;
  background: #FFF;
}
.container #desire-input-wrap #overflow-wrap {
  background-color: #FFF;
}
.container #desire-input-wrap #overflow-wrap:hover {
  background-color: #f2f2f2;
}
.container #desire-input-wrap #overflow-wrap p {
  color: rgba(0, 0, 0, 0.5);
}

opb-rates-v2 .room-wrapper .room-informations {
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  background: #FFF;
}
opb-rates-v2 .room-wrapper .room-informations.selected p,
opb-rates-v2 .room-wrapper .room-informations.selected h4 {
  color: #7e1432;
}
opb-rates-v2 .room-wrapper .room-informations h4 {
  font-size: 1.188rem;
  font-weight: bold;
}
opb-rates-v2 .room-wrapper .room-informations p {
  color: #b1b1b1;
  font-size: 0.75rem;
}
opb-rates-v2 .room-wrapper .room-informations .check {
  color: #0c5;
}
opb-rates-v2 .rates-carousel-wrap .rate-wrap {
  cursor: pointer;
}
opb-rates-v2 .rates-carousel-wrap .rate-wrap.active .rate-wrap-content {
  background: #44494B;
  color: #818E91;
}
opb-rates-v2 .rates-carousel-wrap .rate-wrap.active .rate-wrap-content h3 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  color: #818E91 !important;
}
opb-rates-v2 .rates-carousel-wrap .rate-wrap.active .rate-wrap-content .rate-details p.details-link a {
  color: #818E91;
}
opb-rates-v2 .rates-carousel-wrap .rate-wrap.active:after {
  border-color: #44494B transparent transparent transparent;
}
opb-rates-v2 .rates-carousel-wrap .rate-wrap .rate-wrap-content {
  background: #FFF;
  box-shadow: 0 2px 6px rgba(129, 129, 129, 0.26);
}
opb-rates-v2 .rates-carousel-wrap .rate-wrap .rate-wrap-content .rate-details {
  font-size: 0.813rem;
}
opb-rates-v2 .rates-carousel-wrap .rate-wrap .rate-wrap-content .rate-details p.details-link a {
  color: #000;
}
opb-rates-v2 .rates-carousel-wrap .rate-wrap .rate-wrap-content h3 {
  border-bottom: 1px solid #ececec;
}
opb-rates-v2 .rates-carousel-wrap .rate-wrap .rate-wrap-content h3 .hide-lines {
  height: 2.3em;
}
opb-rates-v2 .rates-carousel-wrap .rate-wrap .rate-wrap-content .rate-price {
  font-size: 0.875rem;
}
opb-rates-v2 .rates-carousel-wrap .rate-wrap .rate-wrap-content .rate-price .price {
  font-size: 1.813rem;
}
opb-rates-v2 .rates-carousel-wrap .rate-wrap .rate-wrap-content .rate-price .not-avaible {
  font-size: 1.813rem;
}

/* OLD MODULE STARTS HERE */
/* inactive element, leave it, it may will be back at some point */
.old-module #rooms-rows-wrap > div ul.rooms-legend {
  box-shadow: 11px 0px 10px -9px rgba(0, 0, 0, 0.08);
  background-color: #f3f3f3;
}
.old-module #rooms-rows-wrap > div ul.rooms-legend:before {
  background-color: #f3f3f3;
}
.old-module #rooms-rows-wrap > div li:not(:last-child):not(.dot) {
  border-bottom: 1px solid #e0e0e0;
}
.old-module #rooms-rows-wrap > div.lines-helper ul.rooms-legend li:not(:last-child):not(.dot):after {
  background-color: #e0e0e0;
}
.old-module #rooms-rows-wrap > div #rooms-carousel-wrap .carousel .room-item {
  background-color: #fff;
}
.old-module #rooms-rows-wrap > div #rooms-carousel-wrap .carousel .room-item .room-image-wrap div button.badge {
  background-color: #fff;
}
.old-module #rooms-rows-wrap > div #rooms-carousel-wrap .carousel .room-item .room-image-wrap div button.badge:hover span i {
  color: #fff !important;
}
.old-module #rooms-rows-wrap > div #rooms-carousel-wrap .carousel .room-item h3 {
  font-weight: 500;
  font-size: 14px;
}
@media (min-width: 600px) {
  .old-module #rooms-rows-wrap > div #rooms-carousel-wrap .carousel .room-item h3 {
    font-size: 16.8px;
  }
}
@media (min-width: 992px) {
  .old-module #rooms-rows-wrap > div #rooms-carousel-wrap .carousel .room-item h3 {
    font-size: 18.2px;
  }
}
@media (min-width: 1440px) {
  .old-module #rooms-rows-wrap > div #rooms-carousel-wrap .carousel .room-item h3 {
    font-size: 21px;
  }
}
.old-module #rooms-rows-wrap > div #rooms-carousel-wrap .carousel .room-item ul {
  background-color: #fff;
}
.old-module #rooms-rows-wrap > div #rooms-carousel-wrap .carousel .room-item ul li:first-child {
  border-top: 1px solid #e0e0e0;
}
.old-module #rooms-rows-wrap > div #rooms-carousel-wrap .carousel .room-item ul i.icon-menu {
  font-size: 1.3em;
}
.old-module #rooms-rows-wrap > div #rooms-carousel-wrap .carousel .room-item i {
  font-size: 0.6875rem;
  position: relative;
  top: -1px;
}
.old-module #rooms-rows-wrap > div #rooms-carousel-wrap .carousel .room-item .info-wrap .price {
  font-family: "Cabin", sans-serif;
}

/* Code from component */
opb-rates {
  font-size: 1rem;
}
opb-rates #rates-rows-wrap > div li {
  font-weight: 300;
  font-size: 0.625rem;
}
opb-rates #rates-rows-wrap > div .rates-carousel-wrap .carousel .rate-item .info-wrap {
  font-weight: 400;
}
opb-rates #rates-rows-wrap > div .rates-carousel-wrap .carousel .rate-item .info-wrap .price {
  font-size: 1.5rem;
}
opb-rates #rates-rows-wrap > div .rates-carousel-wrap .carousel .rate-item .info-wrap .price span {
  font-size: 0.875rem;
}
opb-rates #rates-rows-wrap > div .rates-carousel-wrap .carousel .rate-item .info-wrap button {
  font-weight: 400;
  font-size: 0.75rem;
}
opb-rates #rates-rows-wrap > div .rates-carousel-wrap .carousel .rate-item i {
  font-size: 0.6875rem;
}
opb-rates #rates-rows-wrap > div .rates-carousel-wrap .carousel .rate-item i.icon-menu {
  font-size: 0.89375rem;
}
opb-rates #rates-rows-wrap > div .rates-carousel-wrap .carousel .rate-item div.badge {
  font-size: 13px;
  font-weight: bold;
}
opb-rates #rates-rows-wrap > div .rates-carousel-wrap .carousel .rate-item div.badge span {
  font-size: 13px;
}
opb-rates #rates-rows-wrap > div .rates-carousel-wrap .carousel .rate-item div.badge span.tiny {
  font-size: 9px;
}

@media (min-width: 375px) {
  opb-rates #rates-rows-wrap > div li {
    font-size: 0.75rem;
  }
}
@media (min-width: 820px) {
  opb-rates #rates-rows-wrap > div li {
    font-size: 0.875rem;
  }
  opb-rates #rates-rows-wrap > div .rates-carousel-wrap .carousel .rate-item .info-wrap .price {
    font-size: 1.5rem;
  }
  opb-rates #rates-rows-wrap > div .rates-carousel-wrap .carousel .rate-item .info-wrap button {
    font-size: 1.0625rem;
  }
}
@media (min-width: 992px) {
  opb-rates #rates-rows-wrap > div .rates-carousel-wrap .carousel .rate-item .info-wrap .price {
    font-size: 1.5rem;
  }
  opb-rates #rates-rows-wrap > div .rates-carousel-wrap .carousel .rate-item .info-wrap button {
    font-size: 1.0625rem;
  }
}
@media (min-width: 1440px) {
  opb-rates #rates-rows-wrap > div .rates-carousel-wrap .carousel .rate-item .info-wrap .price {
    font-size: 1.8125rem;
  }
  opb-rates #rates-rows-wrap > div .rates-carousel-wrap .carousel .rate-item .info-wrap button {
    font-size: 1.0625rem;
  }
}
/* Code from rates v2 */
opb-rates-v2 .room-wrapper .room-informations .check {
  font-size: 12px;
}
opb-rates-v2 .room-wrapper .room-informations h4 {
  font-weight: 500;
  font-size: 19px;
}
opb-rates-v2 .room-wrapper .room-informations p {
  font-weight: 500;
  font-size: 15px;
}
opb-rates-v2 .rates-carousel-wrap .rate-wrap .rate-wrap-content h3 {
  font-weight: normal;
  font-size: 19px;
}

#free-cancellation-chart {
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
}
#free-cancellation-chart .middle-line {
  background: #ececec;
}
#free-cancellation-chart .bar {
  background: #ececec;
}
#free-cancellation-chart .chart-point {
  background: #FFF;
}
#free-cancellation-chart .chart-tooltip {
  background: #000;
  color: #FFF;
}
#free-cancellation-chart .chart-tooltip:after {
  border-color: transparent transparent #000000 transparent;
  margin-left: -7.5px;
}
#free-cancellation-chart .color-bar {
  background: linear-gradient(to right, #15660c 0%, #3da00c 100%);
}
#free-cancellation-chart .label-free,
#free-cancellation-chart .label-paid,
#free-cancellation-chart .label-free {
  background: #FFF;
}
#free-cancellation-chart .label-paid {
  background: #FFF;
}

.bg-light-grey #free-cancellation-chart .chart-point {
  background: #f6e3cd;
}
.bg-light-grey #free-cancellation-chart .label-free,
.bg-light-grey #free-cancellation-chart .label-paid,
.bg-light-grey #free-cancellation-chart .label-free {
  background: #f6e3cd;
}
.bg-light-grey #free-cancellation-chart .label-paid {
  background: #f6e3cd;
}

opb-additional-nights {
  /* Comming from component */
  /* Responsive media */
}
opb-additional-nights .night.active .gradient-fake-border {
  background: linear-gradient(to right, #15660c 0%, #3da00c 100%) !important;
}
opb-additional-nights .night.active ~ .night .gradient-fake-border {
  background: linear-gradient(to right, #15660c 0%, #3da00c 100%) !important;
}
@media (hover: hover) {
  opb-additional-nights .night:hover .gradient-fake-border {
    background: linear-gradient(to right, #15660c 0%, #3da00c 100%) !important;
  }
  opb-additional-nights .night:hover ~ .night .gradient-fake-border {
    background: linear-gradient(to right, #15660c 0%, #3da00c 100%) !important;
  }
}
opb-additional-nights .additional-nights .night:after {
  background: linear-gradient(to right, #15660c 0%, #3da00c 100%) !important;
}
opb-additional-nights .additional-nights-list li span.colored-active,
opb-additional-nights .additional-nights-list li .night-rate {
  color: #15660c;
}
@media (hover: hover) {
  opb-additional-nights .additional-nights-list li .night-rate .remove-night:hover {
    color: #15660c;
  }
}
opb-additional-nights .night .gradient-fake-border {
  background: #bfbfbf;
}
opb-additional-nights .circle-night {
  background-color: #FFF;
  color: #000;
}
opb-additional-nights .nights-current .night:after {
  background: #696969 !important;
}
opb-additional-nights .nights-current .night .gradient-fake-border,
opb-additional-nights .nights-current .night .circle-night {
  background: #696969 !important;
  color: #a5a5a5 !important;
}
opb-additional-nights .night.active .circle-night {
  color: #FFF;
}
opb-additional-nights .night.active ~ .night .circle-night {
  color: #FFF;
}
opb-additional-nights .additional-nights-list li {
  border-top: 1px solid #ececec;
  color: #000;
}
opb-additional-nights .additional-nights-list li.active {
  color: #000;
}
opb-additional-nights .additional-nights-list li:last-child {
  border-bottom: 1px solid #ececec;
}
opb-additional-nights .additional-nights-list li .night-rate .remove-night {
  color: rgba(0, 0, 0, 0.3);
}
@media (max-width: 1024px) {
  opb-additional-nights .nights-before.past .night:first-child:before,
  opb-additional-nights .nights-before.past .night:first-child:before,
  opb-additional-nights .nights-current.past .night:first-child:before {
    background: #696969;
  }
}
opb-additional-nights .night span.night-badage {
  font-size: 12px;
}
opb-additional-nights .circle-night span.date {
  font-size: 36px;
  font-weight: 300;
}
opb-additional-nights .circle-night span.rate {
  font-size: 13px;
}
opb-additional-nights .circle-night span.month-name {
  font-size: 13px;
}
opb-additional-nights .circle-night span.info {
  font-size: 13px;
}
opb-additional-nights .additional-nights-list li {
  font-size: 20px;
  font-weight: 500;
}
opb-additional-nights .additional-nights-list li .night-rate .remove-night {
  font-size: 18px;
}
opb-additional-nights .good {
  color: green;
  font-size: 8px;
}
@media (max-width: 1024px) {
  opb-additional-nights .additional-nights-list li {
    font-size: 16px;
  }
  opb-additional-nights .additional-nights-list li .night-rate .remove-night {
    font-size: 16px;
  }
}
@media (max-width: 375px) {
  opb-additional-nights .night .gradient-fake-border .circle-night span.date {
    font-size: 28px;
    font-weight: 300;
  }
}

.modal-content {
  background-color: #f3f3f3;
}
.modal-content .no-transparent-bg {
  background-color: #f3f3f3;
  min-height: 100vh;
}

app-allotment-login #login-wrap,
app-corporate-login #login-wrap {
  background-color: rgba(243, 243, 243, 0.9);
}
app-allotment-login #room-details span,
app-corporate-login #room-details span {
  color: #000;
}
app-allotment-login #close-modal-wrap,
app-corporate-login #close-modal-wrap {
  color: #000;
}
app-allotment-login #close-modal-wrap button.underlined:before,
app-corporate-login #close-modal-wrap button.underlined:before {
  background-color: #000;
}
app-allotment-login #close-modal-wrap:hover,
app-corporate-login #close-modal-wrap:hover {
  color: #000;
}
app-allotment-login:not(app-allotment-login):not(app-corporate-login-component) .form-field-row,
app-corporate-login:not(app-allotment-login):not(app-corporate-login-component) .form-field-row {
  background-color: #f0f0f0 !important;
}
app-allotment-login:not(app-allotment-login):not(app-corporate-login-component) .form-group input[type=text],
app-allotment-login:not(app-allotment-login):not(app-corporate-login-component) .form-group input[type=search],
app-allotment-login:not(app-allotment-login):not(app-corporate-login-component) .form-group input[type=password],
app-corporate-login:not(app-allotment-login):not(app-corporate-login-component) .form-group input[type=text],
app-corporate-login:not(app-allotment-login):not(app-corporate-login-component) .form-group input[type=search],
app-corporate-login:not(app-allotment-login):not(app-corporate-login-component) .form-group input[type=password] {
  color: #000 !important;
}
app-allotment-login:not(app-allotment-login):not(app-corporate-login-component) .form-group label.floating,
app-corporate-login:not(app-allotment-login):not(app-corporate-login-component) .form-group label.floating {
  color: rgba(0, 0, 0, 0.5) !important;
}

body.modal-open:not(.dark):not(.light-dark) #modal-content {
  color: #000;
}
body.modal-open:not(.dark):not(.light-dark) #modal-content p,
body.modal-open:not(.dark):not(.light-dark) #modal-content h2 {
  color: #000;
}

app-cancel-booking .form-group input[type=text],
app-cancel-booking .form-group input[type=search],
app-cancel-booking .form-group input[type=password] {
  color: #000 !important;
}
app-cancel-booking .form-group label.floating {
  color: rgba(0, 0, 0, 0.5) !important;
}

body.modal-open.dark:not(app-allotment-login):not(app-corporate-login-component) .modal-content,
body.modal-open.light-dark:not(app-allotment-login):not(app-corporate-login-component) .modal-content,
app-allotment-login:not(app-allotment-login):not(app-corporate-login-component) .modal-content,
app-corporate-login-component:not(app-allotment-login):not(app-corporate-login-component) .modal-content,
opb-login:not(app-allotment-login):not(app-corporate-login-component) .modal-content {
  background-color: rgba(0, 0, 0, 0.9);
}
body.modal-open.dark:not(app-allotment-login):not(app-corporate-login-component).light-dark .modal-content,
body.modal-open.light-dark:not(app-allotment-login):not(app-corporate-login-component).light-dark .modal-content,
app-allotment-login:not(app-allotment-login):not(app-corporate-login-component).light-dark .modal-content,
app-corporate-login-component:not(app-allotment-login):not(app-corporate-login-component).light-dark .modal-content,
opb-login:not(app-allotment-login):not(app-corporate-login-component).light-dark .modal-content {
  background-color: rgba(0, 0, 0, 0.9);
}
body.modal-open.dark:not(app-allotment-login):not(app-corporate-login-component) #room-details span,
body.modal-open.light-dark:not(app-allotment-login):not(app-corporate-login-component) #room-details span,
app-allotment-login:not(app-allotment-login):not(app-corporate-login-component) #room-details span,
app-corporate-login-component:not(app-allotment-login):not(app-corporate-login-component) #room-details span,
opb-login:not(app-allotment-login):not(app-corporate-login-component) #room-details span {
  color: #fff;
}
body.modal-open.dark:not(app-allotment-login):not(app-corporate-login-component) #modal-content,
body.modal-open.dark:not(app-allotment-login):not(app-corporate-login-component) .modal-content,
body.modal-open.light-dark:not(app-allotment-login):not(app-corporate-login-component) #modal-content,
body.modal-open.light-dark:not(app-allotment-login):not(app-corporate-login-component) .modal-content,
app-allotment-login:not(app-allotment-login):not(app-corporate-login-component) #modal-content,
app-allotment-login:not(app-allotment-login):not(app-corporate-login-component) .modal-content,
app-corporate-login-component:not(app-allotment-login):not(app-corporate-login-component) #modal-content,
app-corporate-login-component:not(app-allotment-login):not(app-corporate-login-component) .modal-content,
opb-login:not(app-allotment-login):not(app-corporate-login-component) #modal-content,
opb-login:not(app-allotment-login):not(app-corporate-login-component) .modal-content {
  color: #fff;
}
body.modal-open.dark:not(app-allotment-login):not(app-corporate-login-component) #modal-content div.container:not(.room-details-overlay-wrap) p,
body.modal-open.dark:not(app-allotment-login):not(app-corporate-login-component) #modal-content div.container:not(.room-details-overlay-wrap) h2,
body.modal-open.dark:not(app-allotment-login):not(app-corporate-login-component) .modal-content div.container:not(.room-details-overlay-wrap) p,
body.modal-open.dark:not(app-allotment-login):not(app-corporate-login-component) .modal-content div.container:not(.room-details-overlay-wrap) h2,
body.modal-open.light-dark:not(app-allotment-login):not(app-corporate-login-component) #modal-content div.container:not(.room-details-overlay-wrap) p,
body.modal-open.light-dark:not(app-allotment-login):not(app-corporate-login-component) #modal-content div.container:not(.room-details-overlay-wrap) h2,
body.modal-open.light-dark:not(app-allotment-login):not(app-corporate-login-component) .modal-content div.container:not(.room-details-overlay-wrap) p,
body.modal-open.light-dark:not(app-allotment-login):not(app-corporate-login-component) .modal-content div.container:not(.room-details-overlay-wrap) h2,
app-allotment-login:not(app-allotment-login):not(app-corporate-login-component) #modal-content div.container:not(.room-details-overlay-wrap) p,
app-allotment-login:not(app-allotment-login):not(app-corporate-login-component) #modal-content div.container:not(.room-details-overlay-wrap) h2,
app-allotment-login:not(app-allotment-login):not(app-corporate-login-component) .modal-content div.container:not(.room-details-overlay-wrap) p,
app-allotment-login:not(app-allotment-login):not(app-corporate-login-component) .modal-content div.container:not(.room-details-overlay-wrap) h2,
app-corporate-login-component:not(app-allotment-login):not(app-corporate-login-component) #modal-content div.container:not(.room-details-overlay-wrap) p,
app-corporate-login-component:not(app-allotment-login):not(app-corporate-login-component) #modal-content div.container:not(.room-details-overlay-wrap) h2,
app-corporate-login-component:not(app-allotment-login):not(app-corporate-login-component) .modal-content div.container:not(.room-details-overlay-wrap) p,
app-corporate-login-component:not(app-allotment-login):not(app-corporate-login-component) .modal-content div.container:not(.room-details-overlay-wrap) h2,
opb-login:not(app-allotment-login):not(app-corporate-login-component) #modal-content div.container:not(.room-details-overlay-wrap) p,
opb-login:not(app-allotment-login):not(app-corporate-login-component) #modal-content div.container:not(.room-details-overlay-wrap) h2,
opb-login:not(app-allotment-login):not(app-corporate-login-component) .modal-content div.container:not(.room-details-overlay-wrap) p,
opb-login:not(app-allotment-login):not(app-corporate-login-component) .modal-content div.container:not(.room-details-overlay-wrap) h2 {
  color: #fff;
}
body.modal-open.dark:not(app-allotment-login):not(app-corporate-login-component) #close-modal-wrap,
body.modal-open.light-dark:not(app-allotment-login):not(app-corporate-login-component) #close-modal-wrap,
app-allotment-login:not(app-allotment-login):not(app-corporate-login-component) #close-modal-wrap,
app-corporate-login-component:not(app-allotment-login):not(app-corporate-login-component) #close-modal-wrap,
opb-login:not(app-allotment-login):not(app-corporate-login-component) #close-modal-wrap {
  color: #fff;
}
body.modal-open.dark:not(app-allotment-login):not(app-corporate-login-component) #close-modal-wrap button.underlined:before,
body.modal-open.light-dark:not(app-allotment-login):not(app-corporate-login-component) #close-modal-wrap button.underlined:before,
app-allotment-login:not(app-allotment-login):not(app-corporate-login-component) #close-modal-wrap button.underlined:before,
app-corporate-login-component:not(app-allotment-login):not(app-corporate-login-component) #close-modal-wrap button.underlined:before,
opb-login:not(app-allotment-login):not(app-corporate-login-component) #close-modal-wrap button.underlined:before {
  background-color: #fff;
}
body.modal-open.dark:not(app-allotment-login):not(app-corporate-login-component) #close-modal-wrap:hover,
body.modal-open.light-dark:not(app-allotment-login):not(app-corporate-login-component) #close-modal-wrap:hover,
app-allotment-login:not(app-allotment-login):not(app-corporate-login-component) #close-modal-wrap:hover,
app-corporate-login-component:not(app-allotment-login):not(app-corporate-login-component) #close-modal-wrap:hover,
opb-login:not(app-allotment-login):not(app-corporate-login-component) #close-modal-wrap:hover {
  color: #fff;
}
body.modal-open.dark .form-field-row,
body.modal-open.light-dark .form-field-row,
app-allotment-login .form-field-row,
app-corporate-login-component .form-field-row,
opb-login .form-field-row {
  background-color: #f0f0f0 !important;
}
body.modal-open.dark .form-group input[type=text],
body.modal-open.dark .form-group input[type=search],
body.modal-open.dark .form-group input[type=password],
body.modal-open.light-dark .form-group input[type=text],
body.modal-open.light-dark .form-group input[type=search],
body.modal-open.light-dark .form-group input[type=password],
app-allotment-login .form-group input[type=text],
app-allotment-login .form-group input[type=search],
app-allotment-login .form-group input[type=password],
app-corporate-login-component .form-group input[type=text],
app-corporate-login-component .form-group input[type=search],
app-corporate-login-component .form-group input[type=password],
opb-login .form-group input[type=text],
opb-login .form-group input[type=search],
opb-login .form-group input[type=password] {
  color: #000 !important;
}
body.modal-open.dark .form-group label.floating,
body.modal-open.light-dark .form-group label.floating,
app-allotment-login .form-group label.floating,
app-corporate-login-component .form-group label.floating,
opb-login .form-group label.floating {
  color: rgba(0, 0, 0, 0.5) !important;
}

body.modal-open.mobile-menu .modal {
  border-top: 1px solid #575757;
}
body.modal-open.mobile-menu .modal-content {
  background-color: rgba(0, 0, 0, 0.9);
}

#login-wrap button i {
  font-size: 22px;
}
#login-wrap button i:before {
  font-size: 22px;
}

.mobile-room-details.scrollable {
  color: #000 !important;
}
.mobile-room-details.scrollable span.line-through:after {
  background-color: #000 !important;
}
.mobile-room-details.scrollable p {
  color: #000 !important;
}
.mobile-room-details.scrollable span.price-per-night {
  color: #000;
}
.mobile-room-details.scrollable .rates-wrap {
  background-color: #f2f2f2;
}
.mobile-room-details.scrollable .rate-plan-row {
  background-color: #FFF;
  box-shadow: 0 1px 7px 0 rgba(64, 64, 64, 0.25);
}
.mobile-room-details.scrollable span.read-more-dots {
  background: linear-gradient(to right, rgba(242, 242, 242, 0) 0%, #f2f2f2 50%, #f2f2f2 100%);
}
.mobile-room-details.scrollable a, .mobile-room-details.scrollable a:hover, .mobile-room-details.scrollable a:active, .mobile-room-details.scrollable a:visited {
  color: #000 !important;
}

@media (max-width: 992px) {
  .room-bottom-row .tiny-wrap .tiny {
    display: none !important;
  }
  .room-bottom-row.row {
    margin: 0;
  }
  .room-bottom-row.row > div.has-breakpoints {
    padding-left: 0;
  }
  p.room-infos {
    padding: 5px 0;
  }
  .mobile-room-btn button {
    width: 100%;
  }
  .mobile-room-btn button span span {
    display: block;
  }
  .mobile-room-btn button i {
    vertical-align: top;
    font-size: 75%;
  }
  .order-list .room-description .read-more-dots {
    background: linear-gradient(to right, rgba(242, 242, 242, 0) 0%, #f2f2f2 50%, #f2f2f2 100%);
  }
  .order-list .room-description .read-less {
    text-align: right;
    margin: 2px 4px 0 0;
    display: block;
  }
}
/* Room and rates? */
opb-rooms-and-rates .mobile-select-row {
  border: 1px solid #d5d5d5;
  border-left-width: 0;
  border-right-width: 0;
}
opb-rooms-and-rates .mobile-select-row > div:first-child {
  border: 1px solid #d5d5d5;
  border-top-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
}

#rooms-compare-wrapper {
  background: #FFF;
  color: #000;
}
#rooms-compare-wrapper ul li {
  font-size: 1.313rem;
  font-weight: 400;
  border-bottom: 1px solid rgba(82, 82, 82, 0.3);
  line-height: 41px;
  text-transform: none;
}
#rooms-compare-wrapper ul li.room-price {
  font-weight: 400;
}
#rooms-compare-wrapper ul li.room-name {
  font-weight: 400;
}
#rooms-compare-wrapper ul li i {
  font-size: 1rem;
}
#rooms-compare-wrapper ul li i.icon-menu {
  font-size: 1.3rem;
}
#rooms-compare-wrapper .room-button-wrapper button {
  margin-top: 37px;
  margin-bottom: 37px;
  font-size: 1.563rem;
  padding: 15px 37px;
  color: #7e1432 !important;
  border-color: #7e1432 !important;
}
#rooms-compare-wrapper .room-button-wrapper button:hover {
  background: #7e1432 !important;
  border-color: #7e1432 !important;
  color: #FFF !important;
}

#rooms-carousel-wrap .carousel-cell h3 {
  font-size: 1.625rem;
  font-weight: normal;
  text-transform: none;
}
#rooms-carousel-wrap .carousel-cell p {
  text-transform: none;
}
#rooms-carousel-wrap .carousel-cell p.strike-price {
  color: #848484;
  font-size: 0.875rem;
  line-height: 1;
  text-decoration: line-through;
}
#rooms-carousel-wrap .carousel-cell:nth-child(odd) {
  background: #FFF;
}
#rooms-carousel-wrap .carousel-cell:nth-child(even) {
  background: #f6e3cd;
}
#rooms-carousel-wrap .carousel-cell button.badge {
  border: 1px solid #7e1432 !important;
}
#rooms-carousel-wrap .carousel-cell button.badge span i {
  color: #7e1432 !important;
}
#rooms-carousel-wrap .carousel-cell button.badge:hover {
  background-color: #7e1432 !important;
}
#rooms-carousel-wrap .carousel-cell button.badge:hover span {
  transform: rotate(90deg) translate3d(0, 0, 0);
}
#rooms-carousel-wrap .carousel-cell button.badge:hover span i {
  color: #fff !important;
}

#rooms-compare-legend,
#rates-compare-legend {
  background: #f6e3cd;
}

/* Rates popup */
#rates-compare-wrapper {
  background: #FFF;
  color: #000;
}
#rates-compare-wrapper ul li {
  font-size: 1.313rem;
  font-weight: 400;
  border-bottom: 1px solid rgba(82, 82, 82, 0.3);
  line-height: 41px;
}
#rates-compare-wrapper ul li i {
  font-size: 1rem;
}
#rates-compare-wrapper ul li i.icon-menu {
  font-size: 1.3rem;
}
#rates-compare-wrapper .rate-button-wrapper button {
  margin-top: 37px;
  margin-bottom: 37px;
  font-size: 1.563rem;
  padding: 15px 37px;
  color: #7e1432 !important;
  border-color: #7e1432 !important;
}
#rates-compare-wrapper .rate-button-wrapper button:hover {
  background: #7e1432 !important;
  border-color: #7e1432 !important;
  color: #FFF !important;
}

#rates-compare-slides .rates-compare-slide h3 {
  font-size: 1.625rem;
  font-weight: normal;
  text-transform: none;
}
#rates-compare-slides .rates-compare-slide p.strike-price {
  color: #848484;
  font-size: 0.875rem;
  line-height: 1;
  text-decoration: line-through;
}
#rates-compare-slides .rates-compare-slide:nth-child(odd) {
  background: #FFF;
}
#rates-compare-slides .rates-compare-slide:nth-child(even) {
  background: #f6e3cd;
}

/* OLD MODULE */
opb-rooms-and-rates #rates-rows-wrap {
  color: #000;
}
opb-rooms-and-rates #rates-rows-wrap > div ul.rates-legend {
  color: #000;
  box-shadow: 11px 0px 10px -9px rgba(0, 0, 0, 0.08);
  background-color: #f6e3cd;
}
opb-rooms-and-rates #rates-rows-wrap > div ul.rates-legend:before {
  background-color: #f6e3cd;
}
opb-rooms-and-rates #rates-rows-wrap > div li:not(:last-child):not(.dot) {
  border-bottom: 1px solid lightgray;
}
opb-rooms-and-rates #rates-rows-wrap > div li.dot:after {
  border-color: #7e1432 !important;
}
opb-rooms-and-rates #rates-rows-wrap > div.lines-helper ul.rates-legend li:not(:last-child):after {
  background-color: lightgray;
}
opb-rooms-and-rates #rates-rows-wrap > div .rates-carousel-wrap .carousel .rate-item {
  background-color: #FFF;
}
opb-rooms-and-rates #rates-rows-wrap > div .rates-carousel-wrap .carousel .rate-item.active .info-wrap button {
  color: #fff; /* DOnt know whats that */
}
opb-rooms-and-rates #rates-rows-wrap > div .rates-carousel-wrap .carousel .rate-item ul li:first-child {
  border-top: 1px solid #ececec;
}
opb-rooms-and-rates #rates-rows-wrap > div .rates-carousel-wrap .carousel .rate-item div.badge span {
  color: #fff;
}
opb-rooms-and-rates #rates-rows-wrap > div .rates-carousel-wrap .carousel .rate-item .rate-header h3 {
  font-size: 25px;
  font-weight: 500;
  font-size: 14px;
}
@media (min-width: 600px) {
  opb-rooms-and-rates #rates-rows-wrap > div .rates-carousel-wrap .carousel .rate-item .rate-header h3 {
    font-size: 14.7px;
  }
}
@media (min-width: 992px) {
  opb-rooms-and-rates #rates-rows-wrap > div .rates-carousel-wrap .carousel .rate-item .rate-header h3 {
    font-size: 15.4px;
  }
}
@media (min-width: 1440px) {
  opb-rooms-and-rates #rates-rows-wrap > div .rates-carousel-wrap .carousel .rate-item .rate-header h3 {
    font-size: 16.1px;
  }
}
opb-rooms-and-rates #rates-rows-wrap > div .rates-carousel-wrap .carousel .rate-item i {
  width: 20px;
  height: 20px;
  font-weight: 100;
}
opb-rooms-and-rates #rates-rows-wrap > div .rates-carousel-wrap .slider-gradient-mask.right > div > div:last-child {
  background-color: #FFF;
}
opb-rooms-and-rates #rates-rows-wrap > div .rates-carousel-wrap .slider-gradient-mask.right > div > div:first-child {
  background: linear-gradient(to right, #FFF 0%, rgba(255, 255, 255, 0) 100%);
}
opb-rooms-and-rates #rates-rows-wrap > div .rates-carousel-wrap .slider-gradient-mask.left > div > div:last-child {
  background-color: #FFF;
}
opb-rooms-and-rates #rates-rows-wrap > div .rates-carousel-wrap .slider-gradient-mask.left > div > div:first-child {
  background: linear-gradient(to right, #FFF 0%, rgba(255, 255, 255, 0) 100%);
}

.bg-light-grey opb-rooms-and-rates #rates-rows-wrap > div .rates-carousel-wrap .slider-gradient-mask.right > div > div:last-child {
  background-color: #f6e3cd;
}
.bg-light-grey opb-rooms-and-rates #rates-rows-wrap > div .rates-carousel-wrap .slider-gradient-mask.right > div > div:first-child {
  background: linear-gradient(to right, #f6e3cd 0%, rgba(246, 227, 205, 0) 100%);
}
.bg-light-grey opb-rooms-and-rates #rates-rows-wrap > div .rates-carousel-wrap .slider-gradient-mask.left > div > div:last-child {
  background-color: #f6e3cd;
}
.bg-light-grey opb-rooms-and-rates #rates-rows-wrap > div .rates-carousel-wrap .slider-gradient-mask.left > div > div:first-child {
  background: linear-gradient(to right, #f6e3cd 0%, rgba(246, 227, 205, 0) 100%);
}

/* From component */
.old-module {
  font-size: 1rem;
}
.old-module .switch-wrap > div > span {
  font-size: 12px;
}
.old-module .switch-wrap .rooms-compare-count {
  font-size: 12px;
  font-weight: bold;
}
.old-module .switch-wrap .rooms-compare-count > span {
  font-size: 10px;
}
.old-module #rooms-rows-wrap > div li {
  font-size: 0.875em;
  font-weight: 300;
}
.old-module #rooms-rows-wrap > div #rooms-carousel-wrap .carousel .room-item .room-image-wrap div button.badge {
  font-size: 13px;
  font-weight: 300;
}
.old-module #rooms-rows-wrap > div #rooms-carousel-wrap .carousel .room-item .room-image-wrap div button.badge span {
  font-size: 0.875rem;
}
.old-module #rooms-rows-wrap > div #rooms-carousel-wrap .carousel .room-item .room-image-wrap div button.badge span i {
  font-weight: 100;
}
.old-module #rooms-rows-wrap > div #rooms-carousel-wrap .carousel .room-item .info-wrap {
  font-weight: 400;
}
.old-module #rooms-rows-wrap > div #rooms-carousel-wrap .carousel .room-item .info-wrap .price {
  font-size: 1.8125rem;
}
.old-module #rooms-rows-wrap > div #rooms-carousel-wrap .carousel .room-item .info-wrap .price span {
  font-size: 0.875rem;
}
.old-module #rooms-rows-wrap > div #rooms-carousel-wrap .carousel .room-item .info-wrap .price.not-available {
  font-size: 18px;
}
.old-module #rooms-rows-wrap > div #rooms-carousel-wrap .carousel .room-item .info-wrap button {
  font-weight: 400;
  font-size: 1.0625rem;
}

/* Rate monitor */
app-rate-monitor, app-booking-code-sticky {
  color: #000;
}
app-rate-monitor #rate-monitor-new, app-rate-monitor #booking-code-sticky-wrapper, app-booking-code-sticky #rate-monitor-new, app-booking-code-sticky #booking-code-sticky-wrapper {
  background: #FFF;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
  /* Loader */
  /* lighten */
}
app-rate-monitor #rate-monitor-new #rate-monitor-trigger .icon-wrap i, app-rate-monitor #rate-monitor-new #booking-code-sticky-trigger .icon-wrap i, app-rate-monitor #booking-code-sticky-wrapper #rate-monitor-trigger .icon-wrap i, app-rate-monitor #booking-code-sticky-wrapper #booking-code-sticky-trigger .icon-wrap i, app-booking-code-sticky #rate-monitor-new #rate-monitor-trigger .icon-wrap i, app-booking-code-sticky #rate-monitor-new #booking-code-sticky-trigger .icon-wrap i, app-booking-code-sticky #booking-code-sticky-wrapper #rate-monitor-trigger .icon-wrap i, app-booking-code-sticky #booking-code-sticky-wrapper #booking-code-sticky-trigger .icon-wrap i {
  color: #fff;
}
app-rate-monitor #rate-monitor-new .spinner > div, app-rate-monitor #booking-code-sticky-wrapper .spinner > div, app-booking-code-sticky #rate-monitor-new .spinner > div, app-booking-code-sticky #booking-code-sticky-wrapper .spinner > div {
  background-color: #000;
}
app-rate-monitor #rate-monitor-new .extra-text, app-rate-monitor #booking-code-sticky-wrapper .extra-text, app-booking-code-sticky #rate-monitor-new .extra-text, app-booking-code-sticky #booking-code-sticky-wrapper .extra-text {
  color: #000;
}
app-rate-monitor #rate-monitor-new #rate-monitor-trigger:after, app-rate-monitor #rate-monitor-new #booking-code-sticky-trigger:after, app-rate-monitor #booking-code-sticky-wrapper #rate-monitor-trigger:after, app-rate-monitor #booking-code-sticky-wrapper #booking-code-sticky-trigger:after, app-booking-code-sticky #rate-monitor-new #rate-monitor-trigger:after, app-booking-code-sticky #rate-monitor-new #booking-code-sticky-trigger:after, app-booking-code-sticky #booking-code-sticky-wrapper #rate-monitor-trigger:after, app-booking-code-sticky #booking-code-sticky-wrapper #booking-code-sticky-trigger:after {
  border-color: #f9f3f5 transparent #f9f3f5 transparent;
}
app-rate-monitor #rate-monitor-new #rate-monitor-price, app-rate-monitor #rate-monitor-new .booking-code-sticky-content, app-rate-monitor #booking-code-sticky-wrapper #rate-monitor-price, app-rate-monitor #booking-code-sticky-wrapper .booking-code-sticky-content, app-booking-code-sticky #rate-monitor-new #rate-monitor-price, app-booking-code-sticky #rate-monitor-new .booking-code-sticky-content, app-booking-code-sticky #booking-code-sticky-wrapper #rate-monitor-price, app-booking-code-sticky #booking-code-sticky-wrapper .booking-code-sticky-content {
  background: rgba(126, 20, 50, 0.05);
  color: #000;
}
app-rate-monitor #rate-monitor-new #rate-monitor-other-prices li:not(.our-price) .push-name, app-rate-monitor #booking-code-sticky-wrapper #rate-monitor-other-prices li:not(.our-price) .push-name, app-booking-code-sticky #rate-monitor-new #rate-monitor-other-prices li:not(.our-price) .push-name, app-booking-code-sticky #booking-code-sticky-wrapper #rate-monitor-other-prices li:not(.our-price) .push-name {
  color: rgba(0, 0, 0, 0.7);
}

.chat-wrap .messages > div .message {
  color: #fff;
  background: linear-gradient(to right, #15660c 0%, #3da00c 100%);
}
.chat-wrap .messages > div .message .price-compare-wrap h4 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}
.chat-wrap .messages > div .message .price-compare-wrap .compare-list li {
  color: rgba(255, 255, 255, 0.75);
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}
.chat-wrap .messages > div .message .price-compare-wrap .compare-list li.our-price {
  color: white;
}
.chat-wrap .messages > div .message .price-compare-wrap .time-message {
  border-top: 1px solid rgba(255, 255, 255, 0.14);
  color: rgba(255, 255, 255, 0.75);
}
.chat-wrap .bubble {
  background: linear-gradient(to right, #15660c 0%, #3da00c 100%);
  color: #fff;
}
.chat-wrap .carousel .carousel-cell > div:first-child span {
  color: #fff;
}
.chat-wrap .carousel .carousel-cell > div:first-child span.nights {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.chat-wrap .carousel .carousel-cell > div:first-child span.price button.btn-default {
  color: #fff;
  border-color: #fff;
}
.chat-wrap .carousel .carousel-cell > div:first-child span.price button.btn-default:active {
  background-color: transparent;
}
.chat-wrap .carousel .carousel-cell > div:first-child span.price button.btn-default:hover {
  background-color: rgba(255, 255, 255, 0.2) !important;
}
.chat-wrap .carousel .carousel-cell > div.packages-cell-bg-wrap {
  background-color: #f2f2f2;
}
.chat-wrap .carousel .carousel-cell > div.packages-cell-bg-wrap > div.packages-cell-bg:after {
  background-color: rgba(0, 0, 0, 0.5);
}

.ul-wrap .triangle {
  border-color: transparent transparent #FFF transparent;
}
.ul-wrap ul {
  background: #FFF;
}
.ul-wrap ul li {
  color: #7e1432 !important;
  background-color: #FFF !important;
  font-size: 14px;
  font-weight: 500;
  text-transform: none;
}
.ul-wrap ul li .flag-icon {
  top: 13px;
}
.ul-wrap ul li:before {
  background-color: #7e1432;
}
.ul-wrap ul li:hover {
  color: #FFF !important;
  background-color: #7e1432 !important;
}
.ul-wrap ul li.active-element {
  color: #000 !important;
  background-color: #FFF !important;
}
.ul-wrap ul li:not(:last-child) {
  border-bottom: 1px solid rgba(126, 20, 50, 0.2);
}

#modal-configurator {
  background: transparent;
  color: #000;
}
#modal-configurator h3 {
  font-family: "Cabin", sans-serif;
  margin-bottom: 5px;
}
#modal-configurator h3 + p {
  margin-bottom: 5px;
}
#modal-configurator p {
  color: #000;
}
#modal-configurator .options-list-padding {
  background: #f6e3cd;
}
#modal-configurator .enhancement p.details {
  color: #ababab;
}
#modal-configurator .enhancement .enhancement-option {
  background: #FFF;
  color: #000;
  border: 1px solid #ececec;
}
#modal-configurator .enhancement .enhancement-option.increase-input .control-wrapper,
#modal-configurator .enhancement .enhancement-option.increase-input .value-wrapper {
  color: #7e1432;
}
#modal-configurator .enhancement .enhancement-option.increase-input .control-wrapper.disabled,
#modal-configurator .enhancement .enhancement-option.increase-input .value-wrapper.disabled {
  color: #000;
  opacity: 0.15;
}
#modal-configurator .enhancement .enhancement-option.increase-input .control {
  border: 2px solid #7e1432 !important;
}
#modal-configurator .enhancement .enhancement-option.increase-input .control.disabled {
  color: #000;
  border: 2px solid #000 !important;
}

.time-picker .time-picker-carousel span.time.active {
  box-shadow: 0 0 0 1.5px #7e1432;
}

.popup-button-wrapper {
  background: #FFF;
}

.close-modal {
  background: #7e1432;
  color: #FFF;
  right: 5px;
}

#modal-configurator .enhancement .enhancement-option.increase-input .control {
  font-family: "opb-icons";
}
#modal-configurator .enhancement .enhancement-option.increase-input .control i {
  margin-top: -1px;
}

@media (max-width: 992px) {
  .modal-dialog app-cancel-booking-confirmation-content #confirm-cancellation-modal .close-modal {
    right: 5px !important;
  }
}

app-calendar-extended .date-pick-wrap ngb-datepicker {
  background-color: #000;
}
app-calendar-extended .date-pick-wrap ngb-datepicker .ngb-dp-day {
  border-color: #4d4d4d;
  width: 2.5rem !important;
  height: 2.5rem !important;
}
app-calendar-extended .date-pick-wrap ngb-datepicker .ngb-dp-day > * {
  line-height: 2.5rem;
}
app-calendar-extended .date-pick-wrap ngb-datepicker .ngb-dp-day.disabled:not(.hidden) > .custom-day {
  color: #777;
}
app-calendar-extended .date-pick-wrap ngb-datepicker .ngb-dp-day > .custom-day, app-calendar-extended .date-pick-wrap ngb-datepicker .ngb-dp-day > .btn-light {
  color: #fff;
}
app-calendar-extended .date-pick-wrap ngb-datepicker .ngb-dp-day > .custom-day.text-muted, app-calendar-extended .date-pick-wrap ngb-datepicker .ngb-dp-day > .btn-light.text-muted {
  color: rgba(255, 255, 255, 0.5);
}
app-calendar-extended .date-pick-wrap ngb-datepicker .ngb-dp-day > .custom-day.day-highlighted, app-calendar-extended .date-pick-wrap ngb-datepicker .ngb-dp-day > .custom-day.bg-primary, app-calendar-extended .date-pick-wrap ngb-datepicker .ngb-dp-day > .custom-day:hover, app-calendar-extended .date-pick-wrap ngb-datepicker .ngb-dp-day > .btn-light.day-highlighted, app-calendar-extended .date-pick-wrap ngb-datepicker .ngb-dp-day > .btn-light.bg-primary, app-calendar-extended .date-pick-wrap ngb-datepicker .ngb-dp-day > .btn-light:hover {
  background-color: #7e1432;
}
app-calendar-extended .date-pick-wrap ngb-datepicker .ngb-dp-day > .custom-day.range, app-calendar-extended .date-pick-wrap ngb-datepicker .ngb-dp-day > .btn-light.range {
  background-color: #7e1432;
}
app-calendar-extended .date-pick-wrap ngb-datepicker .ngb-dp-day > .custom-day.faded, app-calendar-extended .date-pick-wrap ngb-datepicker .ngb-dp-day > .btn-light.faded {
  background-color: #100306;
}
app-calendar-extended .date-pick-wrap ngb-datepicker .ngb-dp-day:not(.hidden) + .hidden {
  border-color: #4d4d4d !important;
}
app-calendar-extended .date-pick-wrap ngb-datepicker .ngb-dp-weekday {
  width: 2.5rem !important;
  height: 2.5rem !important;
  line-height: 2.5rem !important;
}

/* Pages */
opb-booking-confirmation,
#cancellation-confirmation {
  color: #000;
  /* Globals */
  /* Section with text - gradient background */
  /* section with icons */
  /* section with booking details */
  /* section with informations */
  /* section with questions*/
  /* Section with rating */
  /* AddEvent theme CSS
     ---------------------------------------------------------------------- */
  /* The button */
  /* The drop down */
  /* Colors */
}
opb-booking-confirmation #feedback-input-wrap .feedback-group label,
#cancellation-confirmation #feedback-input-wrap .feedback-group label {
  color: rgba(0, 0, 0, 0.5);
}
opb-booking-confirmation #feedback-input-wrap textarea.form-control,
#cancellation-confirmation #feedback-input-wrap textarea.form-control {
  background: #FFF;
  border: 1px solid #e2e2e2;
  color: #000;
}
opb-booking-confirmation .all-bookings-text,
#cancellation-confirmation .all-bookings-text {
  color: rgba(0, 0, 0, 0.5);
  background: #FFF;
}
opb-booking-confirmation .white-box,
#cancellation-confirmation .white-box {
  border: 1px solid #ececec;
  background: #FFF;
  color: #000;
}
opb-booking-confirmation .white-box a,
#cancellation-confirmation .white-box a {
  color: rgba(0, 0, 0, 0.5);
  color: rgba(0, 0, 0, 0.5);
}
opb-booking-confirmation .white-box small a,
#cancellation-confirmation .white-box small a {
  color: #000;
}
opb-booking-confirmation .gradient-border,
#cancellation-confirmation .gradient-border {
  border-image: linear-gradient(to right, #7e1432 0%, #7e1432 100%);
  border-image-slice: 1;
  color: #7e1432;
  background: transparent;
}
opb-booking-confirmation .gradient-border:hover,
#cancellation-confirmation .gradient-border:hover {
  background: linear-gradient(to right, #7e1432 0%, #7e1432 100%);
  color: #fff;
}
opb-booking-confirmation .section-gradient,
#cancellation-confirmation .section-gradient {
  background: linear-gradient(to bottom, #FFF 0%, #f6e3cd 100%);
}
opb-booking-confirmation #confirmation-text-section,
#cancellation-confirmation #confirmation-text-section {
  color: #FFF;
  background: linear-gradient(145deg, #7e1432, #cc537e);
}
opb-booking-confirmation #confirmation-text-section h2,
#cancellation-confirmation #confirmation-text-section h2 {
  color: #FFF;
}
opb-booking-confirmation #confirmation-icons li,
#cancellation-confirmation #confirmation-icons li {
  color: #fff;
  transition: 0.15s ease color;
}
opb-booking-confirmation #confirmation-icons li a,
#cancellation-confirmation #confirmation-icons li a {
  color: #fff;
  transition: 0.15s ease color;
}
opb-booking-confirmation #confirmation-icons li a span.icon-description,
#cancellation-confirmation #confirmation-icons li a span.icon-description {
  line-height: 1;
}
opb-booking-confirmation #confirmation-icons li a.add-input,
#cancellation-confirmation #confirmation-icons li a.add-input {
  color: #838383 !important;
}
opb-booking-confirmation #confirmation-icons li a.addeventatc,
#cancellation-confirmation #confirmation-icons li a.addeventatc {
  display: block;
  background: transparent;
}
opb-booking-confirmation #confirmation-icons li a .addeventatc_dropdown,
#cancellation-confirmation #confirmation-icons li a .addeventatc_dropdown {
  margin: 25px 0;
  transform: translateX(-20%);
}
opb-booking-confirmation #confirmation-icons li span.icon-description,
#cancellation-confirmation #confirmation-icons li span.icon-description {
  line-height: 1;
  color: #fff;
  transition: 0.15s ease color;
}
opb-booking-confirmation #confirmation-icons li:hover,
#cancellation-confirmation #confirmation-icons li:hover {
  color: #fff;
}
opb-booking-confirmation #confirmation-icons li:hover a,
#cancellation-confirmation #confirmation-icons li:hover a {
  color: #fff;
}
opb-booking-confirmation #confirmation-icons li:hover span.icon-description,
#cancellation-confirmation #confirmation-icons li:hover span.icon-description {
  color: #fff;
}
opb-booking-confirmation .booking-details-section,
#cancellation-confirmation .booking-details-section {
  background: linear-gradient(to bottom, #FFF 0%, #f6e3cd 100%);
}
opb-booking-confirmation .booking-details-section .booking-date,
#cancellation-confirmation .booking-details-section .booking-date {
  color: rgba(0, 0, 0, 0.5);
}
opb-booking-confirmation .booking-details-section.fullcollor,
#cancellation-confirmation .booking-details-section.fullcollor {
  background: linear-gradient(to bottom, #FFF 0%, #f6e3cd 100%);
}
opb-booking-confirmation .booking-details-section .confirmation-header h2,
#cancellation-confirmation .booking-details-section .confirmation-header h2 {
  color: #465aff;
}
opb-booking-confirmation .booking-details-section .order-list .dashed-border:after,
#cancellation-confirmation .booking-details-section .order-list .dashed-border:after {
  border-bottom: 1px dashed #000;
}
opb-booking-confirmation .booking-details-section .confirmation-summary .ordered-list .list-element,
#cancellation-confirmation .booking-details-section .confirmation-summary .ordered-list .list-element {
  border-bottom: 1px solid #ececec;
}
opb-booking-confirmation .booking-details-section .confirmation-summary .ordered-list .list-element:first-child,
#cancellation-confirmation .booking-details-section .confirmation-summary .ordered-list .list-element:first-child {
  border-top: 1px solid #ececec;
}
@media (max-width: 430px) {
  opb-booking-confirmation .booking-details-section .confirmation-summary .white-box .details-content > .row,
  #cancellation-confirmation .booking-details-section .confirmation-summary .white-box .details-content > .row {
    border-bottom: 1px solid #dadada;
  }
}
opb-booking-confirmation #confirmation-informations-section a,
#cancellation-confirmation #confirmation-informations-section a {
  color: #2c17ff;
}
opb-booking-confirmation #confirmation-informations-section i.icon-star,
#cancellation-confirmation #confirmation-informations-section i.icon-star {
  color: #465aff;
}
opb-booking-confirmation #confirmation-informations-section i.icon-purse,
#cancellation-confirmation #confirmation-informations-section i.icon-purse {
  color: #465aff;
}
opb-booking-confirmation #confirmation-faq-section #confirmation-faq-questions .rounded-icon,
#cancellation-confirmation #confirmation-faq-section #confirmation-faq-questions .rounded-icon {
  border: 1px solid #7e1432;
  color: #7e1432;
}
opb-booking-confirmation #confirmation-rating-section #confirmation-rating button,
#cancellation-confirmation #confirmation-rating-section #confirmation-rating button {
  background: transparent;
}
opb-booking-confirmation #confirmation-rating-section #confirmation-rating button.active:after,
#cancellation-confirmation #confirmation-rating-section #confirmation-rating button.active:after {
  background: #979797;
}
opb-booking-confirmation #confirmation-rating-section #confirmation-rating button:after,
#cancellation-confirmation #confirmation-rating-section #confirmation-rating button:after {
  border: 1px solid #979797;
}
opb-booking-confirmation .addeventatc,
#cancellation-confirmation .addeventatc {
  display: inline-block;
  position: relative;
  z-index: 999998;
  font-family: Roboto, Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
  font-weight: 300;
  color: #333;
  text-decoration: none;
  font-size: 16px;
  cursor: pointer;
  border: none !important;
  padding: 0 !important;
}
opb-booking-confirmation .addeventatc:active,
#cancellation-confirmation .addeventatc:active {
  top: 0 !important;
}
opb-booking-confirmation .addeventatc:hover,
#cancellation-confirmation .addeventatc:hover {
  color: #555;
  font-size: 16px;
  text-decoration: underline;
}
opb-booking-confirmation .addeventatc .start,
opb-booking-confirmation .addeventatc .end,
opb-booking-confirmation .addeventatc .timezone,
opb-booking-confirmation .addeventatc .title,
opb-booking-confirmation .addeventatc .description,
opb-booking-confirmation .addeventatc .location,
opb-booking-confirmation .addeventatc .organizer,
opb-booking-confirmation .addeventatc .organizer_email,
opb-booking-confirmation .addeventatc .facebook_event,
opb-booking-confirmation .addeventatc .all_day_event,
opb-booking-confirmation .addeventatc .date_format,
opb-booking-confirmation .addeventatc .alarm_reminder,
opb-booking-confirmation .addeventatc .recurring,
opb-booking-confirmation .addeventatc .attendees,
opb-booking-confirmation .addeventatc .calname,
opb-booking-confirmation .addeventatc .uid,
opb-booking-confirmation .addeventatc .status,
opb-booking-confirmation .addeventatc .method,
opb-booking-confirmation .addeventatc .client,
#cancellation-confirmation .addeventatc .start,
#cancellation-confirmation .addeventatc .end,
#cancellation-confirmation .addeventatc .timezone,
#cancellation-confirmation .addeventatc .title,
#cancellation-confirmation .addeventatc .description,
#cancellation-confirmation .addeventatc .location,
#cancellation-confirmation .addeventatc .organizer,
#cancellation-confirmation .addeventatc .organizer_email,
#cancellation-confirmation .addeventatc .facebook_event,
#cancellation-confirmation .addeventatc .all_day_event,
#cancellation-confirmation .addeventatc .date_format,
#cancellation-confirmation .addeventatc .alarm_reminder,
#cancellation-confirmation .addeventatc .recurring,
#cancellation-confirmation .addeventatc .attendees,
#cancellation-confirmation .addeventatc .calname,
#cancellation-confirmation .addeventatc .uid,
#cancellation-confirmation .addeventatc .status,
#cancellation-confirmation .addeventatc .method,
#cancellation-confirmation .addeventatc .client {
  display: none !important;
}
opb-booking-confirmation .addeventatc-selected,
#cancellation-confirmation .addeventatc-selected {
  background: transparent !important;
}
opb-booking-confirmation .addeventatc img,
#cancellation-confirmation .addeventatc img {
  position: relative;
  top: 4px;
}
opb-booking-confirmation .addeventatc_dropdown,
#cancellation-confirmation .addeventatc_dropdown {
  width: 200px;
  position: absolute;
  z-index: 99999;
  padding: 6px 0px 0px 0px;
  background: #fff;
  text-align: left;
  display: none;
  margin-top: 4px;
  margin-left: -1px;
  border-top: 1px solid #c8c8c8;
  border-right: 1px solid #bebebe;
  border-bottom: 1px solid #a8a8a8;
  border-left: 1px solid #bebebe;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -webkit-box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.15);
}
opb-booking-confirmation .addeventatc_dropdown span,
#cancellation-confirmation .addeventatc_dropdown span {
  display: block;
  line-height: 100%;
  background: #fff;
  text-decoration: none;
  font-size: 14px;
  color: #333;
  padding: 9px 10px 9px 40px;
}
opb-booking-confirmation .addeventatc_dropdown span:hover,
#cancellation-confirmation .addeventatc_dropdown span:hover {
  background-color: #f4f4f4;
  color: #000;
  text-decoration: none;
  font-size: 14px;
}
opb-booking-confirmation .addeventatc_dropdown em,
#cancellation-confirmation .addeventatc_dropdown em {
  color: #999 !important;
  font-size: 12px !important;
}
opb-booking-confirmation .addeventatc_dropdown .frs,
#cancellation-confirmation .addeventatc_dropdown .frs {
  background: #fff;
  color: #cacaca !important;
  cursor: pointer;
  font-size: 9px !important;
  font-style: normal !important;
  font-weight: normal !important;
  line-height: 110% !important;
  padding-left: 10px;
  position: absolute;
  right: 10px;
  text-align: right;
  text-decoration: none;
  top: 5px;
  z-index: 101;
}
opb-booking-confirmation .addeventatc_dropdown .frs:hover,
#cancellation-confirmation .addeventatc_dropdown .frs:hover {
  color: #999 !important;
}
opb-booking-confirmation .addeventatc_dropdown .ateappleical,
#cancellation-confirmation .addeventatc_dropdown .ateappleical {
  background-image: url(/assets/images/confirmation/gfx/icon-apple-t1.svg);
  background-position: 13px 50%;
  background-repeat: no-repeat;
  background-size: 14px auto;
}
opb-booking-confirmation .addeventatc_dropdown .ateoutlook,
#cancellation-confirmation .addeventatc_dropdown .ateoutlook {
  background-image: url(/assets/images/confirmation/gfx/icon-outlook-t1.svg);
  background-position: 12px 50%;
  background-repeat: no-repeat;
  background-size: 16px auto;
}
opb-booking-confirmation .addeventatc_dropdown .ateoutlookcom,
#cancellation-confirmation .addeventatc_dropdown .ateoutlookcom {
  background-image: url(/assets/images/confirmation/gfx/icon-outlook-t1.svg);
  background-position: 12px 50%;
  background-repeat: no-repeat;
  background-size: 16px auto;
}
opb-booking-confirmation .addeventatc_dropdown .ategoogle,
#cancellation-confirmation .addeventatc_dropdown .ategoogle {
  background-image: url(/assets/images/confirmation/gfx/icon-google-t1.svg);
  background-position: 12px 50%;
  background-repeat: no-repeat;
  background-size: 16px auto;
}
opb-booking-confirmation .addeventatc_dropdown .ateyahoo,
#cancellation-confirmation .addeventatc_dropdown .ateyahoo {
  background-image: url(/assets/images/confirmation/gfx/icon-yahoo-t1.svg);
  background-position: 12px 50%;
  background-repeat: no-repeat;
  background-size: 16px auto;
}
opb-booking-confirmation .addeventatc_dropdown .atefacebook,
#cancellation-confirmation .addeventatc_dropdown .atefacebook {
  background-image: url(/assets/images/confirmation/gfx/icon-facebook-t1.svg);
  background-position: 12px 50%;
  background-repeat: no-repeat;
  background-size: 16px auto;
}
opb-booking-confirmation .addeventatc_dropdown .copyx,
#cancellation-confirmation .addeventatc_dropdown .copyx {
  height: 21px;
  display: block;
  position: relative;
  cursor: default;
}
opb-booking-confirmation .addeventatc_dropdown .brx,
#cancellation-confirmation .addeventatc_dropdown .brx {
  height: 1px;
  overflow: hidden;
  background: #e0e0e0;
  position: absolute;
  z-index: 100;
  left: 10px;
  right: 10px;
  top: 9px;
}
opb-booking-confirmation #confirmation-informations-section i,
opb-booking-confirmation #confirmation-informations-section a,
opb-booking-confirmation #confirmation-faq-section i,
opb-booking-confirmation #confirmation-faq-section a,
#cancellation-confirmation #confirmation-informations-section i,
#cancellation-confirmation #confirmation-informations-section a,
#cancellation-confirmation #confirmation-faq-section i,
#cancellation-confirmation #confirmation-faq-section a {
  color: #7e1432;
}
opb-booking-confirmation .color-box,
#cancellation-confirmation .color-box {
  background: #7e1432 !important;
  color: #ffffff !important;
}
@media screen {
  opb-booking-confirmation .booking-details-section .check-in-info .arrow-holder,
  opb-booking-confirmation .booking-details-section .check-in-info h5,
  #cancellation-confirmation .booking-details-section .check-in-info .arrow-holder,
  #cancellation-confirmation .booking-details-section .check-in-info h5 {
    color: #7e1432;
  }
  opb-booking-confirmation .booking-details-section .long-arrow .fake-line,
  #cancellation-confirmation .booking-details-section .long-arrow .fake-line {
    background: #7e1432;
  }
}

#cancellation-confirmation {
  padding-top: 30px;
}
#cancellation-confirmation h4 {
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 24px;
}
#cancellation-confirmation .ordered-list .list-element {
  font-size: 1.25rem;
  border-bottom: 1px solid #ececec;
}
#cancellation-confirmation .ordered-list .list-element:last-child {
  border-bottom: 0;
}

/* Scrollbary pardisa */
.ordered-list.has-scrollbar {
  padding-right: 20px;
}
.ordered-list.ps--active-y .ps__rail-y {
  opacity: 1 !important;
  background: #eee !important;
  width: 8px !important;
}
.ordered-list.ps--active-y .ps__thumb-y {
  width: 8px !important;
}

opb-booking-confirmation {
  font-size: 16px;
}
opb-booking-confirmation .hotel-name a {
  color: inherit;
}
opb-booking-confirmation .additional-info .white-box h4 {
  font-weight: bold;
}
opb-booking-confirmation .credit-card-info {
  font-weight: 300;
}
opb-booking-confirmation .icon-buchung_weiterleiten {
  font-size: 2em;
}
opb-booking-confirmation h2.thin-header {
  font-size: 37px;
  font-weight: 100;
}
opb-booking-confirmation #feedback-input-wrap h2 {
  font-weight: 300;
}
opb-booking-confirmation #feedback-input-wrap .feedback-group label {
  font-weight: 300;
  font-size: 20px;
}
opb-booking-confirmation #feedback-input-wrap textarea.form-control {
  font-size: 20px;
}
opb-booking-confirmation .white-box {
  font-weight: 300;
}
opb-booking-confirmation .white-box h4 {
  font-size: 30px;
  font-weight: 500;
}
opb-booking-confirmation .white-box p {
  font-size: 20px;
}
opb-booking-confirmation .white-box div.paragraph {
  font-size: 20px;
}
opb-booking-confirmation .white-box p.medium {
  font-size: 20px;
}
opb-booking-confirmation .white-box p.small {
  font-size: 14px;
  font-weight: normal;
}
opb-booking-confirmation .white-box p.big {
  font-size: 30px;
  font-weight: 300;
}
opb-booking-confirmation .white-box p.big i {
  font-size: 0.82em;
}
opb-booking-confirmation .white-box small {
  font-size: 0.875rem;
}
opb-booking-confirmation .gradient-border {
  font-size: 1.32em;
}
opb-booking-confirmation #confirmation-text-section {
  font-weight: 300;
  font-size: 23px;
}
opb-booking-confirmation #confirmation-text-section h2 {
  font-size: 2.5rem;
  font-weight: normal;
}
opb-booking-confirmation #confirmation-icons-wrapper #confirmation-icons li {
  font-size: 12px;
}
opb-booking-confirmation #confirmation-icons-wrapper #confirmation-icons li .icon-wrapper i {
  font-size: 40px;
}
opb-booking-confirmation .booking-details-section h2 {
  font-size: 3.563em;
}
opb-booking-confirmation .booking-details-section .booking-number {
  font-size: 2.313em;
  font-weight: 300;
}
opb-booking-confirmation .booking-details-section .booking-date {
  font-size: 2.313em;
  font-weight: 300;
  font-size: 1.125em;
  font-weight: normal;
}
opb-booking-confirmation .booking-details-section .check-in-info h4 {
  font-size: 0.875em;
  font-weight: normal;
}
opb-booking-confirmation .booking-details-section .check-in-info h5 {
  font-size: 2.5em;
  font-weight: 300;
}
opb-booking-confirmation .booking-details-section .check-in-info p {
  font-size: 14px;
}
opb-booking-confirmation .booking-details-section .check-in-info .arrow-holder {
  font-size: 1em;
  font-weight: bold;
}
opb-booking-confirmation .booking-details-section .check-in-info .long-arrow {
  font-size: 15px;
}
opb-booking-confirmation .booking-details-section .order-list h4 {
  font-size: 30px;
  font-weight: bold;
}
opb-booking-confirmation .booking-details-section .order-list p:not(.small):not(.room-infos) {
  font-size: 30px;
}
opb-booking-confirmation .booking-details-section .order-list .photo-col .stretch-image .room-mask {
  color: #fff;
  font-size: 1.875em;
  font-weight: 500;
}
opb-booking-confirmation .booking-details-section .order-list .room-infos {
  font-size: 13px;
  font-weight: 400;
}
opb-booking-confirmation .booking-details-section .order-list .room-infos .display-block .icon-opb_arrow_up {
  font-size: 14px;
}
opb-booking-confirmation .booking-details-section .order-list .room-infos i {
  font-size: 18px;
}
opb-booking-confirmation .booking-details-section .confirmation-summary .text-right {
  font-size: 1.25rem;
  font-weight: 400;
}
opb-booking-confirmation .booking-details-section .confirmation-summary .white-box h4 {
  font-weight: bold;
}
opb-booking-confirmation .booking-details-section .confirmation-summary .white-box .details-content {
  font-size: 1.25rem;
  font-weight: 300;
}
opb-booking-confirmation .booking-details-section .confirmation-summary .ordered-list .list-element .price-col {
  font-weight: 300;
}
opb-booking-confirmation #confirmation-informations-section h4 {
  font-size: 2.6em;
  font-size: 1.87em;
}
opb-booking-confirmation #confirmation-informations-section i.icon-star {
  font-size: 2.6em;
}
opb-booking-confirmation #confirmation-informations-section i.icon-purse {
  font-size: 2.2em;
}
opb-booking-confirmation #confirmation-informations-section p {
  font-size: 20px;
  font-weight: 300;
}
opb-booking-confirmation #confirmation-faq-section #faq-text {
  font-size: 20px;
}
opb-booking-confirmation #confirmation-faq-section #faq-text .contact-links {
  font-size: 30px;
}
opb-booking-confirmation #confirmation-faq-section #faq-text .contact-links i {
  font-size: 24px;
}
opb-booking-confirmation #confirmation-faq-section #confirmation-faq-questions .rounded-icon {
  font-size: 15px;
}
opb-booking-confirmation #confirmation-faq-section #confirmation-faq-questions .row:not(:first-child) .white-box h4 {
  font-weight: 300;
}
opb-booking-confirmation #confirmation-faq-section #confirmation-faq-questions .row:not(:first-child) .white-box .col-md-3.text-right {
  font-size: 1.875rem;
}
opb-booking-confirmation #confirmation-faq-section #confirmation-faq-questions .details-content {
  font-size: 0.875rem;
}
opb-booking-confirmation #confirmation-faq-section p {
  font-weight: 300;
}
opb-booking-confirmation #confirmation-rating-section #rating-text p {
  font-size: 20px;
  font-weight: 300;
}
opb-booking-confirmation .addeventatc {
  font-family: Roboto, Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
  font-weight: 300;
  font-size: 16px;
}
opb-booking-confirmation .addeventatc:hover {
  font-size: 16px;
}
opb-booking-confirmation .addeventatc_dropdown span {
  font-size: 14px;
}
opb-booking-confirmation .addeventatc_dropdown span:hover {
  font-size: 14px;
}
opb-booking-confirmation .addeventatc_dropdown em {
  font-size: 12px !important;
}
opb-booking-confirmation .addeventatc_dropdown .frs {
  font-size: 9px !important;
  font-style: normal !important;
  font-weight: normal !important;
}

.popover-form-title {
  font-size: 20px;
}

.passbook-links ul li {
  font-size: 16px !important;
}

.font-bold {
  font-weight: bold;
}

.all-bookings-text {
  font-size: 20px;
}

@media (max-width: 600px) {
  opb-booking-confirmation h2 {
    font-size: 20px !important;
  }
  opb-booking-confirmation .h2 {
    font-size: 20px !important;
  }
  opb-booking-confirmation h4 {
    font-size: 20px !important;
  }
  opb-booking-confirmation .h4 {
    font-size: 20px !important;
  }
  opb-booking-confirmation h2.thin-header {
    font-size: 28px !important;
  }
  opb-booking-confirmation #feedback-input-wrap .feedback-group label {
    font-size: 16px;
  }
  opb-booking-confirmation #feedback-input-wrap textarea.form-control {
    font-size: 16px;
  }
  opb-booking-confirmation .white-box p.medium {
    font-size: 16px;
  }
  opb-booking-confirmation .white-box p.big {
    font-size: 24px;
  }
  opb-booking-confirmation #confirmation-text-section {
    font-size: 20px !important;
  }
  opb-booking-confirmation .booking-details-section .check-in-info h5 {
    font-size: 20px !important;
  }
  opb-booking-confirmation #confirmation-informations-section p {
    font-size: 16px;
  }
  opb-booking-confirmation #confirmation-faq-section #faq-text .contact-links {
    font-size: 22px;
  }
  opb-booking-confirmation #confirmation-rating-section #rating-text p {
    font-size: 16px;
  }
  #confirmation-location-section .white-box p {
    font-size: 14px !important;
  }
  .booking-details-section h4 {
    font-weight: 400 !important;
  }
  .booking-details-section h5 {
    font-weight: 400 !important;
  }
  .booking-details-section p {
    font-weight: 400 !important;
  }
  .order-list p:not(.room-infos) {
    font-size: 16px !important;
  }
  .price-info-row {
    font-size: 16px !important;
    font-weight: bold !important;
  }
  #confirmation-faq-questions h4 {
    font-size: 16px !important;
    font-weight: 400 !important;
  }
  #confirmation-faq-questions p {
    font-size: 16px !important;
    font-weight: 400 !important;
  }
  #comment-overflow-wrap p {
    font-size: 14px;
  }
  #comment-input-wrap #comment-input .form-group textarea {
    font-size: 16px !important;
  }
}
@media (max-width: 992px) {
  opb-booking-confirmation #confirmation-text-section h2 {
    font-size: 24px !important;
    font-weight: 500 !important;
  }
}
@media (max-width: 1024px) {
  opb-booking-confirmation #confirmation-icons-wrapper {
    font-size: 13px;
  }
  opb-booking-confirmation .booking-details-section {
    font-size: 13px;
  }
  opb-booking-confirmation .booking-details-section .check-in-info p {
    font-size: 16px;
  }
  opb-booking-confirmation .booking-details-section .confirmation-summary {
    font-size: 13px;
  }
  opb-booking-confirmation #confirmation-informations-section {
    font-size: 13px;
  }
  opb-booking-confirmation #confirmation-faq-section {
    font-size: 13px;
  }
  opb-booking-confirmation #confirmation-faq-section #faq-text {
    font-size: 16px;
  }
  opb-booking-confirmation #confirmation-rating-section {
    font-size: 13px;
  }
  opb-booking-confirmation #confirmation-text-section {
    font-size: 18px;
  }
}
@media (max-width: 430px) {
  opb-booking-confirmation .booking-details-section .check-in-info h5 {
    font-size: 28px;
  }
  opb-booking-confirmation #confirmation-faq-section h4 {
    font-size: 0.8em;
  }
}
@media (max-width: 992px) {
  opb-booking-confirmation app-travels-bar #travels-bar > .travel-column.summary {
    padding: 0 0 0 60px !important;
  }
  opb-booking-confirmation app-travels-bar #travels-bar > .travel-column.summary .price-wrapper {
    width: 100%;
    justify-content: space-around;
  }
  .confirmation-wrapper {
    padding: 0 10px;
    background-color: #f2f2f2;
  }
  .confirmation-wrapper .all-bookings-text {
    padding-top: 17px;
    padding-bottom: 16px;
    background-color: transparent;
  }
  .confirmation-wrapper .booking-details-section {
    box-shadow: 0 2px 6px 0 rgba(64, 64, 64, 0.26);
    border-radius: 5px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .confirmation-wrapper .booking-details-section h2.small-margin {
    text-align: left;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .confirmation-wrapper .booking-details-section .booking-number {
    text-align: left;
  }
  .confirmation-wrapper .booking-details-section .booking-number p {
    font-size: 18px;
  }
  .confirmation-wrapper .booking-details-section .booking-date {
    text-align: left;
  }
  .confirmation-wrapper .booking-details-section .booking-date p {
    margin: 0;
  }
  .confirmation-wrapper .booking-details-section .check-in-info {
    text-align: left;
  }
  .confirmation-wrapper .booking-details-section .check-in-info .arrow-holder {
    max-width: 130px;
    margin: 25px 0;
  }
  .confirmation-wrapper .booking-details-section .check-in-info .long-arrow {
    text-align: center;
  }
}
@media (max-width: 992px) and (max-width: 992px) {
  .confirmation-wrapper .booking-details-section .check-in-info .long-arrow {
    text-align: left;
  }
}
@media (max-width: 992px) {
  .confirmation-wrapper .booking-details-section .check-in-info .long-arrow i {
    transform: translateX(-20%);
    display: inline-block;
  }
}
@media (max-width: 992px) and (min-width: 992px) {
  .confirmation-wrapper .booking-details-section .check-in-info .long-arrow i {
    transform: none;
  }
}
@media (max-width: 992px) {
  .confirmation-wrapper .booking-details-section .confirmation-summary .row {
    margin: 0;
  }
  .confirmation-wrapper .booking-details-section .confirmation-summary .row .white-box {
    padding: 0;
  }
  .confirmation-wrapper .booking-details-section .confirmation-summary .row:last-child {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media (max-width: 992px) {
  .confirmation-wrapper section {
    margin-bottom: 25px;
  }
}
@media (max-width: 992px) {
  .booking-details-section .col-xs-1,
  .booking-details-section .col-sm-1,
  .booking-details-section .col-md-1,
  .booking-details-section .col-lg-1,
  .booking-details-section .col-xs-2,
  .booking-details-section .col-sm-2,
  .booking-details-section .col-md-2,
  .booking-details-section .col-lg-2,
  .booking-details-section .col-xs-3,
  .booking-details-section .col-sm-3,
  .booking-details-section .col-md-3,
  .booking-details-section .col-lg-3,
  .booking-details-section .col-xs-4,
  .booking-details-section .col-sm-4,
  .booking-details-section .col-md-4,
  .booking-details-section .col-lg-4,
  .booking-details-section .col-xs-5,
  .booking-details-section .col-sm-5,
  .booking-details-section .col-md-5,
  .booking-details-section .col-lg-5,
  .booking-details-section .col-xs-6,
  .booking-details-section .col-sm-6,
  .booking-details-section .col-md-6,
  .booking-details-section .col-lg-6,
  .booking-details-section .col-xs-7,
  .booking-details-section .col-sm-7,
  .booking-details-section .col-md-7,
  .booking-details-section .col-lg-7,
  .booking-details-section .col-xs-8,
  .booking-details-section .col-sm-8,
  .booking-details-section .col-md-8,
  .booking-details-section .col-lg-8,
  .booking-details-section .col-xs-9,
  .booking-details-section .col-sm-9,
  .booking-details-section .col-md-9,
  .booking-details-section .col-lg-9,
  .booking-details-section .col-xs-10,
  .booking-details-section .col-sm-10,
  .booking-details-section .col-md-10,
  .booking-details-section .col-lg-10,
  .booking-details-section .col-xs-11,
  .booking-details-section .col-sm-11,
  .booking-details-section .col-md-11,
  .booking-details-section .col-lg-11,
  .booking-details-section .col-xs-12,
  .booking-details-section .col-sm-12,
  .booking-details-section .col-md-12,
  .booking-details-section .col-lg-12 {
    padding-right: 0px;
    padding-left: 0px;
  }
}
@media (max-width: 992px) {
  #confirmation-location-section .container {
    padding: 0 !important;
  }
  #confirmation-location-section .container .row {
    margin-left: 0;
    margin-right: 0;
  }
  #confirmation-location-section .container .col-md-12 {
    padding: 0;
  }
  #confirmation-location-section .container .col-md-12 .flex-horizontal-wrap {
    padding: 26px 20px;
  }
  #confirmation-location-section .container .col-md-12 .flex-horizontal-wrap .white-box {
    padding: 0;
    background: none;
  }
}
@media (max-width: 992px) {
  .order-list {
    margin-bottom: 0;
  }
  .order-list #total-paid .white-box.color-box {
    padding: 20px;
    margin-right: -20px;
    margin-left: -20px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: 21px;
    line-height: 0.95;
    background: #7e1432 !important;
    color: #ffffff !important;
  }
  .order-list #total-paid .white-box.color-box h4 {
    font-size: 21px;
  }
}
@media (max-width: 992px) {
  opb-booking-confirmation .order-list .room-details-text h4:first-child,
  opb-booking-confirmation .order-list .photo-col h4:first-child {
    margin: 0;
  }
}
@media (max-width: 992px) {
  .confirmation #confirmation-informations-section {
    text-align: left;
    font-size: 13px;
  }
  .confirmation #confirmation-informations-section .container h2,
  .confirmation #confirmation-informations-section .container-fluid h2 {
    text-align: left;
  }
  .confirmation #confirmation-informations-section h4,
  .confirmation #confirmation-informations-section p {
    text-align: left;
  }
  .confirmation #confirmation-informations-section .half.text-center {
    padding: 0 !important;
    text-align: left;
  }
  .confirmation #confirmation-informations-section .half.text-center .icon-wrap {
    justify-content: left;
  }
  .confirmation #confirmation-faq-section {
    text-align: left;
    font-size: 13px;
  }
  .confirmation #confirmation-faq-section .container h2,
  .confirmation #confirmation-faq-section .container-fluid h2 {
    text-align: left;
  }
  .confirmation #confirmation-faq-section #faq-text {
    text-align: left;
    font-size: 16px;
  }
  .confirmation #confirmation-faq-section #faq-text .contact-links p {
    margin: 0;
  }
  .confirmation #confirmation-faq-section #faq-text .contact-links a,
  .confirmation #confirmation-faq-section #faq-text .contact-links i {
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.31;
    letter-spacing: normal;
  }
}
@media (max-width: 992px) {
  #confirmation-rating-section h2,
  #confirmation-rating-section p {
    text-align: left;
  }
}
@media (max-width: 992px) {
  .confirmation #confirmation-informations-section > .container > .row .col-md-12 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .confirmation #confirmation-faq-section > .container > .row .col-md-12 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .confirmation #confirmation-faq-section #faq-text .col-md-12 {
    padding-left: 16px;
    padding-right: 16px;
  }
  #confirmation-faq-questions .white-box {
    padding: 15px 20px;
  }
  #confirmation-rating-section .col-md-12 {
    padding-left: 20px;
    padding-right: 20px;
  }
  #feedback-input-wrap {
    margin-left: -10px;
    margin-right: -10px;
  }
}
opb-booking-confirmation #confirmation-rating-section #confirmation-rating button {
  padding-bottom: 40px;
}
opb-booking-confirmation #confirmation-rating-section #confirmation-rating button.active .icon-check {
  display: block;
  color: #fff;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 6px;
  font-size: 16px;
  z-index: 1;
}
opb-booking-confirmation #confirmation-rating-section #confirmation-rating button.active .icon-check:before {
  margin-left: 0em;
}
opb-booking-confirmation #confirmation-rating-section #confirmation-rating button.active:after {
  background: #7e1432;
}
opb-booking-confirmation #confirmation-rating-section #confirmation-rating button .icon-check {
  display: none;
}

.booking-details-section .order-list .opb5-tooltip div p {
  line-height: 1em;
}

#confirmation-location-section .white-box {
  border: 1px solid #ececec;
  background: #FFF;
  color: #000;
}
#confirmation-location-section .white-box a {
  color: rgba(0, 0, 0, 0.5);
  color: rgba(0, 0, 0, 0.5);
}
#confirmation-location-section .white-box small a {
  color: #000;
}
#confirmation-location-section #google-maps-holder {
  border: 1px solid #ececec;
}

.section-gradient {
  background: linear-gradient(to bottom, #FFF 0%, #f6e3cd 100%);
}

#confirmation-location-section .white-box {
  font-weight: 300;
}
#confirmation-location-section .white-box h4 {
  font-size: 30px;
}
#confirmation-location-section .white-box p {
  font-size: 20px;
}
#confirmation-location-section .white-box p.medium {
  font-size: 0.67em;
}
#confirmation-location-section .white-box p.small {
  font-size: 0.48em;
  font-weight: 500;
}
#confirmation-location-section .white-box p.big {
  font-size: 1em;
  font-weight: 300;
}
#confirmation-location-section .white-box p.big i {
  font-size: 0.82em;
}
#confirmation-location-section .white-box small {
  font-size: 0.44em;
}
#confirmation-location-section a.small {
  font-size: 0.8em;
}

h2.thin-header {
  font-size: 37px;
  font-weight: 100;
}

@media (max-width: 600px) {
  #confirmation-location-section .white-box h4 {
    font-size: 20px;
  }
  #confirmation-location-section .white-box p {
    font-size: 16px !important;
  }
  h2.thin-header {
    font-size: 28px !important;
  }
}
@media (max-width: 1024px) {
  #confirmation-location-section {
    font-size: 11px;
  }
}
section.corporate-section {
  background: #FFF;
}
section.corporate-section #corporate-bookings-list .actions-col .icons-row .icon-col i {
  color: rgba(0, 0, 0, 0.6);
}
section.corporate-section #corporate-bookings-list .actions-col .icons-row .icon-col i:hover {
  color: black;
}
section.corporate-section .thin-header .colored {
  color: black;
}
section.corporate-section .corporate-list-header {
  color: rgba(0, 0, 0, 0.6);
}
section.corporate-section .corporate-list-body .corporate-list-element {
  background: linear-gradient(to bottom, #FFF 0%, #FFF 75%, #f2f2f2 100%);
  color: #000;
}
section.corporate-section .corporate-list-body .corporate-list-element > .row:hover {
  color: black;
}
section.corporate-section .corporate-list-body .corporate-list-element .guest-names {
  color: red;
}
section.corporate-section .corporate-list-body .corporate-list-element.active > .row {
  color: black;
}

app-corporate-booking-list #corporate-bookings-list .booking-number-col.long .text {
  font-weight: 100;
}
app-corporate-booking-list #corporate-bookings-list .actions-col .icons-row .icon-col i {
  font-size: 16px;
}
app-corporate-booking-list .thin-header {
  font-weight: 200;
  font-size: 30px;
}
app-corporate-booking-list .corporate-list-header {
  font-size: 14px;
  font-weight: 500;
}
app-corporate-booking-list .corporate-list-body .corporate-list-element {
  font-size: 18px;
}
app-corporate-booking-list .corporate-list-body .corporate-list-element .booking-number {
  font-size: 30px;
  font-weight: normal;
  font-weight: 300;
}
app-corporate-booking-list .corporate-list-body .corporate-list-element .top-spacing .icon-slider-arrow-right {
  font-size: 12px;
}
app-corporate-booking-list .corporate-list-body .corporate-list-element .guest-names {
  font-size: 14px;
  font-weight: normal;
}
app-corporate-booking-list .corporate-list-body .corporate-list-element .detailed-info {
  font-weight: normal;
  font-size: 14px;
}
app-corporate-booking-list .corporate-list-body .corporate-list-element i.open-details {
  font-size: 13px;
}
app-corporate-booking-list .corporate-list-body .corporate-list-element i.close-details {
  font-size: 13px;
}
app-corporate-booking-list .corporate-list-body .corporate-list-element .booking-actions {
  font-size: 13px;
}
app-corporate-booking-list .corporate-list-body .corporate-list-element.cancelled {
  color: #ff2828;
}

/* This is added instead of golden button... */
#cancellation-details .col-md-6:first-child {
  border-right: #ececec 1px solid;
}

#cancellation-rooms-section #rooms-listing .room-wrapper {
  background: #FFF;
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
}
#cancellation-rooms-section #rooms-listing .room-wrapper.active {
  box-shadow: 0 10px 12px 0 rgba(36, 36, 36, 0.5);
}
#cancellation-rooms-section #rooms-listing .room-infos {
  border-bottom: 1px solid #ececec;
}

.popover-form-input-group.popover-form-select-group {
  background: #f0f0f0;
}

/* Booking tabs */
#booking-tabs .booking-tab {
  background: #e5e5e5;
  border-right: 1px solid #fff;
}
#booking-tabs .booking-tab a {
  color: #000000;
}
#booking-tabs .booking-tab.active {
  background: #fff;
}
#booking-tabs .booking-tab.active a {
  color: #465aff;
}

.booking-cancellation-info {
  margin-top: 10px;
}
.booking-cancellation-info p {
  margin: 0;
  font-size: 23px;
  font-weight: 100;
}
.booking-cancellation-info p.booking-number {
  margin-top: 7px !important;
}
.booking-cancellation-info p.booking-number span {
  padding: 10px 25px;
  border-radius: 25%;
  background: linear-gradient(to right, #7e1432 0%, #7e1432 100%);
  color: #fff;
  border-radius: 100px;
  display: inline-block;
  font-weight: 500;
}

/* Testeczek */
.opb5-tooltip.wallet .form-group .select-input .form-select span {
  line-height: auto !important;
  transform: none !important;
  position: relative !important;
  display: block !important;
  width: 100%;
  text-transform: none !important;
  display: flex !important;
  align-items: center;
  text-align: center;
  justify-content: center;
}
.opb5-tooltip.wallet .form-group .select-input .form-select span,
.opb5-tooltip.wallet .form-group .select-input .form-select input {
  font-size: 14px !important;
  text-align: center;
  text-transform: none;
}
.opb5-tooltip.wallet .form-group .select-input .form-select span.ui-select-placeholder {
  opacity: 0.5;
}
.opb5-tooltip.wallet .form-group .select-input .form-select .ui-select-container ul.dropdown-menu {
  margin: 0;
}
.opb5-tooltip.wallet .form-group .select-input .form-select .ui-select-container ul.dropdown-menu li {
  height: auto !important;
}
.opb5-tooltip.wallet .form-group .select-input .form-select .ui-select-container ul.dropdown-menu li:last-child {
  border-bottom: 0px !important;
}
.opb5-tooltip.wallet .form-group .select-input .form-select .ui-select-container ul.dropdown-menu li a {
  line-height: 1 !important;
  font-size: 14px;
  padding: 10px 15px !important;
}

app-cancel-booking-login-modal .container .button-link {
  font-size: 13px;
  color: #939292;
}
app-cancel-booking-login-modal .container button[type=submit] {
  background-color: #000;
  color: #fff;
  font-size: 22px;
}

app-cancel-booking .booking-number {
  font-weight: 300;
  font-size: 28px;
}
app-cancel-booking .sub-header {
  font-size: 17px;
  font-weight: bold;
}
app-cancel-booking .cancel-button {
  font-size: 21px;
}
app-cancel-booking .cancel-button i {
  font-size: 14px;
}
app-cancel-booking #cancellation-details h4 {
  font-size: 0.85em;
}
app-cancel-booking #cancellation-details h5 {
  font-size: 40px;
  font-weight: 300;
}
app-cancel-booking #cancellation-payment a {
  color: inherit;
}
app-cancel-booking #cancellation-payment p.summary-price {
  font-size: 5em;
  font-weight: 300;
}
app-cancel-booking #cancellation-payment .details-link {
  font-size: 0.88em;
}
app-cancel-booking #cancellation-rooms-section #rooms-listing .room-wrapper .triangle {
  border-color: #fff transparent transparent transparent;
}
app-cancel-booking #cancellation-rooms-section #rooms-listing h4 {
  font-size: 2.25em;
}
app-cancel-booking #cancellation-rooms-section #rooms-listing small {
  font-size: 0.8em;
}
app-cancel-booking #cancellation-rooms-section #rooms-listing p.guest-name {
  font-size: 1.28em;
}
app-cancel-booking #cancellation-rooms-section #rooms-listing .room-details h4 {
  font-weight: bold;
}
app-cancel-booking #new-check-in-accept {
  font-size: 21px;
}
app-cancel-booking .inline-button {
  font-size: 21px;
  font-weight: 300;
}
app-cancel-booking .inline-button.btn-small {
  font-size: 14px;
}
app-cancel-booking .cc-number {
  font-size: 21px;
}
app-cancel-booking #advanced-modify .btn {
  font-size: 16px;
}
app-cancel-booking .white-box {
  font-weight: 300;
}
app-cancel-booking .white-box h4 {
  font-size: 30px;
  font-weight: 500;
}
app-cancel-booking .white-box p {
  font-size: 20px;
}
app-cancel-booking .white-box p.medium {
  font-size: 20px;
}
app-cancel-booking .white-box p.small {
  font-size: 14px;
  font-weight: normal;
}
app-cancel-booking .white-box p.big {
  font-size: 30px;
  font-weight: 300;
}
app-cancel-booking .white-box p.big i {
  font-size: 0.82em;
}
app-cancel-booking .white-box small {
  font-size: 0.875rem;
}
app-cancel-booking .ordered-list .list-element .price-col {
  font-weight: 500;
}
app-cancel-booking #cancellation-confirmation h4 {
  font-weight: normal;
}
app-cancel-booking .go-back-button {
  font-size: 21px;
}
@media (min-width: 992px) {
  app-cancel-booking div.room-details-btn-wrap button {
    font-size: 18px;
    font-weight: 400;
  }
}
@media (max-width: 550px) {
  app-cancel-booking .cancel-button {
    font-size: 14px;
  }
  app-cancel-booking .cancel-button i {
    font-size: 10px;
  }
  app-cancel-booking #cancellation-details h5 {
    font-size: 1.5em;
  }
  app-cancel-booking #cancellation-payment p.summary-price {
    font-size: 3.5em;
  }
  app-cancel-booking #new-check-in-accept {
    font-size: 14px;
  }
}
@media (max-width: 500px) {
  app-cancel-booking #cancellation-rooms-section #rooms-listing h4 {
    font-size: 1.6em;
  }
}
@media (min-width: 550px) {
  app-cancel-booking .cc-number {
    font-size: 36px;
  }
}
@media (min-width: 500px) {
  app-cancel-booking #advanced-modify .btn {
    font-size: 22px;
  }
}
@media (max-width: 600px) {
  app-cancel-booking .white-box p.medium {
    font-size: 16px;
  }
  app-cancel-booking .white-box p.big {
    font-size: 24px;
  }
}

#rooms-listing .room-details .opb5-tooltip .content-wrap .form-select .inside-toggle {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Packages */
app-arrangements,
app-arrangements-overview {
  font-size: 16px;
}
app-arrangements .close-icon-wrap .icon-close-large,
app-arrangements-overview .close-icon-wrap .icon-close-large {
  color: #fff;
  font-size: 20px;
}
app-arrangements .arrangement,
app-arrangements-overview .arrangement {
  color: #fff;
}
app-arrangements .arrangement .bg-image:before,
app-arrangements-overview .arrangement .bg-image:before {
  background-color: rgba(0, 0, 0, 0.24);
}
app-arrangements .arrangement h3,
app-arrangements-overview .arrangement h3 {
  font-size: 28px;
  font-weight: 400;
}
app-arrangements .arrangement p,
app-arrangements-overview .arrangement p {
  font-size: 13px;
}
app-arrangements .arrangement .details .details-link,
app-arrangements-overview .arrangement .details .details-link {
  color: #fff;
  font-size: 11px;
  font-weight: bold;
}
app-arrangements .arrangement .details .border-top > div,
app-arrangements-overview .arrangement .details .border-top > div {
  background-color: #fff;
}
app-arrangements .arrangement .details > span,
app-arrangements-overview .arrangement .details > span {
  font-size: 11px;
  font-weight: bold;
}
app-arrangements .arrangement .details > div .arrangement-price,
app-arrangements-overview .arrangement .details > div .arrangement-price {
  font-size: 29px;
}
app-arrangements .arrangement .details > div .arrangement-price span,
app-arrangements-overview .arrangement .details > div .arrangement-price span {
  font-size: 14px;
}

/* Rate monitor chat */
app-rm-chat .chat-wrap .messages > div .message {
  font-size: 13px;
}
app-rm-chat .chat-wrap .messages > div .message .price-compare-wrap h4 {
  font-size: 15px;
  font-weight: 500;
}
app-rm-chat .chat-wrap .messages > div .message .price-compare-wrap .compare-list li .icon-check {
  font-size: 10px;
}
app-rm-chat .chat-wrap .messages > div .message .price-compare-wrap .time-message {
  font-size: 13px;
}
app-rm-chat .chat-wrap .bubble {
  font-weight: bold;
  font-size: 24px;
}
app-rm-chat .chat-wrap .bubble i.icon-close {
  font-size: 15px;
}

/* Travel insurance moved from component */
opb-travel-insurance {
  font-size: 1rem;
}
opb-travel-insurance .container p {
  font-size: 19px;
  font-weight: 300;
}
opb-travel-insurance .container p.regular {
  font-weight: 400;
}
opb-travel-insurance .container .insurances-wrap p {
  font-size: 0.8125em;
}

/* Payment method moved from component */
@media (min-width: 750px) {
  opb-payment-method .container .payment-method-wrap #creditcard-wrap {
    background-color: transparent;
  }
}
opb-payment-method .container .payment-method-wrap ul.facts-list li {
  font-size: 13px;
}
opb-payment-method .container .payment-method-wrap ul.facts-list li i {
  font-size: 0.6875em;
}
opb-payment-method .container .payment-method-wrap ul.check-in-and-out-wrap {
  font-size: 17px;
  font-weight: 400;
}
@media (max-width: 998px) {
  opb-payment-method .container .payment-method-wrap > div > div > div.payment-method-row {
    box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.15);
  }
}

/* Modal configurator - moved from component */
app-day-count-selector .date {
  font-size: 0.75rem;
}
app-day-count-selector .value {
  font-size: 94px;
  font-weight: 100;
}
app-day-count-selector .control {
  font-size: 50px;
}
@media (max-width: 600px) {
  app-day-count-selector .value {
    font-size: 60px;
  }
  app-day-count-selector .control {
    font-size: 36px;
  }
}

/* ammount input component */
app-amount-input .enhancement-option .price-value-input {
  font-size: 94px;
  font-weight: 100;
}
@media (max-width: 600px) {
  app-amount-input .enhancement-option .price-value-input {
    font-size: 60px;
  }
}

/* Moved checkboxes */
opb-cb.as-text {
  display: inline-block;
  width: 100%;
}
opb-cb.as-text .custom-select {
  display: block;
  position: relative;
  transition: all 0.05s ease-out;
  backface-visibility: hidden;
  text-align: center;
}
opb-cb.as-text .custom-select label {
  position: relative;
  margin: 0;
  display: inline-block;
  cursor: pointer;
}
opb-cb.as-text .custom-select label > span {
  position: relative;
}
opb-cb.as-text .custom-select label:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  transform: scaleX(0);
  transition: 0.1s ease transform;
}
opb-cb.as-text .custom-select label:before {
  visibility: hidden;
  opacity: 0;
  font-family: "opb-icons";
  content: "\e900";
  text-transform: none;
  position: absolute;
  top: 0;
  right: -13px;
  transition: 0.1s ease all;
}
opb-cb.as-text .custom-select input[type=checkbox] {
  display: none;
}
opb-cb.as-text .custom-select input[type=checkbox]:checked + label:before {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}
opb-cb.as-text .custom-select input[type=checkbox]:checked + label:after {
  transform: scaleX(1);
}
opb-cb.as-text.plain-text {
  width: auto;
}
opb-cb.as-text.plain-text .custom-select label {
  transition: 0.2s ease color;
}
opb-cb.as-text.plain-text .custom-select label:before, opb-cb.as-text.plain-text .custom-select label:after {
  content: none;
}
opb-cb.as-text.plain-text .custom-select input[type=checkbox] {
  display: none;
}

opb-cb.complex.enhancement-config .custom-select label {
  padding: 1px 15px !important;
}
opb-cb.complex.enhancement-config .custom-select label span {
  padding-right: 0 !important;
  font-size: 13px;
}
opb-cb.complex.enhancement-config .custom-select label:before, opb-cb.complex.enhancement-config .custom-select label:after {
  content: none;
}
opb-cb.complex .custom-select {
  overflow: hidden;
  font-size: 16px;
}
@media (min-width: 992px) {
  opb-cb.complex .custom-select {
    font-size: 20px;
  }
}
opb-cb.complex .custom-select label {
  font-weight: 300;
  cursor: pointer;
}
opb-cb.complex.desires .custom-select, opb-cb.complex.giveaways .custom-select {
  overflow: hidden;
  border-radius: 23px;
}
opb-cb.complex.desires .custom-select input, opb-cb.complex.giveaways .custom-select input {
  display: none;
}
opb-cb.complex.desires .custom-select input + label, opb-cb.complex.giveaways .custom-select input + label {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 0;
  line-height: 1;
  padding: 9px 35px 7px 20px;
  cursor: pointer;
  background: transparent;
}
@media (min-width: 992px) {
  opb-cb.complex.desires .custom-select input + label, opb-cb.complex.giveaways .custom-select input + label {
    min-height: 47px;
    padding: 13px 35px 11px 20px;
  }
}
opb-cb.complex.desires .custom-select input + label:after, opb-cb.complex.desires .custom-select input + label:before, opb-cb.complex.giveaways .custom-select input + label:after, opb-cb.complex.giveaways .custom-select input + label:before {
  transition: 0.2s ease all;
  position: absolute;
  display: block;
  right: 15px;
  top: 50%;
  font-family: "verdana", sans-serif;
  font-size: 11px;
  opacity: 0;
  transform: scale(0) translateY(-50%);
  line-height: 1;
}
opb-cb.complex.desires .custom-select input + label:before, opb-cb.complex.giveaways .custom-select input + label:before {
  font-family: "opb-icons";
  content: "\e901";
  opacity: 1;
  transform: scale(1) translateY(-50%) rotate(45deg);
}
opb-cb.complex.desires .custom-select input + label:after, opb-cb.complex.giveaways .custom-select input + label:after {
  font-family: "opb-icons";
  content: "\e900";
  text-shadow: 1px 0px #fff;
}
opb-cb.complex.desires .custom-select input:checked + label:before, opb-cb.complex.giveaways .custom-select input:checked + label:before {
  opacity: 0;
}
opb-cb.complex.desires .custom-select input:checked + label:after, opb-cb.complex.giveaways .custom-select input:checked + label:after {
  opacity: 1;
  transform: scale(1) translateY(-50%);
}
@media (hover: hover) {
  opb-cb.complex.desires .custom-select input:checked:hover + label:before, opb-cb.complex.giveaways .custom-select input:checked:hover + label:before {
    opacity: 1;
    transform: scale(1) translateY(-50%) rotate(0);
  }
  opb-cb.complex.desires .custom-select input:checked:hover + label:after, opb-cb.complex.giveaways .custom-select input:checked:hover + label:after {
    opacity: 0;
    transform: scale(0) translateY(-50%);
  }
}
opb-cb.complex.desires .custom-select input:not(:checked) + label:after, opb-cb.complex.giveaways .custom-select input:not(:checked) + label:after {
  height: 22px;
}
@media (hover: hover) {
  opb-cb.complex.desires .custom-select:hover input + label:before, opb-cb.complex.giveaways .custom-select:hover input + label:before {
    opacity: 1;
    transform: scale(1) translateY(-50%) rotate(45deg);
  }
  opb-cb.complex.desires .custom-select:hover input:not(:checked) + label, opb-cb.complex.giveaways .custom-select:hover input:not(:checked) + label {
    background: rgba(0, 0, 0, 0.05);
  }
}

/* text content modal component */
app-text-content-modal #modal-content {
  border: 5px solid #fff;
  padding: 15px;
  max-width: calc(100vw - 20px);
  overflow: hidden;
  margin-top: 72px;
}

@media (max-width: 380px) {
  #payment-wrap h2 .reg-headline {
    display: none;
  }
}
@media (min-width: 381px) {
  #payment-wrap h2 .spc-headline {
    display: none;
  }
}
@media (min-width: 992px) {
  .main-content-wrap #section-1 .container-fluid .masthead-select-wrap #guests-config-wrap ul:not(.dropdown-menu) > li .person-number-config-button .icon-minus, .main-content-wrap #section-1 .container-fluid .masthead-select-wrap #guests-config-wrap ul:not(.dropdown-menu) > li .person-number-config-button .icon-plus {
    display: inline-block;
    vertical-align: top;
  }
}
@media (max-width: 992px) {
  .corporate app-corporate-login-bar {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
  }
  .corporate #section-1 {
    position: relative;
    padding-top: 70px;
  }
  .corporate #corporate-login-info {
    height: auto !important;
  }
}
/* Moje wyciagane style */
#notification-wrap span {
  font-weight: 400 !important;
}

opb-masthead #masthead-content h1 {
  font-family: "Cabin", sans-serif;
  font-weight: 400 !important;
  text-transform: none;
}
opb-masthead #masthead-content #guest-count {
  color: #000;
  font-family: "Cabin", sans-serif;
  font-weight: 400 !important;
  text-transform: none !important;
}
opb-masthead #masthead-content .gradient-bg.btn {
  font-weight: 500 !important;
  text-transform: uppercase;
}
opb-masthead #masthead-content .gradient-bg.btn:active {
  background: linear-gradient(#7e1432, #7e1432) !important;
}
opb-masthead #masthead-content .icon-person {
  color: #000;
}

h2 {
  text-transform: uppercase;
  font-weight: 400 !important;
  font-family: "Cabin", sans-serif !important;
}
h2 i {
  color: #7e1432 !important;
}
h2 label {
  font-weight: 400 !important;
  font-family: "Cabin", sans-serif !important;
}

opb-basketbar .booked-elements {
  font-weight: 400 !important;
}

.basket-step-checked {
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  border-radius: 50%;
  background: #7e1432;
  color: #FFF !important;
}
.basket-step-checked i {
  color: #FFF !important;
}
.basket-step-checked i.icon-check:before {
  font-size: 10px !important;
}

opb-section-indicator .status-element {
  font-family: "Cabin", sans-serif;
}

#opb-calendar .calendar-month-wrap h4 {
  font-size: 18px;
  color: #000;
}
#opb-calendar .calendar-day-cell:not(.selected) span.day {
  color: #000;
}
#opb-calendar .calendar-day-cell:not(.selected) .bg-wrap {
  background-color: #fff;
}
#opb-calendar span.day {
  font-family: "Cabin", sans-serif;
  font-size: 40px;
  font-weight: 400;
  text-transform: capitalize;
}
@media (max-width: 991px) {
  #opb-calendar span.day {
    font-size: 18px;
  }
}
#opb-calendar span.day-short,
#opb-calendar .underlined-price span {
  font-family: "Cabin", sans-serif;
  font-size: 13px;
  font-weight: 400;
  text-transform: none;
}
#opb-calendar .after-element {
  color: #7e1432 !important;
}
#opb-calendar .after-element > i {
  color: #7e1432 !important;
}

opb-month-select #complex-month-select-wrap > div > div > div > div > div {
  background: rgba(126, 20, 50, 0.2);
}
opb-month-select #complex-month-select-wrap > div > div > div > div > div:after {
  background: linear-gradient(to bottom, #7e1432 0%, #7e1432 100%) !important;
}
opb-month-select #month-name-wrap > span.month-name {
  color: #7e1432 !important;
  font-weight: 500 !important;
  text-transform: none !important;
}

opb-calendar-filters opb-cb > .custom-select > label > span {
  color: #000;
}

opb-calendar .btn-custom.gradient-bg.btn {
  background: linear-gradient(#7e1432, #7e1432) !important;
  color: #fff !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
}
opb-calendar .btn-custom.gradient-bg.btn:active {
  background: linear-gradient(#7e1432, #7e1432) !important;
}

#month-select-wrap span {
  color: rgba(0, 0, 0, 0.5) !important;
  font-weight: 500 !important;
  text-transform: none !important;
}
#month-select-wrap span.active {
  color: #7e1432 !important;
}

opb-rooms .grid-item .item-content h3 {
  font-family: "Cabin", sans-serif !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  color: #7e1432 !important;
}
opb-rooms .grid-item .item-content .room-lowest-price {
  font-weight: 500 !important;
  color: #000 !important;
}
opb-rooms .grid-item .item-content .room-infos i {
  color: #000;
}

opb-room-details h3 {
  font-family: "Cabin", sans-serif !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  color: #7e1432 !important;
}
opb-room-details .room-infos .more-infos h4 {
  font-family: "Cabin", sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #7e1432 !important;
}
opb-room-details .rate-options-wrap span.price {
  font-family: "Cabin", sans-serif !important;
  font-weight: 500 !important;
  color: #000 !important;
}
opb-room-details .fact-list i {
  color: #000 !important;
}

/* Room Comparator */
#rooms-carousel-wrap .room-item > .room-header > h3 {
  font-family: "Cabin", sans-serif !important;
  color: #7e1432 !important;
}
#rooms-carousel-wrap .room-item .info-wrap > .price {
  font-family: "Cabin", sans-serif !important;
  color: #000 !important;
}

opb-rates .rate-item .rate-header > h3 {
  font-family: "Cabin", sans-serif !important;
  font-weight: 500 !important;
  color: #7e1432 !important;
}
opb-rates .rate-item .info-wrap > .price {
  font-family: "Cabin", sans-serif;
  font-weight: 500;
  color: #000;
}

#rates-compare-wrapper .rate-button-wrapper button:hover {
  background: #7e1432 !important;
  border-color: #7e1432 !important;
}

opb-enhancements .item-content opb-cb label span {
  font-weight: 500;
}
opb-enhancements .item-content .price-wrap .price {
  color: #000 !important;
  font-family: "Cabin", sans-serif !important;
  font-weight: 700 !important;
}
opb-enhancements .item-content .bottom-line .included {
  color: #7e1432;
  font-weight: 500 !important;
  font-size: 13px !important;
  text-transform: uppercase;
}

#category-wrap .enhancement-cell-bg {
  background-color: rgba(126, 20, 50, 0.3) !important;
  background-blend-mode: soft-light;
}

@media (min-width: 992px) {
  /* Button - room */
  .room-details-btn-wrap button,
  #available-rates .rate-options-wrap button,
  .rate-item .info-wrap button,
  .room-item .info-wrap button {
    font-weight: 500 !important;
    text-transform: uppercase;
    font-size: 14px;
  }
  .room-details-btn-wrap button span,
  #available-rates .rate-options-wrap button span,
  .rate-item .info-wrap button span,
  .room-item .info-wrap button span {
    font-size: 14px;
  }
}
.complex.desires .custom-select label, .complex.giveaways .custom-select label {
  font-family: "Cabin", sans-serif !important;
  font-weight: 400 !important;
  font-size: 19px;
  text-transform: none !important;
}

@media (min-width: 375px) {
  .container-fluid .masthead-select-wrap > div .guest-age-info span.first-child {
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) {
  .container-fluid .masthead-select-wrap > div .guest-age-info span.first-child {
    font-size: 1.8rem;
  }
}
/** Common Navbar Fixes */
.navbar-static-top .navbar-nav > li .input-wrap input {
  font-size: 13px !important;
  text-transform: none;
  font-family: "Cabin", sans-serif;
  font-weight: 400;
}

/** Common Calendar Fixes */
.cb-holder-item {
  text-transform: none !important;
}
.cb-holder-item label span,
.cb-holder-item i,
.cb-holder-item a {
  font-weight: 500 !important;
}
.cb-holder-item.active label span,
.cb-holder-item.active i,
.cb-holder-item.active a {
  color: #7e1432 !important;
}

.my-tooltip {
  border: 1px solid #7e1432;
}
.my-tooltip .content h3 {
  font-family: "Cabin", sans-serif !important;
  color: #7e1432 !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
}
.my-tooltip .content span {
  color: #000 !important;
  text-transform: capitalize !important;
}
.my-tooltip .triangle > div {
  border: 1px solid #7e1432;
}

.popover {
  border-radius: 0;
  border: none;
  background-color: #7e1432;
  color: #FFF;
  font-weight: 500;
  text-transform: none;
}
.popover > .arrow {
  border: none;
}
.popover.bottom > .arrow:after {
  border-bottom-color: #7e1432 !important;
}
.popover.left > .arrow:after {
  border-left-color: #7e1432 !important;
}
.popover.right > .arrow:after {
  border-right-color: #7e1432 !important;
}
.popover.top > .arrow:after {
  border-top-color: #7e1432 !important;
}

/* Climate fixes */
#climate-bg h2 i {
  color: #FFF !important;
}

/* Checkbox fixes */
opb-cb.simple .custom-select label {
  font-weight: 400 !important;
  text-transform: none !important;
}

/* radio fixes */
opb-radio label,
opb-radio label span {
  font-weight: 400 !important;
  text-transform: none !important;
}

#section-3 opb-radio .custom-radio > label > span,
#address-form-wrap opb-radio .custom-radio > label > span {
  text-transform: uppercase !important;
  font-weight: 400 !important;
}

/* modal fixes */
body.modal-open.dark .modal-content h2 {
  color: #fff;
}

#basket-main-wrap {
  border-bottom: 0px !important;
}

.sticky-footer {
  background: #000 !important;
}
.sticky-footer * {
  color: #838383 !important;
}

/* Booking button fixes */
opb-booking .check-or-not-text {
  text-transform: none !important;
}
opb-booking #submit-btn-wrap button,
opb-booking #submit-btn-wrap span {
  font-weight: 700;
  text-transform: uppercase;
}

#logo-wrap > a {
  width: 144px !important;
}

#category-wrap .carousel-cell > div > span {
  word-spacing: unset !important;
}

.package-wrap .arrangement > h3 {
  font-size: 20px !important;
}

#basket-main-wrap {
  background-color: #f5f4f3;
}

#filter-wrap {
  background-color: #b7b7af;
}

#section-3 {
  background-color: #f5f3f0;
}

opb-enhancements #grid-wrap .grid .grid-item > div {
  background-color: #f5f3f0;
}

opb-desires .bg-light-grey {
  background-color: #f5f3f0;
}

#payment-method-wrap {
  background-color: #f5f3f0;
}

#booking-wrap {
  background: linear-gradient(#8f8a83, #b7b7af) !important;
}
#booking-wrap #submit-btn-wrap button {
  background-color: #7e1432;
  color: white !important;
  border: none;
}

/*# sourceMappingURL=stgeorg.css.map */