﻿.like_not_like .like { background: rgb(221, 75, 57); color: #fff; border: 0; }
    .like_not_like .like:hover,
    .like_not_like .like:focus { background: rgb(221, 75, 57); color: #fff; border: 0; }
button:focus { outline: 0 !important; }
.isPoint { font-weight: bold; margin-top: 10px !important; color: #FE8000 !important; }
.tour-date-item .box_style_1 { display: inline-block; width: 100%; margin-bottom: 0 !important; }
.tour_comments_container { padding: 10px 15px; background-color: #F9F9F9; border-top: 1px solid #ddd; }
    .tour_comments_container p { color: #0A2D49 }
        .tour_comments_container p a { color: #01b7f2 }
#recaptcha_tour_review { width: 316px; }
.recaptcha-error-message { color: #dd4b39; font-size: 12px; padding: 4px 0; }
#tour_review_form .error { display: inline-block; width: 100%; color: #dd4b39; }
.small_images img { margin-bottom: 4px; height: 55.2px; width: 85px; border-radius: 3px }
.small_images .link_image { margin: 0px 7px 5px 0px; }
    .small_images .link_image:nth-child(4) { display: inline; width: 30%; float: right; vertical-align: top; }
    .small_images .link_image:nth-child(1) img,
    .small_images .link_image:nth-child(2) img { height: 120px; width: 160px; }
.list-social-tour { display: inline-block; margin-top: 10px; }
    .list-social-tour a[class^="ion-social"] { margin: 3px; font-size: 20px; text-align: center; text-decoration: none; width: 35px; height: 28px; display: inline-block; border-radius: 3px; color: #fff; }

    .list-social-tour a.ion-social-facebook { background: #3B5998; }
    .list-social-tour a.ion-social-google { background: #DD4B39; }

    .list-social-tour a.ion-social-googleplus { background: #E47265; }

    .list-social-tour a.ion-social-linkedin { background: #007BB5; }

    .list-social-tour a.ion-social-instagram { background: #125688; }
#comment-text { resize: none; border: 1px solid #bdbdbd; box-shadow: inset 1px 2px 3px #e6e6e6; }
.user-avatar { margin-right: 10px; }
.lst-info-tour li { padding-bottom: 10px !important; }
    .lst-info-tour li small { text-transform: lowercase; }
.place-item-img { position: relative; }
    .place-item-img .place-order { position: absolute; width: 26px; height: 26px; top: -10px; right: -5px; font-size: 13px; border-radius: 50% !important; background: #FDB714; color: #fff; border: 2px solid #FDB714; z-index: -1; text-align: center; padding-top: 2px; }
    .place-item-img img { width: 60px; height: 60px; border-radius: 50% !important; border: 3px solid #EA015E; box-shadow: #646464 0px 2px 12px; }

.lst-info-tour li { width: 100%; float: left; padding: 0px 0px 5px 0px; font-size: 14px; display: inline-block; width: 100%; }
    .lst-info-tour li > * { color: #000 }
.fleft { float: left; }
.fright { float: right; }
.top-panel .img-tour img { border-radius: 3px !important; }
.top-panel .tour-name { padding: 0 5px; }
#tour-detail-info { margin-bottom: 20px; }
.item-map { width: 100%; height: 300px; }
/**/

#tour-detail-info-top { background: #fff; border-radius: 3px !important; display: inline-block; width: 100%; }
.tour-date-item { padding: 5px; display: inline-block; width: 100%; }
    .tour-date-item .restaurant-reviews-comment { display: inline-block; width: 100%; }
    .tour-date-item .item-title { padding: 10px; background: #337ab7; color: #fff; font-size: 15px; font-weight: bold; border-top-right-radius: 3px !important; border-top-left-radius: 3px !important; }
        .tour-date-item .item-title .number-place { background: #fdb714; border-radius: 3px !important; -moz-border-radius: 3px !important; }
    .tour-date-item .item-tour-info { margin-top: 20px; display: inline-block; background: #F7F7F7; padding-bottom: 10px; width: 100%; }
.timeline { list-style-type: none; margin: 0; padding: 0; position: relative }
    .timeline:before { content: ''; position: absolute; top: 5px; bottom: 5px; width: 5px; background: #FFB900; left: 13%; margin-left: -2.5px; }
    .timeline > li { position: relative; min-height: 50px; padding: 2px 10px }
        .timeline > li + li { /* margin-top: 40px */ }
    .timeline .timeline-time { position: absolute; left: 0; width: 10%; text-align: right; padding-top: 7px; }
        .timeline .timeline-time .date,
        .timeline .timeline-time .time { display: block }
        .timeline .timeline-time .date { line-height: 18px; font-size: 14px }
        .timeline .timeline-time .time { line-height: 28px; font-size: 24px; color: #212121 }
    .timeline .timeline-icon { left: 8%; position: absolute; width: 10%; text-align: center; top: 5px; }
        .timeline .timeline-icon a { text-decoration: none; width: 50px; height: 50px; display: inline-block; -webkit-border-radius: 50px !important; -moz-border-radius: 50px !important; border-radius: 50px !important; border: 1px solid; background: #00B7C3; line-height: 40px; color: #fff; font-size: 14px; border: 5px solid #FFB900; transition: background .2s linear; -moz-transition: background .2s linear; -webkit-transition: background .2s linear; cursor: pointer; }
        .timeline .timeline-icon i { font-size: 25px; line-height: 40px }
        .timeline .timeline-icon a:focus,
        .timeline .timeline-icon a:hover { background: #E74856 }
    .timeline .timeline-body { margin-left: 17%; position: relative; border-radius: 4px !important; -moz-border-radius: 4px !important; -webkit-border-radius: 4px !important; background: #fff; margin-top: 5px; }
    .timeline .calculater-route-info { margin-left: 21%; position: relative; border-radius: 4px !important; -moz-border-radius: 4px !important; -webkit-border-radius: 4px !important; margin-top: 7px; height: 25px; }
        .timeline .calculater-route-info img { width: 22px; }
        .timeline .calculater-route-info span { position: relative; font-size: 13px; font-weight: bold; color: #596266; }
            .timeline .calculater-route-info span.style-route-km { top: -2px; }
            .timeline .calculater-route-info span.style-route-car { top: 0px; }
            .timeline .calculater-route-info span.style-route-time { top: -4px; }
        .timeline .calculater-route-info i.style-route { font-size: 18px; color: #FF8100; padding: 0px 6px; }
        .timeline .calculater-route-info i { font-size: 24px; color: #FF8100; padding: 0px 3px; }
    .timeline .timeline-body .timeline-content { padding: 0 8px; }
    .timeline .timeline-body:before { content: ''; display: block; position: absolute; border: 10px solid transparent; border-right-color: #fff; left: -20px; top: 15px }
.timeline-header { border-bottom: 1px solid #E0E0E0; line-height: 30px; padding: 15px 5px; }
    .timeline-header .placeimage { float: left; width: 55px; border-radius: 40px !important; -moz-border-radius: 40px !important; margin: -11px 10px -2px 4px; }
    .timeline-header .placename { font-size: 18px; font-weight: bold; }
    .timeline-header .placeprice { color: #FF8100; font-weight: bold; }
    .timeline-header .placename,
    .timeline-header .placename a { color: #965306; }
.timeline img.place { max-width: 100%; display: block; height: 53px; border-radius: 50% !important; }
.timeline-content { font-size: 14px }
    .timeline-content + .timeline-footer,
    .timeline-header + .timeline-content,
    .timeline-header + .timeline-footer { margin-top: 10px }
    .timeline-content:after,
    .timeline-content:before { content: ''; display: table; clear: both }
.timeline-title { margin-top: 0 }
.timeline-footer { padding: 10px 30px; background: #E0E0E0; -webkit-border-radius: 0 0 4px 4px !important; -moz-border-radius: 0 0 4px 4px !important; border-radius: 0 0 4px 4px !important; }
    .timeline-footer a:not(.btn) { color: #616161 }
        .timeline-footer a:not(.btn):focus,
        .timeline-footer a:not(.btn):hover { color: #212121 }
.content-info-place { text-align: justify; height: 80px; overflow: hidden; color: #3F3F3F; }
.tour-qc-box { background: #fff; padding: 15px; border-radius: 3px !important; margin: 0px 10px 20px 0px; }
    .tour-qc-box ul { list-style: none; padding: 0 }
        .tour-qc-box ul li p { color: #000 }
    .tour-qc-box .qc-box-title { font-size: 18px !important; }
.lst-qc-box li { padding: 10px 0px 5px 45px; position: relative; }
    .lst-qc-box li h5 { color: #FF8100 !important; margin: 0 !important }
    .lst-qc-box li p { margin-bottom: 0 !important; line-height: 20px; padding-top: 5px; }
    .lst-qc-box li i { position: absolute; font-size: 1.5em; color: #FF8100; left: 0; top: 12px; border: 1px solid; width: 1.8em; height: 1.8em; line-height: 1.7333em; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; -ms-border-radius: 50% !important; border-radius: 50% !important; display: inline-block; text-align: center; }
.tour-qc-box .box-2-p { padding-top: 10px; color: #000; }

.tour-qc-box .contact-details { font-size: 100%; }
    .tour-qc-box .contact-details .contact-phone { color: #FF8100; }
    .tour-qc-box .contact-details i { color: #FF8100; width: 28px; display: inline-block; border: 1px solid #FF8100; border-radius: 50%; line-height: 25px; margin-right: 6px; text-align: center; font-size: 90%; }
    .tour-qc-box .contact-details .contact-email a { color: #FF8100; }
#sidemenu-tour { background: #fff; padding: 15px; border-radius: 3px !important; margin-bottom: 20px; margin-right: 10px; }
*#sidemenu-tour .custom-tour { text-align: left !important; font-size: 15px; }
/*
#sidemenu-tour .custom-tour.delete-ac {
    background: #f23901!important
}
#sidemenu-tour .custom-tour.share-ac {
    background: #0183f2!important;
    cursor: pointer;
}
#sidemenu-tour .custom-tour i {
    font-size: 20px;
    position: relative;
    top: 1px;
}*/
#sidemenu-tour ul { list-style: none; display: inline-block; width: 100%; padding: 0 }
    #sidemenu-tour ul li { display: inline-block; width: 100%; padding: 9px 7px; border-radius: 3px !important; height: 37px; }
        #sidemenu-tour ul li a { display: inline-block; width: 100%; font-size: 16px; }
        #sidemenu-tour ul li.selected { background: #86b817; }
            #sidemenu-tour ul li.selected span { color: #f9f5cc; font-weight: 600; text-shadow: -1px -1px 0 #596a13; }
        #sidemenu-tour ul li span { color: #333; }
            #sidemenu-tour ul li span i { width: 17px; display: inline-block; }
            #sidemenu-tour ul li span.fright { line-height: 20px; margin-top: 2px; padding: 0 5px; border-radius: 3px !important; }

.btn-print-download { border: 1px solid #008D95; float: right; padding: 4px 10px; background: #00B7C3; color: #fff; font-weight: bold; border-radius: 3px !important; border-bottom: 3px solid #008D95; cursor: pointer; margin-left: 10px; }

.restaurant-reviews-comment .restaurant-reviews { width: 160px; height: 160px; position: relative; margin: 0 auto; }
.restaurant-reviews-comment .restaurant-reviews-info { text-align: center; position: absolute; left: 0; right: 0; z-index: 3; font-size: 18px; color: #696969; padding-top: 53px; }
.restaurant-reviews-comment .restaurant-reviews-number { display: inline-block; font-size: 32px; }
.restaurant-reviews-comment .restaurant-reviews svg { left: 0; top: 0; width: 160px; height: 160px; z-index: 2; position: absolute; margin: 0 auto; display: inline; transform: rotate(-90deg); }
    .restaurant-reviews-comment .restaurant-reviews svg.restaurant-reviews-disable { z-index: 1; position: absolute; }
        .restaurant-reviews-comment .restaurant-reviews svg.restaurant-reviews-disable circle { stroke: #ededed; stroke-dashoffset: 0; }
    .restaurant-reviews-comment .restaurant-reviews svg circle { stroke-dasharray: 435px; stroke-linecap: round; stroke-width: 8px; stroke: #FF8000; fill: none; }
.restaurant-reviews-comment .restaurant-reviews-info-tab { border-top: 1px solid #ededed; color: #696969; text-align: center; width: 140px; margin: 10px auto 0; }
    .restaurant-reviews-comment .restaurant-reviews-info-tab .text-df { font-size: 20px; margin-bottom: 8px; }
        .restaurant-reviews-comment .restaurant-reviews-info-tab .text-df i { font-size: 30px; position: relative; top: 3px; }
.review_strip_single { position: relative; margin: 0px 0 25px 0; border-bottom: 2px solid #8fc63d; }
    .review_strip_single img { border-radius: 50% !important; top: -15px; position: absolute; left: 0; border: 4px solid #fff; }
    .review_strip_single .info-user-comment small { display: block; }
    .review_strip_single .info-user-comment h4 { font-size: 16px; display: block; border-bottom: 1px solid #8fc63d; padding-bottom: 5px; }
    .review_strip_single .info-user-comment { display: inline-block; margin-left: 90px; }
    .review_strip_single .info-user-review { border: 1px solid #8fc63d !important; display: inline-block; float: right; height: 30px; border-radius: 3px; background: #8fc63d !important; }
        .review_strip_single .info-user-review .box-review { display: inline-block; }
            .review_strip_single .info-user-review .box-review .rate { height: 29px; line-height: 29px; }
            .review_strip_single .info-user-review .box-review .rate-info { line-height: 30px; font-size: 12px; padding-right: 8px; color: #fff !important; }
    .review_strip_single .content { padding: 27px 0px 0px 0px; }
.restaurant-reviews-comment .restaurant-reviews-container .restaurant-reviews-info-tab .reviews-write-comment { display: block; padding: 5px; margin-top: 5px; color: #fff; font-weight: bold; background: #00adef; border: 1px solid #0090c4; border-bottom: 3px solid #0090c4; border-radius: 3px !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; }
#modal-write-comment label { color: #3d566e; }
#modal-write-comment .label-point { margin-top: 5px; }
#modal-write-comment.comment-popup { position: relative; background: #fff; width: auto; max-width: 768px; margin: 0 auto; border-radius: 5px !important; }

@media (max-width: 991px) {
    .restaurant-reviews-comment .restaurant-reviews-container { padding-bottom: 10px; }
    .review_strip_single { margin-top: 10px; }
}

@media (max-width: 979px) {
    .timeline .timeline-body { margin-left: 25%; margin-right: 10% }
    .timeline .calculater-route-info { margin-left: 25%; margin-right: 10% }
    .timeline .timeline-time { width: 13% }
    .timeline .timeline-icon { left: 13%; width: 12% }
    .timeline:before { left: 19% }
}

@media (max-width: 767px) {
    .timeline:before { left: 50% }
    .timeline .timeline-body { margin-right: 0; margin-left: 0; margin-top: 10px; padding: 2px 0px 0px 0px; }
    .timeline .calculater-route-info { margin-left: 0; margin-top: -4px; background: #fff; margin-right: 0; padding: 4px 0px; height: 35px; }
    .timeline .timeline-body:before { border-bottom-color: #fff; border-right-color: transparent; left: 50%; top: -20px; margin-left: -10px }
    .timeline .timeline-time { right: 50%; left: 0; width: auto; margin-right: 40px; padding-top: 5px }
    .timeline .timeline-icon { left: 0; width: 80px; position: relative; margin: 0 auto }
    .lst-info-tour { margin-top: 10px; }
}
