/* header */
.page-header-wrap .container:after,
.page-header-wrap .container:before {
    display: none;
}
.page-header-wrap.navbar {
    min-height: 46px;
}
.page-header-wrap .page-header-inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.page-header-wrap .hotel_name {
    margin-top: 9px;
    margin-bottom: 9px;
}

/* search panel */
.search-panel-wrap {
    display: flex;
}
.search-panel-wrap .input-group {
    width: 100%;
}
.search-panel-wrap .search_panel {
    width: 70.7%;
    padding-left: 15px;
    margin-bottom: 6px;
    padding-right: 15px;
}
.search-panel-wrap form {
    display: flex;
}

@media (max-width:991px) {
    .search-panel-wrap{
        display: block !important;
    }
    .search_panel{
        margin-left: 0;
        width: 100%;
    }

    .search-panel-wrap .search_panel {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .search-panel-wrap form {
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .check_availability_group .form-group {
        padding-left: 15px;
        padding-right: 15px;
    }

}

/* availability list */
.available_rooms {
    margin-top: 6px;
    color: black;
}
.av_wrapper {
    margin-bottom: 15px;
}
.av_wrapper:last-child {
    margin-bottom: 0;
}
.av_roomtype {
    display: flex;
    align-items: flex-start;
    background: #fff;
    padding: 15px;
}
.av_gallery {
    width: 40.8%;
    margin: 0 18px 10px 0;
    flex-shrink: 0;
}
.av_gallery .gallery_wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    background: rgba(240, 240, 240, 0.2);
    position: relative;
}
.av_gallery .gallery_wrapper > img:first-of-type {
    width: 100%;
    height: 100%;
}
.av_gallery .gallery_wrapper .featured_photo {
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: 100%;
    background-repeat: no-repeat;
}
.av_gallery .no_image{
    background: #efefef;
    border: 3px dashed #999;
}
.av_gallery .no_image:before {
    content: "\f083";
    font-family: FontAwesome;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 90px;
    height: 100%;
    color: #666;
}
.av-info {
    flex-grow: 1;
}
.av-info .av-name-info {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.av-name {
    font-size: 18px;
    margin-top: 5px;
}
.av-left-rooms {
    background: #000;
    color: #fff;
    padding: 6px 10px;
    text-align: center;
    margin-right: -15px;
}
.av-info .av-min-max-wrapper {
    display: flex;
    justify-content: space-between;
    margin: 15px 0 5px;
}
.av-occupancy, .av-max-stay {
    font-size: 14px;
    line-height: 18px;
    width: calc(50% - 10px);
}
.av-rates .price-from {
    text-align: right;
    font-size: 12px;
}
.av-roomrate {
    display: flex;
    justify-content: space-between;
    position: relative;
    align-items: center;
}
.av-roomrate:hover {
    background: #F6F5F5;
    cursor: pointer;
}
.av-roomrate .av-room-price {
    font-size: 16px;
    line-height: 30px;
    text-align: right;
}
.av-roomrate input[name=check_roomrate]:checked + label:after {
    content: "";
    display: block;
    background: #F6F5F5;
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    left: 0;
}
.av-roomrate .md-radio {
    width: 100%;
}
.av-roomrate .md-radio label {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 0;
    padding: 5px 0 5px 21px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.av-roomrate .md-radio label > em {
    font-style: normal;
    padding-right: 10px;
    z-index: 1;
}
.av-roomrate .md-radio label > .check {
    left: 4px;
    width: 8px;
    height: 8px;
    background: #165d86;
    top: 9px;
    z-index: 2;
}
.av-roomrate .md-radio label > .box {
    border: 2px solid #363636;
    height: 16px;
    width: 16px;
    top: 5px;
    z-index: 2;
}
.av-rate-price {
    font-size: 16px;
    flex-shrink: 0;
    z-index: 1;
}
.av-rate-price .old-price {
    text-decoration: line-through;
    color: red;
}
.av-rate-price .new-price {
    color: #3EB247;
}
.av-roomrate hr {
    margin: 10px 0 14px;
}
.av-details {
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
}
.av-details {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.av-room-options {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
.av-room-options > div {
    margin-left: 10px;
}
.av-room-options .type_of_room {
    font-size: 10px;
    text-align: center;
    margin-bottom: 3px;
    display: block;
}
.details-switcher {
    color: #165d86;
    margin-top: 16px;
    font-size: 14px;
    text-decoration: none !important;
}
a:not(.details-switcher):not(.ui-state-default),
a:not(.details-switcher):not(.ui-state-default):hover,
a:not(.details-switcher):not(.ui-state-default):active,
a:not(.details-switcher):not(.ui-state-default):focus,
a:not(.details-switcher):not(.ui-state-default):visited {
    outline: none !important;
}
.details-switcher:hover > span {
    text-decoration: underline;
}
.details-switcher i {
    margin-right: 3px;
    font-size: 16px;
}
.details-switcher.show-details .fa-arrow-circle-o-down {
    display: inline-block;
}
.details-switcher.show-details .fa-arrow-circle-o-up {
    display: none;
}
.details-switcher.hide-details .fa-arrow-circle-o-down {
    display: none;
}
.details-switcher.hide-details .fa-arrow-circle-o-up {
    display: inline-block;
}
.details-switcher.show-details > span:after {
    content: attr(data-closed-details-text);
}
.details-switcher.hide-details > span:after {
    content: attr(data-opened-details-text);
}
.av-per-person-price,
.basic_tarifas_small {
    padding: 15px;
    border-top: 1px solid #e3e3e3;
    background: white;
}
.av-per-person-price h4 {
    font-size: 18px;
    font-weight: normal;
}
.av-room-features {
     background: #fff;
 }
.av-room-features .tabbable-line > .nav-tabs > li:first-child{
    margin-left:15px;
}
.av-room-features .tab-content{
    padding: 15px;
}
/* from booking-custom */
.available_rooms .av_roomtype .starting_at div.several_rows,
.available_rooms .av_roomtype .price_for_nights div.several_rows{
    line-height: 20px;
    text-align: center;
    width: 100%;
}
.available_rooms .av_roomtype .adults,
.available_rooms .av_roomtype .children,
.available_rooms .av_roomtype .no-rooms{
    padding:0 !important;
}
.ie9 .available_rooms .av_roomtype .col-md-2, .ie9 .available_rooms .av_roomtype .col-md-1, .ie9 .av_roomtype .beds,
.ie8 .available_rooms .av_roomtype .col-md-2, .ie8 .available_rooms .av_roomtype .col-md-1, .av_roomtype .beds{
    padding-top:25px;
}
.ie10 .available_rooms .av_roomtype .col-md-2, .ie10 .available_rooms .av_roomtype .col-md-1, .ie10 .av_roomtype .beds{
    padding-top:0px;
}
.av_roomtype .bootstrap-select .btn{
    max-width:60px;
}
.available_rooms .av_roomtype .starting_at, .choose_room .av_roomtype .starting_at,
.available_rooms .av_roomtype .price_for_nights, .choose_room .av_roomtype .price_for_nights{
    width:12%;
    float:left;
    height:100%;
    line-height:100%;
    position: relative;
}
.available_rooms .av_roomtype .adults, .available_rooms .av_roomtype .children, .available_rooms .av_roomtype .custom-select-rooms,
.choose_room .av_roomtype .custom-adults, .choose_room .av_roomtype .custom-children, .choose_room .av_roomtype .custom-select-rooms{
    width: 10%;
    float:left;
    height:100%;
    line-height:100%;
}
.available_rooms .av_roomtype .custom-max-guests, .choose_room .av_roomtype .custom-max-guests{
    width: 10%;
    float:left;
    height:100%;
    line-height:100%;
}
.available_rooms .av_roomtype .first_container, .choose_room .av_roomtype .room_type_name{
    width: 36%;
    float:left;
}
.available_rooms .av_roomtype .first_container,
.available_rooms .av_roomtype .custom-max-guests,
.available_rooms .av_roomtype .adults,
.available_rooms .av_roomtype .children,
.available_rooms .av_roomtype .custom-select-rooms,
.available_rooms .av_roomtype .starting_at,
.available_rooms .av_roomtype .price_for_nights{
    align-items: center;
    display: flex;
    font-size: 12px;
    justify-content: space-between;
    text-align:center;
    padding: 0 7px;
}
.available_rooms .av_roomtype .first_container{
    text-align: left;
}
.room_types .av_wrapper .package_img {
    height: 91px;
    float: left;
    margin-right: 15px;
}

.room_types .av_wrapper .table.accommodations-table {
    margin-bottom: 0;
}

/* media queries */
@media (min-width: 1200px) {
    .container {
        width: 1200px;
    }
}
@media (max-width: 991px) {
    .search-panel-wrap form > .form-group {
        width: calc(50% - 10px);
    }
    .search-panel-wrap form > .check_availability_group {
        width: 100%;
        padding: 0;
    }
}

@media (max-width: 767px) {
    .av-left-rooms {
        margin-right: 0;
    }
    .av_roomtype {
        flex-direction: column;
        align-items: stretch;
    }
    .search-panel-wrap .search_panel {
        width: 100%;
        padding: 11px 15px;
        margin-left: 0;
    }
    .av_gallery {
        width: 100%;
        margin-right: 0;
    }
    .search-panel-wrap form {
        max-width: 100%;
    }
    .page-boxed .page-header.page-header-wrap.navbar > .page-header-inner.container {
        padding: 0 !important;
        width: 100%;
    }
    .page-header-wrap.navbar {
        height: auto;
    }
    .figure {
        width: 100%;
    }
    .page-header-wrap .hotel_name {
        margin: 4px 0 11px;
    }
    #lang_currency_switchers {
        margin-right: 5px;
    }
    .search-panel-wrap form > .check_availability_group .form-group {
        margin-bottom: 3px;
    }
}