/*menu fillter tim kiem*/
.menu_fillter_custom {
    background: #fff !important;
    border-radius: 15px;
    padding: 10px 0;
    margin: 0 10px;
    margin-top: 20px;
}

.menu_fillter .nav-tabs {
    border: none;
    margin-bottom: -1px;
}

.menu_fillter_custom .nav-tabs .nav-link.active {
    border-right: none;
    border-bottom: 1px solid #000 !important;
}

.menu_fillter_custom .nav-tabs .nav-link.active {
    background: rgba(255, 255, 255, 0.5);
    border-right: 1px solid #ccc;
    font-weight: 700;
}

.menu_fillter_custom ul li a img {
    width: 25px;
    padding-right: 1px;
}

.menu_fillter_custom .nav-tabs .nav-link.active {
    background: rgba(255, 255, 255, 0.5);
    border-right: 1px solid #ccc;
    font-weight: 700;
    color: #000 !important;
    font-size: 16px;
}

.menu_fillter_custom .tab-content {
    border-top: 1px solid #ccc;
    border-radius: 0;
    padding: 20px 15px;
    background: rgba(255, 255, 255, .5);
    color: #fff !important;
    font-size: 16px;
}

.menu_fillter .tab-content {
    color: #fff !important;
    font-size: 16px;
}

.menu_fillter_custom .box_fillter_date, .menu_fillter_custom .box_fillter_province, .menu_fillter_custom .box_fillter_search, .menu_fillter_custom .box_fillter_cate_res {
    background: #F4F5F7;
    padding: 5px;
    border-radius: 5px;
    border-right: none;
}

.menu_fillter_custom .box_fillter_province, .menu_fillter_custom .box_fillter_date, .menu_fillter_custom .box_fillter_search, .menu_fillter_custom .box_fillter_cate_res {
    vertical-align: top;
    position: relative;
}

.menu_fillter_custom .box_fillter_province {
    width: 29%;
    display: inline-block;
    border-right: none;
}

.menu_fillter_custom .box_fillter_date {
    width: 15%;
    display: inline-block;
    border-right: 1px solid #ccc;
}

.menu_fillter_custom .box_fillter_cate_res, .menu_fillter_custom .box_fillter_search {
    width: 30%;
    display: inline-block;
    border-right: 1px solid #ccc;
}

.menu_fillter_custom .box_fillter_submit {
    width: 11%;
    border-right: none;
    display: inline-block;
}

.menu_fillter_custom .box_fillter_province img.icon_img_pos, .menu_fillter_custom .box_fillter_date img.icon_img_pos, .menu_fillter_custom .box_fillter_search img.icon_img_pos, .menu_fillter_custom .box_fillter_cate_res img.icon_img_pos {
    position: absolute;
    width: 30px;
    right: -16px;
    z-index: 2;
    top: 23px;
}

.box_fillter_province p span img, .box_fillter_date p span img, .box_fillter_search p span img, .box_fillter_cate_res p span img {
    width: 20px;
    display: inline-block;
}

.menu_fillter_custom p span {
    color: #000;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}

.menu_fillter_custom .form-control:disabled, .menu_fillter_custom .form-control[readonly] {
    background-color: #F4F5F7;
    opacity: 1;
    border: none;
}

.menu_fillter_custom .box_fillter_submit button {
    background-color: #005689;
    color: #fff;
    height: 72px;
    vertical-align: text-bottom;
    border: none;
    width: 100%;
    padding: 10px 0;
    border-radius: 7px;
}

.js_text_input_name_mobile {
    display: none !important;
}

.menu_fillter_custom p {
    padding: 0 15px;
    margin-bottom: 0;
}

.menu_fillter_custom input.input_date {
    border: none;
    background: #F4F5F7;
    text-align: center;
}

.menu_fillter_custom .form-control {
    border: none;
    background: #F4F5F7;
}

.menu_fillter .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 35px;
    color: #000;
    font-size: 16px;
}

