.test{
    border: 1px solid red;
    
}
.chang_password{
	 border: 1px solid #BDBDBD;
	 padding-top:10px;
}
.b_profile1{
	text-align:right;
	margin:0px;
	padding-right:5px;
}
.b_profile2{
	padding-left:0px;
	text-align:left;
	margin:0px;
}
.bg-bd{
    background:#ffff;	
    padding:0px;
    border-bottom:1px solid #BDBDBD;
    border-radius:4px;
    Box-Shadow:1px 1px 2px #ccc;
    height: 60px;
}
.bg-search-mb{
	border:1px solid #E0E0E0;
	border-radius:3px;
	Box-Shadow:5px 5px 5px #ccc;
	margin:0px;
	padding:20px 0px;
	margin-top:40px;
	margin-bottom: 20px;
}
.search-row-wrapper1{
	background:#ffff;
	
}

.search_key {
	padding:4px;
	text-align:left;
    -ms-flex: 0 0 14.2%;
    flex: 0 0 14.2%;
    max-width: 14.2%;
}
.search_key select{
	color:#616161;
	font-size:13px;
	text-align:left;
	
}
.search_key select option{
		
	text-align:left;
}
 
.inner1{
	padding:10px;
	margin:0px 10px 10px 10px;
	
}
.search_input input{
	border: 1px solid red;
}
.search_top{
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
}
.search_keyword{
	margin-top: 50px;
	margin-bottom:50px;
}
.fw-adv{
	font-size: 1em;
	color: #16A085;
}
.input_keyword input{
	border:1px solid #E0E0E0;
	border-radius:3px;
	Box-Shadow:5px 5px 5px #ccc;
	
	
}
.b_search button{
	border:1px solid #16A085;
	border-radius:4px;
	Box-Shadow:5px 5px 5px #ccc;
	
	
}
.input_keyword{
	padding-right: 0px;
	padding-left: 10px;
}
.b_search{
	padding-left: 5px;
}
.timkiem_adv {  
    position: relative; 
	margin-bottom:40px;/* Đặt vị trí tương đối cho ô chứa */  
  
}
.close {  
    position: absolute; /* Đặt vị trí tuyệt đối cho chữ X */  
    top: 0px;    
    right: 0px; 	/* Khoảng cách từ trên cùng */  
    float:right;      /* Khoảng cách từ bên phải */  
    font-size: 15px;   /* Kích thước chữ */  
   	color: white;      /* Màu sắc chữ là trắng */  
    background-color: red; /* Nền màu đỏ cho chữ X */  	/* Màu sắc chữ */  
    cursor: pointer;    /* Hiển thị dấu trỏ tay khi hover */ 
	padding:2px 8px; 	
	
}  
.b_search_adv{
	margin-top:10px;
	margin-bottom:0px;
	margin-left:10px;
}
.b_search_adv h5{
	font-size:1em;
	color:#38a345;
	
}	

.category-list{
	border:1px solid #E0E0E0;
	border-radius:3px;
	Box-Shadow:1px 1px 5px #ccc;
}
.profile-b{
	border:1px solid #E0E0E0;
	border-radius:3px;
	Box-Shadow:5px 5px 5px #ccc;
	padding:20px;
	margin-top:30px;
}
.profile_img img{
	border:1px solid #E0E0E0;
	border-radius:3px;
	padding:5px;
}

.profile_img h3{
	margin-top:10PX;
}

