@CHARSET "UTF-8";
html,body {
	height:100%;
}

.container-fluid, .row {
	height:100%;
	max-width: 1024px;
	min-width: 600px;

}

.flex-row, .flex-row > div[class*='col-'] {  
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex:0 auto;
    height:100%;
}

.flex-col {
    display: flex;
    display: -webkit-flex;
    flex: 1;
	flex-flow: column nowrap;
}

.flex-grow {
	display: flex;
    -webkit-flex: 2;
    flex: 2;
}

form li {
	list-style: none;
}

#outer {
	height:  100%;
	overflow: hidden;
	position: relative;
	width: 100%;
}
#outer[id] {
	display: table;
	position: static;
}
/* for explorer only
#middle {
	position: absolute;
	top: 50%;
	width: 100%;
	text-align: center;
} */
#middle[id] {
	display: table-cell;
	vertical-align: middle;
	position: static;
}
/* for explorer only
#inner {
	position: relative;
	top: -50%;
	text-align: left;
}*/
/* for all browsers*/
#inner {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

#header {
	width: 100%;
	height: 65px;
	overflow: hidden;
	padding: 2px 7px 0 5px;
	background: #FFF;
}
#body-content {
	width: 100%;
	height: 520px;
	overflow: hidden;
	padding: 0 5px 0 5px;
}
@media screen and (max-width: 1024px) {
#footer {
	height: 120px;
	margin-top: 5px;
	overflow: hidden;
	padding: 0 20px 2px;
	width: 100%;
}
}
@media screen and (min-width: 1025px) {
#footer {
	height: 90px;
	margin-top: 5px;
	overflow: hidden;
	padding: 0 5px 2px;
	width: 100%;
}
}


.ui-border-none {
	border: none;
}

.ui-candidate-head {
	background-color: transparent;
	background-image: none;
	padding-right: 0;
	margin-right: 0;
}

.ui-candidate-head-logo-container {
	float:left;
	width: 200px;
}

.ui-candidate-head-info {
	float: right;
	height: 54px;
	margin-left: auto;
	margin-right: -7px;
	padding: 1px 7px 3px 5px;
	width: 75%;
}

.ui-candidat-login-contentainer {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 80px;
}

.ui-candidat-login-content {
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.ui-candidat-input {
	padding-bottom: 5px;
}

.ui-candidat-captcha {
	padding-bottom: 5px;
}

/*.ui-candidat-button {
	padding-top: 5px;
}*/

.ui-candidat-error {
	text-align: left;	
	margin-bottom: 5px;
}

.required {
	font-weight: bold;
}

.ao-init {
	display: none;
}

.ui-candidat-button {
	outline: 0;
	margin:0 4px 0 0;
	padding: 1px 1px 1px 1px !important;
	text-decoration:none !important;
	cursor:pointer;
	position: relative;
	text-align: center;
	font-size: 12pt;
	transform-origin: 0 0;
}
.ui-candidat-button .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
	left: 50%;
	margin-left: -8px;
}

a.ui-candidat-button {
	float:left;
}

/* remove extra button width in IE */
button.ui-candidat-button {
	width:auto;
	overflow:visible;
}

.ui-candidat-button-icon-left {
	padding-left: 2px !important;
}
.ui-candidat-button-icon-right {
	padding-right: 2px !important;
}
.ui-candidat-button-icon-left .ui-icon {
	right: auto;
	left: .2em;
	margin-left: 0;
}
.ui-candidat-button-icon-right .ui-icon {
	/*left: auto;*/
	right: .2em;
	margin-left: 10px;
}
	 /* solo icon buttons must have block properties for the text-indent to work */
.ui-candidat-button-icon-solo {
	display:block;
	width:8px;
	text-indent: -9999px;
}

.ui-candidat-buttonset {
	float:left;
}
.ui-candidat-buttonset .ui-candidat-button {
	float: left;
}
.ui-candidat-buttonset-single .ui-candidat-button,
.ui-candidat-buttonset-multi .ui-candidat-button {
	margin-right: -1px;
}

.ui-candidat-toolbar {
	padding: .5em;
	margin: 0;
}

.ui-candidat-toolbar .ui-candidat-buttonset {
	margin-right:1.5em;
	padding-left: 1px;
}
.ui-candidat-toolbar .ui-candidat-button {
	font-size: 1em;
}

