#booking-form { transform: translateX(100%); -moz-transform: translateX(100%); -webkit-transform: translateX(100%); }
.open #booking-form  { transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); }
.open .booking-form-container { transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); }
.open_2 .booking-form-container { display: block; z-index:9; position: fixed; }
.booking-form-container { display: none; width: 100%; position: absolute; top: 32px; right: 50px; max-width: 90%; overflow: hidden; padding-left: 40px; box-sizing: border-box; }
#booking-form .ba-booking-calendar { background: #FCFCF1; padding-right: 50px; width: 100%; box-sizing: border-box; border-bottom-left-radius: 40px; border-top-left-radius: 40px; padding-left: 20px; }
.book_left { position: fixed; top: 0; left: 0; display: none;}
.select { border-radius: 0 !important; }


/* CALENDAR > DATEINPUT */
#calroot { z-index: 10000; margin-top: -6px; width: 240px; padding: 10px; margin-left: -3px; background-color: #000; font-size: 11px; position: fixed !important; top: 84px !important; }
#calhead { padding: 2px 0; height: 25px; }
#caltitle { font-size: 14px; color: white; float: left; text-align: center; width: 200px; line-height: 10px; }
#calnext,
#calprev { display: block; width: 10px; height: 10px; float: left; cursor: pointer; background: transparent url(../img/calendar_left.svg) center center no-repeat; background-size: 10px 10px; }
#calnext { float: right; background: transparent url(../img/calendar_right.svg) center center no-repeat; background-size: 10px 10px; }
#calprev.caldisabled,
#calnext.caldisabled { visibility: hidden; }
#caltitle select { font-size: 10px; }
#caldays { height: 14px; border-bottom:1px solid #ddd; }
#caldays span { display: block; float: left; width: 31.4px; text-align: center; background-color: #ccc; }
#calweeks { background-color: #fff; margin-top: 4px; }
.calweek { clear: left; height: 22px; }
.calweek a { display: block; float: left; width: 31px; height: 20px; text-decoration: none; font-size: 11px; text-align: center; line-height: 20px; color: black; }
.calweek a:hover,
.calfocus { background-color: #ddd; }
a.calsun { color: red; }
a.caloff { color: #ccc; }
a.caloff:hover { background-color: rgb(245, 245, 250); }
a.caldisabled { background-color: transparent !important; color: #ccc !important; cursor: default; }
#calcurrent { background-color: #808080; color: white; }
#caltoday { background-color: #E5E5E5; color: white; }
.ba-booking-calendar a.caltrigger { display: none; width: 21px; margin: 0; position: absolute; bottom: 1px; height: 21px; left: 2px; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAYAAABiS3YzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAI9JREFUeNpi/P//PwNdgLk8F4iaBsQgG6eB+DCMLg5yFDpmwmN2JtQXmUSKYwCY7Sj4P0Q30eIw18PAf3SQmZkJVgiiiRGHWQQylBHJUIrjgpGRERTujCzIgnNnzoSzk9PTCfIvdE+G8w1Kc+FsJlqknlHvj3p/1PvU9D7MpdNBApRikDnILqW0lkABAAEGAH7ruRQW9oPqAAAAAElFTkSuQmCC); }
.ba-booking-calendar a.caltrigger { background-position: 0; }


/* CALENDAR CONTAINER */
.ba-booking-calendar { width: 700px; padding: 5px; float: left; }
.ba-booking-calendar .-info { margin: 5px 0 20px 0; }
.ba-booking-calendar .-info h3 { font-size: 20px; line-height: 18px; font-weight: bold; margin: 0 0 12px 0; }
.ba-booking-calendar .-info p { padding: 0; margin: 0; font-weight: bold; color: #000; }
.ba-booking-calendar input,
.ba-booking-calendar select { border-radius: 0 !important; border: 0 solid #ccc; -moz-box-shadow: 0 0 0 #eee inset; -webkit-box-shadow: 0 0 0 #eee inset; width: 100%; height: 35px; color: black; font-weight: normal; padding: 5px 15px; font-size: 14px; line-height: 1.4; background-color: #FCFCF1;}
.ba-booking-calendar .date { width: 100%; text-align: left; display: block; position: relative; bottom: 0; padding: 0 0 0 10px; float: left; height: 36px; color: black; font-size: 14px; line-height: 1.4; font-weight: normal; background-color: #FCFCF1; }
.ba-booking-calendar label { font-weight: bold; margin: 0 ; display: inline-block; width: 100%; position: relative; height: 36px; }
.ba-booking-calendar label > span { margin: 12px 5px 0 0; width: 100% !important; padding-right: 20px; }
.ba-booking-calendar label.-field-date { position: relative; height: 36px; float: left; }
.ba-booking-calendar label.-field-promocode { position: relative; float: right; }
/* .ba-booking-calendar label.-field-promocode { font-weight: bold; margin: 0 0 6px 0; display: inline-block; width: 100%; position: relative; background-color: #fff; height: 43px; } */

.ba-booking-calendar .-field-pricegroup select { max-width: 225px; width: auto; color: #000; }
.ba-booking-calendar .-field-persons-adults select { margin: 0 5px 0 0; width: 50px; }
.ba-booking-calendar .-field-persons-children select { margin: -26px 5px 0 0; width: 50px; float: right; }

.ba-booking-calendar .-form .-button { border: 0; margin: 4px 0 0 0; padding-left: 15px; padding-right: 15px; width: 100%; height: 39px; font-weight: normal; text-decoration: none; text-align: center; background-color: #4F1115; color: white; font-size: 14px; line-height: 1.4; letter-spacing: 1px; float: left; text-transform: uppercase; }
.ba-booking-calendar .-form .-button:hover { background-color: #ddd; color: black; }

/* #leftbook { float: left; margin: 5px; min-width: 25%; width: 100%; max-width: 25%; height: 40px; }
#rightbook { float: left; margin: 5px; height: 40px; min-width: 25%; width: 100%; max-width: 25%; }
#room_type { float: left; margin: 5px; min-width: 15%; width: 100%; max-width: 22.1%; }
#newbutton { float: left; margin-left: 5px; min-width: 100px; width: 100%; max-width: 20%; }
#promo_code { display: none; } */
#leftbook{ float: left; margin: 5px; height: fit-content; width: 100%; min-width: 15%; max-width: 20%; border: 1px solid #4F1115;}
#rightbook{ float: left; margin: 5px; height: fit-content; width: 100%; min-width: 15%; max-width: 20%; border: 1px solid #4F1115; }
#room_type{ float: left; margin: 5px; width: 100%; min-width: 15%; max-width: 25%; border: 1px solid #4F1115; }
#newbutton{ float: left; margin-left: 5px; min-width: 95px; width: 100%; max-width: 18%;  }
#promo_code { display: inline-block; float: left; margin: 5px; width: min-content; min-width: 150px; max-width: 200px; border: 1px solid #4F1115; }

@media only screen and (max-width: 1660px) {
    #rightbook{ float: left; margin: 5px; height: fit-content; width: 100%; min-width: 15%; max-width: 18%; }
    #room_type{ float: left; margin: 5px; min-width: 15%; width: 100%; max-width: 19%; }
}

@media only screen and (max-width: 1130px) {
    #leftbook{ float: left; margin: 5px; min-width: 15%; width: 100%; max-width: 15%; height: 40px; }
    #rightbook{ float: left; margin: 5px; height: fit-content; min-width: 15%; width: 100%; max-width: 18%; }
    #promo_code { display: inline-block; float: left; margin: 5px; width: min-content; min-width: 125px; max-width: 200px; }
    #room_type{ float: left; margin: 5px; min-width: 15%; width: 100%; max-width: 17%; }
    #newbutton{ float: left; margin-left: 5px; min-width: 95px; width: 100%; max-width: 15%; }
}