/* -----General----- */

@media (min-width: 28em) {
	.ui-field-contain > label, .ui-field-contain .ui-controlgroup-label, .ui-field-contain > .ui-rangeslider > label {
		width: 35%;
	}
	
	.ui-field-contain > label ~ [class*="ui-"], .ui-field-contain .ui-controlgroup-controls {
		width: 63%;
	}
}

.ui-mobile label, div.ui-controlgroup-label {
	font-weight:bold;
}

.ui-field-contain {
	padding:.3em 0 !important;
}

.mainBtn {
	background-color: #0f2b5b !important;
	color:#ffffff !important;
	width:100%;
	text-shadow: none !important;
}

.secondBtn:not(a) {
	background-color: #ffc222 !important;
	color:black !important;
	width:100%;
}

a.secondBtn {
	background-color: #ffc222 !important;
	color:black !important;
}

.otherBtn {
	width:100%;
}

.multilineBtn {
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    white-space: normal;
    width: 97%;
}

.ui-btn {
	/*-- padding:.7em .5em; --*/
}

.ui-header .ui-title {
	margin:0.30% 0.10%;
}

.accordion-header .ui-btn{
	text-align:left;
}

/*-----For Login ----- */
/*
#captchaImg {
    width: 100%;
}
*/

.announcementMsg {
	border:1px #ccccaa solid;
	padding:10px;
	margin:5px 0px;
	overflow: scroll;
}

.homeLogo {
	width:90%;
	max-width:250px;
	display:block;
	margin-left:auto;
	margin-right:auto;
/* 	background-image: url("../images/WebASMobile_logo_en.jpg"); */
}

.ui-bar-a, .ui-page-theme-a .ui-bar-inherit, html .ui-bar-a .ui-bar-inherit, html .ui-body-a .ui-bar-inherit, html body .ui-group-theme-a .ui-bar-inherit {
	background-color: #f0f6ff;
}


/*----- For form  -----*/

/*----- Page 1  -----*/


#form02 label
/*-- #form03 label --*/
{
    width: 100% !important;
    display: block;
    border-bottom: 1px dashed grey;
    font-size: 16px !important; 

}

#form02 span
/*-- #form03 span --*/
{
    display: block !important;
    /*-- color: grey; --*/
    /*-- margin-left: 5%; --*/
    font-size: 16px !important; 
}

#form02 .disciplineSelect{
	white-space: normal;
}

#form02 .programme, #form02 .campusSelectBox, #form02 .disciplineSelectBox {
/* 	color: grey; */
	white-space: normal;
}

/*#form02 li,*/
#form03 li {
    /*text-indent: -3%;*/
}

#form02 li .ui-select {
    padding: 0px !important;
    margin: 0px 0px 0px 15% !important;
    display: inline-block;
    width: 85%;
}

#form02 #btnReOrderProg {
    margin-bottom: 30px;
}

#form02 .ui-grid-a input {
    margin-top: 30px;
    width:100%;
    margin:0em;
    padding:.4em 0em;
    white-space: normal;
}

#progChoiceSeperLine {
	float:left;
	width:100%;
}

#form02 .ui-grid-a {
	float:left;
	width:100%;
}

#form02 .ui-block-a {
	padding:0px 3px 0px 0px;
}

#form02 .ui-block-b {
	padding:0px 0px 0px 3px;
}

#form02 i.progHandle {
    padding-right: 10px;
    font-size: 20px;
    font-style: normal;
    background-image:url("../images/reorder.png");
	background-size:80% 80%;
	background-repeat:no-repeat;
	background-position:1px 3px;
	cursor:pointer;
	width:30px;
	height:30px;
	display:inline-block;
	position:absolute;
	top:7px;
}

#form02 .ui-content .ui-listview, .ui-panel-inner > #choiceWrapper.ui-listview {
	margin:0em;
}

#form02 .progChoiceHead > a {
	background-color:#ffc222;
	color:#0f2b5b;
	text-indent: 30px;	
}

#form02 .progChoiceHead.ui-collapsible-heading-collapsed > a {
	text-indent: 0px;	
}

#form02 .progChoiceHead ~ div {
	background-color:#fff9eb;
}

