@import 'bootstrap.min.css';
@import 'flat-ui.css';
@import 'lightbox.css';
@import 'table.css';
@import 'sweetalert.css';
@import 'animate.css';
@import 'flat.css';
@import 'fileuploader.css';
@import 'dataTables.bootstrap.min.css';
@import 'font-awesome.min.css';

/* Custom */
.p-home{height: 15px;font-size: 15px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;max-width: 620px;} #breadcrumb-home{padding: 0px 0px; margin-bottom: 0;}.col-md-6{margin-bottom: 15px;margin-top: 15px;} .date{font-size: 13px; color: #777;}#image-home{width: 50px; height: 40px; padding: 3px; border: 1px solid #eee;} .table-fields td{font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 50px;} .actions{ white-space: normal !important;}.panel{margin-bottom: 5px;} .ui.celled.table tbody tr:nth-child(2n), .ui.celled.table>tr:nth-child(2n) { background-color: rgba(0,0,50,.02); }.head-style-tr{background-image: -webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%); background-image: -o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%); background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8)); background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0); background-repeat: repeat-x;color: #333; background-color: #f5f5f5; border-color: #ddd;}.row-top .col-md-4{padding-left: 5px;padding-right: 5px;}.row-table{padding-left: 5px;padding-right: 5px;    box-shadow: 0 1px 1px rgba(0,0,0,.05);}
.all-content{max-width: 1330px; margin-left: auto; margin-right: auto;}
#sidebar .btn-default{background: white; border: 1px solid #ddd; color: #34495e; text-align: left;}
#sidebar .btn-default i{font-size: 15px;color: #933ec5;margin-right: 5px;}
#sidebar .btn-default:hover{border: 1px solid #7d35a8;}
#sidebar h6{font-size: 15px;font-weight: 300;}
#sidebar h6:after{content: ''; display: block; border-bottom: 1px solid #933ec5; margin-top: 5px; max-width: 30px;}
.page-sidebar{}
.info-box { display: block; min-height: 60px;border: 1px solid #dddddd; background: #fff; width: 100%; border-radius: 4px; margin-bottom: 15px; }
.info-box-icon { border-top-left-radius: 4px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 4px; color: #933EC5; display: block; float: left; height: 61px; width: 70px; text-align: center; font-size: 25px; line-height: 65px; background: rgba(0,0,0,0.2); }
.info-box-icon img{max-width: 40px; margin-top: -8px;}
.list-items{}
.list-item{display: inline-block; width: 100%; padding-bottom: 10px; border-top: 1px solid #f3e9f9;}
.list-item:first-child{border-top: 0px solid #f3e9f9;}
.list-item img{display: inline-block; border-radius: 36px; width: 36px; height: 36px;margin-top: -10px;}
.list-item h6{display: inline-block; font-size: 14px; margin-left: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 350px; margin: 0px auto; padding-left: 10px; padding-top: 18px;}
.list-item-actions{display: inline-block; float: right; margin-top: 15px;}
.list-item-actions i{color: #9E9E9E;}
.list-item-actions i:hover{color: #933ec5;cursor: pointer;}
.info-box-content { padding: 5px 10px; margin-left: 70px;color: #555555;}
.progress-description, .info-box-text { display: block; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.info-box-number { display: block; font-weight: bold; font-size: 16px; }
.col-md-2{padding-left: 5px; padding-right: 5px;}
.col-md-10{padding-left: 5px; padding-right: 5px;}
.col-md-10 .panel-default{border-color: #f3e9f9}
.col-md-10 .label-default{color: #ffffff; background: #933ec5; font-size: 11px; float: right; margin-right: 10px;}
.col-md-10 .panel-default>.panel-heading{background-color: #fbf7fd !important; border-color: #f3e9f9 !important;}
.panel-icon-right{max-width: 16px; float: right; margin: 1px auto; margin-left: 5px;}
.panel-heading-custom {margin-bottom: 5px; color: #555 !important; background-color: #fbf7fd !important; border-color: #f3e9f9 !important;font-size: 14px;}
.bg-green{background: rgba(247, 240, 251, 0.50);     border: 1px solid #f3e9f9;}
.bg-green:hover{background: rgba(247, 240, 251, 1);transition: all .17s ease; -webkit-transition: all .17s ease; -moz-transition: all .17s ease; -o-transition: all .17s ease;}
.panel-heading i{width: 30px; height: 30px; background: #f3e9f9; border-radius: 30px; text-align: center; line-height: 20px; color: #933ec5; padding: 5px; margin-right: 8px;}
.cke_chrome{border: 1px solid #dedede !important; border-radius: 4px;background: #ffffff !important}
.cke_inner{border-radius: 4px !important}
/*.cke_bottom, .cke_top{ background: #ffffff !important }
.cke_chrome{ background: #ffffff !important;border: none !important; padding: 0 !important;  }
.cke_contents{border-radius: 6px !important;}*/
.bg-icon-green{background: rgba(147, 62, 197, 0.08);transition: all .17s ease; -webkit-transition: all .17s ease; -moz-transition: all .17s ease; -o-transition: all .17s ease;}
.col-md-3{padding-right: 5px; padding-left: 5px; padding-bottom: 5px;}
.thumbnail h3{margin-top: 5px; font-size: 14px; font-weight: 700; }
.thumbnail > img, .thumbnail a > img{width: 160px; height: 100px;}
.thumbnail .summary{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.thumbnail .btn-sm{text-align: center !important;width: 48% !important;}
.thumbnail a{font-size: 12px;}
.form-group label{font-weight: normal; margin-top: 10px; font-size: 13px;}
.form-group .col-md-6{padding-left: 5px;padding-right: 5px;}
.panel-body .btn-sm{text-align: left;width: 100%;margin-bottom: 3px;background: #fff; color: #555555; padding: 5px;}
.panel-body .btn-sm:hover{color: #933EC5}
.panel-body .badge{width: 20px; height: 20px; padding: 5px; font-size: 10px; text-align: center; float: right; top: 0;color: #fff; background: #dddddd;}
.panel-body .badge i{margin: 0}
.control-label small, .small{color: #ababab; font-size: 12px; font-family: arial; font-weight: 100;}
.control-label{font-weight: bold !important}
.small_text{font-weight: 100; color: #9E9E9E; font-size: 12px;}
.action-button{float: right; padding: 15px;}
.content-form{max-width: 850px; margin-left: auto; margin-right: auto; margin-bottom: 35px;}
input[type=file]{display: block; border: 1px solid #ddd; padding: 8px 12px; height: 42px; border-radius: 6px; width: 100%;}
.list-group a{color: #34495e;}
.support_img{max-width: 120px; margin-left: auto; margin-right: auto; display: block; width: 100%;}
.list-group a:hover{color: #933EC5;}
.list-group-item i{font-size: 9px; color: #933EC5; top: -1px;}
.list-group-item{padding: 0; padding-bottom: 5px; border:none;font-weight: 700;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.list-group-item span{ padding-left: 15px; color: #bdc3c7; font-weight: 300; padding: 0; margin-top: 5px; font-size: 12px;}
#search-page .form-group{margin-bottom: 5px;}
.panel-title .label-default{float: right;}
.modal-body button{margin-right: 5px;}
.actions .btn-sm{padding: 5px 8px; font-size: 12px;}
.required{font-size: 12px; color: #e74c3c;font-family: Arial;}
.optional{font-size: 12px; color: #bdc3c7;font-family: Arial;}
.navbar-fixed-bottom {min-height: 0; text-align: center;font-size: 12px; padding: 15px 0; background: #ffffff;color: #818384}
.navbar-fixed-bottom a{color: #34495e}
.gallery{margin-top: 15px;margin-bottom: 25px;}
.gallery img{width: 100%;max-width: 80px;}
.gallery .image{width: 100%; max-width: 60px; display: inline-block;text-align: center;margin-right: 5px;}
.gallery .image a{font-size: 12px;margin-top: 5px; display: block;text-decoration: none;color: #9e9e9e}
.badge-container {position: relative; font-size: 25px; height: 60px; line-height: 30px; width: 60px; color: grey; background-position: center !important; background-size: cover !important;border-radius: 5px;border: 1px solid #eee;}
.badge_gallery { position: absolute; top: -5px; right: -5px; cursor: pointer; font-size: 10px; color: white; display: flex; align-items: center; justify-content: center; height: 18px; width: 18px; text-align: center; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); border-radius: 50%; }
.badge-red{background: #e74c3c;}
.title-pages{font-size: 16px; margin-top: 0; margin-bottom: 20px;}
.title-pages:before {background: #933EC5; content: ''; display: block; height: 1px; width: 30px; position: absolute; top: 23px;}
.title-pages:after {background: #dddddd; content: ''; display: block; height: 1px; width: 95.7%; position: absolute; left: 30px; top: 23px;}
.badge-bordered {box-shadow: 0 1px 2px rgba(0,0,0,0.2); border: white 1px solid;}
.text-danger { font-size: 12px; }
option:checked { display:none; }
#error_page{}
#error_page img{width: 100%; max-width: 250px; margin-left: auto; margin-right: auto; text-align: center; display: block; margin-top: 40px;}
.card { height: 170px; background-position: center; width: 250px; border-radius: 4px; margin-bottom: 10px; text-shadow: 0 1px 3px rgba(0,0,0,0.6); background-size: cover !important; color: white; position: relative; } .card-user { position: absolute; right: 10px; top: 10px; } .card-id {position: absolute; top: 10px; right: 10px; font-size: 9px; text-transform: uppercase; width: 28px; height: 28px; background: rgba(255, 255, 255, 0.22); border-radius: 100%; line-height: 28px; text-align: center;     font-family: arial;
    letter-spacing: -1px;} .card-description { position: absolute; bottom: 0px; left: 10px; } .card-description h2 { font-size: 14px; margin-bottom: 5px; font-family: Arial;} .card-description p { font-size: 11px; letter-spacing: 0.2px; font-family: tahoma;} .card-description p a{ color: #fff;cursor: pointer;}

.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 { position: relative; min-height: 1px; padding-right: 6px; padding-left: 6px; }
.col-xs-15 { width: 20%; float: left; } 
@media (min-width: 768px) { 
    .col-sm-15 { width: 20%; float: left; }
    .col-sm-6 {width: 100%;}
} 
@media (min-width: 992px) { .col-md-15 { width: 20%; float: left; } } @media (min-width: 1200px) { .col-lg-15 { width: 20%; float: left; } }
.col-sm-4{padding-left: 5px !important; padding-right: 5px !important;}

.checkbox { padding-left: 20px; } .checkbox label { display: inline-block; position: relative; padding-left: 5px; } .checkbox label::before { content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; margin-left: -20px; border: 1px solid #cccccc; border-radius: 3px; background-color: #fff; -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; transition: border 0.15s ease-in-out, color 0.15s ease-in-out; } .checkbox label::after { display: inline-block; position: absolute; width: 16px; height: 16px; left: 0; top: 0; margin-left: -20px; padding-left: 3px; padding-top: 1px; font-size: 11px; color: #555555; } .checkbox input[type="checkbox"] { opacity: 0; } .checkbox input[type="checkbox"]:focus + label::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .checkbox input[type="checkbox"]:checked + label::after { font-family: 'FontAwesome'; content: "\f00c"; } .checkbox input[type="checkbox"]:disabled + label { opacity: 0.65; } .checkbox input[type="checkbox"]:disabled + label::before { background-color: #eeeeee; cursor: not-allowed; } .checkbox.checkbox-circle label::before { border-radius: 50%; } .checkbox.checkbox-inline { margin-top: 0; } .checkbox-primary input[type="checkbox"]:checked + label::before { background-color: #428bca; border-color: #428bca; } .checkbox-primary input[type="checkbox"]:checked + label::after { color: #fff; } .checkbox-danger input[type="checkbox"]:checked + label::before { background-color: #d9534f; border-color: #d9534f; } .checkbox-danger input[type="checkbox"]:checked + label::after { color: #fff; } .checkbox-info input[type="checkbox"]:checked + label::before { background-color: #5bc0de; border-color: #5bc0de; } .checkbox-info input[type="checkbox"]:checked + label::after { color: #fff; } .checkbox-warning input[type="checkbox"]:checked + label::before { background-color: #f0ad4e; border-color: #f0ad4e; } .checkbox-warning input[type="checkbox"]:checked + label::after { color: #fff; } .checkbox-success input[type="checkbox"]:checked + label::before { background-color: #5cb85c; border-color: #5cb85c; } .checkbox-success input[type="checkbox"]:checked + label::after { color: #fff; } .radio { padding-left: 20px; } .radio label { display: inline-block; position: relative; padding-left: 5px; line-height: 1.5;} .radio label::before { content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; margin-left: -20px; border: 1px solid #cccccc; border-radius: 50%; background-color: #fff; -webkit-transition: border 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out; transition: border 0.15s ease-in-out; } .radio label::after { display: inline-block; position: absolute; content: " "; width: 11px; height: 11px; left: 3px; top: 3px; margin-left: -20px; border-radius: 50%; background-color: #555555; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); } .radio input[type="radio"] { opacity: 0; } .radio input[type="radio"]:focus + label::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .radio input[type="radio"]:checked + label::after { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } .radio input[type="radio"]:disabled + label { opacity: 0.65; } .radio input[type="radio"]:disabled + label::before { cursor: not-allowed; } .radio.radio-inline { margin-top: 0; } .radio-primary input[type="radio"] + label::after { background-color: #428bca; } .radio-primary input[type="radio"]:checked + label::before { border-color: #428bca; } .radio-primary input[type="radio"]:checked + label::after { background-color: #428bca; } .radio-danger input[type="radio"] + label::after { background-color: #d9534f; } .radio-danger input[type="radio"]:checked + label::before { border-color: #d9534f; } .radio-danger input[type="radio"]:checked + label::after { background-color: #d9534f; } .radio-info input[type="radio"] + label::after { background-color: #5bc0de; } .radio-info input[type="radio"]:checked + label::before { border-color: #5bc0de; } .radio-info input[type="radio"]:checked + label::after { background-color: #5bc0de; } .radio-warning input[type="radio"] + label::after { background-color: #f0ad4e; } .radio-warning input[type="radio"]:checked + label::before { border-color: #f0ad4e; } .radio-warning input[type="radio"]:checked + label::after { background-color: #f0ad4e; } .radio-success input[type="radio"] + label::after { background-color: #5cb85c; } .radio-success input[type="radio"]:checked + label::before { border-color: #5cb85c; } .radio-success input[type="radio"]:checked + label::after { background-color: #5cb85c; }

.signout{display: none;}

#settings .control-label{    margin-bottom: 0; font-size: 12px; margin-top: 10px}
#settings .help-block{margin-bottom: 5px; margin-left: 5px; font-size: 11px;}
#settings .panel-default{margin-top: 40px; border-color: #ddd;}
#settings .panel-heading{font-size: 12px; font-weight: bold; color: #34495e; padding: 5px 18px; position: absolute; display: inline-block; background-color: #ffffff !important; border: 1px solid #ddd !important; border-radius: 50px; margin-top: -18px; margin-left: 10px;}
#settings .panel-body{padding: 15px 15px;padding-bottom: 20px;}
#settings .radio{margin-bottom: 2px;}
#settings .radio label{font-size: 12px;}

#settings .row { margin-right: 0; margin-left: 0; }
#settings  .col-md-6 { margin-bottom: 0; margin-top: 0; }

#settings .form-control, #settings .select2-search input[type="text"]{font-size: 12px; height: 32px; padding: 5px 12px;}

.modal-open .modal{
	    background: rgba(0, 0, 0, 0.3);
}
.copyright {text-align: center; font-size: 12px; background: #ce81fb; margin: 5px 0; padding: 5px 0; color: #eae3e3;}
.copyright span{color: #fff; font-size: 18px; font-weight: bold;}
@media screen and (max-width: 750px) {

.navbar-right{display: none !important}
.formulario{display: none !important}
.signout{display: block !important}
#home .panel-default{display: none !important}
.col-md-10{padding-left: 15px;
    padding-right: 5px;}
.col-md-2{padding-left: 15px;
    padding-right: 5px;}

}
/* custom 13/10/2025 - Bản đồ các chuyến xe Tuấn Anh*/
/* Container và Tiêu đề */
.schedule-container {
    max-width: 1000px;
    margin: 20px auto;
    padding: 15px;
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.schedule-title {
    text-align: center;
    color: #333;
    margin-bottom: 25px;
    font-size: 24px;
    border-bottom: 2px solid #eee;
    padding-bottom: 10px;
}

/* Định dạng Bảng */
.trip-schedule-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.trip-schedule-table thead th {
    background-color: #007bff; /* Màu xanh thương hiệu */
    color: white;
    padding: 12px;
    text-align: left;
    font-weight: 600;
}

.trip-schedule-table tbody tr {
    border-bottom: 1px solid #ddd;
    transition: background-color 0.3s;
}

.trip-schedule-table tbody tr:hover {
    background-color: #f5f5f5;
}

.trip-schedule-table tbody td {
    padding: 12px;
    vertical-align: middle;
}

/* Định dạng Trạng Thái */
.status {
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
}

.status.active {
    background-color: #d4edda; /* Nền xanh lá nhạt */
    color: #155724; /* Chữ xanh lá đậm */
}

.status.pending {
    background-color: #fff3cd; /* Nền vàng nhạt */
    color: #856404; /* Chữ vàng đậm */
}

.status.completed {
    background-color: #cce5ff; /* Nền xanh dương nhạt */
    color: #004085; /* Chữ xanh dương đậm */
}

/* Định dạng Nút Hành Động (Action Button) */
.track-btn {
    display: block;
    text-align: center;
    padding: 8px 10px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: bold;
    font-size: 13px;
    transition: background-color 0.2s;
}

/* Nút theo dõi (Liên kết hoạt động) */
.track-btn.active {
    background-color: #f4b400; /* Màu vàng Google */
    color: #333;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.track-btn.active:hover {
    background-color: #e6a700;
}

/* Nút bị vô hiệu hóa (Disabled/Chưa hoạt động) */
.track-btn.disabled {
    background-color: #e9ecef;
    color: #6c757d;
    cursor: default;
}


/* Tối ưu hóa cho thiết bị di động (Responsive Design) */
@media (max-width: 600px) {
    .trip-schedule-table, .trip-schedule-table thead, .trip-schedule-table tbody, .trip-schedule-table th, .trip-schedule-table td, .trip-schedule-table tr {
        display: block;
    }

    /* Ẩn tiêu đề bảng mặc định trên di động */
    .trip-schedule-table thead {
        display: none;
    }

    /* Định dạng mỗi hàng như một thẻ */
    .trip-schedule-table tr {
        margin-bottom: 15px;
        border: 1px solid #ddd;
        border-radius: 6px;
        box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    }

    .trip-schedule-table td {
        border: none;
        position: relative;
        padding-left: 50%; /* Dành không gian cho label */
        text-align: right;
    }

    /* Tạo nhãn (label) ảo từ data-label */
    .trip-schedule-table td:before {
        content: attr(data-label);
        position: absolute;
        left: 10px;
        width: calc(50% - 20px);
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
        color: #555;
    }
}
/* Đảm bảo CSS của bảng lịch trình và CSS này được tách biệt hoặc không xung đột */

/* Container chính */
.contact-map-section {
    max-width: 1000px;
    margin: 30px auto;
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 10px;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
    display: flex;
    gap: 30px;
}

/* Phần thông tin liên hệ (Cột Trái) */
.contact-info {
    flex: 1;
    min-width: 280px;
    padding: 20px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

.info-title {
    color: #007bff;
    text-align: center;
    margin-bottom: 20px;
    font-size: 18px;
    border-bottom: 2px solid #eee;
    padding-bottom: 10px;
}

.hotline-group {
    text-align: center;
}

.hotline-group p {
    font-size: 14px;
    color: #555;
    margin-bottom: 5px;
}

/* Nút gọi điện */
.call-btn {
    display: block;
    margin: 8px auto;
    padding: 10px 15px;
    text-decoration: none;
    font-weight: bold;
    color: white;
    border-radius: 5px;
    transition: background-color 0.2s;
    font-size: 16px;
    max-width: 250px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.call-btn.primary {
    background-color: #4CAF50; /* Xanh lá cây */
}

.call-btn.primary:hover {
    background-color: #45a049;
}

.call-btn.danger {
    background-color: #d8412c; /* Màu đỏ nổi bật cho Hotline */
}

.call-btn.danger:hover {
    background-color: #c0392b;
}

/* Phần bản đồ (Cột Phải) */
.address-map {
    flex: 2;
}

.map-title {
    color: #333;
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 600;
}

.address-text {
    font-size: 14px;
    color: #666;
    margin-bottom: 15px;
}

/* Tối ưu hóa cho thiết bị di động */
@media (max-width: 768px) {
    .contact-map-section {
        flex-direction: column; /* Xếp chồng cột trên di động */
        gap: 20px;
    }

    .contact-info {
        order: 2; /* Đưa thông tin liên hệ xuống dưới bản đồ trên di động */
        min-width: unset;
    }

    .address-map {
        order: 1;
    }
}
.fanpage-wrapper {
    max-width: 100%; /* Đảm bảo không tràn ra khỏi màn hình */
    margin: 20px auto; /* Canh giữa */
    padding: 10px;
    border: 1px solid #ccc; /* Thêm đường viền */
    border-radius: 8px;
    background-color: #fff;
}
/* Khung Footer Chính */
.main-footer {
    background-color: #333; /* Màu nền tối */
    color: #f1f1f1; /* Màu chữ sáng */
    padding: 25px 0;
    font-size: 14px;
    line-height: 1.6;
    margin-top: 40px; /* Tạo khoảng cách với nội dung phía trên */
}

/* Container chứa nội dung */
.footer-container {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 15px;
    display: flex; /* Bố cục linh hoạt */
    justify-content: space-between; /* Căn đều hai bên */
    flex-wrap: wrap; /* Cho phép xuống dòng trên màn hình nhỏ */
    gap: 20px;
}

/* Phần Bản quyền */
.footer-copyright {
    flex-basis: 60%; /* Chiếm 60% diện tích */
    min-width: 250px;
}

.highlight {
    font-weight: bold;
    color: #f4b400; /* Màu vàng nổi bật */
}

/* Phần Liên hệ */
.footer-contact {
    flex-basis: 35%; /* Chiếm 35% diện tích */
    text-align: right;
    min-width: 200px;
}

.footer-contact p {
    margin: 0 0 5px 0;
}

.contact-link {
    color: #8dd0ff; /* Màu xanh nhạt cho liên kết */
    text-decoration: none;
    transition: color 0.2s;
}

.contact-link:hover {
    color: #fff;
    text-decoration: underline;
}

/* Tối ưu hóa cho thiết bị di động (Responsive) */
@media (max-width: 600px) {
    .footer-container {
        flex-direction: column; /* Xếp chồng nội dung trên di động */
        text-align: center;
    }
    
    .footer-copyright,
    .footer-contact {
        flex-basis: 100%;
        text-align: center;
        margin-bottom: 10px;
    }

    .footer-contact {
        padding-top: 15px;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }
}
/* Định dạng dòng thông báo đặc biệt */
.special-note {
    text-align: center;
    margin: 15px 0 25px 0;
    font-size: 16px;
    font-weight: 600;
}

.highlight-text {
    display: inline-block;
    padding: 8px 15px;
    background-color: #ffeb3b; /* Màu vàng chanh nổi bật */
    color: #333;
    border: 2px solid #ffc107; /* Viền vàng đậm hơn */
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    animation: pulse 1.5s infinite; /* Thêm hiệu ứng nhấp nháy nhẹ */
}

/* Hiệu ứng Animation (Tùy chọn) */
@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.02);
    }
    100% {
        transform: scale(1);
    }
}
/* end */
/*custom 21.11.2019*/
div .list-item-place {/*float: left;*/ width: 243px; padding-left: 20px;}
div .list-item-place img{width: 225px; height: 130px; border-radius: 0px; margin-top: 0px;}
div .list-item-place h6 {max-width: 230px; font-weight: bold;}
div .list-item-place{border-top: none;}
div .list-item-place p {width: 200px; text-align: justify; padding-left: 10px; font-size: 13px;}
@media screen and (width: 768px){
	div .list-item-place img {width: 340px; height: 180px;}
	
	.list-item-new h6 {width: 85%;}
	.list-item-offer h6 {width: 85%;}
	.home-sidebar{display:none}
}
@media screen and (width: 1024px){
	div .list-item-place img {width: 385px; height: 195px;}
	
	.list-item-new h6 {width: 85%;}
	.list-item-offer h6 {width: 85%;}
	
}
@media screen and (max-width: 750px) {
	div .list-item-place img {width: 325px; height: 165px;}
	.list-item-new h6 {width: 85%;}
	.list-item-offer h6 {width: 85%;}
	.home-sidebar{display:none}
	.place-view img {width: 100%}
	.offer-view img {width: 100%}
	form.home-search {display:block !important;}
	div.navbar-home-search .navbar-form {border-color: #933EC5; border-width: 0px 0}
}