@charset "UTF-8";
@import 'sanitize.css';
body { margin: 0; padding: 0; color: #123; background: #fff; font-size:16px; }
h1,h2,h3,h4,h5,h6{ margin: 0; padding: 0; font-weight: normal; letter-spacing: normal; }
ul,li,ol{ margin: 0; padding: 0; list-style: none;}
a{ text-decoration: none; cursor: pointer; color: #291341; }
.clr:after{ content:""; display:block; height:0; clear:both; visibility:hidden; }

/* HotelBookingTabs */
.HotelBookingTabs{ max-width: 400px; margin: auto; margin-top: 10px; margin-bottom: 20px; }
.HotelBookingTabs h2{ margin-bottom: 10px; font-weight: 600; }
.HotelBookingTabs .HeaderBox span{ font-size: 28px;}
.HotelBookingTabs h3.HeaderBoxAr{ font-size: 26px;}

.HotelBookingTabsHeader{ display: flex; justify-content: left; align-items: center;}
.HotelBookingTabsHeader p{ width: auto; text-align: left; margin: 0; padding: 10px 20px 10px 0; cursor: pointer; /*background-color: #f2f2f2;*/ color: #666; position: relative; }
.HotelBookingTabsHeader p.active{ /*background-color: #ff5252;*/ color: #ea1313; border-radius: 5px 5px 0 0; font-weight: bold; }
.HotelBookingTabsBox{ background-color: #E8E8E8; padding: 15px 20px; border-radius: 10px; font-size: 20px; text-align: left;}
.HotelBookingTabsBox p{ margin: 0; }
#TwoTab{ display: none;}
#ThreeTab{ display: none;}
.HotelBookingTabsBox .OneColumn{ margin: 0 0 10px 0;}
.HotelBookingTabsBox .TwoColumn{ margin: 0 0 10px 0; display: flex; justify-content: space-between; flex-wrap: nowrap;}
.HotelBookingTabsBox .TwoColumn p{ width: 48%; }
.HotelBookingTabsBox input[type=text]{ width: 100%; height: auto; padding: 6px; border: 1px solid #ccc; }
.HotelBookingTabsBox input[type=date]{ width: 100%; height: auto; padding: 10px 10px; border: 1px solid #ccc; }
/*.HotelBookingTabsBox select{ width: 100%; height: auto; padding: 9px 0px 9px 8px; border: 1px solid #ccc;}*/
.HotelBookingTabsBox select { -webkit-appearance: none !important; -moz-appearance: none !important; background-color: #fafafa; height: 40px; width: 100%; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAAdVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhMdQaAAAAJ3RSTlMAAAECAwQGBwsOFBwkJTg5RUZ4eYCHkJefpaytrsXGy8zW3+Do8vNn0bsyAAAAYElEQVR42tXROwJDQAAA0Ymw1p9kiT+L5P5HVEi3qJn2lcPjtIuzUIJ/rhIGy762N3XaThqMN1ZPALsZPEzG1x8LrFL77DHBnEMxBewz0fJ6LyFHTPL7xhwzWYrJ9z22AqmQBV757MHfAAAAAElFTkSuQmCC); background-position: 100%; background-repeat: no-repeat; border: 1px solid #ccc; padding: 7px 10px; border-radius: 0; }
.HotelBookingTabsBox .BTNHotelsSearch button { width: 100%; max-width: 80%; margin: auto; position: relative; cursor: pointer;background-image: linear-gradient(150deg, #ea1313 0%, #FA4707 100%); border: 0; color: #fff; letter-spacing: 2px; padding: 5px 20px 5px 20px; border-radius: 100px; font-size: 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.HotelBookingTabsBox .BTNHotelsSearch button img{ display: inline-block; max-width: 20px; height: auto; }
.HotelBookingTabsBox .BTNHotelsSearch button:hover{ background-color: #123;}
.HotelBookingTabsBox .BTNHotelsSearch input[type=submit]{ width: 100%; max-width: 80%; margin: auto; position: relative; cursor: pointer; background-image: linear-gradient(150deg, #ea1313 0%, #FA4707 100%); border: 0; color: #fff; padding: 5px 20px 5px 20px; border-radius: 100px; font-size: 25px; font-family: 'db_adman_xbold'; font-weight: 600; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.HotelBookingTabsBox .BTNHotelsSearch input[type=submit]:hover{ background-color: #123;}
.HotelBookingTabsBox .BTNHotelsSearch{ margin-top: 20px; text-align: center;}