#form01 h4 {
	border: 1px solid #999999;
	text-align:center;
	padding:10px;
	background-color:#ffc222;
	color:#0f2b5b;
}

#form01 #hasChiNameIndLabel, #newAccSignup #signupHasChiNameIndLabel {
	border-width:0px;
	background-color:#f9f9f9;
	font-weight:normal;
}

/*---- @media (max-width: 27em) { ----*/
@media (max-width: 447px) {
	#form01 #address2FieldSet {
		padding:0px;
	}
	
	#form01 #chiNameFieldSet {
		margin-bottom:0em;
		padding-bottom:0em;
	}
	
	#form01 #hasChiNameIndFieldSet, #newAccSignup #fieldsetHasChiNameInd {
		margin:0em;
		padding:0em 0em 0.8em 0em;
	}
	
	#form01 #hasChiNameIndFieldSet label, #newAccSignup #fieldsetHasChiNameInd label {
		padding:0.1em 0em 0em 2.5em;
	}
}

/*---- @media (min-width: 28em) { ----*/
@media (min-width: 448px) {
	#form01 #chiNameFieldSet, #newAccSignup #fieldsetChiName {
		margin-bottom:0em;
	}
	
	#form01 #hasChiNameIndFieldSet, #newAccSignup #fieldsetHasChiNameInd {
		margin:0em;
	}
}

#form01 #pContactDiv {
	border: 1px #ddd solid;
	padding:0em 1em;
	background:#eef;
}

#form01 #pContactDiv h5 {
	font-size:16px;
	border-bottom: 1.5px solid black;
	padding-bottom: 5px;
	margin-top:1em;
}

.formFormTitle {
	background:#0f2b5b;
	display:inline-block;
	color:white;
	padding:5px 20px;
	margin:0px;
	font-weight:bold;
}

.formFormName {
	display:inline-block;
	padding:5px 20px;
	margin:0px;
	font-weight:bold;
}

.formTitleDiv {
	border-bottom:3px solid #0f2b5b;
}

#reveiveInfoLangCodeFieldSet > .ui-controlgroup-controls  > label{
	clip: auto;
	overflow:visible;
	width:35%;
}

@media (min-width: 448px) {
	#reveiveInfoLangCodeFieldSet > .ui-controlgroup-controls  > label{
		width:100%;
		height:inherit;
		display:block;
		position:relative !important;
		margin:20px 0px 10px 0px;
	}
}

@media (max-width: 447px) {
	#reveiveInfoLangCodeFieldSet > .ui-controlgroup-controls  > label{
		width:100%;
		height:inherit;
		display:block;
		position:relative !important;
		margin:20px 0px 10px 0px;
	}
}

#form02 #form02InstructionList {
	padding-left:20px;
}

#form02 .sortableCampus-list {
	display:inline-block;
	width:95%;
	font-size:20px;
}

#form02 .ui-select {
	width: 96%;
	margin: 10px 2%;
}

#form02 #addCampusChoiceDiv {
	width:100%;
}

#form02 .addCampusChoice {
/* 	margin-left:auto; */
/* 	margin-right:auto; */
	display:block;
/* 	width:70%; */
/*	min-width:200px;*/
    white-space: normal;
}

#form03 .ui-field-contain {
	margin:10px 0px;
	background: #e9ecefcc;
    color: #212529;
}

/* #form03 .ui-field-contain > label {
	float:left;
	margin:0px;
	width:40%;
	padding-right:5px;
} */

#form03 .ui-content fieldset.ui-field-contain > span, #form03 fieldset ol, #form03 fieldset ul
{
    /* display: table-cell !important; */
    /*color: grey;*/
    /*-- margin-left: 5%; --*/
    font-size: 16px !important; 
}

#form03 fieldset ol li span, #form03 fieldset ul li span
{
    display: block !important;
}

/* #form03 #Agreement_label, */
#form03 #DSECurr_label,
#form03 #DSEDuri_label,
#form03 #Graduate_label
 {
	padding-left: 40px;
}

#form03 .addressField span {
	display: block !important;
}
#form03 .addressField span:nth-child(3) {
	text-indent: 146px;
}

#form03 h6 {
	font-size:18px;
	margin:20px 0px 0px 0px;
	background:#ffc222;
	border:#ffc222 1px solid;
	padding: 5px 10px;
}

