.B24clearboth{
clear: both;
}

.beds24box, .beds24searchbox{
color: inherit;
-webkit-appearance: auto; 
-moz-appearance: auto; 
appearance: auto;
}


.beds24_bookbutton{
font-weight:bold;
font-size:120%;
cursor:pointer;
border: none;
padding: 5px 10px 5px 10px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
margin: 0 2px;
outline: medium none;
text-align: center;
text-decoration: none;
vertical-align: baseline;
display: inline-block;
zoom: 1;
*display: inline;
}

.beds24_bookbutton:hover {
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}


.B24_searchbox input, select, textarea, submit {
font-family: inherit;
font-size: 100%;
}

.B24agency_searchbox input, select, textarea, submit {
font-family: inherit;
font-size: 100%;
}

.beds24searchbox select{
width: auto;
}

.beds24box select{
width: auto;
}

.B24agency_searchinput{
   font-size: 15px;
   font-weight: 500;
   color: #000000;
   margin: 0em 0em 0em 0em;
   padding: 0em 0em 0em 4em;
   border-style: solid;
   border-width: 0px 1px 0px 0px;
   border-color: #efefef;
}
.B24_searchitem{
margin: 0 0 5px 0;
vertical-align: middle;
}

.beds24strip{
width: 100%;
display: inline-block;
color: inherit;
-webkit-appearance: auto; 
-moz-appearance: auto; 
appearance: auto;
}

.beds24strip img {
margin:0 !important;
}

.beds24strip select{
width: auto !important;
display: inline-block !important;
}

.B24_searchstrip_inner {
text-align: center;
}

.B24_searchstrip_inner .B24_searchitem, .B24_searchstrip_inner .B24_searchitem2, .B24_searchstrip_inner .B24_searchitem3, .B24_searchstrip_inner .B24_searchitem4, .B24_searchstrip_inner .B24buttondiv{
float: none;
display: inline-block;
}


.B24checkinselect{
margin: 0;
vertical-align:text-top;
}

.B24checkin_day, .B24checkin_month, .B24nights, .B24guest, .ui-datepicker-trigger{
margin: 0;
vertical-align: top;
}
.B24checkintext{
padding: 5px 0 2px 0;
}

beds24searchbox .ui-datepicker-trigger{
padding: 0 5px 0 0;
}

.B24agency_searchitem2,.B24_searchitem2{
float: left;
}

.B24checkouttext{
padding: 5px 0 2px 0;
margin: 0 0 0 5px;
}

.B24agency_searchitem3 ,.B24_searchitem3{
float: left;
}

.B24nights{
margin: 0 0 0 5px;
}
.B24agency_searchitem4,.B24_searchitem4{
float: left;
}

.B24guesttext{
padding: 5px 0 2px 0;
margin: 0 0 0 5px;
}

.B24guest{
margin: 0 0 0 5px;
}

.B24buttondiv{
clear: both;
float: right;
margin: 10px 0 10px 0;
}

.B24button{
font-weight:bold;
font-size:120%;
cursor:pointer;
padding: 5px 10px 5px 10px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
margin: 0 2px;
outline: medium none;
text-align: center;
text-decoration: none;
vertical-align: baseline;
display: inline-block;
zoom: 1;
*display: inline;
background: #000000;
}

.B24button:hover {
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
.B24button a {
text-decoration:none;
}


.B24button input[type="submit"] {
background: none;
border: none;
background: none;
color: #ffffff;
}

.B24advancedsearch {
clear: both;
padding: 10px 0px 10px 0;
}

.B24advanced_search_group {
float: left;
padding: 0 0 10px 0;
margin-right:2.762430939%;
}

.B24advanced_search_group_options {
margin: 0;
padding: 0;
}

.B24checkbox {
list-style: none outside none;
margin: 0;
padding: 0;
}



#ui-datepicker-div{
display: none;
}

/* ===== Beds24 Search Box — style like reference ===== */

.B24agency_searchbox {
   width: 100%;
}

.B24agency_searchbox_inner_flex {
   display: flex;
   align-items: stretch;
   gap: 0;
   width: 100%;
   padding: 0;
   background: transparent;
   border: 0;
   box-shadow: none;
   min-height: 92px;
}

/* Кожен блок */
.B24agency_searchitem,
.B24buttondiv {
   position: relative;
   display: flex;
   flex-direction: column;
   justify-content: center;
   padding: 16px 28px;
   min-height: 92px;
   background: transparent;
   box-sizing: border-box;
}

/* Пропорції колонок */
.B24agency_searchitem1,
.B24agency_searchitem3,
.B24agency_searchitem4,
.B24agency_searchitem5 {
   flex: 1 1 0;
   min-width: 0;
}
.B24agency_searchitem2,
.B24agency_searchitem_checkout {
   flex: 1 1 0;
   min-width: 280px;
}

.B24buttondiv {
   flex: 0 0 220px;
   padding: 16px 24px;
}

