.widget-body * {
    box-sizing: border-box;
    font-family: arial;
    /*font-size: 12px;*/
}

#booking .material-icons {
    font-family: 'Material Icons' !important;
}

#booking table td,
#booking table th {
    border: none;
}

.widget-body #booking * {}

.ui-datepicker-trigger {
    position: absolute;
    left: 10px;
    right: auto;
    bottom: 15px;
    padding: 0;
    margin: 0 !important;
    width: 18px !important;
}

.widget-body #booking {
    float: left;
    width: 100%;
    /*max-width: 500px;*/
    box-sizing: border-box;
    direction: rtl;
    font-size: 12px;
}

#ui-datepicker-div {
    z-index: 100000 !important;
}

.widget-body {
    float: left;
    width: 100%;
}

.widget-body .checkdates {
    float: right;
    width: 100%;
    padding: 0;
}

.widget-body .checkin {
    float: right;
    width: 49%;
    position: relative;
}

.widget-body .checkout {
    float: left;
    width: 49%;
    position: relative;
}

.widget-body .checkdates input {
    background: #fff;
    background-size: 25px;
}

.widget-body form input,
.widget-body form select {
    height: 50px;
    width: 100%;
    border: 1px solid #ccc;
    background: #fff;
    font-size: 15px;
    font-weight: bold;
}

.widget-body form input {
    padding: 15px 11px 5px;
}

.widget-body form select {
    padding: 5px;
}

.widget-body .destination1 {
    float: right;
    width: 100%;
    padding: 0;
}
.widget-body .destination1 {
    margin: 0 0 5px 0 !important;
}
.widget-body .out_composition {
    float: right;
    width: 100%;
    padding: 5px 0 0;
    position: relative;
}

.widget-body .out_composition select {
    text-align: left;
    direction: ltr;
    font-size: 24px;
    background: #fff;
    background-image: none;
    -webkit-appearance: none;
}

.widget-body .out_composition option {
    font-size: 16px;
}

.widget-body #coupon {
    background: #fff !important;
}

.widget-body #coupon .by_coupon_box label {
    margin: 0 0 0px 0;
}

.widget-body .number_rooms {
    float: right;
    width: 32%;
    margin: 10px 0 0 0;
    position: relative;
}

.widget-body .composition_center {
    margin: 0 5px !important;
    width: calc(34% - 10px) !important;
}

.widget-body .composition {
    float: right;
    width: 33%;
    margin: 0;
    padding: 0px;
    position: relative;
}

.widget-body .composition::before {
    content: '‹';
    color: #000;
    font-size: 13px;
    position: absolute;
    width: 11px;
    top: 4px;
    left: 14px;
    -ms-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    transform: rotate(90deg);
    height: 8px;
    line-height: 13px;
}

#en .widget-body .composition::before {
    right: 14px;
    left: auto;
}

.widget-body label {
    position: absolute;
    top: 5px;
    right: 10px;
    z-index: 1;
}

.widget-body .run {
    color: #fff;
    font-size: 15px;
    background: #338ce2;
    border: none;
    line-height: 40px;
    height: auto;
    width: 100%;
    margin: 22px 0 0;
    float: left;
    padding: 5px;
    margin: 5px 0 0;
    border-radius: 0;
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    text-align: right;
    text-decoration: none;
}

.widget-body .chain .destination {
    display: block;
}

#en .widget-body form {
    direction: ltr;
}

#en .by_coupon_button,
#en .widget-body .destination1,
#en .widget-body .number_rooms,
#en .widget-body .checkdates,
#en .widget-body .destination1,
#en .widget-body .out_composition,
#en .widget-body .checkin,
#en .widget-body .composition {
    float: left;
}

#en .widget-body .run,
#en .widget-body .checkout {
    float: right;
}

#en .by_coupon_box {
    right: auto;
    left: 0;
}

#en .by_coupon_box:before {
    left: 10px;
    right: auto;
}

#en .widget-body .checkdates input {
    background: #fff;
    background-size: 25px;
}

#en .ui-datepicker-trigger {
    right: 5px;
    left: auto;
}

#en .widget-body label {
    left: 5px;
    right: auto;
    z-index: 10;
    text-transform: capitalize;
}

#en .widget-body .number_rooms {
    margin: 10px 0 0;
}

#en .widget-body .out_composition select {
    direction: rtl;
}

.room_comment {
    display: none;
    float: right;
    width: 100%;
    padding: 0;
    margin: 10px 0 0;
    color: #000;
    font-size: 14px;
    font-weight: bold;
}

.room_comment.show_text {
    display: block;
}

.t-check-in {
    border-radius: 0;
    width: calc(50% - 2.5px);
}

.t-check-out {
    border-radius: 0;
    width: calc(50% - 2.5px);
}

.t-highlighted {
    color: #000;
}

@media screen and (min-width: 700px) {
    .destination1 {
        margin: 0 0 0 0 !important;
    }
    #en .widget-body .number_rooms {
        margin: 0px 0 0 0.5%;
    }
    .widget-body .number_rooms {
        width: 10%;
        margin: 0 0.5% 0 0;
    }
    .widget-body .checkdates {
        width: calc(35% + -5px);
        padding: 0;
        margin: 0 0 0 5px;
    }
    .widget-body .out_composition {
        padding: 0;
        width: 30%;
    }
    .widget-body .destination1 {
        padding: 0 0 0 0.5%;
        width: 18%;
        margin: 0 !important;
    }
    /* #en .widget-body .destination1 {
        padding: 0 5px 0 0;
    } */
    .widget-body .chain .out_composition {
        width: 22%;
    }
    .widget-body .run {
        width: 17%;
        margin: 0;
    }
    .ui-datepicker-trigger {
        left: 15px;
        bottom: 18px;
        width: 23px !important;
    }
    .widget-body form input,
    .widget-body form select {
        height: 50px;
        font-size: 18px;
    }
    .widget-body .run {
        font-size: 16px;
        line-height: 50px;
        height: 50px;
        padding: 0 !important;
    }
    .widget-body .t-check-in,
    .widget-body .t-check-out {
        height: 50px;
    }
    .widget-body .t-day-check-in,
    .widget-body .t-day-check-out {
        font-size: 30px;
        font-family: 'Hotels-Bold';
        float: right;
        width: 35px;
    }
    .widget-body .t-dates {
        padding: 15px 10px;
        height: 100%;
    }
    .widget-body .t-day-translate {
        width: calc(100% - 35px);
        line-height: 12px;
        font-size: 12px;
    }
    .t-month-check-in,
    .t-month-check-out {
        line-height: 8px;
        font-size: 12px;
    }
}