#form03 > #choiceWrapper h6 {
	font-size:18px;
	margin:20px 0px 0px 0px;
	background:#fff9eb;
	border:#ffc222 1px solid;
	padding: 5px 10px;
}

@media (max-width: 447px) {
	#login .loginPageLabel {
		display:none;
	}
}

#form03 .ui-block-a {
	padding-right:3px;
}

#form03 .ui-block-b {
	padding-left:3px;
}

#login #verCodeInputArea {
	position: relative;
}

#login #verCodeInputArea div:nth-child(1) {
	width: 40%;
	float:left;
}

#login #verCodeInputArea div:nth-child(1) > div {
	width:40%;
	margin-right:10px;
}

#login #verCodeInputArea div#captchaWrapper > img {
	width:100%;
/* 	max-width:150px; */
}

#login #verCodeInputArea div#captchaWrapper {
	width:45%;
	display:inline-block;
	float:left;
/* 	margin-left:10px; */
	margin: .5em 0 .5em 10px;
	max-width:150px;
}

#login #verCodeInputArea div:nth-child(3) {
	display: inline-block;
	margin-left: 8px;
	margin-top: 15px;
	float:left;
	width:5%;
	max-width:24px;
}
#login #verCodeInputArea div:nth-child(3) input {
	width: 100%;
}

#login .remarkText {
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	margin-top: 10px;
}

#form02 .sortableCampus-list {
	position: relative;
	display: inline-block;
	font-size: 20px;
	/*list-style-position: inside;*/
	/*padding-left: 0px;*/
}

@media (min-width: 448px) {
	#form02 .sortableCampus-list {
		width: 100%;
	}
}

@media (max-width: 447px) {
	#form02 .sortableCampus-list {
		width: 90%;
	}
}

@media (min-width: 448px) {
	#form02 .sortableCampus-list {
		width: 100%;
	}
}

@media (max-width: 447px) {
	#form02 .sortableCampus-list {
		width: 90%;
		padding-left:10%;
	}
}

#form02 .sortableCampus-list li {
	position: relative;
	margin:.5em 0em;
	width:95%;
/* 	margin-left: -10px !important; */
}

#form02 .sortableCampus-list .ui-select {
	vertical-align: middle;
	padding-left: 5px;
}
#form02 .sortableCampus-list .ui-select > div > span {
	padding-left: 25px;
	white-space: normal;
}

#form02 .campusHandle {
	padding: 10px 15px;
	font-size: 20px;
	position: absolute;
	display: block;
	left: 18%;
	top: 0px;
	z-index: 100;
	width: 30px;
	height:30px;
	font-style: normal;
	background-image:url("../images/reorder.png");
	background-size:50% 50%;
	background-repeat:no-repeat;
	background-position:5px 10px;
	cursor:pointer;
}

#form02 .ui-collapsible-heading-toggle {
	white-space: normal;
}

#form02 .choice > h6  p {
	margin: 0px;
	padding: 0px;
}

#form02 .choice > h6  p:nth-child(2) {
	margin: 0px;
	padding: 5px 0px 0px 20px;
}

#form02 .choice > h6.sortable  p {
	margin-left: 20px;
	padding-left:15px;
}

#form02 .choice > h6.sortable  p > i {
	margin-left: -40px;
}


/* ---------------------------------------------- */

#form03 #choiceWrapper ol {
	padding: 0px;
	margin: 0px;
	padding-left: 22px;
	padding-inline-start: 28px;
}
#form03 #choiceWrapper ul {
	padding: 0px;
	margin: 0px;
	padding-left: 22px;
}

#formFinish fieldset label {
	width: 40%;
	display:inline-block;
	margin:0px 2% 0px 0px;
}

#formFinish fieldset span {
	vertical-align:top;
}

#form01 #reveiveInfoLangCodeFieldSet .ui-controlgroup-controls {
	width:100%
}

#form01 #reveiveInfoLangCodeFieldSet .ui-controlgroup-controls .ui-radio, #newAccSignup #signupLangCodeFieldSet .ui-controlgroup-controls .ui-radio {
	width:50%;
	text-align:center;
}

