/* CSS Styles for Booking Frame */
.bookingFrame{
    width: 60%;
    margin: 0 auto;
}


/* Mobile */

@media (max-width: 767px) {
    .bookingFrame{
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width:1199px){
    .bookingFrame{
        width: 80%;
    }
}

.text-center.order input, .text-center.order select {
    width: 222px;
    margin-top: 18px;
}

/*.sb__form {*/
    /*padding-left: 12% !important;*/
/*}*/

.sb-screen-m .sb__footer-actions {
    padding-right: 10%;
}
.sb__form-field-input::before {
    border-bottom-color: #4f3c2f !important;
}
#sb-container .sb-custom-color option {
    color:#fff !important;
}
.sb_guests-room-header button.sb-custom-icon-color {
    color: #fff !important;
}
.sb__guests-add-room.sb-custom-icon-color.sb-custom-add-room-box-shadow-color {
    color: #fff !important;
}
.sb__form-field-icon .icon {
    fill: #4f3c2f !important;
}
div.sb {
    text-align: center;
}

#sb-container_sb__form {
    width: auto;
    display: block;
    max-width: 80%;
    flex-wrap: unset;
    margin: 0 auto;
}

#sb-container_sb__form > input[type="button"] {
    width: auto;
    margin-top: 18px;
    float: left;
    display: block;
    position: relative;
}

#sb-container_sb__form .sb__guests-rooms {
    width: 23%;
}

/*.sticky #booking-link  {*/
    /*display: none;*/
/*}*/


/*
.sb__form-field-icon .icon.sb-custom-icon-color {
    color: #4f3c2f !important;
}*/