.menu_fillter_custom select {
    height: 38px;
    line-height: 35px;
    border: none;
    background: none;
    margin-left: 15px;
}

.box_fillter_province_show_right {
    border: 1px solid #ccc;
    border-radius: 5px;
    position: relative;
}

.box_fillter_province_show_right .click_hiden_box {
    color: #000 !important;
    position: absolute;
    top: 10px;
    right: 23px;
    border: 1px solid #ccc;
    background: #ccc;
    padding: 0 8px;
    font-size: 14px;
    z-index: 8;
}

.box_fillter_province_show .item_fillter_pro, .item_box_museum_post, .modal_content_custom {
    padding: 15px;
}

.item_fillter_pro {
    max-height: 300px;
    overflow-y: scroll;
}

.box_fillter_province_show .item_fillter_pro li img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.box_fillter_province_show .item_fillter_pro li {
    display: inline-block;
    width: 150px;
    height: auto;
    text-align: center;
    background-color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
}

.box_fillter_province_show .item_fillter_pro li span {
    color: #1a202c;
    font-size: 14px;
    text-align: center;
    display: block;
    padding-top: 10px;
    margin-bottom: 0;
}

@media (max-width: 991px)
{
    .fillter_hotel_res_ticket{
        display: none !important;
    }
    .menu_fillter_custom .box_fillter_province img.icon_img_pos, .menu_fillter_custom .box_fillter_date img.icon_img_pos, .menu_fillter_custom .box_fillter_search img.icon_img_pos, .menu_fillter_custom .box_fillter_cate_res img.icon_img_pos {

        display: none;
    }
    .menu_fillter_custom .box_fillter_date, .menu_fillter_custom .box_fillter_province, .menu_fillter_custom .box_fillter_search, .menu_fillter_custom .box_fillter_cate_res {
        width: 100% !important;
        border-bottom: 1px solid #ccc;
    }
    .menu_fillter_custom .box_fillter_submit {
        width: 100%;
    }
    .menu_fillter_custom .box_fillter_submit button {
        width: 100% !important;
        height: 50px;
    }
    .menu_fillter_custom input.input_date {
        border: none;
        background: #F4F5F7;
        text-align: right;
        color: red;
    }
    .menu_fillter_custom .form-control {
        background: #fff;
        color: red;
    }
    .menu_fillter_custom .form-control:disabled, .menu_fillter_custom .form-control[readonly] {
        text-align: right;
    }
    .hidenMB770 ,.js_text_input_name_hotel
    {
        display: none !important;
    }
    .js_text_input_name_hotel_mobile
    {
        display: block !important;
    }
    .box_fillter_province_show .item_fillter_pro li {
        width: 140px;
    }
}


/*end menu fillter*/

.hidenPC
{
    display: none !important;
}
.detail_img_item_restaurant_pro {
    border: 1px solid #ccc;
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 5px;
}

.detail_restaurant_province {
    margin: 20px 0px;
}

.detail_img_item_restaurant_pro .crop_card {
    border-radius: 15px;
}

.box_list_travel_img .item_box_list_img_hotel img {
    border-radius: 10px;
}

.box_list_travel_img .item_box_list_img_hotel {
    min-width: 120px;
    flex: 0 0 120px;
    scroll-snap-align: start;
    border-radius: 15px;
    padding: 0;
    background: #fff;
}


.detail_hotel_map h2, .detail_restaurant_province h1.title_detail_restaurant_province, .hotel_order h1, .list_hotel h1, .list_hotel_rel_province h2, .title_63stravel_sale {
    color: #1a202c;
    font-size: 30px;
    font-weight: 600;
    line-height: 29px;
    margin-bottom: 15px;
}

.item_hom_res_order {
    text-align: center;
    margin-top: 15px !important;
    display: block;
}

.item_hom_res_order a {
    background: orange;
    color: #fff !important;
    padding: 10px 30px;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    font-weight: 700;
}

.box_item_detail_restaurant, .detail_menu_res, .detail_menu_star, .list_ticket .side_home_ticket, .select_date_ticket {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 15px;
}

