@CHARSET "UTF-8";

.portlet-topper {
	display: none;
}

body {
	padding: 0 0px !important;
	font-family: "Arial", sans-serif;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
}

a:hover {
	color: #0063a2;
	text-decoration: none;
}

a:focus {
	text-decoration: none;
}

.z-window-content {
	padding: 0 !important;
}

.b-submit {
	margin-bottom: 20px;
	overflow: hidden;
}

.b-submit textarea {
	max-height: 55px;
}

.user img{
  margin-right: 0px;
  border: 0;
}

.btn-submit {
	background-color: #266993;
	color: #fff;
	border: none medium;
	border-radius: 0;
	padding: 6px 28px;
	margin-top: 0px;
}

.btn-submit-comment {
	margin-top: 5px;
}

.btn-submit:hover {
	background-color: #004877;
}

.wd-header-container .container, .wd-main-menu .container,
	.wd-content-container .container {
	padding: 0 !important;
}

.error {
	color: red;
	font-style: italic;
}

.ykien-chude-item {
	padding: 0;
	text-align: center;
	width: 100%;
	cursor: pointer;
}

.ykien-chu-de-item .ykien-ten-chu-de {
	width: 100%;
	word-wrap: break-word;
}

.ykien-tenchude a:hover {
	color: #0063a2;
}

.ykien-label-cqxl {
	padding: 2px 4px;
	font-size: 11px;
	color: #fff;
}

.ykien-tieude {
	margin-top: 15px;
}

.ykien-tieude .tieu-de {
	font-size: 22px;
}

.ykien-search {
	text-align: center;
}

.item-sort .z-combobox-input {
	background: #ffffff;
	border: 1px solid #dcdcdc;
	border-radius: 0;
	padding: 6px 10px;
}

.btn-ykien {
	display: inline-block;
	margin-right: 10px;
	cursor: pointer;
	padding: 4px 5px;
}

.ykien-chude-item .hinh-dai-dien {
	min-height: 88px;
}

.ykien-icon-search, .ykien-icon-sort {
	font-size: 17px;
	color: #065490;
}

.ykien-icon-search:hover, .ykien-icon-sort:hover {
	color: #0063a2;
	opacity: 0.6;
}

.ykien-icon-search:active {
	color: #ff0000;
}

.ykien-sort, .ykien-search {
	background-color: #f3f3f3;
	padding: 10px 10px;
	text-align: center;
	margin-bottom: 10px;
}

.ykien-list .row {
	padding-left: 3px;
	padding-right: 3px;
}

.ykien-item, .ykien-traloi {
	border: 1px solid #ececec;
	padding: 16px;
	margin-bottom: 20px;
}

.ykien-item:hover, .ykien-traloi:hover {
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
}

div {
	font-size: 13px;
}

.ykien-item .ykien-tieude-baiviet, .ykien-traloi .ykien-tieude-baiviet {
	font-weight: bold;
	color: #292929;
}

.ykien-item .ykien-tieude-baiviet:hover, .ykien-traloi .ykien-tieude-baiviet:hover
	{
	color: #0063a2;
}

.ykien-item .ykien-hinhanh, .ykien-traloi .ykien-hinhanh {
	position: relative;
	overflow: hidden;
}

.ykien-hinhanh .ykien-label-cqxl, .ykien-traloi .ykien-label-cqxl {
	position: absolute;
	z-index: 3;
	left: 0;
	bottom: 0;
	text-align: left;
}

.ykien-col {
	margin-bottom: -99999px;
	padding-bottom: 99999px;
}

.ykien-wrap-col {
	overflow: hidden;
}

.truncate-text {
	text-overflow: ellipsis;
	overflow: hidden;
	width: 195px;
	white-space: nowrap;
}

.ykien-item .ykien-thoigian, .ykien-traloi .ykien-thoigian {
	color: #636363;
	font-size: 11px;
}

.item-sort {
	margin-right: 30px;
}

.item-sort span {
	display: inline-block;
	cursor: pointer;
	font-weight: bold;
}

.item-sort .select-box {
	background: #ffffff;
}

.ykien-extras {
	overflow: hidden;
	margin-top: 5px;
	cursor: auto;
}

.ykien-extras a, .ykien-extras a span {
	float: left;
	display: block
}

.ykien-extras div, .ykien-extras div span {
	float: left;
}

.icon-comment, .icon-interest {
	margin-right: 4px;
	font-size: 11px;
	margin-top: 3px;
	margin-left: 2px;
}

.icon-interest {
	margin-left: 5px;
}

.icon-arrow-sort {
	
}

.content-button {
	text-align: center;
	margin-top: 10px;
}

.btn-load-more {
	display: inline-block;
	border: 1px solid #e2e2e2;
	padding: 5px 10px;
	width: 129px;
	height: 42px;
	background: url("../../img/icons/button-xem-them.png") no-repeat;
}

.btn-load-more:HOVER {
	background: url("../../img/icons/btn-hover.jpg") no-repeat;
}

.btn-load-more .icon-plus {
	font-weight: 300;
	display: inline-block;
	padding: 5px 8px;
	font-size: 19px;
	color: #5CA8FF;
}

.font-load-more .z-label {
	color: #5CA8FF;
	font-size: 16px;
	font-weight: normal;
	margin-left: 6px;
}

.banner-ykien {
	cursor: pointer;
	margin-bottom: 10px;
}

.ykien-aside {
	margin-top: 0px;
}

.ykien-aside, .ykien-banner {
	margin-bottom: 15px;
}

.hot-comment {
	border: 1px solid #e8e8e8;
}

.hot-comment .comment-title {
	border-bottom: 1px solid #e6e6e6;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	padding: 8px 0 8px 10px;
}

.hot-comment .comment-title .z-label {
	font-weight: bold;
	font-size: 14px;
}

.hot-comment .item-comment {
	border-bottom: 1px solid #e6e6e6;
	padding: 15px;
	padding-bottom: 10px;
	margin: 0;
	overflow: hidden;
}

.hot-comment .item-comment:last-child {
	border-bottom: none medium;
}

.hot-comment .item-comment a {
	font-weight: bold;
	/* màu text đen ở 2 button câu hỏi khảo sát */
	color: #000;
}

/* Hover vào 2 button câu hỏi khảo sát */
.hot-comment .item-comment a:hover {
	color: #0063a2;
}

.name {
	font-size: 11px;
	color: #868686;
	display: block;
}

.hot-comment .icon-comment {
	font-size: 14px;
}

/* Them y kien phan anh */
.ykien-form-add {
	/* margin-top: 10px; */
	margin-bottom: 20px;
	overflow: hidden;
}

.ykien-form-add input[type="text"] {
	width: 100%;
	border: 1px solid #e6e6e6;
	border-radius: 0;
	height: 28px;
	padding: 0 10px;
}

.ykien-form-add .z-combobox-button {
	min-height: 28px;
	padding-top: 6px;
}

.ykien-tieu-de {
	text-align: center;
	margin: 15px 0;
}

.ykien-tieu-de .z-label {
	font-size: 19px;
	font-weight: bold;
}

.ykien-label {
	width: 80px;
}

.ykien-form-add .block-button {
	text-align: center;
}