.profile_detail button{
	margin-top:10px;
}
.br-trang{
	background-color: #fff;
	padding: 5px 5px 5px 5px;
	
	border-radius: 3px;
	margin-bottom:5px;
	text-align:center;
	border:1px solid #E0E0E0;
	border-radius:3px;
	Box-Shadow:1px 1px 5px #ccc;
}
.br-trang img{
	width:100%;
}
.br-trang h4{
	font-size:0.98em;
	margin:8px 0px 0px 0px;
	font-weight:510;
	padding:0px;
}
.br-trang p{
	font-size:0.9em;
	color: red;
	font-weight:bold;
	padding:0px;
	margin-bottom:8px;
	
	
}
.noibat{
   	padding:0px;

}
.ads-details h5 a{
	color:#E65100;
	font-size:1em;
	font-weight:510;
	
}
.m_title{
	display:none;
}
.chitiet-sp{
	list-style: none;
	padding:0px;
	margin:0px;
	font-size: 13px;
	
}
.chitiet-sp li{
   margin-bottom: 2px;
   padding-left:1px;
   color:#212121;
   
}
.chitiet-sp li button {
   
   font-size:0.88em;
   padding:4px;
}
.chitiet-sp li button:hover {
   
   background:#1E88E5;
   color:#ffff;
}
.chitiet-sp li span{
   display: inline-block;
   color:#BDBDBD;
   margin-right:2px;
}
.chitiet-sp strong{
	color: #38a345;
	font-weight: 500;
}
.ngaydang{
	color: #5d5858;
	font-style: italic;
	padding-right: 10px;
}
.tienich,.prop-info-box{
	margin:0px;
	padding:0px;
	
}
.chitiet-sp spam{
	display:none;
}
.add-image{
	border:1px solid #E0E0E0;
	border-radius:3px;
	padding:3px;
	
}
.notification-container {  
    
    top: 10px;  
    right: 20px;  
    display: flex;  
    align-items: center;  
}  
.thongbao_local{
	padding-left:15px;
	padding-right:15px;
}
.nutsend{
	margin-bottom:30px;
	margin-top:10px;
}
.bell {  
    
    transition: transform 0.1s; /* Thêm hiệu ứng chuyển tiếp */  
}  

@keyframes shake {  
    0% { transform: translate(0); }  
    25% { transform: translate(-3px); }  
    50% { transform: translate(3px); }  
    75% { transform: translate(-3px); }  
    100% { transform: translate(0); }  
}  

.shake {  
    animation: shake 0.5s; /* Thời gian của hiệu ứng bật */  
}
.b_bell{
	margin-left:8px;
}
.adv_form{
	margin-bottom:10px;
}
.b_adv_form{
	margin-bottom:15px;
	text-align:center;
}
.b_adv_form button{
	margin-left:15px;
}
.m_action{
	margin:5px 0px 10px 0px;
}
.x_content{
	margin-top:10px;
	padding:0px;
	
}
.table_sp{
	text-align:left;
	border-top:1px solid #F5F5F5;
	margin:0px;

	
}
.table_sp_row{
	padding:6px 0px;
	
}
.table_sp_row span{
	font-size:1.15em;
}
.tab-pane{
	margin-top:10px;
}
.row_1{
	padding-left:10px;
}
.b_chucnang{
	margin-top:5px;
}
.chitiet_list{
	padding-left:10px;
}
.time_grid .user_name_grid{
	margin:0px;
	padding:0px;
}
.user_grid h5{
	margin:0px;
	padding:0px;
}
.user_grid p{
	margin:0px;
	padding:0px;
}
.chitiet-sp_grid li{
	color:#424242;
	font-size:1.1em;
	padding-left:5px;
}
.content_image{
	margin-top:5px;
}
.content_image img{
	border:1px solid #E0E0E0;
	border-radius:3px;
	padding:3px;
}
.nav_ql{
	
	margin:0px;
	padding:0px;
}
.nav_ql li a{
	margin-left:10px;
}
.modal_location{
	margin:0px;
	padding:0px;
}
.modal-input{
	margin:0px;
	padding:0px;
}
.thongbao {
  --bs-card-spacer-y: 1.25rem;
  --bs-card-spacer-x: 1.25rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-title-color: var(--bs-heading-color);
  --bs-card-subtitle-color: ;
  --bs-card-border-width: 1px;
  --bs-card-border-color: rgba(0, 0, 0, 0.09);
  --bs-card-border-radius: 0.4rem;
  --bs-card-box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.04);
  --bs-card-inner-border-radius: calc(0.4rem - 1px);
  --bs-card-cap-padding-y: 1.25rem;
  --bs-card-cap-padding-x: 1.25rem;
  --bs-card-cap-bg: #fff;
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: #fff;
  --bs-card-img-overlay-padding: 1.25rem;
  --bs-card-group-margin: 0.75rem;
  position: relative; 
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  color: var(--bs-body-color);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
}
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}
.thongbao_title{
	margin-top:10px;
}
.thongbao_cont{
	padding-left:5px;
	padding-right:5px;
}
}
.m-thongbao{
   
    position: relative;
	 display: inline-block; 
 }
