/* Tra cứu bảng giá đất (/bang-gia-dat.html)
   Rule gốc trích nguyên từ css/services/service.min.css (layout trang cũ _LayoutLandPrice),
   chỉ lấy các class trang này dùng mà css chung của _LayoutHome (common/header.css, home.css) chưa có. */
.lp-page { float:left; width:100% }
.lp-page [hidden] { display:none !important }

/* Breadcrumb: dấu phân cách "/" như trang cũ */
.lp-page .breadcrumb a+a:before,.lp-page .breadcrumb a+span:before { content:"/\00a0"; padding:0 5px; color:#666 }
/* Icon trang chủ dạng SVG như các view tiện ích mới (vd. savings-interest-calculator.css) */
.svg-home-crumb { align-self:center; position:relative; top:-1px }

.f-left { float:left }
.f-right { float:right }
.block { width:100%; float:left; margin-bottom:16px }
.block-nd { margin-top:16px; float:left; width:100% }

/* Form tra cứu */
.block-seach-house { float:left; width:100%; padding:16px; box-shadow:0 1px 8px 0 rgba(0,0,0,.16); -webkit-box-shadow:0 1px 8px 0 rgba(0,0,0,.16); -moz-box-shadow:0 0 1px 0 rgba(0,0,0,.16) }
.fix-inblock { float:left; width:18%; font-weight:bold; line-height:40px }
.fix-grild { display:grid }
.select-form { width:100%; background-color:#fff; height:36px }
.select-form.bg-ligh { background-color:#f7f7f7 }
.select.sw150 { width:150px }
.gach- { display:inline-block; margin:0 10px }
.btn-slaw { width:333px; background:#a67942; color:#fff; text-transform:uppercase; font-weight:bold }
.btn-slaw svg { position:relative; top:2px; margin-right:4px }
.s32 { height:32px }

/* Ô chọn có tìm kiếm (opt-dropdown) */
.opt-dropdown { display:inline-block; position:relative }
.input-dropdown { border:solid 1px #e0e0e0; position:relative; cursor:pointer; display:inline-block; height:36px; line-height:36px; width:170px; padding:0 20px 0 12px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; display:-webkit-box; -webkit-box-orient:vertical }
.input-dropdown-w100 { width:100% !important }
.aeroIcon { position:absolute; right:4px; top:0 }
.aeroIcon img { width:16px; height:16px; position:relative; top:3px }
.opt-wrapper { background:#fff; display:none; position:absolute; z-index:99; box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12); -webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12); -moz-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12); width:280px }
.opt-dropdown.is-open .opt-wrapper { display:block }
.row-input { position:relative }
.b-bottom { border-bottom:solid 1px #e0e0e0 }
.pad-l40 { padding-left:40px }
.search-icon-left { position:absolute; left:0; width:40px; height:40px; z-index:9; text-align:center; line-height:40px }
.search-icon-left svg { position:relative; top:3px }
.content-sc-y { max-height:260px; overflow-y:auto }
.ul-list-opt { margin:0; padding:0 }
.ul-list-opt li { list-style:none; padding:6px 16px; cursor:pointer }
.ul-list-opt li:hover,.ul-list-opt li.active { background:#f2f2f2 }
/* Địa bàn/đường chưa chọn cấp trên: mờ như trang cũ (lp-cascade-muted) */
.opt-dropdown.lp-disabled .input-dropdown { cursor:not-allowed; opacity:.42 }

/* Bảng giá */
.wstt { width:3% }
.wqh { width:12% }
.wqh2 { width:15% }
.wtd { width:18% }
.w_vtv1 { width:6% }
.w_vtv2 { width:10% }
.lp-print-header { display:none }

/* Chia sẻ */
.icon-social-26 { display:inline-block; height:26px; width:26px; text-align:center; border:solid 1px #e6e6e6; line-height:26px; border-radius:100%; color:#777 }
.icon-social-26 i { font-size:12px }
.lp-page .table-scrol-x { -webkit-overflow-scrolling:touch }
.lp-page.is-loading [data-role="lp-table-wrap"] { opacity:.5; transition:opacity .2s }

@media only screen and (max-width:960px) {
	.fix-inblock { width:100%; line-height:normal; margin-bottom:8px }
	.fix-grild { display:block }
	.select.sw150 { width:120px }
	.btn-slaw { width:100% }
	.block-seach-house { padding:0; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; margin-bottom:16px }
	.search-icon-left { display:none }
	.pad-l40 { padding-left:8px }
	.input-dropdown { width:100% }
	.opt-dropdown { width:100% }
	.opt-wrapper { width:100% }
	/* Bảng cuộn ngang trên màn nhỏ, giữ độ rộng tối thiểu để các cột giá không bị bóp */
	.lp-page .table-scrol-x table { min-width:760px }
}