@import url(https://fonts.googleapis.com/css?family=Roboto:400,400italic,700&subset=latin,greek-ext,vietnamese,greek,cyrillic-ext,latin-ext,cyrillic);
body {
	padding: 0;
	margin: 0;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	color: #53585a;
}
.container {
	/*width: 1170px;*/
    /*display: flex;*/
	margin: 0 auto;
}
.line img {
	margin: 0 auto;
	display: block;
}
.ph-ticket-info {
	margin-top: 10px;
	display: none;
}
.main {
	padding-bottom: 30px;
}
header {
	min-height: 100px;
}
.nav h1 {
	float: left;
	margin: 0;
}
.nav h1 a {
	display: block;
}
.nav h1 img {
	margin: 18px 0;
	vertical-align: middle;
}
.nav .container {
	overflow: hidden;
}
.nav-right {
	margin-top: 25px;
	float: right;
}
.nav-right ul {
	display: block;
	padding-left: 0;
	margin: 0;
	overflow: hidden;
}
.nav-right ul li {
	float: right;
	list-style-type: none;
	margin: 0 5px;
	font-size: 14px;
	color: #000000;
	padding-left: 6px;
	position: relative;
}
.nav-right ul li:after {
	content: " ";
	position: absolute;
	width: 1px;
	height: 10px;
	left: -1px;
	background-color: #6b6b6b;
	top: 5px;
}
.nav-right ul > li:last-child:after {
	content: none;
}
.nav-right ul li a {
	color: #000000;
	text-decoration: none;
}
.frm-search {
	margin-top: 8px;
}
.frm-search input.search-input {
	width: 250px;
	padding: 6px 10px;
	border: 1px solid #808285;
	background: #fff;
}
.page-header {
	background: url(../img/img-banner.jpg);
	min-height: 130px;
	line-height: 130px;
	/*padding: 14px 0;*/
	vertical-align: middle;
}
.page-header .container {
	text-indent: 120px;
	font-size: 30px;
	font-weight: 700;
	color: #FFF;
	text-shadow: 1px 0 1px rgba(0,0,0,.5);
	text-transform: uppercase;
	background: url(../img/i-ques.png) left center no-repeat;
}
h2 {
	font-size: 28px;
	font-weight: 400 !important;
	text-transform: uppercase;
	margin: 20px 0 15px;
}
.qd-note {
	padding: 0 0 14px;
	border-bottom: 1px solid #d1d3d4;
}
.qd-note h3 {
	color: #53585a;
	font-size: 18px;
	margin: 0;
}
.qd-note ul {
	padding-left: 0;
	margin: 8px 0 3px;
}
.qd-note ul li {
	display: inline-block;
	width: 24%;
	background: url(../img/i-arrow.png) no-repeat left center;
	text-indent: 18px;
	font-size: 18px;
	font-style: italic;
	color: #53585a;
}
.ph-main-menu {
	margin: 0;
	list-style-type: none;
	text-align: center;
	padding: 0;
}
.ph-main-menu li {
	display: inline-block;
	width: 45%;
	max-width: 235px;
	margin: 0 5px;
}
.ph-main-menu li a {
	display: block;
	height: 46px;
	line-height: 46px;
	font-weight: 700;
	padding: 0 10px;
	color: #53585a;
	text-decoration: none;
	text-transform: uppercase;
}
.qd-mb {
	margin-top: 20px;
}
.btnlinks {
	margin-top: 10px;
	background: transparent;
	color: #FFF;
	font-size: 16px;
	padding: 10px 45px;
	border: 1px solid #FFF;
	border-radius: 8px;
	outline: none;
	width: 170px !important;
}
.btnlinks:hover {
	background: #FFF;
	color: #110e16;
	transition: all 0.5s ease;
}
.dsphieu > ul > li, .btnlinks.btnlinks-nrl, .ph-main-menu li a {
	color: #FFF;
	text-transform: uppercase;
}
.ph-main-menu li.active a, .btnlinks, .dsphieu > ul > li.active {
	color: #FFF;
}
.ph-notice {
	text-align: center;
	margin: 20px 0;
}
.ph-show-info {
	width: 8%;
	margin: 10px auto 20px;
	display: block;
	/*margin-top: -12px;*/
	opacity: .8;
	cursor: pointer;
}
.ph-show-info img, .ques .ques-stt img {
	transition: all .5s;
}
.ph-show-info.active img, .ques.active .ques-stt img {
	transform: rotate(180deg);
}
.frm-request {
	margin: 10px auto;
	padding: 0 15px 15px;
	max-width: 900px;
}
.ph-select.ele {
	display: block;
	margin-bottom: 10px;
}
.ele select {
	width: 100%;
	margin-bottom: 10px;
}
.frm-request input {
	border: 1px solid #53585a;
}
.ph-attachment {
	margin-bottom: 10px;
	margin-top: 10px;
}
.ele.ph-attachment {
	display: block;
}
.ph-attachment ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.ph-attachment > span {
	margin-bottom: 10px;
	display: block;
}
.ph-attachment .att-file {
	position: relative;
	margin-top: 20px
}
.ph-attachment .att-file input[type="file"] {
	position: absolute;
	opacity: 0;
}
.ph-attachment ul li {
	display: inline-block;
	max-width: 20%;
	position: relative;
	margin-right: 7px;
}
.ph-attachment ul li > img {
	border: 1px solid #fff;
	max-width: 90px;
	width: 100%;
}
.ph-attachment ul li .att-remove {
	position: absolute;
	top: -8px;
	right: -8px;
	display: block;
}
.ph-attachment ul li .att-remove img {
	vertical-align: middle;
}
.ph-grplinks {
	text-align: center;
	margin: 20px 0;
}
.ele.ph-grplinks {
	display: block;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 color: #808285;
 font-style: italic;
}
::-moz-placeholder { /* Firefox 19+ */
 color: #808285;
 font-style: italic;
}
:-ms-input-placeholder { /* IE 10+ */
 color: #808285;
 font-style: italic;
}
:-moz-placeholder { /* Firefox 18- */
 color: #808285;
 font-style: italic;
}
.ele {
	margin-bottom: 10px;
}
.ele:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}
.frm-request .ele label {
	width: 25%;
	float: left;
	line-height: 40px;
	font-size: 16px;
	display: block
}
.frm-request .ele input[type="text"], .frm-request .ele input[type="number"], .frm-request .ele input[type="email"], .frm-request .ele textarea, .frm-request .ele select {
	width: 70%;
	padding: 10px;
	margin: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	border: 1px solid #ccc;
	float: left;
	line-height: 40px;
	height: 40px;
	border-radius: 3px
}
.frm-request .ele select {
	padding: 10px;
	border: 1px solid #cccc;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
}
.frm-request .ele textarea {
	/*width: 520px;*/
	padding: 10px;
	border: 1px solid #ccc;
	min-height: 78px;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
}
.file-sub-holder {
	margin-left: 138px;
	overflow: hidden;
}
.file-holder {
	float: left;
	position: relative;
}
.frm-request .ele input[type="file"] {
	width: 30px;
	height: 20px;
	position: absolute;
	opacity: 0;
	z-index: 2;
}
.additional_question .input-group {
	width: 70%;
	position: relative
}
.additional_question .input-time {
	width: 100% !important
}
.file-holder > span {
	position: absolute;
	width: 100px;
	height: 20px;
	z-index: 1;
	display: block;
	margin-right: 10px;
	background: url(../img/i-file.png) no-repeat;
	padding-left: 30px;
}
.btn-groups {
	float: right;
}
.ht-btn {
	border: none;
	font-size: 14px;
	color: #53585a;
	padding: 12px 20px;
	min-width: 130px;
	background: transparent;
	text-decoration: none;
}
.ht-btn:hover, .ht-btn:focus, .ht-btn:active {
	cursor: pointer;
}
.btn-groups > .ht-btn:nth-last-of-type(1) {
	margin-left: 5px;
}
.ht-btn-red {
	background: #e40421;
	color: #fff;
}
.dsphieu-contents {
	padding: 15px;
	margin: 0 auto;
}
.dsphieu > ul {
	padding: 0;
	margin: 20px 0px;
	border: solid 1px #ccc;
	overflow: hidden;
	border-radius: 4px;
}
.dsphieu > ul > li {
	padding: 15px 0;
	float: left;
	width: 20%;
	text-align: center;
	list-style: none;
}
.dsphieu > ul > li:hover, .dsphieu > ul > li.active {
	background-color: #E7E7E7
}
.dsphieu > ul > li:last-child {
	border-right: none;
}
.dsphieu > ul > li:last-child a {
	border-right: none
}
.dsphieu > ul > li a {
	color: #333;
	text-decoration: none;
	display: block;
	border-right: 1px solid #ccc;
}
.dsphieu ul li .noti {
	color: #FFF;
	border-radius: 50%;
	background: #d02020;
	padding: 4px 9px;
}
.title_phieu {
	text-align: center
}
/**/
.dsp-content {
	border-radius: 4px;
	z-index: 1000;
	border: 1px solid #ccc;
	background-color: #E7E7E7
}
.ques {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	cursor: pointer;
	padding: 5px 15px 5px 5px !important
}
.ques-content {
}
.ques, .frms-phieu-mb select {
	display: flex;
	padding: 0 10px;
	position: relative;
}
.frms-phieu-mb select {
	margin: 10px 0;
	width: 100%;
	padding: 10px 0;
	display: block;
	text-indent: 10px;
	background: #FFF !important;
	border-color: #c74445;
	outline: 1px;
	color: #000;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 255, 255, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 255, 255, 0.6);
}
.frms-phieu-mb select option {
	padding: 10px 0;
	color: #000;
}
.ques.active {
	border-color: #ccc;
	background-color: #E7E7E7!important;
}
.algr {
	float: right;
}
.ques span {
	display: inline-block;
}
.ques .ques-ctn {
	font-size: 18px;
	font-weight: 600;
}
.dadoc {
	background-color: #fff;
}
.dadoc span {
	font-weight: 400 t;
}
.ques .ques-stt {
	max-width: 18px;
	margin-right: 7px;
	display: flex;
	align-items: center;
}
.ques-holder {
	width: 100%;
	color: #53585a;
	padding: 5px 0;
}
.ques-holder > div {
	line-height: 20px;
	overflow: hidden;
}
.ques-status {
	display: flex;
}
.ques-holder > div:not(:last-child) {
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.ques-holder > div:last-child {
	font-size: 14px;
}
.answer-item {
	margin-bottom: 10px;
}
.ques .ques-status {
	font-size: 14px;
	color: #333;
	font-weight: 500
}
.ques-content-tgg h3 {
	font-size: 16px
}
.dadoc .ques .ques-status {
	color: #333;
}
.cs-reply {
	margin-bottom: 8px;
	overflow: hidden;
}
.cs-reply .btnlinks, .ques .ques-status {
	float: right;
}
.cs-reply textarea {
	padding: 3% 4%;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 1.4em;
	width: 91%;
	color: #000;
}
.ques-content-tgg {
	display: none;
	font-weight: 700;
	padding: 10px 20px 5px;
	border-top: 1px solid #ccc;
}
.ques-content-tgg textarea {
	border: 1px solid #ccc;
	padding: 10px;
	width: 100%
}
.ques-content-tgg p {
	font-weight: 400;
}
.frms-phieu-mb {
	width: 70%;
	margin: 25px auto 0;
	padding: 0 15px;
}
.s-fill {
	position: relative;
	margin: 10px 0 0;
}
.viewmore.btnlinks.btnlinks-nrl {
	text-align: center;
	margin: 0 auto;
	display: block;
	width: 60%;
}
.s-fill .ipt-sctn {
	height: 36px;
	line-height: 36px;
	border: 1px solid #ddd;
	text-indent: 15px;
	width: 100%;
	background: #000;
	color: #FFF;
}
.s-fill .ipt-sctn:focus {
	border: 1px solid #c74445;
	outline-color: #c74445;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 255, 255, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 255, 255, 0.6);
}
.s-fill .ipt-si {
	position: absolute;
	right: 0;
	top: 1px;
	background: url(../img/i-search.png) no-repeat center;
	width: 40px;
	border: none;
	height: 40px;
	text-indent: -999em;
}
/*from http://test.hotro.ved.com.vn/xem-yeu-cau*/
.cancel-on-png, .cancel-off-png, .star-on-png, .star-off-png, .star-half-png {
	font-size: 2em;
}
.cancel-on-png, .cancel-off-png, .star-on-png, .star-off-png, .star-half-png {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: "FontAwesome";
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	speak: none;
	text-transform: none;
	color: #777777;
}
.cancel-on-png {
	color: #dd5a43;
}
.cancel-on-png:before {
	content: "\f057";
}
.cancel-off-png {
	color: #e08374;
}
.cancel-off-png:before {
	content: "\f05c";
}
.star-on-png {
	color: #f58620;
}
.star-on-png:before {
	content: "\f005";
}
.star-off-png {
	color: #666;
}
.star-off-png:before {
	content: "\f006";
}
.star-half-png {
	color: #feb902;
}
.star-half-png:before {
	content: "\f123";
}
.cs-reply {
	border-top: 1px solid #d1d3d4;
	padding-top: 10px;
}
.user-rating {
	text-align: center;
	color: #53585a;
	margin-bottom: 15px;
}
.rating {
	margin: 8px 0;
}
.user-rating h3 {
	margin: 0;
}
.viewmore {
	width: 100%;
	height: 45px;
	background: url(../img/bg_1x1_gray.gif) repeat-x center;
	margin: 0 0 10px;
	text-align: center;
}
.cauhoi h2 {
	margin-bottom: 30px;
	line-height: 35px
}
.value {
	overflow: hidden
}
.value #address_ {
	float: left;
	width: 300px;
	margin-bottom: 10px;
	margin-right: 10px;
}
.value .province_box {
	float: left;
	padding-top: 3px
}
.verify_warning img {
	width: 35px
}
.th-content .panel-default.current .dsp-content {
	border: none !important
}
.dsphieu .dropdown {
	margin-bottom: 20px
}
.dsphieu #dLabel {
	border: 1px solid #ccc;
	padding: 8px 20px;
	background-color: #E7E7E7;
	text-align: left;
	border-radius: 3px
}
#no-data-box {
	padding: 7px 10px;
	background-color: #E8E8E8;
	color: #F5060A
}

