﻿#utilities .item_utility a { position: relative; display: flex; width: 100%; height: 200px; overflow: hidden; border-radius: 5px; box-shadow: 0 1px 1px rgba(10,10,10,0.05), 0 0 0 1px rgba(10,10,10,0.05); align-items: center; justify-content: center; }
    #utilities .item_utility a img { display: inline; height: 110px; margin-top: -10px; width: auto; }
.weather-content { background: #fff; display: inline-block; width: 100%; padding: 0px; }

    .weather-content .weather-title { margin: 0 !important; }

        .weather-content .weather-title .title_w { background: #5a84d2; color: #fff; padding: 5px 10px; font-weight: bold; }

        .weather-content .weather-title .title_t { color: #0A2D49; font-weight: bold; text-transform: uppercase; padding-left: 10px; }

    .weather-content .c_weather { display: inline-block; width: 100%; }
        .weather-content .c_weather img { width: 80px; float: left; }
    .weather-content .c_weather_c { display: inline-block; }
        .weather-content .c_weather_c .c_weather_c_n { font-size: 40px; display: block; color: #0773ca; font-weight: bold; }

        .weather-content .c_weather_c .c_weather_c_t { color: #76b4e5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }

.infomation_dalat, .infomation_dalat ul li a { padding: 0 !important }
    .infomation_dalat ul { list-style: none; padding: 0 }
        .infomation_dalat ul li { padding: 15px 15px 10px !important; }
    .infomation_dalat .content_infomation p.info_title { font-size: 20px; font-weight: 600; }
        .infomation_dalat .content_infomation p.info_title.dalat_in { color: #A33D8B; }
        .infomation_dalat .content_infomation p.info_title.dalat_eat { color: #00AEEF; }
        .infomation_dalat .content_infomation p.info_title.dalat_place { color: #32961A; }
        .infomation_dalat .content_infomation p.info_title.dalat_shop { color: #EE383A; }
    .infomation_dalat .row .col-12 { border-top: 1px solid rgba(10,10,10,0.05); }
    .infomation_dalat .content_infomation { }

#lst_child_u .item_child {text-align: center; }
    #lst_child_u .item_child img { padding: 10px; }
    #lst_child_u .item_child .uti-name { display: block; width: 100%; color: rgb(5, 44, 101); font-size: 13px; font-weight: bold; text-transform: capitalize; }
.container-list-2 { background: #fff; margin-top: 10px; border-bottom: 4px solid #626262; }
.pin_c { width: 30px; height: 30px; border-radius: 50% 50% 50% 0 !important; background: #EA005E; transform: rotate(-45deg); margin: -20px 0 0 -20px; }
    .pin_c:after { content: ""; width: 14px; height: 14px; margin: 8px 0 0 8px; background: #e6e6e6; position: absolute; border-radius: 50% !important; }

/*.bounce_c {
  animation-name: bounce;
  animation-fill-mode: both;
  animation-duration: 1s;
}*/

.pulse_c { background: #d6d4d4; border-radius: 50% !important; height: 14px; width: 14px; position: absolute; margin: 11px 0px 0px -12px; transform: rotateX(55deg); z-index: -2; }
    .pulse_c:after { content: ""; position: absolute; border-radius: 50% !important; height: 40px; width: 40px; margin: -13px 0 0 -13px; animation: pulsate 1s ease-out; animation-iteration-count: infinite; opacity: 0; box-shadow: 0 0 1px 2px #EA005E; animation-delay: 1.1s; }

@keyframes pulsate {
    0% { transform: scale(0.1, 0.1); opacity: 0; }

    50% { opacity: 1; }

    100% { transform: scale(1.2, 1.2); opacity: 0; }
}

@keyframes bounce {
    0% { opacity: 0; transform: translateY(-2000px) rotate(-45deg); }

    60% { opacity: 1; transform: translateY(30px) rotate(-45deg); }

    80% { transform: translateY(-10px) rotate(-45deg); }

    100% { transform: translateY(0) rotate(-45deg); }
}

/* .list-utilities {
    list-style: none;
    text-align: center;
    width:100%;
}
.list-utilities .uti-item {
    border-radius: 3px!important;
    margin-right: 15px;
    margin-top: 15px;
    display:inline-block;
}
.list-utilities .uti-item a {
    font-weight: bold;
    color: #f50;
    font-size: 14px;
    display: inline-block;
    cursor: pointer;
}
.list-utilities .uti-item a .uti-name {
    margin-top: 5px;
    background: #f50;
    color: #fff;
    border-radius: 3px!important;
    border: 1px solid #B33A00;
    border-bottom: 3px solid #B33A00;
    line-height: 20px;
    padding: 4px 0px!important;
}
.list-utilities .uti-item a img {
    width: 100%;
    height: 100%;
    border-radius: 5px!important;
    box-shadow: 0px 0px 2px 1px #A3A3A3;
    padding: 5px!important;
} */

#utilities .item_utility .uti-name { position: absolute; right: 0; bottom: 0px; left: 0; padding: 5px 10px; overflow: hidden; background: #FFF; background-size: contain; margin-bottom: 0 !important; font-size: 16px; font-weight: bold; color: #005ba5; text-align: center; /*text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;*/ }

#p_p_id_travelutilities_WAR_travelutilitiesportlet_ { box-shadow: 0 1px 1px rgba(50,50,50,.2); }
#container-map { margin-top: 15px; padding-bottom: 55px; }

/* 
    #container-list { display: inline-block; width: 100%; background: #fff; margin-bottom: 15px; }

*/
#container-map-show .search-input { width: 100% !important; border: 1px solid #4988DA; border-radius: 0px !important; font-size: 15px; }

#container-map-show .list-detail-utilities .list-detail-item { cursor: pointer; position: relative; }
    #container-map-show .list-detail-utilities .list-detail-item:after { content: ""; position: absolute; bottom: 0; border-bottom: 1px solid rgb(227, 224, 224); left: 0; right: 0; }

#container-map-show .list-detail-utilities .utiliti-descripttion { font-size: 80%; color: #d4d4d4; }

    #container-map-show .list-detail-utilities .utiliti-descripttion p { margin-top: 5px; margin-bottom: 0px; }

#lst-result-u { height: 510px; position: relative; margin-top: 7px; margin-bottom: 7px; padding-right: calc(0.5 * var(--bs-gutter-x)); padding-left: calc(0.5 * var(--bs-gutter-x)); }

#container-map-show .list-detail-utilities .list-detail-item:last-child { border-bottom: 0; }

#container-map-show .list-detail-utilities .list-detail-item .col-xs-3 img,
#container-map-show .list-detail-utilities .list-detail-item.checked_lo { background: #f6f6f6; }

#container-map-show .list-detail-item h6 { font-size: 17px !important; line-height: 135%; }

#container-map-show .list-detail-item .list-detail-address { color: rgb(5, 44, 101) !important; font-size: 13px; margin-bottom: 5px; }
    #container-map-show .list-detail-item .list-detail-address i { }

#container-map-show .list-detail-item .distance-detail { color: #7db921 !important; font-size: 1.2em; font-weight: bold; }

#get-utilities { background: #4988DA; padding: 5px 10px; color: #fff; border-radius: 3px !important; cursor: pointer; }

.list-utilities { list-style: none; width: 100%; display: inline-block; padding: 10px; margin: 0; text-align: center; }
    .list-utilities .item_utility { padding: 5px; }
    .list-utilities .item a.link-uti { display: inline-block; cursor: pointer; }
        .list-utilities .item a.link-uti .media { border-bottom: 0 !important; }
    .list-utilities .item .uti-name { margin-top: 5px; color: #009ae5; border-radius: 3px !important; border: 1px solid #B7B7B7; border-bottom: 3px solid #B7B7B7; line-height: 20px; padding: 4px 0px !important; font-weight: bold; }
.list-detail-bus { padding: 10px 0; border-bottom: 1px solid #edd; display: flow-root; cursor: pointer; }

#container-map-show .list-detail-bus .list-detail-address { color: rgb(5, 44, 101) !important; font-size: 13px; }

.list-detail-bus h6 { color: #FF7F4F !important; font-size: 17px !important; cursor: pointer; }

@media (min-width: 768px) {
    .item_utility { width: 33.33% !important; }
}

@media (max-width: 991px) {
    .infomation_dalat .content_infomation p.info_title { font-size: 19px !important; line-height: 22px; }
    .infomation_dalat ul li a { text-align: center; }
    .infomation_dalat .content_infomation { padding: 0px !important; }
    .infomation_dalat { border-bottom: 1px solid rgb(239, 239, 239); border-right: none !important; }
        .infomation_dalat ul li:not(:first-child) { border-top: none !important; }
}

@media (max-width: 767px) {
    .infomation_dalat ul li { border-top: 0 !important; }

    .dalat-news { margin-left: 0px; margin-right: 0px; }
        .dalat-news .page-box { text-align: center; }
    .book_tour_home .book_tour_home_info { top: 0%; }
        .book_tour_home .book_tour_home_info h2 { font-size: 14px; }
    .book_tour_home .book_tour_home_href { right: 0 !important; position: absolute; display: inline-block; width: 142px !important; font-size: 11px; padding: 2px 0px; }
    .infomation_dalat { padding-bottom: 0 !important; }
    .infomation_dalat { padding: 10px !important; }
    .dalat-news .swiper-wrapper a { padding: 15px !important; }
    .dalat_top_news div:first-child { padding-left: 0 !important; }
    .dalat_top_news div:last-child { padding-right: 0 !important; }
    .home_title_right { margin-left: 0 !important; }
    .data_tour_default .tour_item { padding: 0 !important; }
    .infomation_dalat .content_infomation { margin-top: 0px; }
}