#form01 #reveiveInfoLangCodeFieldSet .ui-controlgroup-controls .ui-radio label, #newAccSignup #signupLangCodeFieldSet .ui-controlgroup-controls .ui-radio label {
	text-align:center
}

#form02 .ui-field-contain {
	margin:0;
}

#forgetpw .ui-grid-a {
	margin-top:20px;
}

#forgetpw .ui-grid-a input {
    margin-top: 30px;
    width:100%;
    margin:0em;
    padding:.4em 1em;
}

#forgetpw .ui-block-a {
	padding:0px 3px 0px 0px;
}

#forgetpw .ui-block-b {
	padding:0px 0px 0px 3px;
}

#forgetpw #forgetpw_idfield div, #newAccSignup #signup_idfield div {
	display:inline-block;
}

#forgetpw #forgetpw_idfield div:nth-child(1), #newAccSignup #signup_idfield div:nth-child(2) {
	width:80%;
}

#forgetpw #forgetpw_idfield div:nth-child(3), #newAccSignup #signup_idfield div:nth-child(4) {
	width:10%;
}


#formQuali .chkBoxText {
	margin-left: 40px;
}

#forgetpw .forgetpw_pwsymbol, #newAccSignup .signup_pwsymbol {
	width:1%;
	display:inline-block;
}

#forgetpw .ui-field-contain {
	
}

#form02 .ui-collapsible-content {
	padding:.5em 1em 0em 1em;
}

#formQuali .formQualiChkBoxLabel {
	border-width:0px;
	/* background-color:#f9f9f9; */
}

/*---- @media (max-width: 27em) { ----*/
@media (max-width: 447px) {
	#formQuali .formQualiFieldSet {
		margin:0em;
		padding:0em 0em 0.8em 0em;
	}
	
	#formQuali .formQualiFieldSet label {
		padding:0.1em 2.5em;
	}
	
	#formQuali .formQualiFieldSet label span {
		margin-left:0px;
	}
	
	#formQuali .formQualiFieldSet div.ui-checkbox {
		margin:.1em 0em;
	}
}

/*---- @media (min-width: 28em) { ----*/
@media (min-width: 448px) {
	#formQuali .formQualiFieldSet {
		margin:0em;
	}
}

#formQuali .ui-grid-a {
	overflow:visible;
}

#formQuali .ui-grid-a div.ui-block-a input, #formQuali .ui-grid-a div.ui-block-b input {
	margin-top: 30px;
    width:100%;
    margin:0em;
    padding:.4em 0em;
}

#formQuali .ui-block-a {
	padding:0px 3px 0px 0px;
}

#formQuali .ui-block-b {
	padding:0px 0px 0px 3px;
}

#form03 .ui-grid-a {
	overflow:visible;
}

#form03 .ui-grid-a div.ui-block-a input, #form03 .ui-grid-a div.ui-block-b input {
	margin-top: 30px;
    width:100%;
    margin:0em;
    padding:.4em 0em;
}

#form03 .ui-block-a {
	padding:0px 3px 0px 0px;
}

#form03 .ui-block-b {
	padding:0px 0px 0px 3px;
}

#formFinish .ui-grid-a {
	overflow:visible;
}

#formFinish .ui-grid-a div.ui-block-a input, #formFinish .ui-grid-a div.ui-block-b input {
	margin-top: 30px;
    width:100%;
    margin:0em;
    padding:.4em 0em;
}

#formFinish .ui-block-a {
	padding:0px 3px 0px 0px;
}

#formFinish .ui-block-b {
	padding:0px 0px 0px 3px;
}

#form02 .ui-grid-a {
	overflow:visible;
}

/*Modified by Charlie on 20210301, Start*/
#formFinish #formFinishPay711QR, #formFinish #formFinishPayRCSQR, #formFinish #formFinishPayFPSQR {
	width:100%;
}

#formFinish #formFinishPay711QR img, #formFinish #formFinishPayRCSQR img, #formFinish #formFinishPayFPSQR img {
	display:block;
	clear:both;
	margin-left:auto;
	margin-right:auto;
}

#formFinish #formFinishPay711Content, #formFinish #formFinishPayRCSContent, #formFinish #formFinishPayFPSContent{
	margin-bottom:0px;
}

