/** CẤU HÌNH STYLE DÙNG CHUNG TRANG FRONTEND */





/** Style dùng cho bộ filter ở trang danh sách */
#search-filters {
}
    /*input trong filter*/
    #search-filters .input-group input {
        font-size: 0.875rem !important;
        padding: 0px 20px 0px 8px;
        height: 37px;
    }
    /*select2 trong filter*/
    #search-filters .input-group .select2-selection__rendered {
        font-size: 0.875rem !important
    }
    /*radio trong filter*/
    #search-filters .input-group input[type=radio] {
        padding: 0px;
        height: 20px;
    }


/** Breakcum */
.page-title a {
    text-decoration: none;
}


/* Sao xếp hạng du khách ko bị rớt dòng trong trang detail*/
#renderStar {
    white-space: nowrap;
}

/* Label trong dataTbale */
.template_in_dttable i {
    color: #007bff;
    width: 20px !important;
    text-align: center;
}

.template_in_dttable a {
    width: 100%
}

.template_in_dttable label {
    font-weight: bold;
    padding-right: 5px;
}

    .template_in_dttable label::after {
        content: ": ";
    }

.template_in_dttable img {
    width: 100% !important;
    /*height: auto;*/
    /*max-height: 100px;*/
    object-fit: cover;
}

    .template_in_dttable img#AnhHDV {
        width: 100px !important;
        float: right;
    }


.template_in_dttable .text-dark-m3 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

/* col-sm */
@media (max-width: 576px) {

    /* ẩn caption sao đánh giá trên mobile */
    .rating-container .caption {
        display: none !important
    }

    .mobile-w-100 {
        width: 100% !important;
    }

    .text-sm-center {
        text-align: center;
    }

    .template_in_dttable label {
        display: none;
    }

    .template_in_dttable img#AnhHDV {
        width: 100% !important;
        height: 300px !important;
    }
}

/* col-md */
@media (min-width: 768px) {
    /*dữ liệu 1 dòng*/
    .w1line {
        display: inline-block;
        word-wrap: break-word;
        white-space: normal;
        overflow: hidden;
        display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1
    }

    /*dữ liệu 2 dòng*/
    .w2line {
        display: inline-block;
        word-wrap: break-word;
        white-space: normal;
        overflow: hidden;
        display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2
    }
}


.select2 {
    width: 100% !important;
}

/* Modal đăng ký */
#modal_LoginAndRegister .modal-dialog {
    max-width: 400px;
}

.dataRegisterSuccess {
    color: black !important;
}

/*style số ngôi sao trung bình cộng điểm đánh giá của Du khách*/
#renderStar .icon-stack {
    position: relative;
    display: inline-block;
    margin-right: 20px;
}

    #renderStar .icon-stack i {
        position: absolute;
        top: -15px;
        left: 0;
    }

/** CSS Captchar */
#CaptchaCode {
    font-family: 'Font Awesome 5 Free';
    letter-spacing: 5px;
}


/** CSS label tìm kiếm ở màn hình profile du khách */
.search-body .col-form-label {
    padding-right: 0px !important;
    font-weight: 600;
}
/* col-md */
@media (min-width: 1033px) {
    .search-body input.datetimepicker {
        width: 70% !important;
    }
}

.box-profile-header {
    top: 18px !important;
    left: -40px !important;
}



.btn-login-title {
    display: block !important;
}

.btn-login-icon {
    display: none !important;
}

@media (max-width: 1096px) {

    /* css ô tìm kiếm của datatable */
    .dataTables_filter {
        display: flex;
    }

        .dataTables_filter input[type=search] {
            width: 70% !important;
        }



    .navbar .navbar-intro {
        width: 10rem !important;
    }

    .btn-login-title {
        display: none !important;
    }

    .btn-login-icon {
        display: block !important;
    }
}

/** css thẻ select ngôn ngữ trên header để reponsive ko bị rớt avatar */
@media only screen and (min-width: 992px) and (max-width: 1030px) {


    li:has(select#languages) {
        width: 65% !important;
    }

    .box-profile-header {
        top: 50px !important;
        left: -185px !important;
    }
}

.box-profile-header {
    top: 55px !important;
}


.lh-15 {
    line-height: 1.5rem !important;
}

.lh-13 {
    line-height: 1.3rem !important;
}

.lh-11 {
    line-height: 1.1rem !important;
}


/** Xử lý xem nội dung mô tả loại hình kinh doanh */
.article-content table {
    width: 100%;
    height: auto !important;
}

    .article-content img {
        /*width: 70% !important;*/
        height: auto !important;
        margin: auto;
        display: block;
    }

@media (max-width: 991px) {
    .article-content img {
        width: 100% !important;
        height: auto !important;
    }
}

.article-content {
    box-sizing: border-box;
    line-height: 28px;
    letter-spacing: .01em;
    font-size: 17px;
    text-align: justify;
    padding: 0
}

.article-short-content {
    /*max-height: 120px;*/
    max-height: 50vh !important;
    overflow: hidden;
}

.article-short-content {
    position: relative;
}

    .article-short-content::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 50px;
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    }

.show-full-article-button {
    cursor: pointer;
}
/**----------------------------------------------------------------------------------------*/