.dropdown-menu-size-md {
   
   position:Fixed; 
   z-index: 1;     
}
.p-0{
	padding:0px;
}
.m-0{
	margin:0px;
}
.shadow-lg {
  -webkit-box-shadow: var(--bs-box-shadow-lg) !important;
          box-shadow: var(--bs-box-shadow-lg) !important;
}
.post-title{
	margin-top:10px;
	margin-left:5px;
}
.post-title h2{
	font-size:1em;
}
.post-input{
	margin-bottom:10px;
}
.post-button{
	margin-left:10px;
	margin-top:20px;
}
.sp-detail{
  background: #ffffff;
  margin-bottom: 30px;
  padding: 5px; 
  border:1px solid #E0E0E0;
  border-radius:3px;
  Box-Shadow:1px 1px 5px #ccc;
  
}
.chitiettin h1{
	font-size:1.3em;
	color:#E65100;
	padding:10px 0px 10px 20px;
	margin:0px;
	font-weight:550;
	line-height: 25px;
}
.item-slider{
	margin-top: 10px;
	border:1px solid #f9f5f5;
	border-radius:3px;
	background-color: #EEEEEE;
	padding: 0px;
	padding-bottom: 10px;
}

.pic1{
	height: 450px; /* Chiều cao cố định */  
    width: auto; /* Chiều rộng tự động điều chỉnh */  
	background-color: #EEEEEE;
	margin: 0px;
	padding: 0px;
}
.pic1 img{
	height: 100%; /* Đảm bảo hình ảnh chiếm toàn bộ chiều cao của container */  
    width: auto; /* Giữ tỷ lệ khía cạnh của hình ảnh */  
    display: block; /* Ngăn ngừa khoảng trống bên dưới ảnh */
	
}
.box{
	padding: 0px;
	background-color: #EEEEEE;
}
.ads-chitiet{
	padding: 0px 10px;
}
.table-customer{
	border:1px solid #E0E0E0;
	color: red;
	padding-left: 10px;
}
.dangnhap-tieude h2{
	font-size:1.2em;
	padding:5px;
	margin-left:10px;
}
.dangnhap-tieude{
	padding:0px;
	border-bottom:1px solid #E0E0E0;
	margin-bottom:20px;
}
.dangnhap label{
	margin-top:10px;
	font-size:1.05em;
}
.dangnhap-in{
	padding:10px 50px 100px 50px;
	
}
.form-dangnhap{
	padding:0px 0px;
}
.quenmatkhau{
	margin-top:10px;
	padding:0px;
}
.login button{
	padding:7px 25px;
}
.padding-00{
	padding: 0px;
}
.add-user a{
	border:1px solid #9E9E9E;
	border-radius:3px;
	padding: 5px;
}
.post-image{
	border:1px solid #E0E0E0;
	border-radius:3px;
	margin: 3px;
	
}
.promo-text p{
	margin:0px;
}

.check-label{
	margin-left:5px;
	margin-top:5px;
}
#file-input {  
    margin: 20px 0;  
}  

.image-preview {  
    display: flex;  
    flex-wrap: wrap;  
    gap: 10px;  
}  

.image-preview img {  
    width: 100px;  
    height: 100px;  
	border:1px solid #E0E0E0;
    border-radius: 5px; 
	margin-left:5px;
	margin-top:5px;
	
}  

.image-preview .image-box {  
    position: relative;  
}  

.image-preview .delete-btn {  
    position: absolute;  
    top: 0;  
    right: 0;  
    background: red;  
    color: white;  
    border: none;  
    border-radius: 50%;  
    cursor: pointer;  
    font-size: 10px; 
	padding:1px 3px;
}
.image-box{  
    display: flex;  
    flex-direction: column; 
	
	
} 
.timkiem-menu{
	padding:0px 10px;

}
.timkiem-menu option{
	color:#757575;
	font-size:0.7em;
	
}
.timkiem-menu li{
	color:#757575;
	font-size:0.7em;
	
}
.form-gia{
  display: block;
  width: 100%;
  height: 28px;
  padding: 0.5rem 0.75rem;
  font-size: 0.85rem;
  line-height: 1.25;
  color: #212121;
  background-color: white;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  margin-bottom:3px;
  margin-top:3px;
}
.them_vip h4{
	margin-top:15px;
	
}
.b_vip{
	margin-top:10px;
}
.chiase{
	padding:0px;
	margin:0px;
	
}
.chiase_list{
  display: block;
  margin: 0px;
  padding: 0px; 
}
.chiase_list li{
   display: inline-block;
   margin-top:20px;
}
.b_zalo{
	padding:3px 0px 5px 0px;
	border:1px solid #03a5fa;
	border-radius:4px;
	background:#03a5fa;
	
}
.b_face{
	padding:0px 0px 5px 0px;
	border:1px solid #1877f2;
	border-radius:4px;
	background:#1877f2;

}
.b_luu{
	padding:6px 10px 5px 10px;
	border:1px solid #BDBDBD;
	border-radius:4px;
	margin-bottom:5px;
	

}
.b_detail{
	margin-bottom:2px;
}
/* Tùy chỉnh giao diện của Select2 */  
 .select2-container--default .select2-selection--single {  
    background-color: #ffff; /* Màu nền */ 
	border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.2rem;
    height: 38px;  
	
    padding: 4px;
	
 }  