.box_item_detail_restaurant .title_box_item_detail_restaurant a {
    display: inline-block;
    color: red !important;
    text-decoration: underline;
    float: right;
    font-weight: 700;
    vertical-align: bottom;
}

.box_item_detail_restaurant .contet_box_item_detail_restaurant {
    margin-top: 5px;
    height: 300px;
    max-height: 300px;
    text-align: center;
}

.box_item_detail_restaurant .contet_box_item_detail_restaurant {
    margin-top: 5px;
    height: 300px;
    max-height: 300px;
    text-align: center;
}

.box_item_detail_restaurant .contet_box_item_detail_restaurant iframe {
    width: 100%;
    height: 100%;
}

.box_item_detail_restaurant .title_box_item_detail_restaurant span {
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
}

.item_list_ben_item .box_item_list_ben_item {
    margin-top: 15px;
}

.item_list_ben_item .box_item_list_ben_item {
    width: 24%;
    display: inline-block;
    text-align: center;
}

.item_list_ben_item .box_item_list_ben_item img {
    padding: 28px 28px 24px;
}

.box_item_list_ben_item_100 {
    width: 100%;
}

.box_item_list_ben_item_100 span {
    font-weight: 600;
    color: red !important;
    cursor: pointer;
}

.custom_h5_modal .custom_h5_modal_left {
    width: 60%;
    display: inline-block;
    text-align: center;
}

.btnsubmitStar, .modal_item_room_title strong {
    color: #f36 !important;
}


.custom_h5_modal .custom_h5_modal_right {
    width: 39%;
    display: inline-block;
}

.list_ben_hotel ul {
    padding: 0px;
}

.list_ben_hotel ul li {
    list-style: none;
    width: 19%;
    display: inline-block;
    margin: 10px 0;
    padding: 0 15px;
    border-right: 1px solid #ccc;
    text-align: center;
}

.list_ben_hotel ul li span {
    display: block;
    font-size: 14px;
}

.item_ben_hotel_modal .item_ben_hotel_modal_list ul li img, .list_ben_hotel ul li img {
    width: 45px !important;
    margin-bottom: 5px;
}

.custom_h5_modal {
    width: 100%;
}

.list_ben_hotel h3 {
    font-size: 22px;
    font-weight: 600;
    padding: 10px 0;
}

.box_show_map iframe {
    width: 100%;
    height: 390px;
}

.item_modal_content_video {
    width: 100%;
    height: 400px;
}

.hotel_list_room {
    background: #f7fafc;
}

.hotel_list_room h2 {
    font-size: 22px;
    font-weight: 600;
    padding: 20px 0;
}

.fillter_search_hotel {
    background: #fff;
    padding: 15px;
    border-radius: 9px;
    border: 1px solid #ccc;
    margin-bottom: 15px;
}

.fillter_search_hotel label {
    font-size: 16px;
    font-weight: 600;
}

.fillter_search_hotel button {
    padding: 20px;
    border-radius: 9px;
    border: 1px solid #f36;
    background-color: #f36;
    font-size: 20px;
    width: 100%;
}

.box_list_cate_hotel {
    display: none;
    padding: 10px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-top: 10px;
}

.box_list_cate_hotel ul {
    padding: 0;
    margin: 0;
    text-align: center;
}

.box_list_cate_hotel ul li {
    vertical-align: top;
    display: inline-block;
    width: 140px;
    height: auto;
    background-color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    list-style: none;
    text-align: center;
}

.box_list_cate_hotel ul li img {
    width: 120px;
    border-radius: 50%;
    height: 120px;
    display: block;
    margin: 0 auto;
}

.box_list_cate_hotel ul li span {
    display: block;
    font-size: 14px;
}

.fillter_search_hotel_room select {
    width: 100%;
    display: block;
    height: 37px;
    line-height: 35px;
    border: 1px solid #ced4da;
    border-radius: 5px;
    padding: 0px 15px;
}