.reply_attach_file {
	font-weight: 500;
    font-style: italic;
}

/* Confirm*/
.block-confirm { padding:50px; font-family: Roboto, sans-serif; font-size:16px;     min-height: 830px;}
.block-confirm .title-conf { text-align:center; margin-bottom:30px; font-size:24px; color:#333}
.block-confirm .bx-cont-conf { border:1px solid #ccc; max-width:450px; min-height:400px; margin:100px auto 0 auto; padding:3%; background-color: #fff;}
.block-confirm .process { max-width:450px; margin:50px auto; }
.block-confirm .process .step { position:relative}
.block-confirm .process .step .cicle { width:35px; height:35px; display:block; position:absolute; left:0; top:-15px; color:#fff; font-weight:500; text-align:center; line-height:25px; background-color:#a1a1a1; border: 5px #e6e6e6 solid; border-radius:100%; font-size:16px; z-index:9}
.block-confirm .process .step .line {background-color:#a1a1a1; height:3px;float:left; width:50%; position:relative}
.block-confirm .process .step .current { background-color:#FB070B}
.block-confirm .process .step .cicle1 { left:0}
.block-confirm .process .step .cicle2 { left:50%; margin-left:-20px}
.block-confirm .process .step .cicle3  { right:0; left:inherit}
.block-confirm .rowbt { margin:20px 0;}
.block-confirm .noted { color:#FF0004; margin-top:10px}
.bt-red { padding:7px 30px; color:#fff; background-color:#FB0105; border:1px solid #FB0105; min-width:130px; display:inline-block; margin:5px 10px}
.btn-change-email { color:#333; background-color:#fff; border:1px solid #288b02;padding: 3px 10px; border-radius: 3px;}
.btn-change-email:hover,.btn-change-email:focus { background-color:#FB0105; border:1px solid #FB0105; text-decoration: none; color:#fff !important;}
.bt-red:hover,.bt-red:focus {color:#333; background-color:#fff; border:1px solid #ccc; text-decoration: none}
.bt-white {color:#333; background-color:#fff; border:1px solid #ccc;padding:7px 30px;}
.bt-white:hover,.bt-white:focus { background-color:#FB0105; border:1px solid #FB0105; text-decoration: none; color:#fff !important;}
.block-confirm  .cont-mid {  min-height:280px}
.block-confirm .mar-t { padding-top:40px;}
.block-confirm .mar-t2 { padding-top:90px;}
.block-confirm .mar-t3 { padding-top:70px;}
.block-confirm .input-ma  { margin:20px auto; padding-left:10px; height:40px; border: 1px solid #ccc; text-align: center;}
.block-confirm .input-upload-id-info  { margin:0!important; padding:0!important;}
.block-confirm .pad-cent { padding-left:19%}
.block-confirm .mar-b { margin-bottom:20px;}

@media screen and (max-height:768px) and (max-width:1366px){
	.block-confirm .bx-cont-conf { border:1px solid #ccc;min-height:300px;}
	.block-confirm  .cont-mid {  min-height:180px}
	.block-confirm .mar-t { padding-top:45px;}
	.block-confirm .input-ma  { margin:0px auto; padding-left:10px;height:30px; text-align: center;}
	.block-confirm .mar-t2 { padding-top:50px;}
	.block-confirm .mar-b { margin-bottom:0px;}
	.block-confirm .mar-t3 { padding-top:50px;}
}


@media screen and (max-width:768px) {
.block-confirm { min-height: inherit;}
.block-confirm .pad-cent { padding-left:5%}
.block-confirm .title-conf { font-size:18px; line-height:25px}
.block-confirm .bx-cont-conf { margin-top:50px}
.block-confirm .bx-cont-conf { padding:5%}
.bt-red { padding:7px 20px; color:#fff;  min-width:100px;}
.block-confirm { padding:20px}
.block-confirm { font-size:14px}
.ques {
	padding-left: 10px
}
.dadoc .mbvo, .ques .mbvo {
	display: none
}
.ques-content-tgg {
	padding-left: 30px
}
.frm-request .ele label {
	width: 100%;
	float: none;
	line-height: 25px
}
.frm-request .ele input[type="text"], .frm-request .ele input[type="number"], .frm-request .ele input[type="email"], .frm-request .ele textarea, .frm-request .ele select {
	float: none;
	width: 100%
}
.frm-request {
	padding: 5px
}
.btn-1 {
	margin-left: 0 !important
}
.btn-1 .btn {
	width: 40% !important;
	margin-bottom: 10px !important;
	display: inline-block;
	padding: 10px 0 !important
}
.dsphieu > ul > li {
	padding: 10px 0;
	float: left;
	width: 33.333%;
	text-align: center;
	border-bottom: 1px solid #ccc;
	list-style: none;
}
.dsphieu > ul > li:nth-of-type(3) a {
	border-right: none !important
}
.dsphieu > ul > li:nth-of-type(4), .dsphieu > ul > li:nth-of-type(5) {
	border-bottom: none !important
}
.additional_question .input-group {
	width: 100%;
	position: relative
}
.cauhoi h2 {
	margin-bottom: 10px;
	line-height: 20px
}
.form-hotro .quydinh {
	margin-bottom: 0px
}
}