﻿

.subtitle {
    font-size: 16px;
    color: #333 !important;
    padding-bottom: 5px;
    border-bottom: solid 1px #e5e5e5;
    margin-bottom: 5px;
}

.filter-head {
    display: block;
    position: relative;
}

.filter-loader {
    position: absolute;
    top: auto;
    bottom: -20px;
}

.filter-icon {
    top: auto;
    bottom: -9px;
}

.hotel-wrap {
    margin-bottom: 30px;
}

.thumb-slider li img {
    width: 120px;
    height: 80px !important;
}

.room-info-wrapper {
    display: block;
    padding: 15px;
    margin-bottom: 20px;
    border: solid 1px #e5e5e5;
}

    .room-info-wrapper img {
        max-height: 170px;
        width: 100%;
        overflow: hidden;
        display: block;
    }

.room-desc p i {
    padding: 7px;
    margin-right: 5px;
    border: solid 1px #e5e5e5;
    color: #f75d5d;
}

.room-desc > p {
    font-weight: 500;
}

.product-brief-info .flexslider {
    overflow: hidden;
}

.hotel-detail-sidebar table {
    text-align: left;
}

.guest-say img {
    border-radius: 0 !important;
}

.btn-continue, .btn-back {
    margin: 10px 0px;
    color: #fff;
    border: none;
    padding: 5px;
    text-align: center;
    display: block;
}

    .btn-continue:hover {
        background: #dd8b12;
    }

.btn-continue {
    background: #FF9800;
}

.btn-back {
    background: #0a77e0;
}

    .btn-back:hover {
        background: #0881e8;
    }

/*.btn-book{margin:10px 0px ; background:#FF9800; color:#fff; border:none; padding:5px; text-align: center; display:block}

.btn-book:hover{background:#dd8b12;}*/

.link-policy {
    font-size: 10px;
    font-weight: 500;
    display: block;
    margin: 10px 0px;
}

.amount {
    font-size: 18px;
    color: #0a77e0;
}

/*.sidebar-item{margin-bottom:20px}*/

.btn-wrap, .pax-details {
    display: none;
}

.roomno {
    display: inline-block;
    padding: 5px 15px;
    background: #e83131;
    color: #ffffff;
    border-radius: 5px 5px 0px 0px;
    margin-bottom: 0px;
}

.room-wrap-inner, .border-box {
    border: solid 1px #e5e5e5;
    padding: 20px;
}

.txt-red {
    color: red;
}

.success {
    text-align: center;
    padding: 10px;
    background: #00b94a;
    color: #fff;
    font-weight: normal;
    font-size: 18px;
}

.failed {
    text-align: center;
    padding: 10px;
    background: #c62126;
    color: #fff;
    font-weight: normal;
    font-size: 18px;
}

.txt-18 {
    font-size: 18px !important;
}


.sidebar-body {
    padding: 10px;
}

.rating-box span {
    margin: 0;
}

.change-search {
    display: block;
    margin-bottom: 20px;
    background: #FF9800;
    color: #fff;
    text-decoration: none;
    padding: 5px;
    text-align: center;
}

    .change-search:hover {
        background: #dd8b12;
    }

.sidebar-item {
    display: block;
    padding: 10px;
    border: solid 1px #e5e5e5;
}

.selectedRoom {
    background: #efefef;
    display: block;
    padding: 10px;
}

    .selectedRoom h4 {
        margin-top: 0px;
    }

.tblHotelsidebar {
    font-size: 14px;
}

    .tblHotelsidebar tr td:first-child {
        width: 60%;
    }

    .tblHotelsidebar tr td:last-child {
        width: 35%;
        font-weight: 500;
    }

.hotelContact {
    font-size: 14px;
}

    .hotelContact i {
        margin-right: 10px;
        font-size: 12px;
        padding: 5px;
        background: #e5e5e5;
    }

.gallery li {
    display: block;
}

    .gallery li img {
        width: 100%;
    }

.main-content {
    margin-top: 40px;
}


/*Hotel list*/




.modify-search {
    display: none;
}