.ui-candidat-footer-help {
	float: left;
	padding-left: 15px;
	padding-top: 22px;
	width: 92px;
}
.ui-candidat-footer-navwidget {
	float: left;
	font-size: 55%;
	padding-top: 2px;
	text-align: center;
	width: 61%;
}
.ui-candidat-footer-font {
	float: left;
	padding-left: 0px;
	padding-top: 32px;
}
.ui-candidat-footer-nav {
  float: right;
  padding-top: 22px;
  position: relative;
}

.ui-navwidget-tabs-panel {
	overflow-x: scroll !important;
	overflow-y: hidden !important;
	padding: 2px !important;
	width: 100%;
}

.ui-navwidget-q-container {
	cursor: pointer;
	display: table-cell;
}

.q-skipped {
	background-image: url("../images/navwidget/skipped-review.png");
	width: 19px;
	height: 19px;
}

.q-unanswered {
	background-image: url("../images/navwidget/unanswered.png");
	width: 19px;
	height: 19px;
}

.q-answered {
	background-image: url("../images/navwidget/answered.png");
	width: 19px;
	height: 19px;
}

.q-current {
	background-image: url("../images/navwidget/active.png");
	width: 19px;
	height: 19px;
}

.ui-body-question {
	padding: 0 20px 5px;
}

.header-test-info {
	display: inline-block;
	float: left;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 15px;
	width: 30%;
}

.header-quest-info {
	display: inline-block;
	float: left;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 15px;
	text-align: center;
	width: 20%;
}

.header-chrono-container {
	float: right;
	font-size: 70%;
	padding-top: 7px;
	width: 50%;
	position: relative;
}

#time-progress.ui-progressbar {
	height: 1em;
}

.chrono-label {
	width: 50%;
	text-align: right;
}

.time-label {
	width: 30%;
	text-align: left;
}

.hasCountdown {
	border: 0;
	background-color: transparent;
}

.countdown_amount {
	font-size: 100%;
}

.countdown-amount {
	font-size: 100%;
}
.is-countdown {
	border: 0;
	background-color: transparent;
}

.nav-warning-modal {
	font-size: 100%;
	width: 730px;
}

.item-review-modal {
	font-size: 100%;
	width: 730px;
}

.nav-load-modal {
	font-size: 100%;
	width: 300px;
}

.preload-modal {
	font-size: 100%;
	width: 550px;
}

.reentry-modal {
	font-size: 100%;
	width: 960px;
}