#formFinish #formFinishPay711Logo img, #formFinish #formFinishPayFPSLogo img {
	float:right;
	width:50px;
	margin:10px 10px 0px 0px;
}

@media (max-width: 447px) {
	#formFinish #formFinishPay711Content, #formFinish #formFinishPayRCSContent, #formFinish #formFinishPayFPSContent{
		float:left;
		width:75%;
	}
	
	#formFinish #formFinishPay711Logo img, #formFinish #formFinishPayRCSLogo img, #formFinish #formFinishPayFPSLogo img {
		float:right;
		width:50px;
		margin:10px 10px 0px 0px;
	}
	
	#formFinish #formFinishPay711QR img, #formFinish #formFinishPayRCSQR img , #formFinish #formFinishPayFPSQR img{
		width:90%;
		max-width:180px;
	}
	/*Modified by Charlie on 20210301, End*/
	
	#formFinish .formFinishPayMethodTitle {
		width:75%;
	}
	
	#formFinish #formFinishPayHSBCLogo img, #formFinish #formFinishPayJETLogo1 img, #formFinish #formFinishPayJETLogo2 img, #formFinishPayPPSTeleLogo img, #formFinishPayPPSInteLogo img, #formFinishPayOnlineCardLogo img, #formFinishPayOnlinePPSLogo img {
		float:right;
		width:50px;
		margin:0px;
	}
	
	#formFinish #formFinishPayMPGSLogo img {
		max-width:100px;
		margin:0px;
	}
}

@media (min-width: 800px) {
	#formFinish #formFinishPayATMPaymentArea {
    	display: flex;
    	flex-wrap: wrap;
		border-collapse:separate;
		border-spacing:10px;
		width:100%;
	}
	
	#formFinish #formFinishPayPPSPaymentArea, #formFinish #formFinishPayOnlineArea {
    	display: table;
		border-spacing:10px;
		width:100%;
	}
	
	#formFinish #formFinishPayATMHSBCArea, #formFinish #formFinishPayPPSTeleArea, #formFinish #formFinishPayOnlineCardArea {
		display:table-cell;
		vertical-align:top;
	}
	
	#formFinish #formFinishPayATMJETArea, #formFinish #formFinishPayPPSInteArea, #formFinish #formFinishPayOnlinePPSArea {
		display:table-cell;
		vertical-align:top;
	}
	
	#formFinishPayOnlineArea > div {
		width:50%;
}
}

@media (max-width: 800px) {
	#formFinish #formFinishPayATMPaymentArea{
    	display: flex;
    	flex-wrap: wrap;
		border-collapse:separate;
		border-spacing:10px;
		width:100%;
	}
	#formFinish #formFinishPayPPSPaymentArea, #formFinish #formFinishPayOnlineArea {
    	display: table-cell;
    	border-spacing:10px;
		width:100%;
	}
	
	#formFinish #formFinishPayATMHSBCArea, #formFinish #formFinishPayPPSTeleArea, #formFinish #formFinishPayOnlineCardArea {
		display:table-cell;
		vertical-align:top;
	}
	
	#formFinish #formFinishPayATMJETArea, #formFinish #formFinishPayPPSInteArea, #formFinish #formFinishPayOnlinePPSArea {
		display:table-cell;
		vertical-align:top;
	}
	
	#formFinishPayOnlineArea > div {
		width:50%;
}
}
/*Modified by Charlie on 20210301, Start*/
@media (min-width: 448px) {
	#formFinish #formFinishPay711Content, #formFinish #formFinishPayRCSContent, #formFinish #formFinishPayFPSContent{
		float:left;
		width:80%;
	}
	
	#formFinish #formFinishPay711Logo, #formFinish #formFinishPayRCSLogo img, #formFinish #formFinishPayFPSLogo {
		width:50px;
		/*-- margin-bottom:20px; --*/
		float:right;
		margin:10px 10px 0px 0px;
	}
	
	#formFinish #formFinishPay711QR, #formFinish #formFinishPayRCSQR img, #formFinish #formFinishPayFPSQR img {
		width:180px;
	}
	/*Modified by Charlie on 20210301, End*/
	
	#formFinish .formFinishPayMethodTitle {
		width:80%;
	}
	
	#formFinish #formFinishPayHSBCLogo img, #formFinish #formFinishPayJETLogos img, #formFinishPayPPSTeleLogo img, #formFinishPayPPSInteLogo img, #formFinishPayOnlineCardLogo img, #formFinishPayOnlinePPSLogo img {
		width:50px;
		margin:0px;
	}
	
	#formFinish #formFinishPayHSBCLogo img, #formFinishPayPPSTeleLogo img, #formFinishPayPPSInteLogo img, #formFinishPayOnlineCardLogo img, #formFinishPayOnlinePPSLogo img {
		float:right;
	}
	
	#formFinish #formFinishPayJETLogos {
		float:right;
	}
}