.unslider {
    overflow: auto;
    margin: 0;
    padding: 0;
    margin-top: 44px;
}

.roomborder {
    display: block;
    border: solid 1px #26688e;
    padding: 10px 15px 0px;
}

.room2, .room3, .room4, .room5, .room5 {
    display: none;
}

.btnRemove {
    display: none;
}


.notify_msg {
    color: #e20707;
    margin-bottom: 0px;
}

/*.child-age [class*="col-"] {
    padding-right: 5px;
    padding-left: 5px;
}*/

.rooms { /*padding:10px 15px;*/
    margin-bottom: 10px; /*border:solid 1px #e3e4e5*/
}

.borderBox {
    border: 2px solid red !important;
}

.color-invert {
    color: #ccc !important;
}

.starcount {
    float: right;
    color: #353638;
    font-weight: 700 !important;
    background: #ccc;
    text-align: center;
    display: inline-block;
    padding-left: 2px !important;
    padding: 2px;
}

.rate_info {
    display: block;
    font-size: 11px;
    text-align: right;
    color: #0a76d2;
    font-weight: 700;
}

.ui-spinner-input {
    margin: 0px auto;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-radius: 0px !important;
}

.col_nopad [class*='col-'] {
    padding: 0px !important;
}

.roomNumber {
    background: #3c63ab;
    margin-bottom: 0px;
    padding: 2px 10px;
    border-radius: 4px 4px 0px 0px;
    color: #fff !important;
}

/*.ui-widget-content {
    border: solid 1px #ccc;
}*/
.htlnamesearchicon{width:100%; padding-right:30px}
.hotelnamesearchicon{display:block;position:absolute; right:0px ; width:24px; text-align:center; bottom:0px; padding:7px; line-height:1.7em}

.hotel_thumbnail {
    display: block;
    vertical-align: middle;
    max-height: 180px;
    overflow: hidden;
}

    .hotel_thumbnail img {
        width: 100%;
        min-height: 180px;
    }

.hotel_modifywidget {
    background: #06567b;
    padding-top: 30px;
}

    .hotel_modifywidget label {
        color: #fff !important;
    }

    .hotel_modifywidget .child-age [class*="col-"] {
        padding-right: 15px;
        padding-left: 15px;
    }

