﻿/*mso css style*/

#controlHide{
	display: none;
}
#controlHide.zshow{
	display: block!important;
}
.formRow.zhide {
    display: none !important;
}

.formWrap {
    background: url(../images/mso-pass/mso_bg.jpg) no-repeat 100% 100% / cover !important;
}
/*
.q-page .formWrap{
    background: #ecf9ff url(/en/trade_facilitation/mso/ipass/question_bg.jpg) no-repeat 0 0 / contain !important;;
}
*/
.help-block {
    display: none;
}
.has-error input,.has-error .answer__grounp {
	border: 1px solid #f00 !important;
}
	
.has-error .help-block
{
	display:block;
	color:#ff0000;
}

.ztoolbar-container {
    position: relative;
}
.q-page hr {
    margin: 50px 0 40px !important;
}

#adviveTable .advice_row,#adviveTable .ritem{
	display:none;
}

#adviveTable .advice_row.zshow,#adviveTable .ritem.zshow{
	display:revert !important;
	
} 

#aeoQuestWrap input[type=checkbox] {
    display: inline-block;
    width: 35px;
}

.result-box {
    border: solid 1px #ff0000;
    padding: 0px;
    border-radius: 15px;
	margin-bottom: 25px;
}
.page-list-container h3 ,.page-list-container  h2 {
    color: #56b371;
}
.page-list-container  .btn-primary {
    color: #fff;
    background-color: #56b371;
    border-color: #56b371;
}
.result-text {
    text-align: center;
    margin-top: 50px;
    font-size: 30px;
    font-weight: bold;
}
.result-item {
    padding: 5px 10px;
    border-radius: 0 15px 15px 0px;
    height: 200px;
    text-align: center;
}
.result-item h3 {
    margin-top: 75px;
}
p.thanks-for {
    font-size: 20px;
    font-weight: 100;
}

.page-list-container.r-page ,.page-list-container.r-page .page-content{
    background: transparent;
	
}

.zpage-title  h3{
    font-size: 1.625em;
    line-height: 1.231em;
    font-weight: 600;
    color: #56b371;
    margin: 0 auto 10px;
    position: relative;
    text-align: center;
}
a.details {
    color: #56b371;
}
.guidance-container {
    font-size: 0.813em;
    color: #005f8d;
    padding-left: 10px;
    margin: 10px 0;
    font-weight: 100;
}
.zpage-title  p{
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 20px;
    border-bottom: 2px solid #56b371;
}
#agree {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 20px;
}

.agree-container.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    /* padding: 2px; */
    border: solid 1px;
    border-color: #a94442;
    /* height: 50px; */
    color: #a94442;
}
input.form-control {
    border-radius: 0px;
    box-shadow: none;
}

.q-page .zpage-title {
    margin-top: 120px;
}

.q-page .form-group {
    margin-bottom: 25px;
}
.q-page .page-content {
    background-color: transparent;
    padding: 0px;
}
.result-item{
    padding: 5px 10px;
}
.result-green {
	background: #00b050;
    color: #fff;
}

.result-amber {
    background: #ffc000;
    color: #000;
}
.result-red {
    background: #ff0000;
    color: #fff;
}
.page-content {
    background-color: rgba(232, 248, 251, .8);
    padding: 40px 30px 20px 30px;
}
.form-group.has-error .options {
    border: solid 1px #a94442;
}
.zhide {
    display: none;
}
.zshow {
    display: block;
}

 label.radio-inline {    
    border: solid 1px #a2a2a2;
    padding: 5px 40px;
    display: inline-block;
    border-radius: 50px;
}
label.radio-inline input {
    display: none;
}
label.radio-inline.checked {
    background: #56b371;
    color: #fff;
}

.text-center{
	text-align:center;
}
.agree-container .form-control {
    background: transparent;
    border: none;
    box-shadow: none;
}
div#container {
    width: 830px;
    margin: auto;

}
.content-warp{
		/* background-image: url(form-bg.jpg); */
		padding: 15px;
}
div#main-content {
    background-color: rgba(232, 248, 251, .8);
    padding: 45px;
}
.margin20 {
    margin: 20px;
}
h3.qt {
    font-size: 15px;
}

#aeoQuestInfo .formCol label {
    margin-right: 0;
}
.accordionItem .accordionMain {
    color: #000 !important;
}
/* #aeoQuestWrap h2, #aeoQuestWrap h3 {
    color: #256f8c !important;
} */

.accordionItem .accordionTitle>span, .accordionItem .accordionTitle a, p.ques, .quesWrap>.ques, .quesWrap>.num {
    color: #000 !important;
 
}
.contentalign,.contentalign p{
	text-align: justify;
 }
    
.q-page .zpage-title {
    margin-top: 40px;
}

#adviveTable tbody tr {
display: revert;
}
#adviceTableWrap {
    display: block !important;
}

.ritem {
    margin-bottom: 15px;
}

.success .pass {
    display: revert;
}

.success .notpass {
    display: none;
}

.failed .notpass {
    display: revert;
}

.failed  .pass{
    display: none;
}
.failed.red  .notpass.amber{
    display: none;
}
.failed.amber  .notpass.red{
    display: none;
}

/* table.tier-levelTable td, table.tier-levelTable th {
    font-size: 1.25em !important;
} */

#adviveTable .advice_row,#adviveTable .ritem{
	text-align: justify;
}

a.btn__ipass--start.mso{
	background-image: url(../images/mso-pass/en_ipass_sbtn_start.png);
}
a.btn__ipass--start.mso:hover{
	background-image: url(../images/mso-pass/en_ipass_sbtn_start_hover.png);
}
a.btn__ipass--start.btn__ipass--start--tc.mso{
	background-image: url(../images/mso-pass/tc_ipass_sbtn_start.png);
}
a.btn__ipass--start.btn__ipass--start--tc.mso:hover{
	background-image: url(../images/mso-pass/tc_ipass_sbtn_start_hover.png);
}
#aeoQuestInfo label{
	width: 100%!important;
}
#aeoQuestInfo .formRow .formCol.col-4{
	width: 35%!important;
    padding-right: 10px;
}
#content #aeoQuestWrap a span.q{
	color: #000!important;
}