/* Вертикальні розділювачі */
.B24agency_searchitem::after {
   content: "";
   position: absolute;
   top: 20px;
   right: 0;
   width: 1px;
   height: calc(100% - 40px);
   background: #e8e8e8;
}

.B24buttondiv::after {
   display: none;
}

/* Текст-лейбли зверху */
.B24checkintext,
.B24checkouttext,
.B24guesttext,
.B24agency_searchitem1 .B24proptext,
.B24agency_searchitem4 .B24nametext,
.B24agency_searchitem5 .B24nametext {
   display: block;
   margin: 0 0 8px 0;
   font-size: 13px;
   line-height: 1.2;
   font-weight: 400;
   color: #777;
   text-transform: none;
   letter-spacing: 0;
}

/* Контейнери контролів */
.B24checkinselect,
.B24checkoutselect,
.B24guestselect,
.B24propselect {
   display: flex;
   align-items: center;
   gap: 8px;
   min-width: 0;
   width: 100%;
}

/* Поля та селекти */
.B24agency_searchbox select,
.B24agency_searchbox input[type="text"],
.B24agency_searchbox input[type="date"] {
   width: 100%;
   border: 0 !important;
   outline: none !important;
   box-shadow: none !important;
   background: transparent !important;
   color: #1f1f1f;
   font-size: 17px;
   line-height: 1.2;
   font-weight: 600;
   padding: 0;
   margin: 0;
   min-height: auto;
   appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   cursor: pointer;
}

/* Якщо день і місяць/рік стоять поруч */
.B24checkin_day,
.B24checkout_day {
   flex: 0 0 72px;
   max-width: 72px;
}

.B24checkin_month,
.B24checkout_month {
   flex: 1 1 auto;
   min-width: 0;
}

.B24nights,
.B24guest,
.B24prop,
.B24room,
.B24agency_searchinput {
   width: 100%;
   min-width: 0;
}

/* Прибрати стандартні стрілки IE */
.B24agency_searchbox select::-ms-expand {
   display: none;
}

/* Кнопка */
.B24button {
   width: 100%;
   height: 100%;
   display: flex;
   align-items: center;
}

.B24button input[type="submit"],
.B24agency_searchbox button,
.B24agency_searchbox .B24submit {
   width: 100%;
   min-height: 56px;
   border: 0 !important;
   border-radius: 6px;
   background: #f3a51d !important;
   color: #fff !important;
   font-size: 16px;
   line-height: 1;
   font-weight: 700;
   text-align: center;
   cursor: pointer;
   box-shadow: none !important;
   transition: background .2s ease, transform .2s ease;
}

.B24button input[type="submit"]:hover,
.B24agency_searchbox button:hover,
.B24agency_searchbox .B24submit:hover {
   background: #e39a1c !important;
}

.B24button input[type="submit"]:active,
.B24agency_searchbox button:active,
.B24agency_searchbox .B24submit:active {
   transform: translateY(1px);
}

/* Нижній advanced search */
.B24advancedsearchmore,
.B24advancedsearch {
   margin-top: 10px;
   padding-left: 6px;
}

.B24advancedsearchmore a,
.B24advancedsearch a {
   font-size: 14px;
   color: #666;
   text-decoration: none;
}

.B24advancedsearchmore a:hover,
.B24advancedsearch a:hover {
   text-decoration: underline;
}

/* Якщо є іконки всередині або jQuery UI datepicker */
#datepicker {
   display: none;
}

/* Трохи акуратніше для тексту option */
.B24agency_searchbox option {
   font-size: 15px;
   color: #222;
}

/* ----- Tablet ----- */
@media (max-width: 1100px) {
   .B24agency_searchbox_inner {
      flex-wrap: wrap;
   }

   .B24agency_searchitem,
   .B24buttondiv {
      flex: 1 1 50%;
      min-width: 50%;
      border-bottom: 1px solid #ececec;
   }

   .B24agency_searchitem::after {
      display: none;
   }

   .B24buttondiv {
      flex: 1 1 100%;
      min-width: 100%;
   }
}

/* ----- Mobile ----- */
@media (max-width: 767px) {
   .B24agency_searchbox_inner {
      display: block;
   }

   .B24agency_searchitem,
   .B24buttondiv {
      width: 100%;
      min-width: 100%;
      min-height: auto;
      padding: 16px 18px;
      border-bottom: 1px solid #ececec;
   }

   .B24agency_searchitem::after {
      display: none;
   }

   .B24buttondiv {
      border-bottom: 0;
   }

   .B24agency_searchbox select,
   .B24agency_searchbox input[type="text"],
   .B24agency_searchbox input[type="date"] {
      font-size: 16px;
   }

   .B24button input[type="submit"],
   .B24agency_searchbox button,
   .B24agency_searchbox .B24submit {
      min-height: 52px;
      font-size: 16px;
   }
}