* {
/* 	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box; */
}

img {
/* 	width: 100%;
	height: auto !important;
	max-width: 100%;
	vertical-align: middle; */
}


.abs {position: absolute}
.abs-mid {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.drh-flex, .flex, .flex-start {
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.flex-start {justify-content:  flex-start}

.item-edit-cus {
	width: 100%;
	position: relative;
	overflow: initial;
	margin-top: 10px;
	cursor: pointer;
}
.width70 {width: calc(100% / 3 *2 - 2px)}
.width50 {width: calc(50% - 5px)}
.width30 {width: calc(100% / 3 - 5px)}
.item-edit-cus span {
	margin-right: 18px;
	margin-bottom: 5px;
	display: inline-block;
	font-size: 14px;
	position: absolute;
	background: #fff;
	font-weight: normal !important;
	color: #9c9c9c !important;
	top: -11px;
	left: 6px;
	padding: 3px 8px !important;
	z-index: 9;
}

.item-edit-cus input, .item-edit-cus textarea, .item-edit-cus select {
	width: calc(100% - 4px);
	display: block;
	margin-bottom: 20px;
	margin-top: 0px;
	margin-right: 0;
	max-width: 100%;
	margin-left: 2px;
	padding: 15px 10px !important;
	font-size: 15px !important;
	line-height: initial;
}

select {
	scrollbar-width: thin;
	padding: 8px 3px;
	background-color: #fff;
	border: 1px solid #dbdbdb;
	border-radius: 3px;
	padding-right: 6px;
	cursor: pointer;
	-moz-appearance: none; 
    -webkit-appearance: none; 
    appearance: none;
	background: url(icon/down-arrow.svg) no-repeat;
	background-size: 8px;
  	background-position: calc(100% - 10px) center;
}

::placeholder{font-size: 13px}

.disable, .disable_ex {
	pointer-events: none;
	color: #f00;
	border: 1px solid #f00;
}

@media(max-width: 600px){
.width70, .width50, .width30 {width: 100%}
}

.border-10, .border-10::before {border-radius: 10px;overflow: hidden}
.border-16 {border-radius: 10px;overflow: hidden}
	
.submit-form {
	color: #fff;
	padding: 8px 25px;
	cursor: pointer;
	text-transform: uppercase;
	font-size: 0.8em;
	border-radius: 5px;
	background: #5a5a5a;
	width: max-content;
	overflow: hidden;
}

.submit-right {
	float: right;
	padding: 4px 16px;
	margin-top: 30px;
}

/* START PHẦN ICON */

.icon-adh, .icon-adh-af::after, .icon-adh-bf::after, .icon-adh-bf::before {
	cursor: pointer;
	background-image: url(icon/icon-adh.svg?2);
	background-repeat: no-repeat;
	cursor: pointer;
	background-size: 88px;
	display: inline-block;
}

.icon-adh-af::after {content: ""}

.icon-adh.angle-down, .angle-down::after {
	background-size: 63px;
	background-position: -32px -16px;
	width: 13px;
	height: 13px;
}

.icon-adh.paper-plane {
	width: 30px;
	height: 24px;
	background-size: 18px;
	background-color: transparent !important;
	background-image: url(https://prin.vn/min/xdsjsc/icon/send-mail.svg?ver=999);
	filter: brightness(0) invert(1);
	opacity: 0.5;
}

.icon-adh.close-black {
	background-position: -20px -19px;
	background-size: 80px;
	width: 20px;
	height: 20px;
}

.icon-adh.close-white {
	background-position: -20px 0px;
	background-size: 80px;
	width: 20px;
	height: 20px;
}

[class*="close-"]{
	position: absolute;
	top: 20px;
	right: 10px;
	transform: translate(0%,-50%);
	z-index: 999999;
}

span.arrow-top, div.arrow-top::after {
	position: absolute;
	border-bottom: 11px solid #fff;
	border-left: 11px solid rgba(0,0,0,0);
	border-right: 11px solid rgba(0,0,0,0);
	top: -8px;
	z-index: 999999999999;
}

span.remove-item {
	right: -10px;
	top: -10px;
	z-index: 999;
	color: #3e3e3e;
	width: 22px;
	height: 22px;
	font-size: 12px;
	position: absolute;
	border-radius: 50%;
	cursor: pointer;
	border: 1px solid transparent;
	background: none;
	background-color: #e4e4e4;
}

span.remove-item::before {
	content: "";
	background-position: -9px -8px;
	background-size: 43px;
	width: 13px;
	height: 13px;
	position: absolute;
	z-index: 9;
	background-image: url(https://prin.vn/xds/themes/gmorning//css/icon/icon-adh.svg?999);
	background-repeat: no-repeat;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
}
span.remove-item:hover {border: 1px solid #3e3e3e45}

.icon-adh.search-black {
	background-position: 1px -41px;
	width: 26px;
	height: 26px;
	filter: invert(30%) brightness(80%) sepia(80%);
}
/* END PHẦN ICON */

/* PHÂN BACKGROUND BEFORE */
.bgbf {
	background: transparent;
	overflow: hidden;
}
.bgbf::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
/* 	background-image: url(https://www.centralcons.vn/wp-content/themes/central-cons/assets/images/background_duan.jpg); */
	z-index: -1;
	background-size: cover;
 	background-repeat: no-repeat;
/* 	opacity: 0.2; */
}
.bgbf::after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
/* 	background: #0000002b; */
}


/* PHÂN BACKGROUND BEFORE */

/* PHẦN FIXED RATIO*/
[class*="img-ratio"] {overflow: hidden;position: relative;background-repeat: no-repeat;background-size: cover}
[class*="img-ratio"]::after {content: "";display: block}
[class*="img-ratio"] > * {position: absolute;left: 0;transition: 0.2s;height: 100% !important;object-fit: cover}
.img-hover-zoom {overflow: hidden}
.img-hover-zoom img {transition: all 0.3s}
.img-hover-zoom:hover img {transform: scale(1.15)}
.img-ratio11::after {padding-top: 100%}
.img-ratio23::after {padding-top: calc(100% * 2/3)}
.img-ratio45::after {padding-top: calc(100% * 4/5);display: block}
/* PHẦN FIXED RATIO*/

.line-clamp-2 {
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	overflow: hidden;
}



/*  -------------------------- START PHẦN POPUP WIDE */
.popup-fixed {
	position: fixed !important;
	z-index: 99999999999;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.poppup-wide {
	position: fixed !important;
	z-index: 999999999;
	visibility: hidden;
	width: 88%;
	max-width: 960px;
	overflow: hidden;
	max-height: 600px;
}
.popup > div {
	opacity: 0;
	visibility: hidden;
	width: 100%;
	overflow: hidden;
	height: 100%;
/* 	min-height: 80px; */
}

.popup .show-poppup {
	opacity: 1;
	visibility: visible;
}

.popup-fixed .show-poppup {
	animation: zoom-popup 0.3s;
	animation-fill-mode: forwards;
}

.poppup-content {
	padding: 15px 15px 30px 15px;
	min-height: 440px;
	background: #fff;
}

span.close {
	filter: invert(30%) brightness(80%) sepia(80%);
	top: 20px;
}

/*  -------------------------- END PHẦN POPUP WIDE */

/*  -------------------------- START PHẦN POPUP MINI */

.popup-one {
	left: 30px;
	bottom: 30px;
	width: 450px;
	height: 540px;
}

.popup-one-view {
	animation: zoom-popup 0.3s;
	animation-fill-mode: forwards;
}
.popup-mini {
	right: 10px;
	top: 30px;
	width: 410px;
	position: absolute;
	z-index: 9999999999;
	min-width: 380px;
	min-height: 55px;
	background: transparent;
}

.popup-mini > div {
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.popup-mini > div::after {
	content: "";
	right: 58px;
	top: -10px;
}
	
.head {
	position: relative;
	overflow: hidden;
	background: #007776;
}

.head::before {
	content: "";
	background-repeat: no-repeat;
	width: 85px;
	height: 30px;
	display: block;
	margin: 9px;
	background-size: contain;
	background-image: url(https://dreamhouse.com.vn/wp-content/uploads/2021/06/logo-dreamhouse-28.svg);
}

.head > span:hover {filter: invert(30%) brightness(80%) sepia(80%)}

.popup-mini .head {
	background: #fff;
}
.popup-mini .head::before {
	height: 5px;
}
.popup-mini .head > span {
	filter: invert(30%) brightness(80%) sepia(80%);
}

.popup-mini .search-form {
	margin-top: 22px;
}


@keyframes zoom-popup {
	0% { transform: scale(0);}
	50% { transform: scale(1.1);opacity: 1;visibility: visible; }
	100% { transform: scale(1);opacity: 1;visibility: visible; }
}

@media(max-width: 810px){
.popup-mini {
	min-width: initial;
	width: initial;
	width: calc(100% - 18px);
	left: 9px !important;
}
}


/*  -------------------------- END PHẦN POPUP MINI */


/* ---------------------------------- PHẦN CẢNH BÁO */
.alert-xds {
	position: fixed;
	z-index: 9999999999;
	border-radius: 6px;
	width: 330px;
	min-height: 130px;
	top: -125px;
	left: 50%;
	transform: translate(-50%,0%);
	background: #fffffff2;
	padding: 10px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s;
	font-size: 15px;
	box-shadow: rgba(0,0,0,0.71) 0px 3px 8px;
	letter-spacing: 0.6px;
}
.body-alert {padding-bottom: 38px}

.alert-xds.view-alert {
	top: 5%;
	visibility: visible;
	opacity: 1;
}

.body-alert span:first-child {
	font-weight: 700;
	margin-bottom: 20px;
	text-transform: uppercase;
	font-size: 13px;
	display: block;
}

.alert-xds button {
	position: absolute;
	bottom: 10px;
	right: 10px;
}
/* ---------------------------------- PHẦN CẢNH BÁO */


/* PHẦN BACKGROUND MOMO */
.bdmomo, .bgopa, .bgalert, .bgvideo {
	position: fixed;
	background: #00000054;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	visibility: hidden;
	transition: all 0.3s;
	opacity: 0;
}

.bgopam, .bgalert, .bgvideo {
	visibility: visible;
	opacity: 0.8;
}
/* PHẦN BACKGROUND MOMO */


/* Hiệu ứng loading */
.lds-ring {
	position: relative;
	width: 33px;
	height: 33px;
	margin: 0 auto;
}
.loadding-bg {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #0000002e;
	z-index: 9999999999;
}

.loadding-bg .lds-ring {
	position: absolute;
	width: 33px;
	height: 33px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.loadding-bg.incontent {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.loadding-bg.incontent .lds-ring {
	margin: 0;
}

.lds-ring div {
	position: absolute;
	width: 100%;
	height: 100%;
	border: 3px solid #1558d6;
	border-radius: 50%;
	animation: lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;
	border-color: #1558d6 transparent transparent;
}

.loadding-field {
	position: absolute;
	top: 0px;
}
.loadding-field .loadding-bg.incontent {
	left: initial;
	right: 0;
	transform: initial;
	background: none;
	width: 20px;
	height: 20px;
	transform: translate(0%, -50%);
}
.loadding-field .lds-ring {
	width: 20px;
	height: 20px;
}

.loadding-bg.loadding-last {
	width: 40px;
	height: 40px;
	position: absolute;
	bottom: 0;
	background: none;
	top: auto;
	left: 50%;
}

.lllast{
	position: relative;
}

button .loadding-bg .lds-ring {
	width: 20px;
	height: 20px;
}

button.lld-light {
	pointer-events: none !important;
	background: #fff !important;
	color: #fff !important;
	border: 1px solid #a5a5a5 !important;
	transition: 0s all !important;
}

button.lld-light .loadding-bg {
	background: transparent;
}

.lds-ring div:nth-child(1) {animation-delay: -0.45s}
.lds-ring div:nth-child(2) {animation-delay: -0.3s}
.lds-ring div:nth-child(3) {animation-delay: -0.15s}
@keyframes lds-ring {0% {transform: rotate(0deg)}100% {transform: rotate(360deg)}}
/* Hiệu ứng loading kết thúc */


/* PHẦN CẢNH BÁO ALERT */
.right-popup {
	width: 236px;
	position: absolute;
	cursor: pointer;
	border-radius: 3px;
	overflow: hidden;
	background: #f9f9fb;
	z-index: 999999;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
	border: 1px solid #adadad;
	font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
	letter-spacing: 0.1px;
	color: #3c3c3c;
}

.body-code {
	min-height: 250px;
	max-height: 290px !important;
	overflow-y: scroll;
	scrollbar-width: none;
}

.right-popup span, .right-popup span a {
	display: block;
	width: 100%;
	padding: 6px 12px;
	user-select: none;
	color: initial;
}

.right-popup span a {
	padding: 0;
	text-decoration: none;
}

tr.righted {
	background: #bebebe !important;
	color: #000 !important;
}

.righted * {
	color: #000;
}

/* PHẦN CẢNH BÁO ALERT */

/* STAR MỚI 17/10/2023 */
.star, .star span {
	width: 70px;
	height: 15px;
	display: block;
	overflow: hidden;
	background-size: calc(70px / 5);
	background-repeat: repeat-x;
}
.star {
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.44 19'><polygon fill='%23dadce0' points='10,15.27 16.18,19 14.54,11.97 20,7.24 12.81,6.63 10,0 7.19,6.63 0,7.24 5.46,11.97 3.82,19'/></svg>");
}
.star span {
	content: "";
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.44 19'><polygon fill='%23fbbc04' points='10,15.27 16.18,19 14.54,11.97 20,7.24 12.81,6.63 10,0 7.19,6.63 0,7.24 5.46,11.97 3.82,19'/></svg>");
}
/* STAR MỚI 17/10/2023 */


/* PHẦN SUB CATEGORY */
.list-sub-category {
	margin-bottom: 20px;
	text-align: center;
	user-select: none;
}
.list-sub-category > * {
	padding: 5px 15px;
	text-transform: capitalize;
	font-size: 12px;
	display: inline-block;
	cursor: pointer;
	font-family: 'Montserrat',sans-serif !important;
	background-color: #ececec;
	border-radius: 26px;
	margin: 5px;
	color: #000;
	transition: 0.2s all;
	border: 1px solid #d7d7d7;
}
.list-sub-category > *:hover, .list-sub-category > *.active {
	background-color: #606060;
	color: #fff;
	border: 1px solid #606060;
}
/* PHẦN SUB CATEGORY */