.select2-container--default .select2-selection--single .select2-selection__rendered {  
    color: #616161;      
    line-height: 25px;  
}  
.select2-container--default .select2-selection--single .select2-selection__arrow {  
     height: 38px;   
     right: 10px; 
}  

 
 .select2-container--default .select2-results__option {  
            color: #555;   
            padding: 10px; 
 }  
.select2-container--default .select2-results__option--highlighted {  
            background-color: #ffff;
            color: white;  
}  
.select2-container--default .select2-selection--single .select2-selection__rendered.selected {  
        color: red; /* Màu cho option đã chọn */  
} 
.red-text {  
        color: red !important; /* Màu chữ đỏ cho lớp này */  
 }  
.note p{
  margin:3px;
  color:green;
 }
  .text-container {  
            max-height: 2em; /* Chiều cao tối đa cho 3 dòng (1.5em mỗi dòng) */  
            overflow: hidden; /* Ẩn phần văn bản vượt quá chiều cao */  
            position: relative;  
            transition: max-height 0.2s ease-in-out; /* Hiệu ứng chuyển tiếp */  
        }  

        .text-container.expanded {  
            max-height: none; /* Mở rộng để hiển thị toàn bộ nội dung */  
        } 
.dis_pc{
	display:block;
}
.dis_mb{
	display:none;
}

@media (max-width:800px){
}
@media(max-width:768px){
}
@media (max-width:640px){
	.search_keyword{
	   margin-top: 30px;
	   padding:0px;
	   margin-bottom:5px;
	}
	.category-list{
		border:1px solid #E0E0E0;
		border-radius:3px;
		Box-Shadow:0px 0px 0px #ccc;
		margin:0px;
		padding:0px;
	}
	.page-content{
		margin:0px;
		padding:0px 3px 0px 3px;
	 }
	.add-desc-box h5,.ads-details{
          
		margin:0px;
		padding:0px;
	}
	.add-desc-box{
		padding-right:0px
	}
	.ads-details h5 a{
       font-weight:400;
	}
	.m_title p{
		padding:0px 5px;
		margin:0px;
	}
	.m_title span{
		font-size:0.8em;
		margin-left:5px;
		margin-bottom:3px;
		font-style: italic;
	}
	.m_item-list{
		border-bottom:5px solid #EEEEEE;
		
	}
	.pc_title,.pc_images{
		display:none;
	}
	.m_title{
		display:inline;
		
	}
	.m_images{
		  display:block;
	}
	.m_title h5{
		  font-size:1.2em;
		  padding:0px 10px;
		  line-height: 19px;
		  margin-top:5px;
		  margin-bottom:5px;
		  
	}
	.add-image{
		margin-top:10px;
	}
	.chitiet-sp{
		padding-left:5px;
		padding-right:2px;
	}
	.chitiet-sp li{
		color:#616161;
		padding:0px;
		margin:0px;
		
	}
	.chitiet-sp spam{
			display:inline;
			float:right;
			margin-right:5px;
	}
	.bg-bd{
		height:70px;
	}
	.item-list{
		padding:0px 0px 5px 0px;
	}
	.chitiet-sp{
		padding:0px;
		margin-right:0px;
	}
	.table_sp{
	 
	   padding:0px;	
	  margin:0px;

	}
	.m-none{
		display:none;
	}
	.m_button li button {
		margin-bottom:5px;
	}
	.pic1{
		height: 300px; /* Chiều cao cố định */  
		
	}
	.chimuc{
		margin-bottom: 10px;
	}
   .image-preview img {  
    width: 150px;  
    height: 150px;  
    border-radius: 5px; 
	margin-left:5px;
	margin-top:5px;
	
	}
	.dis_pc{
	  display:none;
	}
	.dis_mb{
	  display:block;
	}
	.note_mb{
	margin-left:5px;
	}
	
}
@media (max-width:480px){
	
}
@media (max-width: 320px){
}