#formFinish .formFinishPayMethodTitle {
	text-decoration:underline;
	float:left;
}

#formFinish .formFinishPayATMArea{
/* 	border:1px #ccccaa solid; */
	padding:10px;
	margin:5px 0px;
    display: flex;
    flex-wrap: wrap;
}

#formFinish .formFinishPayPPSArea, #formFinish .formFinishPayOnlinePaymentArea {
/* 	border:1px #ccccaa solid; */
	padding:10px;
	margin:5px 0px;
}

/* #formFinish #formFinishPayJETLogo2 img { */
/* 	width:130px; */
/* } */

#formFinish #formFinishPatATMStepList {
	padding-left:30px;
}

#formFinish .formFinishPayATMContent, #formFinish .formFinishPayPPSContent, #formFinish .formFinishPayOnlineContent {
	display:block;
	clear:both;
}

#formQuali .formQualiCatTitle {
	width:95%;
	background-color:#0F2B5B;
	color:#FFFFFF;
	padding:5px 0px 5px 5%;
	margin:10px 0px;
	text-shadow:none;
	font-weight:bold;
}

#formFinish li, #formFinish p, #newAccNote li, #newAccNote p {
	word-wrap:break-word;
}

#newAccountNote > li {
    margin: 20px 0px;
}

#newAccNote .mainBtn {
	padding:.7em 0em;
}

.systemRemark {
	margin:35px 0px 20px 0px;
	font-size:15px;
	font-weight: bold;
	color: blue;
/* 	font-style: oblique; */
	display:block;
}

.walkthruRemark {
	margin:35px 0px 20px 0px;
	font-size:15px;
	font-weight: bold;
	color: green;
/* 	font-style: oblique; */
	display:block;
}

@media (min-width: 448px) {
	.shownWhenWideEnough {
		display:inherit;
	}
	
	.shownWhenNotWide {
		display:none;
	}
}

@media (max-width: 447px) {
	.shownWhenWideEnough {
		display:none;
	}
	
	.shownWhenNotWide {
		display:inherit;
	}
}

#formFinish .formFinishPayOnlineCardArea, #formFinish .formFinishPayOnlinePPSArea {
	border:1px #ccccaa solid;
	padding:10px;
	margin:5px 0px;
}

#form02 .choice {
	position: relative;
}

#form02 .btnDeleteProgChoice {
	position: absolute;
	padding: 0px;
	margin: 0px;
	top: 7px;
	left: 7px;
	width: 30px;
	height: 30px;
	text-align: center;
	color: red;
	font-size: 20px;
	cursor: pointer;
	/*display: none;*/
	border-radius:1em;
/* 	background-color:#ffeded; */
	background-image:url("../images/trash4.png");
	background-size:85% 85%;
	background-repeat:no-repeat;
	background-position:3px;
	border:#999999 solid 2px;
}

#form02 .btnDeleteProgChoice.collapse {
	right: 7px;
}

#form02 .btnDeleteCampus {
	position: absolute;
	padding: 0px;
	margin: 0px;
/* 	top: 7px; */
/* 	left: 7px; */
	width: 30px;
	height: 30px;
	top:7px;
	left:0px;
	text-align: center;
/* 	color: red; */
	font-size: 20px;
	cursor: pointer;
	z-index: 100;
	/*display: none;*/
	border-radius:1em;
/* 	background-color:#ffeded; */
	background-image:url("../images/trash4.png");
	background-size:85% 85%;
	background-repeat:no-repeat;
	background-position:3px;
	border:#999999 solid 2px;
}

