/*
Theme Name: San nhuong
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/*CSS dang tin*/
.disable_pt{
	pointer-events: none;
}
.table_filter_wrap,.table_filter,.filter_item,.table_filter_submit{
	display: flex;
    align-items: center;
    justify-content: center;
	position:relative;
}
.ur-frontend-form.login {
	padding:30px;
}
.user-registration-Button.button{
	background-color:#0066bf !important
}
.row_dangnhap .user-registration-LostPassword.lost_password{
	padding: 10px 20px;
    line-height: 1.5;
    text-align: center;
    word-break: break-word;
    white-space: normal;
    cursor: pointer;
    -webkit-transition: .35s all ease-out;
    transition: .35s all ease-out;
    background: #eee;
    color: #fff;
    margin-top: 15px;
    border-radius: 10px;
    border: 1px solid #666;
}
.row_dangky>.col{
	padding:0
}
.row_dangnhap .user-registration-Button{
	float:unset!important;
}
.user-registration-Button.button{
	margin:0!important;
	border-radius: 10px;
    border: 1px solid #666;
}
.row_dangnhap .user-registration-form__label{
	display: inline-flex;
    float: unset;
    clear: both;
    width: 100%;
}
.ur-frontend-form.login input[name=rememberme]#rememberme{
	width:max-content;
}
.row_dangnhap #user-registration{
	margin:0!important
}
.bg_login{
	background:url('/wp-content/uploads/2022/11/login.jpg');
	background-size: cover;
}
.row_dangky .row h2{
	margin-top:30px;
	color:#fff;
}
.row_dangky>.col>.col-inner{
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.row_dangky .ur-frontend-form{ 
	margin:0!important;
}
.row_dangky .row{
	margin:0!important;
}
.btn_dangnhap{
	padding: 10px 20px;
    line-height: 1.5;
    text-align: center;
    word-break: break-word;
    white-space: normal;
    border: none;
    cursor: pointer;
    transition: .35s all ease-out;
    width: 100%;
    display: block;
    background: #eee;
	text-transform:uppercase;
	margin-right:0!important;
	margin: 0!important;
    border-radius: 10px;
	border: 1px solid #666;
}
.row_dangky .ur-frontend-form .register .input-text{
	padding:5px 10px!important;
	border-radius: 10px!important;
	min-height:45px!important;
}
.row_dangky ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #666!important;
  opacity: 1!important; /* Firefox */
}

.row_dangky :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #666!important;
}

.row_dangky ::-ms-input-placeholder { /* Microsoft Edge */
  color: #666!important;
}
.btn_dangky{
	background-color: #0066bf !important;
	width:100%;
	margin-right:0!important;
	margin: 0!important;
    border-radius: 10px;
}
.inpt{
	border-left:1px solid #e1e1e1!important;
}
.table_filter_submit input {
    border-radius: 5px;
    position: relative;
    padding: 11px 21px 11px 45px;
    background-color: #FF0000!important;
    color: #fff!important;
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    line-height: unset;
    min-height: unset;
}
.table_filter_submit{
	margin-left:10px;
}
.table_filter_submit i{
    position: absolute;
    top: 10px;
    left: 15px;
    z-index: 1001;
    font-size: 20px;
	color:#fff;
}
.filter_item input,.filter_item select {
    background: none;
    border: none;
    width: 100%;
    border-radius: 0;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    border-left: none;
    padding-left: 35px;
    margin-bottom:0
}
.filter_item i {
    position: absolute;
    top: 9px;
    left: 8px;
    z-index: 1001;
    font-size: 20px;
    color: #b8b8b8;
}
.btn_end{
	pointer-events:none!important;
}
.fied_nhap span.note_valid{
	color:red;
	font-size:12px;
}
.table_style{
	display:none;
}
.btn_back,.btn_prev{
	display:none;
}
.btn_back.active_btn,.btn_prev.active_btn{
	display:block;
}
.title_form{
	font-size: 30px;
    font-weight: bold;
    margin-bottom: 10px;
}
.table_style.active_show{
	border-radius:30px;
	display:block;
	position:fixed;
	z-index:101;
	transform: translate(-50%,-50%);
	top: 50%;
    left: 50%;
    width: 500px; 
	background:#fff;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
	padding: 30px 20px;
}
.bg_black.active_show{
	width: 100vw;
    height: 100vh;
    background: #000000a3;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
}
.title_table{
	font-size:20px;
	font-weight:bold;
	margin-bottom:15px;
}
.btn_asd{
	border-radius:20px!important;
}
.item_cat_child_wrap{
	display:none;
}
.item_cat_child_wrap.show_this{
	display:flex;
}
.hiden{
	display:none!important;
}
.active>i:before{
	content:'\f058';
}
.tinhthanhwrap{
	height:50vh;
	overflow:auto;
}
.nganhnghe{
	display:flex;
	flex-wrap:wrap;
}
.chose_item{
	cursor:pointer;
	padding:5px 10px;
}
.chose{
	background:#ddd;
}
.chose_item:hover{
	background:#ddd;
}
.active_pt{
	background:#ddd;
}
.nganhnghe>*{
	margin-right:10px;
	padding:10px 30px; 
	border:1px solid #ddd;
	cursor:pointer;
	margin-bottom:10px;
	border-radius:8px;
}
.item_wrap{
	display: flex;
    justify-content: space-between;
    align-items: center;
	cursor:pointer;
	padding: 16px 20px;
	border-bottom: 1px solid #ecedef;
}
.btn_back_prev i{
	font-size:10px;
}
.form-dang-tin .upload .remove{
	position: absolute;
    border: unset!important;
    font-size: 25px!important;
    border-radius: 99px;
    padding: 10px;
    background: red;
    height: 20px;
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0;
    top: 0;
    color: #fff;
}
.item_cat_child_wrap{
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding: 16px 20px;
    border-bottom: 1px solid #ecedef;
}
.upload li{
	list-style:none;
	margin:0!important
}
.hide_pt{
	display:none!important;
}
.form-dang-tin{
}
.ws-image-notice{
	display:none;
}
/* .active{
	display:flex;
} */
.btn_back_prev{
	display:flex;
	justify-content: space-between;
}
.btn_back_prev>*{
	cursor:pointer;
}
.btn_back_prev{
	background-color: #fff;
	padding: 0px 20px;
	margin:auto;
	margin-top: 20px;
}
.field_style i{
	font-size:12px;
}
.field_style{
	display:flex;
	justify-content:space-between;
	box-shadow: inset 0 -1.8em 1em 0 transparent;
	background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
   	padding: 0 0.75em;
    transition: color .3s,border .3s,background .3s,opacity .3s;
	font-size: .97em;
    height: 2.507em;
	align-items: center;
	cursor:pointer;
}
.item_wrap img{
	margin-right:10px;
}
.danhmuc_coin{
	background-color: #fff;
    border-radius: 8px;
	margin:auto;
	margin-top: 20px;
}
.fied_nhap>*{
	margin-bottom:0px!important;
}
.fied_nhap{
	margin-bottom:10px;
}
.danhmuc_wrap>*{
	display:none;
}
.danhmuc_wrap>*.active_this{
	display:block
}
.input_wrap input{
	display:none;
}
.input_wrap{
	width: 100%;
    height: 109px;
    cursor: pointer;
    border: 1px dashed orange;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}