.ykien-btn-submit {
	background: #30689c;
	background: -moz-linear-gradient(top, #30689c 0%, #235c8e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #30689c),
		color-stop(100%, #235c8e));
	background: -webkit-linear-gradient(top, #30689c 0%, #235c8e 100%);
	background: -o-linear-gradient(top, #30689c 0%, #235c8e 100%);
	background: -ms-linear-gradient(top, #30689c 0%, #235c8e 100%);
	background: linear-gradient(to bottom, #30689c 0%, #235c8e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30689c',
		endColorstr='#235c8e', GradientType=0);
	padding: 8px 22px;
	display: inline-block;
	color: #fff;
	text-shadow: none;
	font-weight: bold;
	text-transform: uppercase;
	border: 1px solid #2b5d8b;
	border-radius: 0;
}

.ykien-btn-submit:hover {
	background: #3c6f9b;
	background: -moz-linear-gradient(top, #3c6f9b 0%, #38648c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3c6f9b),
		color-stop(100%, #38648c));
	background: -webkit-linear-gradient(top, #3c6f9b 0%, #38648c 100%);
	background: -o-linear-gradient(top, #3c6f9b 0%, #38648c 100%);
	background: -ms-linear-gradient(top, #3c6f9b 0%, #38648c 100%);
	background: linear-gradient(to bottom, #3c6f9b 0%, #38648c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c6f9b',
		endColorstr='#38648c', GradientType=0);
}

.ykien-btn-reset, .ykien-btn-reset:hover {
	text-shadow: none;
	font-weight: bold;
	text-transform: uppercase;
	border: none medium;
	border-radius: 0;
	padding: 8px 22px;
	color: #878787;
	border: 1px solid #dddddd;
	background: #f3f3f3;
	background: -moz-linear-gradient(top, #f3f3f3 0%, #f9f9f9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3),
		color-stop(100%, #f9f9f9));
	background: -webkit-linear-gradient(top, #f3f3f3 0%, #f9f9f9 100%);
	background: -o-linear-gradient(top, #f3f3f3 0%, #f9f9f9 100%);
	background: -ms-linear-gradient(top, #f3f3f3 0%, #f9f9f9 100%);
	background: linear-gradient(to bottom, #f3f3f3 0%, #f9f9f9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3',
		endColorstr='#f9f9f9', GradientType=0);
}

/* chi tiet y kien phan anh  */
.ykien-chitiet {
	margin-top: 10px;
	/* chi tiet lich su min-height: 400px; */
}

.ykien-chitiet-tieude {
	font-size: 20px;
	font-weight: bold;
	max-width: 100%;
	display: block;
}

.ykien-chitiet-noidung {
	font-size: 13px;
	line-height: 18px;
	text-align: justify;
	display: block;
    word-break: break-word;
}

.block-traloi {
	width: 60%;
	margin: 0 auto;
	padding: 20px;
	background-color: #edf8ff;
	border: 1px solid #c7d8e3;
	overflow: hidden;
}

.ykien-chitiet-traloi {
	text-align: center;
	margin-bottom: 10px;
}

.ykien-chitiet-nguoitraloi {
	font-weight: bold;
	font-size: 14px;
}

.ykien-bandoc {
	margin-top: 50px;
	display: block;
}

.ykien-bandoc .tieude {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	display: block;
}

.thongtin-nguoidang {
	overflow: hidden;
	margin: 15px 0;
}

.thongtin-nguoidang .avatar {
	float: left;
	width: 30px;
	height: 30px;
	float: left;
	margin-right: 10px;
}

.thongtin-nguoidang .block-thongtin {
	float: left;
	margin-top: 5px;
}

.block-thongtin .info {
	position: relative;
}

.block-thongtin .ten {
	font-weight: bold;
	color: #1096D8;
	font-size: 13px;
}

.block-thongtin .ngaythang {
	color: #767676;
}

.block-danhmuc {
	position: relative;
}

.dropdow-menu {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 100;
}

.dropdow-menu .view-tatca {
	font-weight: bold;
	color: #000;
	margin-right: 5px;
}

.dropdow-menu .view-tatca:hover {
	color: #0063a2;
}

.icon-arrow-down {
	display: inline-block;
	padding: 6px 10px;
	border: 1px solid #e3e3e3;
	cursor: pointer;
}

.ykien-hinhanh {
	text-align: center;
	margin: 0 auto;
}

.ykien-banner {
/* 	cursor: pointer; */
}

.ykien-tieude-baiviet, .ykien-thoigian {
	display: block;
}

.ykien-tieude-baiviet {
	margin: 6px 0;
}

/* active hover for chu de  */
.ykien-tenchude a:active, .ykien-tenchude a:hover, .ykien-tenchude a:focus
	{
	color: #428bca !important;
}

.ykien-list {
	margin-bottom: 20px;
}

.ykien-menu {
	margin-top: 8px;
	text-align: right;
	padding-right: 0;
}

.ykien-content-title {
	margin: 15px 0;
}

.fix-input {
	width: 100%;
}

.hinhanh-slide {
	text-align: center;
	margin: 15px 0;
}

.hinhanh-slide img {
	margin: 10px auto;
	max-width: 544px;
}

.ykien-menu-chude-extend {
	position: absolute;
	margin: 5px 0px;
	padding: 18px 5px;
	top: -4px;
	left: 0;
	z-index: 999;
	background-color: #fff;
	-webkit-box-shadow: 0px 3px 17px -4px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0px 3px 17px -4px rgba(0, 0, 0, 0.35);
	box-shadow: 0px 3px 17px -4px rgba(0, 0, 0, 0.35);
}

.img-chude:hover, .hinh-dai-dien .img-chude-current {
	/* -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3));
	filter:
		url("data:image/svg+xml;utf8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='drop-shadow'><feGaussianBlur in='SourceAlpha' stdDeviation='4'/><feOffset dx='12' dy='12' result='offsetblur'/><feFlood flood-color='rgba(0,0,0,0.5)'/><feComposite in2='offsetblur' operator='in'/><feMerge><feMergeNode/><feMergeNode in='SourceGraphic'/></feMerge></filter></svg>#drop-shadow");
	-ms-filter:
		"progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#444')";
	filter:
		"progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#444')"; */
	opacity: 0.6;
}

.ykien-link-detail {
	position: relative;
}

.ykien-link-detail1 {
	position: relative;
}

.ykien-traloi {
	position: absolute;
	z-index: 100000002;
	left: 0;
	top: 0;
	background-color: #fff;
}

.ykien-traloi .box {
	padding: 10px 15px;
	margin: 10px 0 20px 0;
	border: 1px dashed #c8c8c8;
	position: relative;
	background-color: #edf8ff;
    word-break: break-word;
}

.ykien-traloi .icon-callout {
	background: url(../../img/ykienphananh/icon-callout2.png) no-repeat;
	width: 12px;
	height: 17px;
	position: absolute;
	right: 12px;
	bottom: -17px;
}

.ykien-tencoquan-traloi {
	margin-top: -10px;
	margin-left: 15px;
	font-style: italic;
}

.ykien-social {
	margin: 15px 0px;
}

/* user comment */
.content-comment {
	margin-bottom: 15px;
	display: block !important;
}

.user-comment {
	margin: 5px 0 10px;
	padding-left: 43px;
	position: relative;
}

.user-comment .action {
	float: left;
	padding-left: 5px;
	padding-top: 3px;
}

.user-comment .action .link-reply, .user-comment .action .link-interest
	{
	float: left;
	margin-left: 10px;
}

.user-comment .info-user {
	/* float: left; */
	width: 43px;
	position: absolute;
	top: 0;
	left: 0;
	margin-right: 0px;
	font-size: 11px;
	padding-left: 3px;
}

.info-user .avatar {
	width: 43px;
	height: 43px;
}

.user-comment .info-user .img-avatar {
	width: 32px;
	height: 32px;
	border: 1px solid #cecccd;
}

.user-comment .block-thongtin {
	/* float: left; */
	
	padding-left: 12px;
	margin-top: -1px;
	padding-right: 0px;
}

.btn-quantam {
	background-color: #fff;
	cursor: pointer;
	border: 1px solid #dfdfdf;
	border-radius: 4px;
	padding: 2px 8px;
	color: #3068a5;
	display: inline-block;
	margin-top: -1px;
}

.btn-quantam span {
	display: inline-block;
	zoom: 1;
	font-size: 11px;
	font-weight: bold;
}

.tuong-tac {
	color: #868686 !important;
}

.btn-quantam .icon-heart {
	margin-right: 0;
}

.number-interest span {
	display: inline-block;
	background: white;
	border: 1px solid #9197a3;
	-webkit-border-radius: 2px;
	color: #4e5665;
	font-size: 11px;
	height: auto;
	line-height: 18px;
	margin-left: 6px;
	min-width: 15px;
	padding: 0 7px;
	text-align: center;
	white-space: nowrap;
	background: white;
	position: relative;
	background: #fff;
	position: relative;
}

.animate-transition-all {
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.ykien-nguoigui, .ykien-date, .ykien-diadiemdienra {
	margin-top: 5px;
	display: inline-block;
	margin-bottom: 10px;
}

.ykien-nguoigui, .ykien-diadiemdienra {
	font-weight: bold;
}

.ykien-diadiemdienra {
	display: block;
}

.b-ykien-date {
	float: right;
}

.color-blue {
	color: #035182;
	font-weight: bold;
}

/* Modal Login  */
.item-comment {
	margin-bottom: 15px;
	cursor: pointer;
}

.modal-login {
	background-color: #fff;
	padding: 10px;
	width: 640px;
	padding: 0;
}

.modal-login-close {
	float: right;
	cursor: pointer;
	font-size: 15px;
}

.modal-login-close:hover {
	color: #0063a2;
}

.modal-login-header {
	padding: 15px 20px;
	border-bottom: 1px solid #e3e3e3;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

.modal-login-content {
	width: 100%;
	padding: 20px;
}

.login-egov, .login-facebook, .login-google {
	font-size: 13px;
	text-transform: uppercase;
	color: #fff;
	padding: 7px 15px;
	cursor: pointer;
	font-weight: bold;
	overflow: hidden;
}

.login-egov:hover, .login-facebook:hover, .login-google:hover {
	opacity: 0.7;
}

.login-egov {
	background-color: #0066a8;
}

.login-egov span, .login-facebook span, .login-google span {
	float: left;
}

.login-egov .text {
	margin-top: 10px;
	margin-left: 10px;
}

.login-egov .icon-egov {
	background: url(../img/ykienphananh/icon-logo-egov.png) no-repeat left center;
	width: 34px;
	height: 33px;
	float: left;
}

.login-facebook, .login-google {
	font-size: 16px;
}

.login-facebook .fa-facebook, .login-google .fa-google-plus {
	font-size: 22px;
	display: inline-block;
	margin-right: 10px;
}

.login-facebook .text, .login-google .text {
	margin-top: 5px;
}

.login-facebook {
	background-color: #204385;
	padding: 12px 15px;
}

.login-google {
	background-color: #d3492c;
	padding: 12px 15px;
}

/* Cap nhat Search + Filter */
.input-content-search {
	width: 80%;
	border: 1px solid #d9d9d9;
	padding: 5px 15px;
	font-style: normal;
}

.item-sort .z-combobox-input {
	width: 100%;
	height: 29px;
	padding-top: 1px;
	padding-bottom: 1px;
	font-size: 11px; /* 	margin-left: 10px !important; */
}

.item-sort .z-combobox-button {
	height: 29px;
}

/* DEfffffff */
.search-item-text {
	color: #266993;
}

.item-search-cus { /* 	margin-left: 10px !important; */
	width: 100% !important;
	display: inline-block !important;
	margin-right: 10px;
}

.item-sort-cus {
	z-index: 9999999;
	width: 100%;
}

.input-content-search-cus {
	width: 100% !important;
	height: 29px;
	font-size: 12px;
}

.search-container {
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-bottom: 0px !important;
}

.search-btn-cus {
	margin-top: -8px !important;
	width: 100% !important;
	margin-left: 0px !important;
	padding-left: 24px !important;
	height: 28px !important;
	text-transform: none !important;
	font-size: 13px !important;
	border-radius: 3px !important;
	font-family: Arial;
	font-weight: bold;
}

.sort-cus-total {
	float: left !important;
	width: 300px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.sort-cus {
	margin-top: 8px !important;
	margin-left: 0px !important;
	margin-right: 11px !important;
}

.z-hlayout-inner .item-search-hlayout-cus {
	width: 100% !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.padding-left-0px-right-10px {
	padding-left: 0px !important;
	padding-right: 10px !important;
}

.padding-left-0px-right-35px {
	padding-left: 0px !important;
	padding-right: 35px !important;
}

.pdl-pdr-0 {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.margin-bottom-10px {
	margin-bottom: 10px !important;
}

.display-block {
	display: block;
}

/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
	position: relative;
	z-index: 2;
	cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before, [data-tooltip]:after {
	visibility: hidden;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-bottom: 5px;
	margin-left: -40px;
	padding: 7px;
	width: 80px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #5CA8FF;
	/* 	background-color: hsla(0, 0%, 20%, 0.9); */
	color: #fff;
	content: attr(data-tooltip);
	text-align: center;
	font-size: 12px;
	line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -5px;
	width: 0;
	border-top: 5px solid #000;
	border-top: 5px solid hsla(0, 0%, 20%, 0.9);
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	content: " ";
	font-size: 0;
	line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before, [data-tooltip]:hover:after {
	visibility: visible;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

.z-notification-content {
	text-align: center;
	font-size: 13px;
	display: block;
	overflow: auto;
	min-height: 100%;
	max-width: 100%;
}

.ykien-error-div {
	width: 100%;
	min-height: 60px;
	padding-bottom: 10px;
	text-align: center;	
}

.ykien-error-div span {
	font-size: 12px;
	color: #df4a32;
	font-weight: bold;
}

.thumb {
	display: inline-block;
	width: 100%;
	height: auto; /* width: 190px; height: 122px; */
	background-position: center center;
	background-size: cover;
}

.no-image {
	background-image: url("../img/ykienphananh/no-image.png");
}

.scrollToTop {
	width: 47px;
	height: 67px;
	text-align: center;
	background: whiteSmoke;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position: fixed;
	bottom: 31px;
    right: 93px;
	display: none;
	background: url('../../img/ykienphananh/to_top.png') no-repeat 0px 20px;
	z-index: 999
}

.scriptThamDinh {
	width: 47px;
	height: 67px;
	text-align: center;
	background: whiteSmoke;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position: fixed;
	bottom: 31px;
	left: 93px;
	z-index: 999;
}

.scrollToTop:hover {
	text-decoration: none;
}

.highlight-able b {
	background-color: yellow;
}

.popup-search .z-popup-content {
	padding: 3px 3px;
}

.popup-search ul li {
	padding: 6px 0px;
	position: relative;
	padding-left: 23px;
}

.popup-search ul li .ykien-icon-sort {
	position: absolute;
	left: 2px;
	top: 8px
}

.popup-search ul li a:hover {
	background-color: #A6C7DE;
	color: #0063a2;
}

.btn-ykien ul.dropdown-menu {
	top: 27px;
	left: 0px;
	background-color: #fff;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 85px;
	min-width: 85px;
}

.btn-ykien ul.dropdown-menu .dropdown-toggle {
	display: none
}

.btn-ykien ul.dropdown-menu li {
	padding: 5px 0px;
}

.btn-ykien ul.dropdown-menu li a {
	font-size: 13px;
}

.ykien-view-grid {
	background: url('../../img/icons/icon-view-grid.png') no-repeat;
	width: 27px;
	height: 26px;
	margin-bottom: -7px;
}

.ykien-view-list {
	background: url('../../img/icons/icon-view-list.png') no-repeat;
	width: 27px;
	height: 27px;
	margin-bottom: -7px;
}

.list-mode {
	margin-left: 27px;
	margin-right: 30px;
}

.list-mode .row {
	padding-left: 0px;
}

.list-mode .row .col-lg-4, .list-mode .row .col-lg-8 {
	padding-left: 0px;
	padding-right: 0px;
}

.list-mode .row .col-lg-8 .ykien-tieude-baiviet {
	margin-top: 50px;
}

.list-mode .row .col-lg-8 .ykien-tieude-baiviet.list-mode {
	margin-top: 0px;
	margin-left: 0px;
}

.list-mode .ykien-hinhanh .ykien-label-cqxl {
	width: 190px;
	left: 22px;
}

.ykien-bandoc .main-comment-box {
	background-color: #F5F5F5;
}

.ykien-bandoc .main-comment-box>div {
	padding: 8px;
}

.ykien-bandoc .main-comment-box .b-submit {
	margin-bottom: 0px;
}

.reply-block {
    padding-left: 55px;	
}

.reply-block>div {
	width: 100% !important;
}

.rep-item {
	position: relative;
	padding-left: 30px;
	margin-bottom: 6px;
	margin-left: 0px;
}

.rep-item .info-user{
	position: absolute;
	top: 0;
	left: 0;
}

.rep-item .col-md-1 {
	padding: 0px;
	margin-right: -12px;
}

.rep-item .col-md-11 {
	padding-left: 0px;
}

.rep-item .block-thongtin {
	padding-left: 10px;
}

.item-sole {
	background-color: #F5F5F5;
}

.item-content-comment .b-submit {
	padding-right: 10px;
	padding-left: 0px;
}

/* LOGIN */
.login-form {
	padding: 28px 35px;
	margin-bottom: 0px;
}

.login-form-left {
/* 	border-right: 1px solid #C3C2C2; */
	padding-right: 32px;
}

.login-form-right {
	padding-left:0;
}

.login-form-left .form-group .form-group-title span {
	font-weight: bold;
	color: #5D5959;
	font-size: 13px;
}

.login-form-left .form-group .form-group-title {
	padding-bottom: 6px;
}

.login-form-left .form-group input {
	height: 33px;
}

.login-form-left .form-submit .form-checkbox {
	width: 13px;
}

.login-form h1 {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 15px;
}

.login-form-right .login-more a {
	font-size: 16px;
	color: #fff;
    padding: 12px 5px 12px 18px;
	text-align: left;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	display: block;
	padding: 11px 5px 11px 22px;
	line-height: 1em;
}

.login-form-right .login-more a.wd-lg-wFace {
	background-color: #4672b7;
	background-image: linear-gradient(to bottom, #4672b7 0, #3d64a0 100%);
}

.login-form-right .login-more a.wd-lg-wFace:hover {
	background-color: #3d64a0;
	background-image: linear-gradient(to bottom, #3d64a0 0, #4672b7 100%);
	transition: background-color 3s ease;
}

.login-form-right .login-more a.wd-lg-wGoogle {
	background-color: #df4a32;
	padding: 11px 5px 11px 22px;
	height: 38px;
}

.login-form-right .login-more a.wd-lg-wGoogle:hover {
	background-color: #ef4428;
}

.login-form .login-form-right h1 {
	margin-bottom: 38px;
}

.login-form-right .login-more {
	margin-bottom: 15px;
}

.login-form-right .login-more p {
	text-align: center;
	color: #000;
	font-weight: 600;
}

.login-form-reg {
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #F2F2F2;
}

.wd-button-link-1 {
	background-color: #f1f1f1;
	background-image: linear-gradient(to bottom, #f7f7f7 0, #ececec 100%);
	border: 1px solid #dadada;
	color: #000;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	vertical-align: middle;
	font-family: open_sansbold;
	font-size: 14px;
	line-height: 15px;
	padding: 10px 25px;
	text-align: center;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.wd-button-link-1:hover {
	background-color: #f7f7f7;
	background-image: linear-gradient(to bottom, #ececec 0, #f7f7f7 100%);
	color: #000;
}

.wd-btn-default {
	background-color: #005196;
	background-image: none;
	border: 1px solid transparent;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-family: open_sansbold;
	font-size: 18px;
	line-height: 29px;
	margin-bottom: 0;
	padding: 3px 35px 5px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.wd-btn-default-gr {
	background-color: #10b036;
	font-size: 15px;
	line-height: 23px;
	padding: 5px 25px 8px;
	cursor: pointer !important;
	margin-left: 8px;
}

.wd-btn-default-gr:hover {
	background-color: #059828;
}

.iconmuch-fb {
	background: url('../../img/icons/fb-icon.png') no-repeat;
    width: 16px;
    height: 16px;
    padding-right: 16px;
    margin-right: 4px;
    margin-left: -11px;
}

.iconmuch-gg {
	background: url('../../img/icons/gg-icon.png') no-repeat;
    width: 16px;
    height: 16px;
    padding-right: 16px;
    margin-right: 7px;
    margin-left: -11px;
}

.block-huong-dan h2 {
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 12px
}

.block-huong-dan div textarea {
	cursor: default !important;
}

::-webkit-input-placeholder {
	font-style: italic;
}

::-moz-placeholder {
	font-style: italic;
}

:-ms-input-placeholder {
	font-style: italic;
}

/* Timebox button */
.z-combobox-button, .z-bandbox-button, .z-datebox-button,
	.z-timebox-button, .z-spinner-button, .z-doublespinner-button {
	height: 28px;
}

.input-error,
.input-error:focus {
	border: 1px solid #dd4b39 !important;
}

.social-info-block h3 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 2px;
	padding: 2px 0px;
}

.social-info-block a {
	color: #0163A2;
	display: block;
}

.social-info-block a:NOT(:LAST-CHILD) {
	margin-bottom: 2px;
}

.social-info-block {
	width: 50%;
	display: inline;
}

.social-avatar {
	width: 50%;
	float: left;
	padding-right: 10px;
}
.social-avatar img {
	width: 100%;
	object-fit: cover;
	max-height: 100px;
}

.ykien-icon-sort-active {
	color: green !important;
}

.hot-line-block {
	width: 100%;
	position: relative;
	height: auto;
	margin-top: 15px;
}
.hot-line-block .hot-line-text {
	z-index: 1;
	position: absolute;
	left: /* 26%; */ 56px;
	bottom: /* 25%; */ 18px;
	color: white;
	padding: 0;
}

.hot-line-text span {
	font-size: 18px;
	font-weight: bold;
}

.mobile-hot-line {
	padding-top: 6px;
	margin-right: 9px;
	float: right;
	display: inline-block;
}

.mobile-hot-line img {
	width: 100%;
	height: 100%;
}

.mobile-hot-line img {
	margin-top: -1px;
	border-radius: 25px;
}

.mobile-hot-line .hot-line {
	width: 74px;
	float: left;
	height: 15px;
	margin-right: 10px;
}

.mobile-hot-line .user {
	width: 25px;
	height: 25px;
	float: right;
	position: relative;
	right: 8px;
}

.mobile-hot-line .user .option {
	position: absolute;
    right: -4px;
    top: 32px;
    background-color: white;
    padding: 8px 8px;
    width: 98px;
    border: 1px solid #b2ceea;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .3);
    border-radius: 5px;
}

.mobile-hot-line .user .option a {
	color: #000;
	display: block;
	padding: 4px 3px;
	cursor: pointer;
}

.mobile-hot-line .user .option a:NOT(:LAST-CHILD) {
	margin-bottom: 3px;
	border-bottom: 1px solid #e9ebee;
}

.mobile-hot-line .user .option a:ACTIVE {
	background-color: #0464a5;
	color: #ffffff
}

.mobile-hot-line .user .option .rectangle {	
    position: absolute;
    top: -7px;
    right: 8px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 10px solid #ffffff;
}

.required {
	font-size: inherit;
	color: red;
	padding-left: 4px;
	font-weight: bold;
}

@media ( max-width : 1000px) {
	.container {
		width: 100%;
		overflow: hidden;
	}
}
/* update responsive web  */
.menu-btn div {
	position: absolute;
	left: 100%;
	top: 64%;
	padding-right: 8px;
	margin-top: -0.50em;
	line-height: 1.2;
	font-size: 18px;
	font-weight: 200;
	vertical-align: middle;
	z-index: 99;
}

.content-right-menu {
	display: none;
	float: right;
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 99999;
}

.content-right-menu span {
	width: 19px;
	height: 3px;
	margin: 4px 0;
	background: rgb(255, 255, 255);
	z-index: 99;
}

.responsive-menu {
	display: none !important;
	margin: 45px 0 0 -60px;
}

.expand {
	display: block !important;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
}

.open-menu-link {
	display: none;
	position: absolute;
	right: 15px;
	top: 0;
	cursor: pointer;
}

.visible {
	display: block !important;
}

.responsive-menu span {
	display: block;
	background-color: #fff;
	width: 100%;
}

.sidr {
	background: url(../img/ykienphananh/bg-header.png) no-repeat bottom
		center #155E89;
}

.sidr-class-links {
	padding: 10px 20px;
}

.sidr-class-links .sidr-class-z-div {
	border-bottom: 1px solid #287CAD;
}

.sidr-class-links .sidr-class-z-a {
	display: block;
	color: #fff;
	padding: 12px 0;
	border-top: 1px solid #124A6B;
	font-weight: bold;
}

.sidr-class-z-div:last-child .sidr-class-z-a {
	border-bottom: 1px solid #124A6B;
}

.sidr-class-btn-login-mobile {
	text-align: center;
}

.sidr-class-btn-login-mobile {
	margin: 0 auto;
	display: inline-block;
	background-color: #12AB3D;
	padding: 10px 20px;
	font-size: 14px;
	font-weight: bold;
	margin-top: 12px;
	border-radius: 2px;
}

.sidr-class-b-login-btn {
	text-align: center;
}

.z-modal-mask {
	z-index: 100000 !important;
	/* popup chi tiet lich su y kien phan anh height: 120% !important; */
}

.z-messagebox-window {
	z-index: 100001 !important;
}

.z-window-modal {
	z-index: 100001 !important;
}

.z-messagebox-window .z-messagebox {
	padding: 10px 15px;
}

.z-messagebox-window .z-messagebox-button {
	width: 120px;
	margin-top: -10px;
	margin-bottom: 5px;
}

.z-messagebox-window table:last-child table {
	text-align: center !important;
}

.ykien-chude .row {
	width: 99%;
	float: left;
}

.ykien-chude .icon-arrow-down {
	border: none;
	color: #ADA8A8;
	margin-top: 25px;
	margin-left: 8px
}

.nav-category {
	position: relative;
}

.nav-category .ykien-menu-chude-extend {
	webkit-box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.35);
	box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.35);
}
/* @media (max-width: 1100px) {}
@media (max-width: 890px) {}
@media (max-width: 790px) {}
*/
@media ( max-width : 768px) {
	.nav-category, .lich-su {
		margin-top: 55px;
	}
	.nav-category, .thong-bao {
		margin-top: 55px;
	}
	.wd-main-menu {
		display: none !important;
	}
	.wd-header-container {
		height: 54px;
		position: absolute;
		z-index: 100;
		margin-bottom: 20px;
	}
	.ykien-contaners {
		margin-top: 50px; /* gán đúng với chiều cao của header */
	}
	.wd-header-container .wd-wrap-logo {
		display: none;
	}
	br {
		display: none;
		height: 1px !important;
	}
	.ykien-tieude {
		margin-top: 0;
	}
	.block-logo-mobile {
		position: absolute;
		top: 6px;
		left: 10px;
		z-index: 999;
	}
	.block-logo-mobile a {
		display: block;
	}
	.mobile-nav {
		position: absolute;
		top: 11px;
		left: 53px;
		z-index: 999;
		color: #fff;
		width: calc(100% - 44px);
	}
	.mobile-nav .menu-btn {
		display: inline-block;
		padding: 6px 10px;
		border-radius: 15px;
		background: rgba(255, 255, 255, 0.2);
	}
	.mobile-nav .menu-btn .z-label {
		font-weight: bold;
	}
	.ykien-content-title {
		margin: 15px 0 5px 0;
	}

	/* Menu Mobile: Van minh - Van hoi do thi */
	.menu-header {
		background-color: #fff;
		overflow: hidden;
	}
	
	.menu-header .menu:ACTIVE .ykien-menu-chude-item span.z-label {
		color: #1189d2;
	}
	
	.menu-header .ykien-menu-chude-item a {
		display: block;
	}
	.menu-header .ykien-menu-chude-item {
		overflow: hidden;
		width: 100%;
		padding: 7px 8px 7px 20px;
		border-bottom: 1px solid #F0F0F0;
	}
	.menu-header .ykien-menu-chude-item .hinh-dai-dien {
		float: left;
	}
	.menu-header .ykien-menu-chude-item .text {
		float: left;
		margin-left: 20px;
	}
	.menu-header .ykien-menu-chude-item span.z-label {
		font-size: 14px;
		font-weight: bold;
		margin-top: 10px;
		color: #2A2A2A;
		background-color: transparent;
	}
	.ykien-chitiet-tieude {
		margin-top: 5px;
		max-width: 100%;
	}
	.ykien-chitiet {
		margin-top:55px;
	}

	/* Detail for item */
	.ykien-hinhanh .ykien-label-cqxl {
		width: 100%;
	}
}

/* @media (max-width : 690px) {
}

@media (max-width : 600px) {
}
 */
@media ( max-width : 768px) {
	#column-1 {
		padding-right: 0 !important;
	}
	.container {
		width: 100%;
		overflow: hidden;
	}
	.ykien-tieude {
		text-align: center;
	}
	.ykien-tieude .tieu-de {
		font-size: 17px;
		text-align: center;
	}
	.ykien-item, .ykien-traloi {
		margin: 0 0 10px 0;
	}
	.ykien-extras {
		padding: 8px 0;
		overflow: hidden;
	}
	.ykien-hinhanh {
		float: left;
		width: 130px;
		height: 75px;
		margin-right: 10px;
		padding-left: 5px;
	}
	.ykien-content {
		margin-left: 140px;
	}
	
	/* front-end label đã xử lý.
	.ykien-hinhanh img {
		width: 100% !important;
	} */
	
	.ykien-hinhanh .ykien-label-cqxl {
		width: 90%;
		margin-left: 13px;
	}
	.item-sort .z-combobox-input {
		width: 100%;
	}
	.ykien-menu {
		text-align: center;
	}
	/* items on mobile */
	.list-item {
		padding: 0;
	}
	.ykien-item, .ykien-traloi {
		min-height: 80px;
		overflow: hidden;
		margin-bottom: -1px;
		background: #ffffff; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background:
			url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
		/* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff),
			color-stop(100%, #f7f7f7)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
		/* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
		/* Opera 11.10+ */
		background: -ms-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
		/* IE10+ */
		background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%);
		/* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',
			endColorstr='#f7f7f7', GradientType=0); /* IE6-8 */
	}
	.ykien-link-detail {
		display: block;
	}
	/* Page detail  */
	.portlet-borderless-container .portlet-body {
		width: 100%;
		padding: 0 !important;
	}
	.ykien-chitiet-tieude {
		display: block;
	}
	.ykien-aside {
		padding: 0 10px;
	}
	.ykien-form-add, .ykien-chitiet, .lich-su, .thong-bao {
		padding: 0 10px;
	}
	.hinhanh-slide img {
		max-width: 100%;
		margin: 10px auto;
	}
	.hinhanh-slide {
		margin: 5px 0;
	}
	.btn-quantam {
/* 		background-color: #fff; */
/* 		font-size: 15px; */
/* 		cursor: pointer; */
/* 		border: 1px solid #dfdfdf; */
/* 		border-radius: 4px; */
/* 		padding: 4px 10px; */
	}
	.block-traloi {
		width: 100%;
	}
	.user-comment .block-thongtin {
		margin-top: 0;
	}
	.block-thongtin span {
		display: block;
	}
	.login-form-win {
		width: 95% !important;
		left: 0px;
		right: 0px;
		z-index:100003 !important;
	}
	.login-form-left {
		border-right: none;
		padding-right: 0px;
		padding-left: 0px;
	}
	.login-form-right {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 23px;
	}
	.iconmuch-fb {
		margin-right: 14px;
	}
	.iconmuch-gg {
		margin-right: 14px;
	}
	.login-form .login-form-right h1 {
		margin-bottom: 16px;
	}
	.wd-btn-default-gr {
		margin-left: 67px;
	}
	
	.rate .stars-block .mobile {
		font-size:14px !important;
		margin-right:0px !important;
	}
}
/* 
@media (max-width : 600px) {
	#column-1 {padding-right: 0 !important;}
	Page detail 
	.portlet-borderless-container .portlet-body {width: 600px;padding: 0 !important;}
}

@media (max-width : 540px) {
	#column-1 {padding-right: 0 !important;}
	Page detail 
	.portlet-borderless-container .portlet-body {width: 490px;padding: 0 !important;}
}

@media (max-width : 535px) {
	#column-1 {padding-right: 0 !important;}
	.container {width: 100%;overflow: hidden;}
	Page detail 
	.portlet-borderless-container .portlet-body {width: 535px;padding: 0 !important;}
}

@media (max-width : 490px) {
	#column-1 {padding-right: 0 !important;}
	Page detail 
	.portlet-borderless-container .portlet-body {width: 490px;padding: 0 !important;}
}

@media (max-width : 480px) {
	#column-1 {padding-right: 0 !important;}
	.portlet-borderless-container .portlet-body {width: 480px;padding: 0 !important;}
}

@media (max-width : 424px) {
	#column-1 {padding-right: 0 !important;}
	Page detail 
	.portlet-borderless-container .portlet-body {width: 424px;padding: 0 !important;}
}

@media (max-width : 420px) {
	#column-1 {padding-right: 0 !important;}
	Page detail 
	.portlet-borderless-container .portlet-body {width: 420px;padding: 0 !important;}
}

@media (max-width : 414px) {
	#column-1 {padding-right: 0 !important;}
	Page detail 
	.portlet-borderless-container .portlet-body {width: 414px;padding: 0 !important;}
}

@media (max-width : 384px) {
	#column-1 {padding-right: 0 !important;}
	.portlet-borderless-container .portlet-body {width: 384px;padding: 0 !important;}
}

@media (max-width : 375px) {
	#column-1 {padding-right: 0 !important;}
	.portlet-borderless-container .portlet-body {width: 375px;padding: 0 !important;}
}

@media (max-width : 360px) {
	#column-1 {padding-right: 0 !important;}
	.portlet-borderless-container .portlet-body {width: 360px;padding: 0 !important;}
}

@media (max-width : 320px) {
	#column-1 {padding-right: 0 !important;}
	Page detail 
	.portlet-borderless-container .portlet-body {width: 320px;padding: 0 !important;}
} */
@media ( max-width : 750px) {
	.wd-user-top {
		display: none !important;
	}
}

@media ( max-width : 319px) {
	.mobile-hot-line {
		width: 74px;
		padding-top: 0px;
		margin-right: 15px
	}
	.mobile-hot-line .hot-line {
		margin-bottom: 5px;
		float: none;
		margin-right: 0px;
	}
}

@media ( min-width : 769px) {
	.mobile-nav {
		display: none;
	}
	.block-logo-mobile {
		display: none
	}
	.ykien-aside .ykien-banner .desktop {
		display: block;
	}
	.ykien-aside .ykien-banner .mobile {
		display: none;
	}
}

@media ( max-width : 1023px) {
	.ykien-aside .banner-tk {
		display: none;
	}
}

.yk-video {
	width: 80%;
	margin: 0 auto;
}

.ykien-daxuly-mobile {
	display: none;
}

.ykien-daxuly-list-model {
	display: block;
	position: absolute;
	top: 0px;
	right: 27px;
	padding: 2px 5px;
}

.ykien-avatar-mobile {
	cursor:pointer;
	object-fit:cover;
	max-width: 190px;
	width: 100%;
	height: 122px;
}

@media ( max-width : 768px) {
	.ykien-avatar-mobile-hover {
		width: 120px !important;
		object-fit : inherit !important;
		height: 90px !important;
	}
	.ykien-avatar-mobile {height: auto;}
	.block-huong-dan {
		margin-top: 66px;
		margin-bottom: 15px;
	}
	.ykien-aside .ykien-banner .desktop {
		display: none;
	}
	.ykien-aside .ykien-banner .mobile {
		display: block;
	}
	.yk-video {
		width: 100%;
		margin: 0 auto;
	}
	.ykien-daxuly {
		display: none !important;
	}
	.ykien-daxuly-mobile {
		display: block !important;
		position: absolute;
		top: 0px;
		right: 0px;
		padding: 2px 5px;
	}
	
/* 	.user-comment {
		padding-left: 30px;
	}
	
	.info-user {
		width: 30px;
	}
	.info-user .avatar {
		width: 30px;
		height: 30px;
	} */
}

.relate-container {
	margin-bottom: 18px;
}

.relate-container .relate-caption span {
	font-size: 16px;
	font-weight: bold;
}

.ykien-daxuly {
	top: 0;
	right: 0;
	position: absolute;
	z-index: 2;
	padding: 2px 5px !important;
}

.dot-space {
	padding: 0 1px;
	font-size: 75%;
	color: #ccc;
	line-height: 1.4;
}

.check-video-btn {
	text-align: center;
	background: url("../img/icons/check.png") no-repeat;
}

.icon-get-info {
	background: url("../img/icons/get-info.png") no-repeat;
	color: #4D9816;
    margin-top: 5px;
    padding-top: 3px;
    width: 200px;
    height: 16px;
}
.login-form-win {
	z-index:100003 !important;
}
.gg-btn-login {
	display: none !important;
}

#colorbox, #cboxOverlay, #cboxWrapper {
	z-index:100005 !important;
}

.login-fix {
	display:none;
}
@media (max-width : 768px) {
	.login-fix {
		display:block;
	}
}

.ykien-short-content {
	word-break: break-word;
}

/* style loading he thong */
.z-apply-loading-icon, .z-loading-icon, .z-renderdefer {
    background-image: url('/assets/be/assets/img/progress.gif');
}

.z-apply-loading-icon, .z-loading-icon{
	margin-right: 3px;
}

.z-temp .z-loading {
	top: 50% !important;
    left: 50% !important;
    margin-top: -19px !important;
    margin-left: -53px !important;
    background: #e3e3e3;
    border: 1px solid #cfcfcf;
}

.z-temp .z-loading-indicator{
	color: #363636;
	font-size: 13px;
    border: 1px solid #cfcfcf;
    background: #fff;
    white-space: nowrap;
}
/* end style */

.noidung-binhluan {
	word-break: break-word;
}

.rate-active {
	color: #08a50e;
}

.rate  {
	display: table;
	float: left;
}

.rate .average {
	position: absolute;
	width: 30px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	line-height: 2;
	background-color: #08a50e;
	color: white;
	border-radius: 50%;
	margin-top: 5px;
}

.rate .stars-block {
	padding-left: 35px;
}

.rate .stars-block .star {
	cursor: pointer;
	margin-right: 5px;
	font-size: 16px;
	color: #ffcc01;
}

.rate .stars-block .note {
	color: #868686;
	font-style: italic;
}

/* gopy v2 */
.item-traloi-donvi {
    margin-bottom: 15px;
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 10px;
    overflow: hidden;
}

.lich-su .list {
	margin-right: 0;
}

.lich-su .list .ls-item {
	margin: 5px 15px;
	padding: 10px 15px;
	position: relative;
	min-height: 90px;
	border: 1px solid #f4f4f4;
}

.lich-su .list .ls-item .avatar {
	width: 100px;
	height: 70px;
	position: absolute;
	background-color: gray;
	cursor: pointer;
}

.lich-su .list .ls-item .avatar img {
	object-fit: cover;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}


.lich-su .list .ls-item .detail {
	padding-left: 115px;
}

.lich-su .list .ls-item .detail .tieu-de {
	margin-bottom: 4px;
	color: #263c76;
	font-weight: bold;
	cursor: pointer;
}

.lich-su .list .ls-item .detail .text {
	margin-right: 3px;
}
.no-result {
	padding: 15px 0;
	text-align: center;
}
.no-result .text {
	font-size: 14px;
	font-weight: bold;
	color: rgba(105, 102, 102, 0.81);
}
.info {
	margin-top: 10px;
	color: #919496;
}

.option {
	position: absolute;
	top: 0;
	right: 0px;
	cursor: pointer;
	background-color: #f4f4f4;
	padding: 0px 3px;
}

.lich-su-icon {
	font-size: 15px;
	margin-left: 10px;
}

.load-more-block {
	text-align: center;
	margin-bottom: 15px;
}
.load-more-block a {
	color: #263c76;
	text-decoration: underline;
}
.lich-su .head_title {
	font-size: 20px;
	font-weight: bold;
}
.jw-skin-seven .jw-controlbar {
	max-height: 50px;
}

.number {
	height: 28px;
}

.ykien-menu-chude-item {
	text-align: center;
}

.ykien-form-add-home .row {
	width: 100%;
	float: left;
	margin: 0;
}

.add-home-container {
	height: auto;
	padding: 0px;
	border: 1px solid rgb(236, 229, 229);
	padding: 16px;
	background: rgb(250, 250, 250);
}

.add-home-container .z-label, .add-home-container .z-a {
	font-size: 13px !important;
}

.form-control.add-home-textarea {
	background-color: rgb(250, 250, 250) !important;
}

.add-home-textarea {
	max-width: 100% !important;
	width: 100% !important;
	border-radius: 0.001px !important;
	padding: 0 !important;
	border: 0 none transparent !important;
	box-shadow: none;
	overflow:hidden;
  	display:block;
  	font-size: 13px !important;
  	resize: none !important;
}

.add-home-textarea:focus {
	border: 0 none transparent !important;
	box-shadow: none;
	font-size: 13px !important;
}

.add-home-body {
	padding-left: 0;
	padding-right: 0;
	background-color:rgb(250, 250, 250);
	border-left: 1px solid rgb(236, 229, 229);
	border-right: 1px solid rgb(236, 229, 229);
}

.add-home-footer {
	height:36px;
	padding:10px;
	background-color:rgb(250, 250, 250);
	border-left: 1px solid rgb(236, 229, 229);
	border-right: 1px solid rgb(236, 229, 229);
	border-bottom: 1px solid rgb(236, 229, 229);
}

.ykien-form-add-home .btn-link {
	margin-top: -2px;
	font-size: 13px;
	text-decoration: none;
	color: #2d2d2d;
}

.ykien-form-add-home .btn-link:hover {
	color: #428bca;
}

.ykien-form-add-home .ykien-btn-submit {
	height: 25px;
    border-radius: 3px;
    margin-top: -5px;
    padding-top: 5px;
    border: 1px solid #f27d01;
    background: #f27d01;
    padding-left: 15px;
    padding-right: 15px;
}

.ykien-form-add-home .ykien-btn-submit .fa {
	font-size: 14px;
    padding-right: 7px;
}

.ykien-form-add-home .ykien-btn-submit .fa:active,
.ykien-form-add-home .ykien-btn-submit .fa:visited,
.ykien-form-add-home .ykien-btn-submit .fa:focus {
	font-size: 14px;
    padding-right: 7px;
    color: #fff;
}

.ykien-form-add-home .ykien-btn-submit:hover {
	background: #efa150;
	background: -moz-linear-gradient(top, #efa150 0%, #f27d01 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efa150), color-stop(100%,#f27d01)); 
	background: -webkit-linear-gradient(top, #efa150 0%,#f27d01 100%); 
	background: -o-linear-gradient(top, #efa150 0%,#f27d01 100%); 
	background: -ms-linear-gradient(top, #efa150 0%,#f27d01 100%); 
	background: linear-gradient(to bottom, #efa150 0%,#f27d01 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efa150', endColorstr='#f27d01',GradientType=0 );
}

.ykien-form-add-home .ykien-btn-submit:active,
.ykien-form-add-home .ykien-btn-submit:visited,
.ykien-form-add-home .ykien-btn-submit:focus {
	color: #fff;
	border: 1px solid #f27d01;
}

textarea.add-home-textarea::-webkit-input-placeholder {
	font-style: normal;
	font-size: 13px;
}
 
textarea.add-home-textarea:-moz-placeholder { /* Firefox 18- */
	font-style: normal;
	font-size: 13px;
}
 
textarea.add-home-textarea::-moz-placeholder {  /* Firefox 19+ */
	font-style: normal;
	font-size: 13px;
}
 
textarea.add-home-textarea:-ms-input-placeholder {  
	font-style: normal;
	font-size: 13px;
}

.social-info-block .btn-link {
	margin-left: -5px;
    color: #4e4444;
    text-decoration: none;
}

.social-info-block .btn-link:hover,
.social-info-block .btn-link:focus,
.social-info-block .btn-link:visited,
.social-info-block .btn-link:active {
	color: #2a6496;
}

.add-home-textbox {
	height: 30px;
	border: 0 none transparent !important;
	box-shadow: none;
	padding-left: 17px !important;
}

.add-home-textbox:focus {
	border: 0 none transparent !important;
	box-shadow: none;
}

input.add-home-textbox::-webkit-input-placeholder {
	font-style: normal;
	font-size: 13px;
	padding: 5px;
	padding-left: 1px;
}
 
input.add-home-textbox:-moz-placeholder { /* Firefox 18- */
	font-style: normal;
	font-size: 13px;
	padding: 5px;
	padding-left: 1px;
}
 
input.add-home-textbox::-moz-placeholder {  /* Firefox 19+ */
	font-style: normal;
	font-size: 13px;
	padding: 5px;
	padding-left: 1px;
}
 
input.add-home-textbox:-ms-input-placeholder {  
	font-style: normal;
	font-size: 13px;
	padding: 5px;
	padding-left: 1px;
}

.ykien-form-add-home .text-hover {
	color: #428bca;
}

.add-home-noi-dung-dinh-kem {
	display: block;
}

.z-temp {
	z-index: 99999;
}

.group-thong-bao {
	position: relative;
}

.group-thong-bao .drop-box {
	position: absolute;
	right: 1px;
    top: 30px;
    width: 274px;
    background-color: white;
    padding: 8px 8px;
    border: 1px solid #b2ceea;
    box-shadow: 0px 3px 8px rgba(0, 0, 0, .3);
    border-radius: 5px;
    z-index: 100000003;
}

@media ( max-width : 768px) {
	.group-thong-bao .drop-box {
		right: -102px;
		top: 33px;
		min-width: 314px;
	}
	
	.group-thong-bao .drop-box .head {
		color: #292929;
	}
	.fa.fa-bell {
		font-size: 1.4em;
		color: #e2ba1d;
	}
	.group-thong-bao .number-circle {
		top: -3px !important;
		left: 20px !important;
	}
	.lich-su .head {
		padding-top: 8px;
	}
	.thong-bao .head {
		padding-top: 8px;
	}
	.lich-su .list {
		margin-right: 15px;
	}
}

.group-thong-bao .head {
	padding-bottom: 5px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 5px;
}

.group-thong-bao .drop-box .triangle {
    position: absolute;
    top: -12px;
    right: 93px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 12px solid #b2ceea;
}

.group-thong-bao .drop-box .triangle2 {
	position: absolute;
    top: -10px;
    right: 95px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 10px solid #ffffff;
}

.group-thong-bao .drop-box .list-item {
	max-height: 322px;
	overflow-y: auto;
}

.group-thong-bao .drop-box .list-item .item {
	padding: 10px;
	padding-left: 20px;
	position: relative;
}

.group-thong-bao .drop-box .list-item .item.new {
	background-color: #ecf0f7;
}

.group-thong-bao .drop-box .list-item .item:HOVER {
	background-color: #f4f4f4;
}
.group-thong-bao .drop-box .list-item .item .fa {
	width: 20px;
	position: absolute;
	left: 0px;
	padding-top: 2px;
}
.group-thong-bao .drop-box .list-item .item .message {
	color: #000;
}
.group-thong-bao .foot {
	padding-top: 10px;
	border-top: 1px solid #ddd;
	margin-top: 5px;
	text-align: center;
}
.group-thong-bao .number-circle {
	position: absolute;
    background-color: #fa3e3e;
    border-radius: .25em;
    color: #fff;
    padding: 1px 3px;
    font-size: 11px;
    top: 3px;
    left: 200px;
}

/* CSS trang thông báo */

/* tieu de thong bao */
.tieude-ykien-thongbao {
    padding-left:10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.thong-bao .head {
	margin-bottom: 10px;
}

.thong-bao .head .head_title {
	font-size: 20px;
	font-weight: bold;
}

.thong-bao .list-item {
	position: relative;
}
.thong-bao .list-item .item {
	margin: 5px 0px;
	padding: 10px 15px;
	position: relative;
	border: 1px solid #f4f4f4;
	padding-left: 50px;
}
.thong-bao .list-item .item.new {
	background-color: #ecf0f7;
    display: block;
    border: 1px solid #ddd;
}
.thong-bao .list-item .item:HOVER {
	background-color: #f4f4f4;
}
.thong-bao .list-item .item .fa-2 {
	font-size: 1.5em;
	width: 29px;
	position: absolute;
	left: 10px;
}

.item .fa-reply {
	color: #1b417d;
}
.item .fa-comments-o {
	color: #b36817;
}
.item .fa-newspaper-o {
	color: #2ba21e;
}

.item .time-ago .fa.fa-clock-o {
	position: relative !important;
	margin-right: 5px;
	width: auto !important;
}

/*------------------------*/
/*
 *  STYLE 1
 */

.drop-box .list-item::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.drop-box .list-item::-webkit-scrollbar {
	width: 7px;
	background-color: #847e7e;
}

.drop-box .list-item::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #696565;
}

.khao-sat .question {
	display: block;
    padding: 10px;
    border-bottom: 1px solid #ead8d8;
}

.khao-sat .traloi-option .z-radio {
	display: flex;
	padding: 5px 10px;
}

.khao-sat .comment-title {
	background-color: rgb(185, 107, 25);
	color: #fff;
}
.khao-sat .foot {
	padding: 10px;
	border-top: 1px solid #ead8d8;
}

.input-captcha {
	width: 150px !important;
	height: 34px;
    padding: 6px 12px !important;
    font-size: 14px;
    line-height: 1.42857143 !important;
    color: #555;
    background-image: none;
    border: 1px solid #d7d7d7 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.xac-thuc-title span {
	font-weight: bold
}

.question-info {
	padding: 10px 15px;
	background-color: #ecf5ff;
}

.question-info .question {
	display: block;
	margin-bottom: 10px;
}

.question-info .question span {
	color: #1e1e1f;
	font-size: 13px;
	font-weight: bold;
}

.question-info .extra {
	display: block;
}

.question-info .extra .date {
	
}

.question-info .extra .sum {
	float: right;
}

.rating {
	direction: rtl;
}

.rating > .star.run:hover:before,
.rating > .star.run:hover ~ .star.run:before {
   content: "\f005";
}

.detach-wdn {
	position: absolute;
    right: 0px;
    font-size: 16px;
    cursor: pointer;
    z-index: 1;
}

.form-login-addyk {
	padding-left: 40px !important;
	padding-right: 15px;
	border-left: 1px solid #e7e7e7;
}

@media ( max-width : 767px) {
	.form-login-addyk {
		border-left: none;
		padding: 0px 10px !important
	}
	
	.form-login-addyk .login-form-right {
		padding-top: 0px;
	}
}

@media ( max-width : 768px) {
	.ipad-none {
		display: none;
	}
	.ipad-fullscreen {
		width: 100%;
	}
	.ipad-block-addyk {
		display: block;
	}
	.ipad-block {
		display: block !important;
	}
}

.rate-hover {
	padding-right: 8px;
    margin-left: -4px;
    margin-right: 0px !important;
}

.social-login-height {
	height: 38px !important;
}

#banner-app {
	display: flex;
}

#banner-app .banner-app-close {
	position: absolute;
    top: 3px;
    right: 3px;
    color: #020202;
    font-weight: bold;
    background-color: rgba(255, 0, 0, 0);
    padding-right: 4px;
    padding-left: 4px;
    padding-top: 1px;
    cursor: pointer;
    font-size: 11px;
    border-radius: 2px;
}
#banner-app a {
	width:100%;
	display:block;
}

.statistical {
	border: 1px solid #e6e6e6;
    margin-top: 15px;
    padding: 10px 15px;
}

.statistical-item:NOT(:LAST-CHILD) {
	margin-bottom: 15px;
}
.statistical-item-title, .statistical-item-number {
	display: inline-block;
	margin: 0;
	font-size: 13px;
}
.statistical-item-number {
	float: right;
	font-weight: 700;
}
@media ( max-width : 768px) {
	.linhvuc-tag-fe {
		padding-left: 10px !important;
	}
    .wd-header-container {
        height: 54px !important;
    }
}

/* 
    style Front-end trang danh sách góp ý - phản ánh.
*/
.wd-footer-container {
	padding: 10px 15px 10px 28px;
	margin-top: 10px;
}

.wd-footer-container.wd-style-02 {
	background-color: #f1f1f1;
}

.wd-footer-container.wd-style-02 p {
	text-align: center;
	padding: 1px 0;
	margin: 0;
}

.wd-wrap-logo {
	margin-top: 10px;
}

.app-link {
	float: right;
	width: 23%;
}

.menu-dropdown-header ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	float: left;
}

.menu-dropdown-header li {
	float: left;
	border-left: 1px solid #EFEFEF;
}

.child-menu-a {
	display: block;
	color: #000;
	text-align: center;
	font-family: "Arial", sans-serif;
	font-weight: 600;
	padding: 11px 17px;
	text-decoration: none;
	font-size: 15px !important;
	text-transform: uppercase;
}

.menu-dropdown-header li a:hover {
	background-color: #F27D00;
	color: #fff;
}

.active {
	background-color: #F27D00 !important;
	color: #fff;
}

.wd-main-menu {
	border-bottom: 1px solid #EFEFEF;
	position: relative;
}

.gg-drop-icon {
	background: url("../images/dropdown.png") no-repeat;
	height: 12px;
	position: absolute;
	top: 20px;
	width: 14px;
	background-size: 9px;
	margin-left: 98px;
}

.btn-dropdown, .btn-home {
	font-family: "Arial", sans-serif;
	font-weight: 600;
	padding: 14px 17px;
	text-decoration: none;
	font-size: 15px !important;
	background: #fff;
	border: none;
	border-radius: 0px;
	text-shadow: none;
}

.btn-home {
	text-shadow: none;
}

.parent-menu:hover .gg-arrow-menu {
	display: block;
}

.btn-dropdown:hover, .btn-home:hover, .child-menu:hover ~ .btn-dropdown, .gg-drop-icon:hover + .btn-dropdown, .gg-arrow-menu:hover + .btn-dropdown {
	background: #F27D00;
	color: #fff;
}

.parent-menu:hover .child-menu, .gg-drop-icon:hover .child-menu,
	.gg-arrow-menu:hover .child-menu {
	display: flex;
}

.menu-dropdown-header .child-menu {
	display: none;
	position: absolute;
	z-index: 1;
	padding: 10px 0 10px 5px;
	top: 42px;
	color: #000;
	box-shadow: 0 3px 17px -4px rgba(0, 0, 0, 0.35);
	max-width: 995px;
	width: 100%;
	background-color: #fff;
	overflow: auto;
	margin-left: -148px;
	max-height: 170px;
}

.child-menu-content {
	text-align: center;
	margin-right: 5px;
}

.menu-dropdown-header .child-menu-li {
	width: 100px;
	border: none;
	margin-right: 5px;
}

.gg-arrow-menu {
	display: none;
	border-width: 12px;
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-bottom-color: #fff;
	top: 22px;
	margin-left: 90px;
}

.wd-header-container {
	width: 100%;
	height: 84px;
	color: #fff;
	background: url("../../img/ykienphananh/bg-1920.jpg") no-repeat;
	background-size: cover;
	background-position: center center;
}

.child-menu-content .z-image{
	height: 120px;
	width: 100px;
}
.linh-vuc-icon{
	width: 80px;
	height: 80px !important;
}
.home-dia-diem-left {
	float: left;
	width: calc(100% - 102px);
}
.text-noi-dung {
	font-family: FontAwesome, Arial, Sans-serif !important;
	box-shadow: none;
	display: inline;
}
.add-home-textbox {
	height: 30px;
	border: 0 none transparent !important;
	box-shadow: none;
	padding-left: 17px !important;
	display: inline;
}
/* End style */

/* popup đăng nhập hệ thống bằng FB hoặc GG bị lỗi giao diện */
.login-form-win > .z-window-content{
	margin: 0;
}

.btn-xembando {
    margin-top: 5px;
    padding: 3px 6px;
    border: none;
}

/* style 2 nút câu hỏi khảo sát ở FE */
.btn-link:hover {
	color: #2a6496 !important;
}