/* General */

html { font-size: 15px; }

body { background: rgba(255,255,255,0.80); color: #080808; font-family: RobotoRegular,Arial,sans-serif; line-height: 1.5; }

a { color: #005AAB; text-decoration: none; } /*same as 157 no thank */

    a:hover { color: #005AAB; text-decoration: underline; }

    a.inherit { color: #000; }

/* end General */


/* Text & Headers */

.tLight { color: #005bab; }

.hCollpase .ToggleArrowDiv_Off + span::before { color: #005AAB; }

.hCollpase .ToggleArrowDiv_On + span::before { color: #005AAB; }

.Bg4 .hCollpase .ToggleArrowDiv_Off + span::before, .Bg4 .hCollpase .ToggleArrowDiv_On + span::before, .Bg4 .shCollpase .ToggleArrowDiv_Off + span::before, .Bg4 .shCollpase .ToggleArrowDiv_On + span::before { color: #FFF; }

/* end Text & Headers */


/* Icons */

.openModal::before, .FilterLinkInActive::before, .FilterLinkActive::before, .CloseBtnX::before, .modifyIco::before, .removeIco::before, .MonthlyAvailabilityLink::after, .ArrowTop::before, .DateBack .activeLink::before, .ShopCartIco::before, .calendarIco::before, .printIco::before { color: #493828; }

.infoIco::before, .infoIcoAfter::after, .ProductNamePromo .PromoIcon::before, .Asterisk::before, .DateFwd .activeLink::before, .removeIco::after { color: #493828; }

.ProductNamePromo .PromoIcon::before { color: #0eb393; }

.FilterClose::after, .CompareClose::after { color: #493828; }

.openModal, .FilterLinkInActive, .FilterLinkActive, .CloseBtnX, .modifyIco, .removeIco, .MonthlyAvailabilityLink, .ArrowTop, .DateBack .activeLink, .ShopCartIco, .calendarIco, .printIco, .infoIco, .infoIcoAfter, .ProductNamePromo .PromoIcon, .Asterisk, .DateFwd .activeLink, .removeIco, .FilterClose, .CompareClose { text-decoration: none; }

/* end Icons */


/* Backgrounds & Borders */

.Bg1 { background: #eceaea; } /*same color as Bg7*/

.Bg2 { background: #d8d6d6; }

.Bg3 { background: #e7e5e5; }

.Bg4 { background: #e0dddd; color: #FFF; }

.Bg5 { background: #3a85c9; color: #fff;}

.Bg6, .ui-widget-content { background: #F1F1F1; }

.Bg7 { background: #eceaea; background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%); background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%); background: linear-gradient(to bottom, #ffffff 0%,#ededed 100%); }

.Br1 { border-color: #DDDDDD; }

.Br2 { border-color: #e7e5e5; } /*same color as Bg3, and line 160(arrow up)*/

.Br3 { border-color: #3a85c9; } /*same color as Bg5 with lighter color of link color*/


/* end Backgrounds & Borders */


/* Form Fields */

input[type=text], input[type=number], input[type=email], input[type=password], input[type=tel], textarea, select { border: 1px solid #CADAF9; color: #474747; background: #FFF; font-family: 'Open Sans', sans-serif; }

.calendars-wrapper, .selectWrap { background: #FFF; }

    .selectWrap::before { color: #747474; }

.checkboxGroup input[type=checkbox] + label::before, .radiobuttonGroup input[type="radio"] + label::before,
.checkboxGroup td.unchecked + td label::before, .checkboxGroup td.checked + td label::before,
.checkboxGroup .unchecked + label::before, .checkboxGroup .checked + label::before { color: #747474; }

/* end Form Fields */


/* Buttons */

.btnSt1, .btnSt2, .btnSt3, .btnSt4 { font-family: RobotoRegular,Arial,sans-serif; color: #FFF; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; text-transform: uppercase; font-weight: normal;}

.btnSt1, .btnSt2 { background: #ef815d;}

    .btnSt1:hover, .btnSt2:hover { background: #f36700}

.btnSt3, .btnSt4, .ReviewBtn, .ModifyResBtn { background: #F89A6B }

    .btnSt3:hover, .btnSt4:hover, .ReviewBtn:hover, .ModifyResBtn:hover { background: #F89A6B; }

a.btnSt1:hover, a.btnSt2:hover, a.btnSt3:hover, a.btnSt4:hover, .backBtn:hover::before, .checkboxGroup .btnSt2 label::before { color: #FFF !important; text-transform: uppercase;  font-weight: normal;}

/* end Buttons */

/* jQuery UI */

    /* Border for the datepicker and popups and price slider bar */
    .ui-widget-content { border: 1px solid #c5c5c5; }

    /* Icons in popup contents. Not in use atm, use same color as popups text */
    .ui-icon, .ui-widget-content .ui-icon { background-image: url("../images/ui-icons_222222_256x240.png"); }

    /* Header styles. Used in datepicker, availability calendar and popups and price slider bar */
    .ui-widget-header { background: #FFB792; color: #fff; }
        .ui-widget-header .ui-icon { background-image: url("../images/ui-icons_222222_256x240.png"); }

    /* Button styles default status. Datepicker and Popup close, dialog buttons; price slider handlers. Use same colors as BE btnSt3 and btnSt4 buttons */
    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #005AAB; background: #005AAB; color: #fff; }
        .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #fff; }
        .ui-state-default .ui-icon { background-image: url("../images/ui-icons_FFFFFF_256x240.png"); }

    /* Button Styles hover */
    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #005AAB; background: #005AAB; color: #fff; }
        .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited { color: #fff; }
        .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url("../images/ui-icons_FFFFFF_256x240.png"); }

    /* Button Styles active */
    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {  border: 1px solid #07a7ea !important; background: #07a7ea !important; color: #fff; }
        .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #fff; }
        .ui-state-active .ui-icon { background-image: url("../images/ui-icons_FFFFFF_256x240.png"); }

/* end jQuery UI */

/* Datepicker dates and selected date */

.calendars-popup td a.ui-state-default, .calendars-popup td a.ui-state-hover { border: 1px solid #DDDDDD; color: #000; }

.calendars-popup td a.ui-state-active, .calendars-popup td a.ui-state-active:hover { border: 1px solid #000; background: #000; color: #FFF; }

.CalendarDiv .ui-state-active, .CalendarDiv a.ui-state-active { border: 3px solid #000; }

/* end Datepicker dates and selected date */


/* Calendar Color Codes

.CalendarDiv .BECalOpen, .CalendarDiv a.BECalOpen, .CalendarDiv .ui-state-default { background: #288c4f; color: #FFF; }

.CalendarDiv .BENoAvail, .CalendarDiv a.BENoAvail { background-color: #ececec; background-image: url(/hotel/HOTELID/images/shell/noavail.png); color: #000;}

.CalendarDiv .BEMinLen, .CalendarDiv a.BEMinLen { background: #81d9a3; color: #FFF; }

.CalendarDiv .BENoArrive, .CalendarDiv a.BENoArrive { background: #55b37a; color: #FFF; }

end Calendar Color Codes */


/* Customzations */

.PkgBtmNoThxBtn, .PkgTopNoThxBtn { text-transform: none; background: none; color: #005AAB; line-height: 1!important; border: 0; padding: 0; -webkit-text-shadow: none; -moz-text-shadow: none; -ms-text-shadow: none; -o-text-shadow: none; text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; padding: 0!important;}
    .PkgBtmNoThxBtn:hover, .PkgTopNoThxBtn:hover { background: none; color: #005AAB; text-decoration: underline; border: none !important;}

.ProductsInCategory:before { color: #e7e5e5; content: "\e834"; font-family: icons; font-size: 80px; left: 50%; line-height: 1; position: absolute; top: -48px; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); }
.PackageList { position: relative; }
    .PackageList:before { color: #e7e5e5; content: "\e834"; font-family: icons; font-size: 80px; left: 20px; line-height: 1; position: absolute; top: -48px; }

.PackageCheck .unchecked + label { padding: 0; }
    .PackageCheck .unchecked + label:before { content: ""; }

.StayBar { clear: both; border-width: 1px 0; padding-left: 0; padding-right: 0; position: relative; padding-right: 45px; min-height: 50px; }
.AvailResults .StayBar { padding-right: 100px; }
.StayBar .Dates, .StayBar .Guests { display: inline-block; padding-right: 15px; vertical-align: middle; }
    .StayBar .Guests div { display: inline; padding: 0; float: none; }
    .StayBar .Guests .StayLabel, .StayBar .Guests .StayLabel span { font-weight: bold; }
        .StayBar .Guests .StayLabel:after { content: ": "; }
    .StayBar .Guests .MultiRoomGuests .StayValue:after { content: ", "; }
    .StayBar .Guests .MultiRoomGuests .StayValue:last-child:after { content: ""; }
.StayBar .ModifyLink { display: inline-block; border-width: 0 0 0 1px; padding-left: 15px; position: absolute; top: 15px; right: 15px; bottom: 15px; min-height: 20px; }
    .StayBar .ModifyLink a { text-decoration: none; vertical-align: top; }
.arrowDown:before { font-family: icons; content: "\e832"; font-size: 1.5rem; line-height: 1rem; vertical-align: middle; }
.arrowUp:before { font-family: icons; content: "\e831"; font-size: 1.5rem; line-height: 1rem; vertical-align: middle; }
.YourStayHeader, .YourStayCheckout .YourStayHeaderCheckout { display: none; }
.YourStay.Open .CloseBtnX { top: -20px; }
.HotelNameAddress  .hSize1 { color:#005aab; font-family: 'tfarrowlight'; }
.hSize1, .hSize2, .hSize3, .hSize4 { font-size:16px; color: #8c8b8b; font-weight: 400; color: #005bab; padding:15px 0 0 0;}
/*.YourStay.Open, .YourStayCheckout.Open {
    padding: 15px 0 0;
    margin: 0 15px 30px;
 }*/

.YourStay.Closed, .YourStayStatic.Closed, .YourStayCheckout.Closed { display: none; }
.YourStayCheckout .YourStay { display: block !important; }
.CalwPrice .ui-datepicker td span.DayPrice { font-size: 11px; }
* {
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    border-radius: 0!important;
}

@media (min-width: 901px) {
    .msie .HotelContainer, .msie .ProductContainer, .msie .PackageItem { width: calc(99.9%/3); }
}
/* end Customzations */


/* Tablet */
@media (max-width: 749px) {
        /*move back button to top*/
    .StepName .backBtn { position: absolute; right: 0px; top: 67px; }
    /*end move back button to top*/
}

@media screen and (min-width: 601px) and  (max-width: 900px) {
    /* Change padding and size to fit the price */
    .CalwPrice .ui-datepicker td a, .CalwPrice .ui-datepicker td span { padding: 8px 3px; }
    .CalwPrice td a.ui-state-active { padding: 5px 1px; }
    .CalwPrice .ui-datepicker td span.DayPrice { font-size: 11px; }
}

@media screen and (max-width: 800px) {
    /* Calendar Layout: Change to vertical */
    .CalwPrice .ui-datepicker-multi .ui-datepicker-group.first, .CalwPrice .ui-datepicker-multi .ui-datepicker-group.last { padding: 0 20px; width: 100%; }
}

@media (max-width:620px) {
    .StepName .backBtn { right: auto; top: 19px; }
}

@media (min-width: 601px) and (max-width: 700px) {
    /*move rate price below rate description*/
    .HeaderPrice .PriceExtraInfo { display: block; }
    .HeaderPrice .PriceExtraInfo span { display: inline; }

    .HasImage .HeaderPrice .PriceExtraInfo { display: inline-block; }
    .HasImage .HeaderPrice .PriceExtraInfo span { display: block; }
}

/*end Tablet */


/* Mobile */

@media screen and (max-width: 600px) {

    /* Customzations */

    /* #XbeViewPanel { padding: 0 0 150px; } */

    .PkgOptBtnsTop { display: none; }
    .PckOptBtnsBtm { background: #fff; margin: 0; padding: 10px; z-index: 9999; position: fixed; bottom: 0; right: 0; left: 0; }
    .PckOptBtnsBtm { text-align: center; }
    .PkgBtmNoThxBtn, .PkgBtmNoThxBtn:hover { width: auto; display: inline-block; }

    .CriteriaBtnDiv { /*position: fixed;*/ bottom: 0; left: 0; right: 0; /*background: #FFF;*/ padding: 0 10px 4px; margin: 0; z-index: 9999; }
    .CriteriaBtn { margin: 0; }

    .YourStayHeader, .YourStayCheckout .YourStayHeaderCheckout { display: block; }
    .YourStay.Closed .YourStayHeader { display: none; }
    .YourStay.Open .CloseBtnX { top: 15px; }
    .StayBar .ModifyLink { padding-left: 10px; right: 10px; top: 10px; bottom: 10px; }
    /* Remove calendar prices from mobile size */
    .CalwPrice .ui-datepicker td a, .CalwPrice .ui-datepicker td span { height: auto; }
    .CalwPrice .ui-datepicker td span.DayPrice { display: none; }
    .CalwPrice .ui-datepicker td a, .CalwPrice .ui-datepicker td span { padding: 15px 5px; text-align: center; }
    .CalwPrice td a.ui-state-active { padding: 12px 3px; }
    /*confirm button smaller*/
    .btnSt1, .btnSt2 { line-height: 1; padding: 10px; }
    .SummaryRoomTotal  { padding-bottom: 130px; }
    /*body {padding-bottom: 160px;}*/
    /*hide text in back button*/
    /*.StepName .backBtn { position:absolute; visibility: hidden; left:15px!important; z-index:1000; }
    .StepName .backBtn:before { visibility: visible; }  */
    /*end hide text in back button*/
    /* end Customzations */
    [lang="de-DE"] .CheckoutSubSection .CheckoutHeader  { font-size: 1.4rem;}
    [lang="de-DE"] .PoliciesDiv .CheckoutHeader  { font-size: 1.25rem;}
}

/* end Mobile */

/* Temp fixes */
.ui-dialog-buttons, .calendars-popup { height: auto !important; }
a.openModal:hover, a.FilterLinkInActive:hover, a.FilterLinkActive:hover, a.backBtn:hover, a.CloseBtnX:hover, a.modifyIco:hover, a.removeIco:hover, a.infoIco:hover, a.infoIcoAfter:hover, .DateBack .activeLink:hover, .DateFwd .activeLink:hover, .ShopCartIco:hover, .calendarIco:hover, .printIco:hover { text-decoration: none !important; }
.RtrnHotelList { clear: both; }
.YourStay.Closed, .YourStayStatic.Closed, .AvailPackages .YourStay.Closed, .YourStayCheckout.Closed { clear: both; }
#XbeViewPanel:after { display: table; clear: both; content: ""; }
.PkgImg { -webkit-flex-shrink: 0; flex-shrink: 0; }