.bg_wrap{
	width: 48px;
    height: 48px;
    background: url(/wp-content/uploads/2022/11/fill-color.svg) center center no-repeat;
}
.icon_mb_filter{
	display:none;
}
@media only screen and (max-width: 480px) {
.blog-single .large-9, .blog-archive .large-9 {
    padding-right: 15px;
    max-width: 100% !important;
    flex-basis: 100% !important;
}
	.bvlq ul {
    display: flex!important;
		
}
	.bvlq ul li{
		margin-left:10px;
	}
	.bvlq ul li .anh-dai-dien {
    width: 100%!important;
    float: left;
    display: inline-block;
}
	.bvlq ul li .box-text {
    padding: 15px;
    width: 100%!important;
    float: right;
    text-align: left;
    display: inline-block;
}
	.blog-single .post-sidebar, .blog-archive .post-sidebar {
    flex-basis: 100% !important;
    max-width: 100% !important;
    padding-left: 0px;
    border-left: 0 !important;
}
	.dau-trang .right {
    width: 100% !important;
}
	.box-land-note-nd {
    display: block !important;
}
	.thoi-gian-dia-diem .left {
    width: 100% !important;
}
	.land-dc span {
    text-align: left;
    font-size: 13px !important;
}
	.thoi-gian-dia-diem .right {
    width: 100% !important;
    text-align: left !important;
}
	.doanhthu {
    color: red;
    font-weight: bold;
    font-size: 15px !important;
    display: flex;
}
	.box-land-note-nd div {
    margin-top: 10px;
}
	.entry-content .table .dong-ngang .cell {
    font-size: 15px;
    padding-left: 20px;
    padding-top: 8px;
    width: 46% !important;
    float: left;
}
	.banner {
    height: 340px;
}
	.table_filter_a {
    margin-left: 10px;
    margin-right: 10px;
}
	
	}
/*Mobile CSS đăng tin- Tuyệt đối không code vào đây*/
@media only screen and (max-width: 48em) {
	.icon_mb_filter{
		display:block;
		font-size: 20px;
		background: #0E2638;
		border-radius: 5px;
		padding: 5px 12px;
		color: #fff;
		margin-bottom:10px;
	}
	.table_filter_a{
		display:none;
	}
	.form-dang-tin{
		width:100%;
		padding:15px;
		border-radius:10px;
	}
	.nganhnghe>*{
		padding:5px 10px;
		border-radius:5px;
	}
	.table_style.active_show{
		width:90%
	}
	.table_filter_wrap,.table_filter{
		flex-direction:column;
	}
	.table_filter_wrap>*,.table_filter>*{
		width:100%;
		margin-bottom:10px;
	}
	.filter_item input, .filter_item select{
		border-left:1px solid #e1e1e1;
	}
	.table_filter_submit i{
		left: 25%;
	}
}
/* Kết thúc Mobile CSS đăng tin- Tuyệt đối không code vào đây*/

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}