.hotel-item:hover {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.hotel_fare {
    text-align: right !important;
    font-weight: 500;
}

.roomFare {
    color: #2f2f2f;
    font-size: 18px;
}

.link_policy {
    display: inline-block;
    padding: 2px 5px;
    border: solid 1px #f1bebe;
    border-radius: 7px;
    background: #e83131;
    color: #fff !important;
    text-decoration: none;
    margin-top: 10px;
    transition: all ease-in .3s;
}

.link_policy:hover {
        background: #f75d5d;
        color: #fff !important;
 }

.popoverLink {
    text-align: center;
    display: block;
    line-height: 2em;
    /*padding: 15px;*/
    margin-top: 5px;
    border: solid 1px;
    border-radius: 7px;
    transition: all ease-in .5s;
}

    .popoverLink i {
        margin-right: 5px;
        /*display: block;*/
        font-size: 13px;
        text-align: center;
    }

    .popoverLink:hover {
        background: #0a77e0;
        color: #fff !important;
    }

.tdgreen {
    background: #748c81;
    color: #fff;
}

.tdred {
    background: #ce4141;
    color: #fff;
}

.room-border-wrapper {
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 10px;
}




/*New hotel listing*/

.hotelListing li {
    background: #fff;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 10px;
    border: 1px solid #cdcdcd;
    box-shadow: 0 0 3px #ffffff;
}

.hotelListing {
    list-style: none;
    margin: 0;
    padding: 0;
}

.item-title h6 {
    margin: 0;
    line-height: 34px;
    color: #252525;
}

.item-title a {
    color: #252525;
    font-weight: 500;
}

.item-hotel-star {
    font-size: 16px !important;
    color: #debc0a;
    white-space: nowrap;
}
.imgh img {
    object-fit: cover;
    height: 100px;
    width: 100%;
}.hotelDescription {
    font-size: 11px;
    font-weight: 500;
}

.room-title h6 {
    margin: 0px;
    font-weight: 500;
}

.room-details {
    margin: 10px 0px;
    border: solid 1px #ccc;
    padding: 10px 5px 0px;
}

    .room-details:last-child {
        margin-bottom: 0px;
    }


.roomList{
   display:block; 
   padding:0 10px;
   margin-bottom:10px;
   border-bottom:solid 1px #ccc;
}

.roomList:last-child{
    margin-bottom:0px;
    border-bottom:none;
}

.hiddenHotelDetails {
    display: none;
}

.linkToggle {
    line-height: 34px;
    background: hsla(0, 0%, 94%, 0.79);
    padding: 4px;
    font-size: 12px;
    text-align: center;
    border-radius: 1px;
    color: #151515;
}
    .linkToggle a {
        text-decoration: none;
        color:white;
    }
        .linkToggle a:hover {
            text-decoration: none;
             color: #1287cc;
            
        }

.lblLocation {
    margin-bottom: 0;
    line-height: 34px;
}

.available {
    display: inline-block;
    padding: 2px 5px;
    /*background: #00b94a;*/
    background: #e28e07;
    color: #fff;
    margin-top: 5px;
}

.roomFooter {
    background: #e1e2e2;
    margin: 0px -5px;
    padding: 0px 15px;
}
.roomTotfare{
    display:block;
    text-align:center;
    font-size:24px;
    line-height:36px;
    margin-bottom:0px;

}

.roomTotfare .curcode{
    font-size:14px;
   
}

.roomTotfare .totalAmount{

     color:#e83131;
}

.hzloader,.reviewContent{display:none}

.booking-info .form-submit .add-to-cart{float:none !important}

.product-detail,.contact-detail{padding-bottom:70px}

.btnBack i{margin-right:10px}

.checkout-page__content .customer-content{padding:0px}

.checkout-page__content #payment h3{border-bottom:none;}

.searchboxwithicon{padding-right:30px}

.searchicon {
    display: inline-block;
    margin-right: 0;
    position: absolute;
    right:0;
    bottom:0px;
    line-height:30px;
    padding: 0px 10px;
    color: #34aaeb;
}

@media(max-width:767px)
{
    .search-top-box{margin-top:25px}
    .hotelListitem .fare{
        padding-top:0px;
        padding-left:0px;
    }

    .hotelListitem .no-col-pad{padding-left:15px; padding-right:15px}

    .link_policy{display:block; text-align:center}
}

.tail {
    margin: 0 auto;
    text-align: center;
    border: 1px solid #ff77d2;
    width: 50%;
    border-radius: 20px;
    padding: 10px;
}
.ShowCancellationPolicy:hover {
    box-shadow: 0px 1px 2px 1px #cf1717;
}
.ShowCancellationPolicy {
    background-color: #fef1e9;
    box-shadow: 0px 1px 2px 0px #cf1717;
    padding: 5px 15px;
    color: #EA2330;
    border-radius: 5px;
}
    .ShowCancellationPolicy .fa-ban{
        padding-right:5px;
    }
    /*hotelRooms starts*/
    .hotelDetails {
        display: block;
        margin: 23px auto;
        /*padding: 10px;*/
        box-shadow: 0px 0px 5px rgba(37, 37, 37, 0.3);
        background: #fffcfc;
    }

/*.hotelDetails:hover {
        box-shadow: 0px 0px 18px -8px #858585;
        border-color: #eeeded !important;
        border-bottom: solid 1px;
        background-color: #fff;
    }*/


.padding-30 {
    padding: 30px;
}

.hotelDetailContent h3 {
    text-transform: uppercase;
    font-size: 16px;
    line-height: 23px;
    font-weight: 500;
}

.text-dark {
    color: #343a40 !important;
}

b {
    color: #27438d;
}

.hotelDetailContent p {
    font-size: 11px;
    line-height: 14px;
    font-family: 'Poppins', sans-serif;
    color: #debc0a;
}

.hotelDetailContent span {
    color: #424242;
}

.m-r-5px {
    margin-right: 5px;
}

.nav-tabs li a:active {
    color: #debc0a;
    outline: none;
}

.HotelRoomsTab {
    border: 1px solid #45a3e1 !important;
    margin-bottom: 30px;
}

.roomIcon i {
    font-size: 16px;
    color: #45a3e1;
}

.roomIcon span {
    color: #45a3e1;
    font-size: 14px;
}


.p-l-8 {
    padding-left: 8px;
}

.p-t-5 {
    padding-top: 5px;
}

.bordered {
    border: solid #ccc 1px;
    box-shadow: 0 1px 1px #ccc;
}

    .bordered th {
        background-color: #dce9f9;
    }

        .bordered th:first-child {
            border-radius: 6px 0 0 0;
        }

    .bordered td, .bordered th {
        border-left: 1px solid #ccc;
        border-top: 1px solid #ccc;
        padding: 10px;
        text-align: center;
    }

.text-center {
    text-align: center;
}

.select-btn {
    display: block;
    padding: 5px 7px;
    text-align: center;
    background:#fff;
    border:solid 2px rgb(69, 163, 225);
    color: rgb(69, 163, 225);
    border-radius: 3px;
    transition: all .5s ease;
    font-weight: 400;
}

    .select-btn.selected {
        color:#fff;
        background: #45a3e1;
    }

    .select-btn:hover {
        background: #45a3e1;
        color: #fff;
    }

    .select-btn:active, .select-btn:focus {
        outline: none;
        color: #fff;
    }

.bordered td:first-child, .bordered th:first-child {
    border-left: none;
}


/*Ajith*/
.selectedRoomWrap {
    display: block;
    padding: 15px;
    background: #0a5dac;
}

.tblSelectedRoom {
    margin-bottom: 0px
}

    .tblSelectedRoom td {
        border: none !important;
        font-size: 14px;
        color: #fff;
    }

        .tblSelectedRoom td:last-child {
            font-size: 18px;
            text-align: right;
        }

.selectedRoomWrap .btnContinueBook {
    background: #fff !important;
    color: #0a5dac;
    font-weight: 500;
    transition: all ease .2s;
}

    .selectedRoomWrap .btnContinueBook:hover {
        background: #0a5dac !important;
        color: #fff;
        border: solid 2px #fff !important; 
    }

.hoteldatebox {
    display: block;
    position: relative;
    text-align: right;
    margin: 10px;
}

    .hoteldatebox span {
        text-align: right;
    }

.htlDescription {
    font-size: 13px;
    text-align: justify;
}

.searchControls {
    list-style: none;
    margin: 0;
    padding: 0
}

    .searchControls li {
        display: inline-block;
        position: relative;
        margin-right: 5px;
    }

        .searchControls li a {
            display: block;
            border: solid 1px #e5e5e5;
            padding: 5px;
            border-radius: 4px;
        }

    .searchControls .nameSearch {
        border: solid 1px #e5e5e5 !important;
        padding: 5px;
        border-radius: 4px;
    }

.modify-btn {
    color: #fff;
    cursor: pointer;
    background: #33c2ec;
    font-weight: 400;
    border: solid 1px #14a7d2;
}

    .modify-btn:hover {
        color: #fff !important;
        background: #1194e0;
    }
/*hotelRooms ends*/

.hotelListitem .item-title {
    display: block;
    padding-right: 10px;
    border-right: dotted 1px #ccc;
}

.MealDrop {
    display: none;
    position: absolute;
    background: #fef1e9;
    right: 1px;
    box-shadow: 0px 1px 5px 1px #cdcdcd;
    top: 39px;
    z-index: 888;
    min-width: 250px;
}

    .MealDrop li {
        display: block;
    }

.countRight {
    float: right;
    font-size: 12px;
    color: #f44336;
}
.checkbox input[type="checkbox"]{
    margin-right:10px !important;
}

.booking-info .price em {
    color: #fff0f0;
}