.reentry-content {
	overflow: hidden;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.info-modal {
	font-size: 100%;
	width: 960px;
}

.info-content {
	overflow: hidden;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.paginator {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	position: absolute;
	right: 690px;
}

.q-container-full {
	margin: 40px 20px;
}

.q-container {
	padding-top: 20px;
	padding-left: 80px; /* The width of the qnumber */
}

.q-container-0561001 {
	padding-top: 20px;
	padding-left: 80px; /* The width of the qnumber */
	width: 85%;
}

.q-container-0230003 {
	padding-top: 30px;
	padding-left: 80px; /* The width of the qnumber */
}

.q-container-02701 {
	padding-top: 20px;
	padding-left: 92px; /* The width of the qnumber */
}


.q-container-4040302-2 {
	padding-left: 80px; /* The width of the qnumber */
	position: relative;
	right: 20px;
	top: 20px;
}

.q-container-4040302-3 {
	padding-left: 60px; /* The width of the qnumber */
	/*padding-top: 15px;*/
}

.q-container-4040302-4 {
	width: 100%;
}

.q-container-4040102 {
	padding-left: 80px; /* The width of the qnumber */
}

.q-container-6200101 {
	padding-left: 90px; /* The width of the qnumber */
	padding-top: 10px;
}

.q-container-4040302-5-6 {
	padding-left: 90px; /* The width of the qnumber */
	padding-top: 25px;
}


.q-container-4040103 {
	padding-left: 80px;
	padding-top: 30px;
}

.q-container-0230302 {
	padding-top: 20px;
	padding-left: 80px; /* The width of the qnumber */
}

.q-container-0230006 {
	/*margin: 40px 20px;*/
	padding-left: 95px; /* The width of the qnumber */
	padding-top: 20px;
}

.q-container-0230008 {
	/*margin: 40px 20px;*/
	padding-left: 95px; /* The width of the qnumber */
	padding-top: 20px;
}

.q-container-0230403 {
	/*margin: 40px 20px;*/
	padding-left: 80px; /* The width of the qnumber */
}

.q-number-container {
	width: 80px;
	float: left;
	margin-left: -80px;
	display: inline; /* So IE plays nice */
	text-align: center;
	font-weight: bold;
	padding-top: 3px;
}

.q-number-container-0230002 {
	width: 80px;
	float: left;
	margin-left: -80px;
	display: inline; /* So IE plays nice */
	text-align: center;
	font-weight: bold;
	padding-top: 23px;
}

.q-number-container-0230006 {
	width: 80px;
	float: left;
	margin-left: -80px;
	display: inline; /* So IE plays nice */
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
}

.q-number-container-4040302-2 {
	position: relative;
	top: -126px;
	width: 80px;
	float: left;
	left: -80px;
	display: inline; /* So IE plays nice */
	text-align: center;
	font-weight: bold;
}

.q-number-container-4040302-3 {
	width: 80px;
	float: left;
	margin-left: -80px;
	display: inline; /* So IE plays nice */
	text-align: center;
	font-weight: bold;
	position: relative;
}

.q-number-container-4040302 {
	position: relative;
	right: 500px;
	width: 80px;
	display: inline; /* So IE plays nice */
	text-align: center;
	font-weight: bold;
}

.q-number-container-4040302-1 {
	position: relative;
	right: 580px;
	width: 80px;
	display: inline; /* So IE plays nice */
	text-align: center;
	font-weight: bold;
	top: 38px;
}

.q-number-container-4040103 {
	width: 80px;
	float: left;
	margin-top: 1px;
	margin-left: -80px;
	display: inline; /* So IE plays nice */
	text-align: center;
	font-weight: bold;
}

.q-number-container-0561001 {
	position: relative;
	top: 21px;
	width: 80px;
	float: left;
	margin-left: -80px;
	display: inline; /* So IE plays nice */
	text-align: center;
	font-weight: bold;
}


.q-number-container-0230008 {
	width: 80px;
	float: left;
	margin-left: -80px;
	display: inline; /* So IE plays nice */
	text-align: center;
	font-weight: bold;
	position: relative;
	top: -59px
}

.q-number-container-0230403 {
	width: 80px;
	left: -108px;
	top: 15px;
	position: relative;
	text-align: center;
	font-weight: bold;
}

.q-number-container-6200101 {
	width: 80px;
	left: -90px;
	display: inline; /* So IE plays nice */
	position: relative;
	text-align: center;
	font-weight: bold;
}

.q-number-container-4040302-5-6 {
	width: 80px;
	left: -90px;
	top: 4px;
	display: inline; /* So IE plays nice */
	position: relative;
	text-align: center;
	font-weight: bold;
}

.q-number-container-02701 {
	width: 80px;
	left: -90px;
	display: inline; /* So IE plays nice */
	position: relative;
	text-align: center;
	font-weight: bold;
}

.q-number-container-4040102 {
	width: 80px;
	float: left;
	margin-left: -80px;
	display: inline; /* So IE plays nice */
	text-align: center;
	font-weight: bold;
	padding-top: 8px;
}

.q-number-container-4040102-2 {
	width: 80px;
	float: left;
	margin-left: -80px;
	display: inline; /* So IE plays nice */
	text-align: center;
	font-weight: bold;
	padding-top: 8px;
	line-height: 40px;
}

.q-number-container-0230302 {
	width: 80px;
	display: inline; /* So IE plays nice */
	text-align: center;
	font-weight: bold;
	position: relative;
	top: 38px;
	right: 60px;
}

.q-number-container-0560401 {
	width: 80px;
	float: left;
	margin-left: -80px;
	display: inline; /* So IE plays nice */
	text-align: center;
	font-weight: bold;
	position: relative;
	top: 3px;
}

.q-number-container-0561006 {
	width: 80px;
	float: left;
	margin-left: -80px;
	display: inline; /* So IE plays nice */
	text-align: center;
	font-weight: bold;
	position: relative;
	top: -10px;
	left: -20px;
}

.q-display-container {
	width: 100%;
	border-left: 80px solid transparent; /* The width and color of the qnumber */
	margin-left: -80px; /* Hat tip to Ryan Brill */
	float: right;
}

.q-display-container-0230002 {
	width: 100%;
	border-left: 80px solid transparent; /* The width and color of the qnumber */
	margin-left: -80px; /* Hat tip to Ryan Brill */
	float: right;
	padding-top: 20px;
}

.q-display-container-0230006 {
	width: 90%;
	border-left: 80px solid transparent; /* The width and color of the qnumber */
	margin-left: -80px; /* Hat tip to Ryan Brill */
	float: left;
}

.q-display-container-4040102-2 {
	width: 100%;
	border-left: 80px solid transparent; /* The width and color of the qnumber */
	margin-left: -80px; /* Hat tip to Ryan Brill */
	float: right;
	line-height: 40px;
}

.q-display-container-4020102 {
	width: 100%;
	border-left: 80px solid transparent; /* The width and color of the qnumber */
	margin-left: -80px; /* Hat tip to Ryan Brill */
	float: right;
	padding-top: 20px;
}

.q-display-container-0560401 {
	position: relative;
	top: -164px;
	width: 100%;
	border-left: 80px solid transparent; /* The width and color of the qnumber */
	margin-left: -80px; /* Hat tip to Ryan Brill */
	float: right;
}

.q-display-container-4040302-4 {
	width: 100%;
}

.q-display-container-4040302-2 {
	position: relative;
	top: 10px;
	width: 100%;
	border-left: 80px solid transparent; /* The width and color of the qnumber */
	float: right;
}

.q-display-container-02701 {
	position: relative;
	/*top: -5px;*/
	border-left: 80px solid transparent; /* The width and color of the qnumber */
	margin-left: -130px; /* Hat tip to Ryan Brill */
	width: 400px;
}

.q-display-container-6200101 {
	position: relative;
	top: -30px;
	border-left: 80px solid transparent; /* The width and color of the qnumber */
	margin-left: -130px; /* Hat tip to Ryan Brill */
	width: 370px;
}

.q-display-container-4040302-5-6 {
	position: relative;
	top: 10px;
	border-left: 80px solid transparent; /* The width and color of the qnumber */
	margin-left: -130px; /* Hat tip to Ryan Brill */
	width: 550px;
}

.q-display-container-0561006 {
	position: relative;
	top: -15px;
	left: 30px;
	float: left;
	border-left: 80px solid transparent; /* The width and color of the qnumber */
	margin-left: -130px; /* Hat tip to Ryan Brill */
	width: 90%;
	font-size: 115%;
	line-height: 27px;
}

.q-display-container-0561006-q19 {
	position: relative;
	top: -10px;
	left: 30px;
	float: left;
	border-left: 80px solid transparent; /* The width and color of the qnumber */
	margin-left: -130px; /* Hat tip to Ryan Brill */
	width: 90%;
	font-size: 105%;
}

.q-display-container-0561001 {
	position: relative;
	top: 60px;
	border-left: 100px solid transparent; /* The width and color of the qnumber */
	margin-left: -100px; /* Hat tip to Ryan Brill */
	font-size: 110%;
	width: 90%;
	line-height: 40px;
}

.q-display-container-0561001-2 {
	position: relative;
	top: 40px;
	border-left: 100px solid transparent; /* The width and color of the qnumber */
	margin-left: -100px; /* Hat tip to Ryan Brill */
	font-size: 110%;
	width: 90%;
}

.q-display-container-0561001-3 {
	position: relative;
	top: 50px;
	border-left: 100px solid transparent; /* The width and color of the qnumber */
	margin-left: -100px; /* Hat tip to Ryan Brill */
	font-size: 110%;
	width: 90%;
	line-height: 17px;
}

.q-display-container-0230403 {
	position: relative;
	top: 15px;
	border-left: 80px solid transparent; /* The width and color of the qnumber */
	margin-left: -140px; /* Hat tip to Ryan Brill */
	width: 450px;
}

.q-container-compact {
	margin-top: 40px;
	padding-left: 40px; /* The width of the qnumber */
}

.q-number-container-compact {
	width: 40px;
	float: left;
	margin-left: -40px;
	display: inline; /* So IE plays nice */
	text-align: center;
	font-weight: bold;
}

.q-display-container-compact {
	width: 100%;
	border-left: 40px solid transparent; /* The width and color of the qnumber */
	margin-left: -40px; /* Hat tip to Ryan Brill */
	float: right;
}

.q-label {
	padding: 10px 10px 40px 10px;
}

.q-label-0230008-2 {
	padding: 3px 5px 40px;
}

.q-label-6200101 {
	width: 375px;
	margin-left: -50px;
	position: relative;
	top: -18px;
}

.q-label-4040302-5-6 {
	width: 550px;
	margin-left: -50px;
	position: relative;
	top: -18px;
	line-height: 25px;
}


.q-label-02701 {
	width: 375px;
	margin-left: -50px;
	position: relative;
	top: -18px;
}

.q-label-0561001 {
	position: relative;
	top: 17px;
	display: inline;
	padding-bottom: 40px;
	font-size: 115%;
	width: 85%;
	padding-right: 50px;
	line-height: 27px;
}


.q-label-0230403 {
	display: inline;
	width: 450px;
	left: -50px;
	position: relative;
	top: -4px;
}

.q-number-container-low {
	width: 80px;
	float: left;
	margin-left: -80px;
	margin-top: 110px;
	display: inline; /* So IE plays nice */
	text-align: center;
	font-weight: bold;
}

.endMsg {
	text-align: center;
	font-weight: bold;
	font-size: 100%;
	padding-top: 200px;
	flex: 1;
}

/* 3 column container */
.q-container-3cols-mask {
	position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
.q-container-3cols-colmid {
	float:left;
	width:200%;
	position:relative;
	left:50%;
	margin-left:-100px;
}
.q-container-3cols-colright {
	float:left;
	width:100%;
	position:relative;
	left:90px;         	/* Left column width + right column width */
}
.q-container-3cols-col1wrap {
	float:left;
	width:25%;
	position:relative;
	right:25%;
}
.q-container-3cols-col1 {
	margin:0 5px 0 115px;
	position:relative;
	right:90px;
	overflow:hidden;
}
.q-container-3cols-col2wrap {
	float:left;
	width:25%;
	position:relative;
	right:25%;
}
.q-container-3cols-col2 {
	margin:0 5px 0 115px;
	position:relative;
	right:100px;
	overflow:hidden;
}
.q-container-3cols-col3 {
	float:left;
	width:80px;        	/* Width of right column content (right column width minus left and right padding) */
	margin-left:-85px;  	/* Width of right column right-hand padding + left column left and right padding */
	position:relative;
	right:50%;
}
/* END: 3 column container */

/* 2 cols column container */
.q-container-2cols-colmask {
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common q-container-2cols-column settings */
.q-container-2cols-colright,
.q-container-2cols-colmid,
.q-container-2cols-colleft {
	float:left;
	width:100%;
	position:relative;
}
.q-container-2cols-col1,
.q-container-2cols-col2,
.q-container-2cols-col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
}
/* 2 q-container-2cols-column (double page) settings */
.q-container-2cols-doublepage {
	background: transparent;		/* right q-container-2cols-column background q-container-2cols-colour */
}
.q-container-2cols-doublepage .q-container-2cols-colleft {
	right:50%;			/* right q-container-2cols-column width */
	background: transparent;		/* left q-container-2cols-column background q-container-2cols-colour */
}
.q-container-2cols-doublepage .q-container-2cols-col1 {
	width:48%;			/* left q-container-2cols-column content width (q-container-2cols-column width minus left and right padding) */
	left:51%;			/* right q-container-2cols-column width plus left q-container-2cols-column left padding */
}
.q-container-2cols-doublepage .q-container-2cols-col2 {
	width:48%;			/* right q-container-2cols-column content width (q-container-2cols-column width minus left and right padding) */
	left:53%;			/* (right q-container-2cols-column width) plus (left q-container-2cols-column left and right padding) plus (right q-container-2cols-column left padding) */
}
/* end 2 cols column container */

.q-reference-doc {
	margin-top: 10px;
	height: 450px;
	overflow-y: scroll;
	background-color: #EFEFEF;
	padding: 5px 5px 0 5px;
}

.loader-container {
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align:	center;
}
.loader-text-anim {
	text-decoration: blink;
}
@media screen and (max-width: 1024px) {
.body-container-br {
	padding-top: 245px;
	font-size:3.5vw;
	}
}
@media screen and (min-width: 1025px) {
.body-container-br {
	padding-top: 245px;
	}
}


.instruction-return .ui-dialog-buttonpane {
	background-color: #82A0B8;
	height: 50px;
	margin: 0;
}

*.highlightYellow {
	background-color: yellow;
}

.header-q-progress-container {
	display: inline;
	float: right;
	font-size: 70%;
	width: 90%;
	padding-top: 8px;

}

#q-progress.ui-progressbar {
	height: 1em;
}

.q-progress-label {
	width: 33%;
	text-align: right;
}

.q-progress-prct-label {
	width: 33%;
	text-align: left;
}

.general-instruct-modal {
	font-size: 100%;
	width: 960px;
}

.general-instruct-content {
	overflow: hidden;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.general-instruct .ui-dialog-buttonpane {
	background-color: #82A0B8;
	height: 60px;
	margin: 0;
}

.paginatorGi {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	position: absolute;
	right: 690px;
}

.q-review {
	background-color: red !important;
	color: #FFFFFF !important;
	border-radius: 10px;
}

#reentry-modal {
	height: 505px !important;
	overflow: auto !important;
}
.reentry-modal-layout .ui-dialog-titlebar {
	height: 3px;
}

.reentry-modal-layout .ui-dialog-buttonpane {
	padding-bottom: 3px;
	padding-top: 12px;
	height: 60px;
}

#info-modal {
	height: 505px !important;
	overflow: auto !important;
}
.info-modal-layout .ui-dialog-titlebar {
	height: 3px;
}

.info-modal-layout .ui-dialog-buttonpane {
	padding-bottom: 3px;
	padding-top: 12px;
	height: 60px;
}

/* Modifs to JQuery Theme */
.ui-helper-reset {
	font-size: 100%;
	line-height: 0.85;
}

.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: 0.1em 0.1em 0;
}

