.rooms_order_form form{ width: 690px; max-width: 100%; margin: 0 auto; }
.rooms_order_form .form_title{ font-size: 22px; font-weight: 600; margin-bottom: 15px; }
.rooms_order_form form input[type="text"],.rooms_order_form form textarea{ height: 40px; padding: 0 8px; font-size: 14px; line-height: 40px; border: 1px solid #5e5e5e;color: #666; width: 300px; }
.rooms_order_form form textarea{ height: 150px; padding: 8px; width: 100%; }
.rooms_order_form form input[type="text"]:disabled{ background: #eee; }
.rooms_order_form form select{ height: 40px; padding: 0 20px 0 8px; font-size: 14px; line-height: 40px; border: 1px solid #ddd; color: #666; width: 100%; }
.rooms_order_form form .form_row{ display: flex; flex-flow: row wrap; margin-top: 40px; }
.rooms_order_form form .form_row .field{ flex-grow: 2; }
/*.rooms_order_form form .form_row .field{ width: 33.33%; padding: 0 8px; }
.rooms_order_form form .form_row.full .field{ width: 100%; }
.rooms_order_form form .form_row.halfed .field{ width: 50%; }
.rooms_order_form form .form_row .field .label{ font-size: 16px; margin-bottom: 4px; line-height: normal; }*/
.rooms_order_form form .form_row .icon{ margin-right: 20px; min-width: 42px; }
.rooms_order_form form .form_result{ padding: 15px; margin-top: 20px; display: none; }
.rooms_order_form form .form_result.error{ background: rgba(255,0,0,0.1); display: block; }
.rooms_order_form form .form_result.success{ background: rgba(0,255,0,0.1); display: block; }
.rooms_order_form form button[type="submit"]{ background: #8fc400; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4); cursor: pointer; color: #fff; height: 42px; display: inline-flex; align-items: center; padding: 0 20px; font-weight: bold; font-size: 18px; text-transform: uppercase; position: relative; border: 0; outline: 0; }
.rooms_order_form form button[type="submit"]::before{ content: ""; display: none; position: absolute; background: #a0ce4e; height: 20px; width: 100%; top: -20px; left: 0; }
.rooms_order_form form button[type="submit"]:hover::before{ display: block; }
.rooms_order_form form button[type="submit"]:hover{ color: rgba(255,255,255,0.35); box-shadow: unset; }

.rooms_order_form .fields_container{ display: none; }
.rooms_order_form .fields_container.active{ display: block; }

.rooms_order_form .after_calendar_chosen{ display: none; }
.rooms_order_form .after_calendar_chosen.active{ display: block; }

.rooms_order_form .booking_fields{ display: none; }
.rooms_order_form .booking_fields.active{ display: block; }

.rooms_order_form .after_room_chosen{ display: none; }
.rooms_order_form .after_room_chosen.active{ display: block; }

.rooms_order_form .top_row{ display: flex; align-items: center; }
.rooms_order_form .top_row .icon{ margin-right: 20px; }
.rooms_order_form .top_row .delim{ margin: 0 40px; }
.rooms_order_form .top_row .tab{ background: #8fc400; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4); cursor: pointer; color: #fff; height: 42px; display: inline-flex; align-items: center; padding: 0 20px; font-weight: bold; font-size: 18px; text-transform: uppercase; position: relative; }
.rooms_order_form .top_row .tab::before{ content: ""; display: none; position: absolute; background: #a0ce4e; height: 20px; width: 100%; top: -20px; left: 0; }
.rooms_order_form .top_row .tab:not(.active):hover::before{ display: block; }
.rooms_order_form .top_row .tab:not(.active):hover{ color: rgba(255,255,255,0.35); box-shadow: unset; }
.rooms_order_form .top_row .tab.active{ background: #5e5e5e; }

/* Calendar styles */
.rooms_order_form .datepicker-inline .datepicker{ width: 620px; }
.rooms_order_form .datepicker--nav{ border: 0; padding: 0; display: flex; margin-bottom: 10px; }
.rooms_order_form .datepicker--content{ border: 0; padding: 0; }
.rooms_order_form .datepicker{ border: 0; padding: 0; width: 100%; }
.rooms_order_form .datepicker--nav-action{ background: #a0ce4e; color: #fff; width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; border-radius: 0; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4); position: relative; }
.rooms_order_form .datepicker--nav-action path{ stroke: #fff; }
.rooms_order_form .datepicker--nav-title{ flex-grow: 2; margin: 0 10px; background: #a0ce4e; display: inline-flex; align-items: center; justify-content: center; height: 42px; color: #fff; text-transform: uppercase; font-size: 18px; font-weight: bold; border-radius: 0; }
.rooms_order_form .datepicker--nav-title i{ color: #fff; }
.rooms_order_form .datepicker--days-names{ background: #a0ce4e; margin: 0; }
.rooms_order_form .datepicker--days-names .datepicker--day-name{ height: 60px; line-height: 60px; text-transform: uppercase; color: #fff; font-size: 18px; }
.rooms_order_form .datepicker--cells.datepicker--cells-days{ background: #e9e9ea; padding: 11px 38px; }
.rooms_order_form .datepicker--cells .datepicker--cell.datepicker--cell-day{ color: #5e5e5e; padding: 11px 5px; height: auto; border-radius: 0; }
.rooms_order_form .datepicker--cells .datepicker--cell.datepicker--cell-day.-other-month-{ opacity: 0.35; }
.rooms_order_form .datepicker--cells .datepicker--cell.datepicker--cell-day.-selected-{ background: #5e5e5e; color: #fff; }

.rooms_order_form .datepicker--nav-action:hover,.rooms_order_form .datepicker--nav-title:hover{ background: #a0ce4e; color: rgba(255,255,255,0.35); box-shadow: unset; }
.rooms_order_form .datepicker--nav-action::before{ content: ""; display: none; position: absolute; background: #a0ce4e; height: 20px; width: 100%; top: -20px; left: 0; }
.rooms_order_form .datepicker--nav-action:hover::before{ display: block; }
.rooms_order_form .datepicker--nav-action:hover path{ stroke: rgba(255,255,255,0.35); }

/* OWL Styles */

.rooms_order_form .hours_list{ margin-top: 40px; }
.rooms_order_form .owl-carousel{ position: relative; padding: 0 63px; }
.rooms_order_form .owl-carousel .owl-nav{ margin: 0; }
.rooms_order_form .owl-carousel .owl-nav > button.owl-prev,.rooms_order_form .owl-carousel .owl-nav > button.owl-next{ margin: 0; position: absolute; display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; background: #a0ce4e; color: rgba(255,255,255,1); border-radius: 0; top: 0; font-size: 36px; }
.rooms_order_form .owl-carousel .owl-nav > button.owl-prev{ left: 0; }
.rooms_order_form .owl-carousel .owl-nav > button.owl-next{ right: 0; }
.rooms_order_form .owl-carousel .item{ background: #8fc400; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4); cursor: pointer; color: #fff; height: 42px; display: inline-flex; align-items: center; padding: 14px; font-weight: bold; font-size: 18px; text-transform: uppercase; position: relative; }
.rooms_order_form .owl-carousel .item::before{ content: ""; display: none; position: absolute; background: #a0ce4e; height: 20px; width: 100%; top: -20px; left: 0; }
.rooms_order_form .owl-carousel .item:not(.active):hover:not(.inactive)::before{ display: block; }
.rooms_order_form .owl-carousel .item:not(.active):not(.inactive):hover{ color: rgba(255,255,255,0.35); box-shadow: unset; }
.rooms_order_form .owl-carousel .item.active{ background: #5e5e5e; }
.rooms_order_form .owl-carousel .item.inactive{ background: #9e9e9e; }

.rooms_order_form .rooms_list{ margin-top: 40px; }
.rooms_list .items{ display: flex; flex-flow: row wrap; }
.rooms_list .items .room{ width: 32%; margin-right: 2%; display: inline-flex; align-items: center; justify-content: center; color: #fff; background: #8fc400; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4); cursor: pointer; color: #fff; height: 42px; display: inline-flex; align-items: center; padding: 14px; font-weight: bold; font-size: 18px; text-transform: uppercase; position: relative; margin-bottom: 40px; }
.rooms_list .items .room:nth-child(3n){ margin-right: 0; }
.rooms_list .items .room::before{ content: ""; display: none; position: absolute; background: #a0ce4e; height: 20px; width: 100%; top: -20px; left: 0; }
.rooms_list .items .room:not(.active):hover::before{ display: block; }
.rooms_list .items .room:not(.active):hover{ color: rgba(255,255,255,0.35); box-shadow: unset; }
.rooms_list .items .room.active{ background: #5e5e5e; }
.rooms_list .items .room:last-child{ margin-right: 0; }
.rooms_list .items .room img{ margin-right: 20px; }

.rooms_calendar ul.nav{ display: flex; list-style: none; align-items: center; margin: 15px 0; }
.rooms_calendar ul.nav li{ margin-right: 10px; font-size: 18px; margin-bottom: 0; display: block; }
.rooms_calendar ul.nav li:last-child{ margin-right: 0; }
.rooms_calendar ul.nav .prev,.rooms_calendar ul.nav .next{ font-size: 26px; }
.rooms_calendar ul.nav .prev a,.rooms_calendar ul.nav .next a{ text-decoration: none; line-height: 26px; height: 26px; display: inline-block;}
.rooms_calendar table tr td .book{ padding: 12px; margin-bottom: 15px; }
.rooms_calendar table tr td .book:last-child{ margin-bottom: 0; }
.rooms_calendar table tr td .book ul{ color: inherit; font-size: 15px; list-style: none; margin: 0; padding: 0; }
.rooms_calendar table tr td .book ul .name{ font-weight: bold; margin-right: 6px; }
.rooms_calendar .nowrap{ white-space: nowrap; }