.item_list_room {
    padding: 20px 0;
    border: 1px solid #ccc;
    border-radius: 15px;
    margin-bottom: 20px;
    background: #fff;
}

.item_list_room .list_room_right h3 {
    color: #000;
    font-size: 20px;
    font-weight: 700;
}

.item_list_room .list_room_right p {
    margin-bottom: 10px;
}

.item_list_room .list_room_right ul {
    padding: 0px;
}

.item_list_room .list_room_right .list_peson_s ul li {
    list-style: none;
    display: inline-block;
    padding: 5px 10px;
}

.custom_item_left_right .custom_item_left {
    width: auto;
    text-align: left;
    display: inline-block;
}

.custom_item_left_right .custom_item_right {
    width: auto;
    text-align: right;
    display: inline-block;
    float: right;
    font-weight: 600;
}

.custom_item_list_room_price p {
    margin-bottom: 10px;
}

.custom_item_list_room_price .item_room_value_price {
    color: black !important;
}

.custom_item_list_room_price .item_room_value_price.priceHome {
    color: red !important;
}

.cus_list_img_hotel_room {
    padding: 10px 0px;
}

.cus_list_img_hotel_room .item_img_hotel_room {
    width: 84px;
    display: inline-block;
    padding: 2px 3px;
    border-radius: 3px;
    min-width: 84px;
    flex: 0 0 84px;
    scroll-snap-align: start;
}

.show_modal_detail_room a {
    color: #fff !important;
    padding: 6px 25px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
    text-transform: none;
    background-color: #f36;
    margin-top: 10px;
    display: inline-block;
    cursor: pointer;
}

.box_list_travel_img_room {
    margin-top: 0px;
    display: flex;
    gap: 10px;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 5px;
}

.modal_item_room_left .crop_card img {
    max-width: 80%;
    border-radius: 15px;
}

.table_room_price {
    border: 1px solid #ccc;
    margin-top: 10px;
}

.table_room_price td, .table_room_price th {
    vertical-align: top;
    border-top: none;
    border-right: 1px solid #dee2e6;
    font-size: 14px;
    padding: 7px 18px;
    border-bottom: 1px solid #dee2e6 !important;
}

.box_pri_open_open {
    display: inline-block;
    /*padding: 0px 10px;*/
    background: #22945f;
    color: #fff;
    font-weight: 500;
    width: 120px;
    font-size: 14px;
    text-align: center;
    padding: 5px 10px;
}

.modal_list_uti_item {
    border: 1px solid #ccc;
    padding: 10px 5px;
    margin-bottom: 15px;
}

.modal_list_uti_item .modal_item_room_uti {
    width: 150px;
    display: inline-block;
    text-align: center;
    border-right: 1px solid #ccc;
    margin-bottom: 10px;
}

.modal_list_uti_item .modal_item_room_uti img {
    width: 35px;
}

.modal_list_uti_item .modal_item_room_uti span {
    display: block;
    font-size: 14px;
}

.modal_list_peson_s ul {
    padding: 0px;
}

.modal_list_peson_s ul li {
    list-style: none;
    display: inline-block;
    padding: 0px 5px;
    border-right: 1px solid #ccc;
}

.section_detail_menu_res .detail_menu_res {
    border-radius: 15px;
    margin-bottom: 20px;
}
.p_icon_360_hotel
{
    color: red !important;
    text-decoration: underline;
    font-weight: 600;
    margin:10px 0px;
}
@media (max-width: 1000px) {
    .custom-thumb-bar-audio {
        left: 33%;
    }
    .item_list_ben_item .box_item_list_ben_item img {
        padding: 10px 15px;
    }
}
@media (max-width: 769px) {
    .item_list_ben_item .box_item_list_ben_item img {
        padding: 20px 20px;
    }
    .modal_item_room_left .crop_card img {
        max-width: 100%;
        border-radius: 15px;
    }
    .table_room_price td, .table_room_price th {
        font-size: 14px;
        padding: 5px 5px;
    }
    .title_detail_restaurant_province
    {
        font-size: 22px;
    }

}