#form02 .progType {
	font-size: 18.5px !important;
	text-indent: 10px;
	margin-bottom: 5px;
	min-height: 20px;
}

#form02 .progPlaceHolder {
	border: 1px #BCBCBC dashed;
	background-color: white;
	min-height: 50px;
	margin-bottom: 10px;
}

#form02 .campusPlaceHolder {
	border: 1px #BCBCBC dashed;
	background-color: white;
	width: 95%;
}

/*
#form02 #choiceWrapper > .onDrag {
	border: 2px red dashed;		
}

#form02 .onDrag .ui-select {
	border: 2px red dashed;	
}
*/
#login .errorMsg .errorMessage {
	margin: 0px;
	padding: 0px;
}

div.ui-collapsible a {
	white-space:normal;
}

div.ui-select span.programme, div.ui-select span.disciplineSelect {
	white-space:normal !important;
}

/* #form03 input:disabled {
	height:22px !important;
	width:22px !important;
	clip:auto !important;
} */

#form03 #graduateList {
	padding-left: 35px;
}

#form02 .choice .ui-block-a, #form02 .choice .ui-block-b {
	width:50%;
}

#form02 input.addCampusChoice, #form02 input.chapusChoiceReorderBtn, #form02 input.chapusChoiceReorderCompleteBtn  {
	width:100%;
}

.ui-select .ui-btn.ui-state-disabled {
	opacity:.5;
}

#mobilecheck{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -150px;
    margin-left: -150px;
    width: 300px;
    height: 300px;
    background-color: lightblue;
}

#fullscreen{
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
}

fieldset#signupLangCodeFieldSet > div.ui-controlgroup-controls  {
	width:100%;
}

#newAccSignup #verCodeInputArea div:nth-child(1) {
	width: 40%;
	float:left;
}

#newAccSignup #verCodeInputArea div:nth-child(1) > div {
	width:40%;
	margin-right:10px;
}

#newAccSignup #verCodeInputArea div#captchaWrapper > img {
	width:100%;
/* 	max-width:150px; */
}

#newAccSignup #verCodeInputArea div#captchaWrapper {
	width:45%;
	display:inline-block;
	float:left;
/* 	margin-left:10px; */
	margin: .5em 0 .5em 10px;
	max-width:150px;
}

#newAccSignup #verCodeInputArea div:nth-child(3) {
	display: inline-block;
	margin-left: 8px;
	margin-top: 15px;
	float:left;
	width:5%;
	max-width:24px;
}
#newAccSignup #verCodeInputArea div:nth-child(3) input {
	width: 100%;
}
#forgetpw #verCodeInputArea div:nth-child(1) {
	width: 40%;
	float:left;
}

#forgetpw #verCodeInputArea div:nth-child(1) > div {
	width:40%;
	margin-right:10px;
}

#forgetpw #verCodeInputArea div#captchaWrapper > img {
	width:100%;
/* 	max-width:150px; */
}

#forgetpw #verCodeInputArea div#captchaWrapper {
	width:45%;
	display:inline-block;
	float:left;
/* 	margin-left:10px; */
	margin: .5em 0 .5em 10px;
	max-width:150px;
}

#forgetpw #verCodeInputArea div:nth-child(3) {
	display: inline-block;
	margin-left: 8px;
	margin-top: 15px;
	float:left;
	width:5%;
	max-width:24px;
}
#forgetpw #verCodeInputArea div:nth-child(3) input {
	width: 100%;
}

#form02 .tierChoiceHead > a {
	background-color:#2282ff;
	color:#fff;
	text-indent: 30px;	
}

#form02 .hidden {
	display: none;
}

.form02footer .ui-grid-a{
	background: #fff;
}

.form02footer .ui-grid-a input{
	margin-top: 30px;
    width: 100%;
    margin: 0em;
    padding: .4em 0em;
    white-space: normal;
    font-size:1.1em !important;
}

.ui-panel-display-push{
	z-index: 1000;
}

.choiceTier h6 a {
	text-shadow: none !important;
}

.form-check {
  display: flex;
  width: 100%;
}


input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type=number] {
  -moz-appearance:textfield; /* Firefox */
}