﻿/*css style breadcrumb*/
.button:focus{
    outline:none;
}
body {
	padding-right: 0 !important;
}
.border-t {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.position-fixed {
	position: sticky !important;
}
.ml-text-bold-2 {
	font-weight: bold;
}
.ml-text-gray {
	color: #626262 !important;
}
.ml-mb-8 {
	margin-bottom: 8px;
}

.ml-mb-2 {
	margin-bottom: 2px;
}
.ml-mb-12 {
	margin-bottom: 12px;
}
.ml-text-14 {
	font-size: 14px;
	line-height: 1.43;
	color: #2b2b2b;
}
.ml-text-16 {
	font-size: 16px;
	line-height: 1.5;
	color: #2b2b2b;
}
.ml-text-20 {
	font-size: 20px;
	line-height: 1.4;
	/* color: #2b2b2b; */
	color: #1a4bb7;
}

.breadcrumb {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 1rem;
	list-style: none;
	background-color: transparent;
	border-radius: 0.25rem;
    background-color: unset;
}
.breadcrumb-block .breadcrumb-item {
	/* font-size: 14px; */
	display: flex;
	align-items: center;
    color: #626262;
	cursor: unset;
	margin-top: 1px;
	/* padding-left: 3px; */
	position: relative;
}
.breadcrumb-block .breadcrumb .breadcrumb-item:before {
	display: inline-block;
	padding-left: 2px;
	width: 18px;
	height: 18px;
	background-image: url("https://gaapnow.com/img/icons/chevron-forward-gray.svg");
	content: "";
}
.breadcrumb-block .breadcrumb-item:last-of-type a {
	color: #626262;
	cursor: unset;
}
.breadcrumb-block .breadcrumb .breadcrumb-item+.breadcrumb-item:before {
	display: inline-block;
	padding-left: 2px;
	width: 18px;
	height: 18px;
	background-image: url("/img/icons/chevron-forward-gray.svg");
	content: "";
}
.breadcrumb-block .breadcrumb .breadcrumb-item:first-of-type:before {
	display: none;
}

@media screen and (max-width: 992px){
	.fix-breadcumb .breadcrumb{
		padding-left: 15px;
	}
}

@media screen and (min-width: 992px){
	.fix-breadcumb .breadcrumb{
		padding-left: 0px;
	}
}

/* *************************************************************************** */
/*css style detail*/
.detail-highlight .breadcrumb-block {
	width: 100%;
}
.detail-highlight .container {
	background-color: white;
	border-radius: 8px;
}
.detail-highlight-right .wrap-content {
	border-bottom: 1px solid #f3f3f3;
	padding-bottom: 0px;
	margin-bottom: 12px;
}
.detail-highlight-right .wrap-content li {
	margin-bottom: 8px;
	padding-left: 30px;
	position: relative;
	font-weight: 500;
}
.detail-highlight-right .wrap-content li:before {
	content: "";
	width: 20px;
	height: 20px;
	mask: url(https://gaapnow.com/img/icons/check-list-line.svg) no-repeat center/auto 14px;
	-webkit-mask: url(https://gaapnow.com/img/icons/check-list-line.svg) no-repeat center/auto 14px;
	background-color: #63d417;
	position: absolute;
	left: 0;
	top: 3px;
	background-repeat: no-repeat;
}
.detail-highlight-right .wrap-content .wrap-content-item.disable {
	font-weight: 400;
	font-size: 16px;
	color: rgba(43, 43, 43, 0.4);
}
.detail-highlight-right .wrap-content .wrap-content-item.disable:before {
	content: "";
	width: 14px;
	height: 14px;
	background-color: #c4c4c4;
	mask: url(https://gaapnow.com/img/icons/close.svg) no-repeat center/auto 14px;
	-webkit-mask: url(https://gaapnow.com/img/icons/close.svg) no-repeat center/auto 14px;
	background-size: contain;
	position: absolute;
	left: 2px;
	top: 5px;
	background-repeat: no-repeat;
}
.detail-highlight-right .wrap-content .wrap-content-item:first-of-type {
	font-weight: 700;
	font-size: 18px;
	color: #1a4bb7;
}
.detail-info-right .poster-info {
	margin-top: 28px;
	padding: 16px;
	border-radius: 8px;
	border: solid 1px #e0e0e0;
	background-color: white;
}
.detail-info-right .user-header-info {
	margin-bottom: 12px;
}
.detail-info-right .poster-info .user-header-info .avatar {
	width: 56px;
	max-width: 56px;
	min-width: 56px;
	height: 56px;
	overflow: hidden;
	display: block;
	border-radius: 50%;
	position: relative;
	margin-right: 10px;
}
.detail-info-right .poster-info .user-header-info .avatar::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	border-radius: 50%;
	border: 1px solid #979797;
}
.detail-info-right .poster-info .user-header-info .avatar img {
	width: 100%;
	height: 100%;
	display: inline-block;
	vertical-align: middle;
	object-fit: cover;
}
.detail-info-right .poster-info .user-header-info .wrap-info {
	width: calc(100% - 66px);
}
.detail-info-right .poster-info .user-header-info .wrap-info .poster-name {
	font-size: 16px;
	font-weight: bold;
	color: #65bd43;
	position: relative;
	margin-bottom: 6px;
	word-break: break-word;
	width: calc(100% - 25px);
}
.poster-info .user-header-info .wrap-info .poster-name.is-certificate:after {
	content: "";
	background-image: url(https://gaapnow.com/img/icons/shieid.svg);
	padding: 12px;
	position: absolute;
	right: -25px;
	top: 0;
}
.detail-info-right .poster-info .info-detail-poster {
	border-top: 1px solid #e0e0e0;
	padding-top: 14px;
	font-size: 14px;
	color: #525252 !important;
}
.detail-info-right .poster-info .flex-wrapper-circle {
	display: flex;
	flex-flow: row nowrap;
	margin-bottom: 12px;
	margin-top: 15px;
}
.detail-info-right .poster-info .circle-percent {
	justify-content: space-around;
	margin-right: 10px;
}
.detail-info-right .poster-info .circular-chart {
	display: block;
	width: 56px;
	height: 56px;
}
.detail-info-right .poster-info .circle-bg {
	fill: none;
	stroke: #eee;
	stroke-width: 2px;
}
.detail-info-right .poster-info .circle {
	fill: none;
	stroke-width: 2px;
	stroke-linecap: round;
	animation: progress 1s ease-out forwards;
}
.detail-info-right .poster-info .circular-chart.green .circle {
	stroke: #63d417;
}
.detail-info-right .poster-info .percentage {
	fill: #666;
	font-family: sans-serif;
	font-size: 12px;
	text-anchor: middle;
}
.detail-info-right .phone-number {
	border-radius: 8px;
	border: solid 1px #e0e0e0;
	padding: 8px 16px;
	margin-top: 16px;
	margin-bottom: 12px;
	height: 48px;
	background-color: #65bd43;
}
.detail-info-right .phone-number .wrap-phone-number {
	justify-content: space-between;
}
.detail-info-right .phone-number .wrap-phone-number .phone::before {
	content: "";
	width: 27px;
	height: 30px;
	background: url(https://gaapnow.com/img/icons/call.svg) no-repeat center;
	position: absolute;
	left: 0;
}
.detail-info-right .phone-number .wrap-phone-number .phone {
	font-size: 20px;
	font-weight: bold;
	position: relative;
	margin-left: 6px;
	padding-left: 35px;
	color: #ffffff;
}
.detail-info-right .phone-number .wrap-phone-number .show-number {
	text-decoration: underline;
	font-size: 14px;
	line-height: 20px;
	color: #ffffff;
}

/* *************************************************************************** */
/*css style basic-info*/
.basic-info .card-info-header {
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	color: #1a4bb7;
	height: 38px;
	line-height: 38px;
	border-radius: 4px;
	background-color: #f7f7f7;
	margin-bottom: 16px;
	padding-left: 12px;
	position: relative;
}
.basic-info .card-info-header:after {
	content: "";
	position: absolute;
	background: url(https://gaapnow.com/img/icons/chevron-forward-down.svg) no-repeat center;
	background-size: cover;
	right: 3px;
	width: 25px;
	height: 25px;
	top: 7px;
}
.basic-info .card-info-detail {
	padding-left: 12px;
}
.basic-info .card-info-detail li {
	margin-bottom: 12px;
}
.basic-info .card-info-detail .label {
	font-size: 14px;
	font-weight: 700;
	line-height: 1.43;
	color: #2b2b2b;
	width: 150px;
}
.basic-info .card-info-detail .attribute-info, .basic-info .info-footer .item .label {
	font-size: 14px;
	line-height: 1.43;
	color: #2b2b2b;
	min-width: 120px;
}
.basic-info .card-info-detail .attribute-info {
	width: calc(100% - 120px);
}
.basic-info .info-footer {
	justify-content: space-between;
	padding-left: 12px;
	margin: 12px 0 0 0;
	padding-right: 12px;
}
.basic-info .info-footer .item {
	flex: 0 0 46%;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #f3f3f3;
	padding-bottom: 8px;
	margin-bottom: 16px;
	position: relative;
}
.basic-info .info-footer .item .attribute-info {
	font-size: 14px;
	font-weight: 700;
	line-height: 1.43;
	color: #2b2b2b;
}


/* *************************************************************************** */
.slide-owl-mb-Cuong {
	display: none;
}
.no-image {
	content: url(/img/image/no-photo-sisu-md.svg);
	object-fit: scale-down !important;
	background-color: #F2F2F2;
	display: inline-block;
}
.ellipsis-3-lines {
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
    -webkit-line-clamp: 3;
}
.text-overflow-ellipsis {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
}

h1.vip_1 {
	color: #993393;
	text-transform: uppercase;
	display: flex;
}



/*css carousel image product*/
.carousel-highlight {
	position: relative;
	padding: 0 24px;
	height: calc(100% - 60px);
}
.carousel-highlight .owl-nav {
	width: 100%;
	position: absolute;
}
.carousel-highlight .owl-nav button {
	width: 36px;
	height: 36px;
	opacity: 0.36;
	position: absolute;
	top: -300px;
	border-radius: 50% !important;
}
.carousel-highlight .owl-nav button:hover {
	opacity: 1;
}
.carousel-highlight .owl-nav button span {
	display: none;
}
.carousel-highlight .owl-nav button.owl-next {
	right: 12px;
	background: #2b2b2b url(https://gaapnow.com/img/icons/slide-right-arrow-lagre.svg) no-repeat center !important;
	outline: none;
}
.carousel-highlight .owl-nav button.owl-prev {
	left: 12px;
	background: #2b2b2b url(https://gaapnow.com/img/icons/slide-right-arrow-lagre.svg) no-repeat center !important;
	outline: none;
	transform: rotate(180deg);
}
.carousel-highlight .btn-fancybox {
	position: absolute;
	right: 8px;
	bottom: 8px;
	width: 28px;
	height: 28px;
	opacity: 0.7;
	background-color: #2b2b2b;
	z-index: 99;
}
.carousel-highlight .btn-fancybox::before {
	content: "";
	background: url(https://gaapnow.com/img/icons/expand-outline.svg) no-repeat center;
	width: 20px;
	height: 20px;
	position: absolute;
	right: 4px;
	top: 4px;
}

.block-media {
	margin-top: 0;
	position: relative;
	width: 100%;
	overflow: hidden;
	border-radius: 8px;
}
.block-media.full-width {
	padding-left: 0;
}
.block-media.full-width .slide-media {
	padding-right: 0;
}
.block-media .slide-media {
	display: none;
	padding-right: 15px;
	text-align: center;
}
.block-media .slide-media.active {
	display: block;
}
.block-media .slide-media.is-slide {
	padding-right: 0;
}
.block-media .slide-media.is-slide .item-media {
	width: 100%;
	height: 500px;
}
.block-media .slide-media .item-media {
	width: 100%;
}
.block-media .slide-media .item-media img {
	display: inline-block;
	width: 100%;
	min-height: 500px;
	object-fit: cover;
	vertical-align: middle;
}
.block-media .slide-media .owl-stage-outer {
	overflow: visible;
}
.block-media .btn {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: block;
	padding: 0;
	margin: 0;
}
.block-media .owl-dots {
	display: flex;
	position: absolute;
	right: 30%;
	bottom: 5px;
	z-index: 9;
	padding: 0;
	margin: 0;
	left: 30%;
	justify-content: center;
}
.block-media .owl-theme .owl-dots .owl-dot:focus {
	outline: none;
	box-shadow: none;
}
.block-media .owl-theme .owl-dots .owl-dot span {
	background: rgba(255, 255, 255, 0.8);
	margin: 5px;
}
.block-media .owl-theme .owl-dots .owl-dot.active span, .block-media .owl-theme .owl-dots .owl-dot:hover span {
	background: #e7843f;
	width: 12px;
	height: 12px;
}
.block-media .owl-theme .owl-dots .owl-dot span {
	width: 8px;
	height: 8px;
}
.main-detail-content>.container-tab {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.main-detail-content>.container {
	background-color: white;
	padding: 0px 24px !important;
}
.main-detail-content>.container-content {
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}
.main-detail-content .introduce-content .address {
	display: flex;
}
.main-detail-content .introduce-content .address:before {
	background: url("https://gaapnow.com/img/icons/location.svg") no-repeat center;
	width: 18px;
	height: 18px;
	content: "";
	background-size: contain;
	margin-right: 6px;
}
.mark-tab-info {
	height: 54px;
	width: 100%;
	display: none;
}
.introduce-line div+div {
	margin-left: 20px;
	padding-left: 20px;
	position: relative;
}
.introduce-line div+div:before {
	content: "|";
	color: #909090;
	position: absolute;
	left: 0;
}
h1.title {
	margin-top: 28px;
}
.price-sec {
	margin-top: 15px;
}
.price-sec .item .label {
	margin-bottom: 3px;
}
.price-sec .item+.item {
	margin-left: 24px;
	padding-left: 24px;
	border-left: 1px solid #e0e0e0;
}
.price-sec .item:first-of-type>.ml-text-16 {
	color: #e7843f !important;
}
.tab-info-container .header-content {
	margin-left: -24px;
	margin-right: -24px;
	border-bottom: 1px solid #dee2e6;
}
.tab-info-container .header-content .nav-tabs {
	border-bottom: none;
}
.tab-info-container .nav-tabs .nav-link {
	height: 54px;
    text-align: center;
    line-height: 54px;
    padding: 0 3%;
    font-weight: 700;
    font-size: 14px;
    border: none;
    cursor: pointer;
    min-width: 160px;
}
.tab-info-container .nav-tabs .nav-link.active, .nav-tabs .nav-link:hover {
	background-color: #f0f9fb;
	border-bottom: 2px solid #1a4bb7;
	color: #273879;
}

/*css slider home-section-favorite tin đăng tương tự */
.home-section-favorite {
	margin: 0;
}
.home-section-favorite .section-block-head {
	width: 100%;
}
.home-section-favorite .block-head-title {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.4;
	color: #2b2b2b;
	margin-bottom: 20px;
	margin-top: 5px;
	position: relative;
}
.home-section-favorite .block-head-title:after {
	height: 1px;
	background-color: #e0e0e0;
	width: calc(100% - 200px);
	content: "";
	position: absolute;
	right: 0;
	bottom: 6px;
}
.home-section-favorite .lightSlider {
	height: 450px !important;
	padding-left: 3px;
	display: flex;
}
.home-section-favorite .lSSlideWrapper .lSAction>a {
	top: 40%;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.25);
	border-radius: 50%;
	opacity: 1;
}
.home-section-favorite .lSSlideWrapper .lSAction>.lSNext {
	right: 10px;
	background: white url(https://gaapnow.com/img/icons/chevron-forward-gray.svg) no-repeat center;
}
.home-section-favorite .lSSlideWrapper .lSAction>.lSPrev {
	left: 10px;
	background: white url(https://gaapnow.com/img/icons/chevron-forward-gray.svg) no-repeat center;
	transform: rotate(180deg);
}
.home-section-favorite .lSSlideWrapper .lSAction>a.disabled {
	display: none;
}

/*css style news details*/

.News-details .infoNews {
	padding: 15px 0 0 0px;
	text-align: left;
}
.News-details .infoNews h1 {
	color: #993393;
	text-transform: uppercase;
	display: flex;
	font-size: 27px;
}
.News-details-mb {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.title-mb {
	text-align: center;
	font-size: 32px !important;
}
.News_details .breadcrumb-block {
	padding: 10px 0px;
}
.infoNews p.lastdate {
	font-size: 14px;
	color: #a7a7a7;
	margin-bottom: 20px;
}
.bg-sidebar {
	border: 1px solid #ccc !important;
	border-radius: 0 0 5px 5px;
	margin-bottom: 40px;
	box-shadow: 0px 0 3px rgb(1 41 112 / 10%);
}
.bg-sidebar .news-today {
	background-color: #1a4697;
	padding: 5px 0px;
}
.bg-sidebar .news-today h2 {
	color: #fff;
	font-size: 23px;
	text-align: center;
}
.bg-sidebar .blog-sidebar {
	padding-left: 8px;
	padding-right: 8px;
}
.blog-sidebar .sidebar-blog {
	height: 180px;
	padding: 40px 0;
	border-bottom: 1px dotted #1a4697;
}
.blog-sidebar .sidebar-blog:last-child {
	border-bottom: none;
}
.blog-sidebar .sidebar-blog .w-40 {
	width: 40%;
}
.blog-sidebar .sidebar-blog a img {
	width: 100%;
	height: 100px;
	min-height: auto !important;
}
.sidebar-blog .blog-text-right {
	width: 57%;
	margin-left: 3%;
}
.sidebar-blog .blog-text-right h3 {
	line-height: 20px;
}
h3.text-icon, .blog-text-right h3 a {
	font-size: 14px;
	color: #222;
}
.blog-sidebar.sidebar-blog .blog-text-right .count-s {
	letter-spacing: 0.5px;
}
.blog-sidebar.sidebar-blog .blog-text-right .count-s:before {
	margin-right: 5px;
	font: normal normal normal 14px/1 FontAwesome;
	content: "\f06e";
}
.scrollbar_sidebar {
	/*height: 880px;
	overflow-y: scroll;
	margin-bottom: 25px;*/
}

/* css only file */
.note_qcbaiviet {
	padding: 5px 0 5px 0px;
	display: block;
	color: #65bd43;
	font-size: 14px;
	font-weight: 600;
	font-style: italic;
}

.div_qcbaiviet {
	border: 1px dotted #993393;
	padding: 0 10px;
	border-radius: 5px;
}

.title_qcbaiviet {
	color: #993393;
}

.note_qcdetail {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.btn:focus, .btn:active {
	box-shadow: none;
}
.btn-special {
	color: #fff;
	margin-right: 8px;
	font-size: 14px;
}
.btn-special:hover {
	color: #fff;
}
.btn-special:focus {
	box-shadow: none;
}
.btn-thamdinh {
	background-color: rgb(40, 102, 176);
	border-color: rgb(40, 102, 176);
}

.swiper {
	display: none !important;
}

/* *************************************************************************** */
@media(max-width: 992px) {
	.slidershow-mb {
		display: none !important;
	}
}

@media only screen and (max-width: 992px) {
	.post-free-main-Mb {
		background-color: #fff !important;
	}

	.authentication-block {
		display: none !important;
	}

	.main-content-allCollect_Cuong {
		margin-top: 128px;
	}

	.introduce-content-mb-Cuong {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

	.detail-info-right-mb-Cuong {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		padding-left: 0;
		padding-right: 0;
		/* margin-left: -15px; */
	}

	.btn-special {
		font-size: 10px !important;
	}

	.list-unstyled-mb-Cuong .item {
		flex: 0 0 100% !important;
	}

	.basic-info .card-info-detail .attribute-info {
		text-align: right;
	}

	.owl-card-mb-Cuong {
		height: 380px;
	}

	.slide-owl-L-Cuong {
		display: none !important;
	}

	.slide-owl-mb-Cuong {
		display: block !important;
	}

	.block-media .slide-media .item-media img {
		min-height: 100% !important;
		height: 100%;
	}

	.block-media .slide-media.is-slide .item-media {
		height: 250px !important;
	}

	.item-mb-SlideHome-Cuong {
		height: 180px;
	}

	.item-mb-SlideHome-Cuong a img {
		height: 100%;
	}

	.ml-text-20 {
		font-size: 18px !important;
	}

	.block-title-mb-Cuong {
		font-size: 18px;
		font-weight: 700;
		margin-bottom: 10px;
	}
}

@media (min-width: 992px) {
	.px-lg-0 {
		padding-right: 0px !important;
		padding-left: 0px !important;
	}
}

@media (max-width: 414px) {
	.container {
		padding-left: 12px;
		padding-right: 12px;
	}

	.row {
		margin-left: -12px;
		margin-right: -12px;
	}

	.row .col-5, .row .col-7, .row .col-6 {
		padding-left: 12px;
		padding-right: 12px;
	}
}

@media (min-width: 1024px) {
	.container {
		max-width: calc(100% - 48px);
	}
}

@media (min-width: 1150px) {
	.container {
		max-width: calc(100% - 60px);
	}
}

@media (min-width: 1328px) {
	.container {
		max-width: 1298px;
	}
}

@media (max-width: 576px) {
	.px-5 {
		padding: 0;
	}
}

@media (min-width: 1024px) {
	.container {
		max-width: calc(100% - 48px);
	}
}

@media (min-width: 1150px) {
	.container {
		max-width: calc(100% - 60px);
	}
}

@media (min-width: 1328px) {
	.container {
		max-width: 1298px;
	}
}

@media(max-width: 992px) {
	.row {
		display: flex;
		flex-direction: column;
	}

	.list-news {
		max-width: 100% !important;
	}

	.new-news {
		max-width: 100% !important;
	}

	.swiper {
		display: block !important;
	}

	.swiper-slide {
		width: 25% !important;
		display: flex;
		flex-direction: column;
	}

	.img-fluid {
		border-radius: 10px !important;
		width: 85% !important;
	}

	.right-title {
		width: 84% !important;
		padding: 0 !important;
	}

	.title-mb-new {
		color: #c12f25 !important;
	}

	.right-img {
		width: 100% !important;
		text-align: center !important;
	}

	.lay-footer-mb {
		display: flex;
		flex-direction: row !important;
	}
}

@media(max-width: 767px) {
	.new-news {
		max-width: 100% !important;
	}
}

@media(max-width: 414px) {
	.swiper-slide {
		width: 40% !important;
		display: flex;
		flex-direction: column;
	}
}

@media(max-width: 768px) {
	.title-mb {
		margin-bottom: 10px;
	}

	.title-mb {
		font-size: 28px !important;
	}

	.item-partner-mb {
		width: 100%;
	}

	.slidershow-mb {
		display: none !important;
	}
}

@media(max-width: 415px) {
	.title-mb {
		font-size: 18px !important;
	}
}

@media(max-width: 992px) {
	.page-detail {
		display: block !important;
	}
}

@media(min-width: 767px) {
	.fixed-poster-info {
		position: fixed;
		top: 10px;
		max-width: 396px;
		width: 100%;
	}
}

@-webkit-keyframes progress-bar-stripes {
	from {
		background-position: 1rem 0;
	}

	to {
		background-position: 0 0;
	}
}

@keyframes progress-bar-stripes {
	from {
		background-position: 1rem 0;
	}

	to {
		background-position: 0 0;
	}
}

/*css xử lý click view info*/
#click_searchAddress, #click_searchPrice, #click_searchSize {
	cursor: pointer;
}
/*#user_appraisersMd .modal-body, #agency_appraisersMd .modal-body, #NotarizedModal .modal-body {
	height: 386px;
	overflow-y: auto;
	margin-left: 10px;
	text-align: justify;
}*/
/*.scrollbar {
	margin-left: 20px;
	float: left;
	height: 150px;
	overflow-y: scroll;
	margin-bottom: 25px;
}
.force-overflow {
	min-height: 350px;
}
.scroll-type::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}
.scroll-type::-webkit-scrollbar {
	width: 6px;
	background-color: #F5F5F5;
}
.scroll-type::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: #65bd43;
}*/
.financial {
	display: block;
	overflow: hidden;
	padding: 20px;
	background: #fff;
	box-sizing: border-box;
}
.financial span {
	display: block;
	overflow: hidden;
	padding-bottom: 5px;
	font-size: 18px;
	color: #333;
	text-transform: uppercase;
	line-height: 36px;
}
.financial ul {
	margin: 0;
	padding: 0;
	display: block;
	overflow: hidden;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
.financial li {
	display: table;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
	height: 85px;
	width: 100%;
}
.financial li div:nth-child(1) {
	width: 30%;
	border-right: 1px solid #ddd;
	text-align: center;
}
[class^="icontg-"], [class*="icontg-"] {
	background-repeat: no-repeat;
	display: inline-block;
	height: 30px;
	width: 30px;
	line-height: 30px;
	vertical-align: middle;
	background-image: url(//cdn.tgdd.vn/tra-gop/Content/desktop/images/2020/spritedesktop2021@2x_4.png);
	background-size: 298px 421px;
}
.icontg-fecredit {
	background-position: -4px -244px;
	width: 126px;
	height: 13px;
}
.icontg-homecredit {
	background-position: -4px -2px;
	width: 129px;
	height: 12px;
}
.icontg-acs {
	background-position: -53px -319px;
	width: 76px;
	height: 24px;
}
.icontg-mc {
	background-position: -198px -313px;
	width: 75px;
	height: 20px;
}
.financial li div {
	display: table-cell;
	vertical-align: middle;
	font-size: 14px;
	color: #333;
	width: 70%;
}
.financial li div a {
	display: inline-block;
	font-size: 14px;
	color: #333;
	font-weight: 600;
	vertical-align: middle;
	padding-left: 10px;
}
.btn-buytogether,.btn-Notarized {
	background-color: #65bd43;
	border-color: rgb(41, 177, 207);
}


/*css xử lý click view tài sản*/
.click_viewAddress {
	cursor: pointer;
}
.click_viewPrice {
	cursor: pointer;
}
.click_viewSize {
	cursor: pointer;
}
.click_viewTS {
	cursor: pointer;
}
.modal_taisan {
	max-width: 900px;
	max-height: 700px;
	overflow-x: scroll;
}
.info_taisan {
	max-width: 99%;
}
.title_taisan {
    padding-top: 9px;
    padding-bottom: 9px;
}
.img_taisan {
	width: 100%;
	height: 200px;
	margin-bottom: 0;
	/* border-bottom-left-radius: 8px;
	border-top-left-radius: 8px; */
	border-radius: 8px;
}
@media only screen and (max-width: 992px) {
	#view_taisan {
		margin-top: 130px;
		height: 75%;
	}

	.info_taisan {
		display: flex !important;
		flex-direction: row !important;
	}
}

/*css banker fontend*/
#XnvayMd .modal-body {
    height: 386px;
    overflow-y: auto;
    margin-left: 10px;
    text-align: justify;
}

#chovayMd .modal-body {
    height: 386px;
    overflow-y: auto;
    margin-left: 10px;
    text-align: justify;
}
 #bankloanMd .modal-body, #UserSetOrder .modal-body {
    height: 386px;
    overflow-y: auto;
    margin-left: 10px;
    text-align: justify;
}
 .fill-img {
    width: 100%;
    height: 100%;
    background-color: red;
}

#product_content img{
	width: unset !important;
	height: unset !important;
    max-width: 100%;
    height: auto;
}