.ui-dialog .ui-dialog-buttonpane button {
	cursor: pointer;
	float: right;
	line-height: 1.4em;
	margin: 0.5em 0.4em 0.5em 0;
	overflow: visible;
	padding: 0.1em 0.6em;
	width: auto;
}

.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding-bottom: 0.3em;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.1em;
	font-size: 115%;
}
@media screen and (max-width: 1024px) {
.ui-button-text{
	font-size:3.5vw;
	}
}
@media screen and (min-width: 1025px) {
.ui-button-tex {
	}
}
.ui-button .ui-button-text  {
	line-height: 1.1
}

.panel-default > .panel-heading {
	background-color: #FFFFFF;
}

.panel-footer {
  background-color: #FFFFFF;
}

#navwidget.ui-widget-content {
  border: 1px solid #FFFFFF;
}

.item-review-container {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	border: 1px solid #AEAEAE;
	margin: 10px;
	padding: 10px;
	height: 200px;
}
.item-review-q {
	border: 1px solid #AEAEAE;
	cursor: pointer;
	padding: 2px;
	width: 50px;
	margin: 2px;
	text-align: center;
}

.item-review-q-unanswered {
	background-color: #ffbb0f;
}

.item-review-q-review {
	border: 3px solid red;
}

.warning-dialog .ui-widget-header {
	background: #FF7171;
	font-size: 140%;
	color: #FFF;
}

.warning-dialog .ui-dialog-titlebar {
	background: #FF7171;
	font-size: 140%;
	color: #FFF;
}

.warning-dialog .ui-dialog-buttonpane .ui-button {
	width: 95%;
	margin-right: 10px;
}

.portal-title {
	margin-top: 5px ;
	margin-bottom: 5px;
}

.ui-candidat-footer-navwidget-2 {
	float: left;
	font-size: 55%;
	padding-top: 2px;
	text-align: center;
	width: 65%;
}

.ui-candidat-footer-help-2 {
	float: left;
	padding-left: 15px;
	padding-top: 13px;
	width: 110px;
}
.ui-candidat-footer-font-2 {
	float: left;
	padding-left: 1px;
	padding-top: 24px;
}

.no-close-button .ui-dialog-titlebar-close {
	display: none;
}

.ui-candidat-footer-help-3 {
	float: left;
	padding-left: 15px;
	padding-top: 22px;
}

.ui-candidat-footer-navwidget-3 {
	float: left;
	font-size: 55%;
	padding-top: 30px;
	padding-left: 30px;
	text-align: center;
}