#saiAssessment .aHeader h1,
	#saiAssessment .form-group {
		margin: 0;
	}

	.aHeaderRightCol {
		display: none;
	}	

	.aRow {
		padding: 1.2em;
	}

	.aRow .aLeftCol [class*="col-"] {
		margin: 0;
		padding: 0;
	}

	.aLeftCol {
		padding-bottom: 0.6em;
	}

	.aNumber {
		text-align: right;
	}

	.aQuestion,
	.aBoxContent {
		padding-left: 1.2em;
		padding-right: 1.2em;
	}

	.noNumberCol .aQuestion {
		padding-left: 2.4em;
		padding-right: 2.4em;
	}

	.aQuestion label {
		font-weight: normal;
		padding-bottom: 0.6em;
	}

	.aBox {
		position: relative;
		width: 100%;
	}

	.aBoxCol,
	.hasNumbers .aNav{
		padding: 0 0 0 2.4em;
	}

	.noNumbers .aNav,
	.noNumbers .aNavRestart {
		padding: 0 1.2em;
	}

	#saiAssessment .aNav,
	#saiAssessment .aNavRestart {
		margin: 1em 0;
	}

	#saiAssessment .aNav .btn {
		margin-right: 0;
		margin-bottom: 0;
	}

	#saiAssessment .aNavPrev,
	#saiAssessment .aNavSelect .btn {
		border-right: none;
	}

	#saiAssessment .aNavHasPrev .btn:first-child,
	#saiAssessment .aNavHasSelect .btn:first-child {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0
	}

	#saiAssessment .aNavHasPrev .btn:last-child,
	#saiAssessment .aNavHasSelect .btn:last-child {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}

	#saiAssessment .aNavHasPrev .aNavSelect .btn {
		border-radius: 0;
	}

	#saiAssessment .aNavHasPrev .dropdown-menu {
		border-top-left-radius: 0;
	}

	.aRadio {
		display: inline-block;
		width: auto;
		height: auto;
	}

	#saiAssessment .aRadio,
	#saiAssessment .aRadio:hover,
	#saiAssessment .aBoolean,
	#saiAssessment .aBoolean:hover,
	#saiAssessment .aCheckbox,
	#saiAssessment .aCheckbox:hover {
		color: #666;
    	text-decoration: none;
	}

	.aRadio .fa-circle:before,
	.aBoolean .fa-circle:before {
		content: "\f10c";
	}

	.aRadio:hover .fa-circle:before,
	.aBoolean:hover .fa-circle:before {
		content: "\f192";
	}

	.aRadio:active .fa-circle:before,
	.aBoolean:active .fa-circle:before {
		content: "\f05d";
	}

	.aRadio.checked .fa-circle:before,
	.aBoolean.checked .fa-circle:before {
		content: "\f058";
	}

	.aCheckbox .fa-square:before {
		content: "\f096";
		padding-left: 0;
	}

	.aCheckbox:hover .fa-square:before {
		content: "\f096";
		padding-left: 0;
	}

	.aCheckbox:active .fa-square:before {
		content: "\f046";
		padding-left: 0.15em;
	}

	.aCheckbox.checked .fa-square:before {
		content: "\f14a";
		padding-left: 0.05em;
	}

	.aRadio .fa,
	.aRadioLabel,
	.aBoolean .fa,
	.aBooleanLabel,
	.aCheckbox .fa,
	.aCheckboxLabel {
		vertical-align: middle;
	}

	.aRadioLabel,
	.aBooleanLabel,
	.aCheckboxLabel {
		padding-left: 0.1em;
	}

	.aBoolean {
		white-space: nowrap;
		margin-right: 0.75em;
	}

	.aMultiselect {
		width: 100%;
	}

	#saiAssessment .aMultiselect ul {
		margin: 0;
	}

	#saiAssessment .aMultiselect li {
		margin: auto;
	}

	#saiAssessment .aMultiselect li.select2-search-choice {
		margin: 0.2em 0 0.2em 0.2em;
		padding: 3px 5px 3px 20px;
	}

	#saiAssessment .aMultiselect a.select2-search-choice-close {
		left: 5px;
		top: 50%;
		margin-top: -6px;
	}

	#saiAssessment .text-muted {
		font-size: 0.75em;
		color: #999;
		margin: 0.6em 0 0;
	}

	.inputMode-check .aHeaderValue,
	.inputMode-check .aRadioInput,
	.inputMode-number .aBoxRow {
		display: none;
	}

@media only screen and (min-width : 768px) { /* small screens */
	.aBoxCol,
	.hasNumbers .aNav {
		padding: 0 3.6em;
	}
	.noNumbers .aNav {
		padding: 0 1.2em;
	}
}

@media only screen and (min-width : 992px) { /* large screens */
	
	#saiAssessment {
		margin-right: -2.4em;
		padding-left: 2.4em;
	}
	
	#saiAssessment .aHeader h1 {
		margin-top: 0.8em;
		margin-bottom: 0.6em;
	}

	
	.aHeaderContainer {
		position: -webkit-sticky;
		position: sticky;
		top: 0px;
		z-index: 5;
		background-color: #fff;
	}
	
	.toolbar_shown .aHeaderContainer {
		top: 48px;
	}
	
	.aHeader {
		width: 100%;
		height: 100%;
		background-color: #fff;
	}
	
	.hasRadios .aHeader .aRow {
		background-color: #fff;
		border-bottom: 1px solid #ddd;
	}
	
	.hasRadios .aQuestions .aRow:hover,
	.noRadios .aQuestions .aLeftCol:hover {
		background-color: #f5f5f5;
	}
	
	.noRadios .aQuestions .aRowContainer:first-of-type .aLeftCol {
		border-top: 1px solid #ddd;
	}
	
	.aHeader .aRow .aHeaderLeftCol {
		vertical-align: bottom;
	}
	
	.aCol-5 {
		width: 20%;
	}
	
	.aCol-4 {
		width: 25%;
	}
	
	.aHeaderLabelCol {
		padding: 0;
	}
	
	.aBoxCol,
	.aHeaderLabelCol {
		position: relative;
		float: left;
		display: block;
		vertical-align: middle;
	}
	
	.aHeaderLabel {
		-ms-transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		display: block;
		white-space: nowrap;
	}
	
	.aHeaderLabelContainer {
		position: absolute;
		bottom: 2.4em;
		width: 100%;
	}
	
	.aQuestions,
	.aQuestions form,
	.aRow {
		width: 100%;
	}
	
	.aQuestions .aRow {
		border-left: 1px solid #ddd;
	}

	.aRow {
		display: table;
		padding: 0;
	}

	.aRow [class*="col-"] {
		float: none;
		display: table-cell;
		vertical-align: middle;
	}
	
	.aRow .row [class*="col-"] {
		float: left;
		display: block;
		vertical-align: middle;
	}
	
	.aRow .aRightCol [class*="col-"] {
		margin: 0;
		padding: 0;
	}
	
	.aLeftCol,
	.aRightCol {
		border-bottom: 1px solid #ddd;
	}
	
	.qType-radio .aLeftCol,
	.aRightCol {
		border-right: 1px solid #ddd;
	}
	
	.noRadios .aLeftCol {
		border-right: 1px solid #ddd;
	}
	
	.noRadios .aRightCol {
		border-right: none;
		border-bottom: none;
	}
	
	#saiAssessment .aNav,
	#saiAssessment .aNavRestart {
		margin: 2em 0 1em;
		padding: 0 2.4em 0 0;
	}
	
	.aBoxCol:first-child {
		border-left: none;
	}
	
	.aQuestions .aLeftCol {
		padding: 1.2em 0;
		vertical-align: top;
	}
	
	.aQuestions .qType-radio .aLeftCol {
		vertical-align: middle;
		padding: 0.6em 0;
	}
	
	.aQuestions .aLeftCol .row {
		margin: 0;
		padding: 0;
	}
	
	.aBoxCol {
		padding: 0;
		border-left: 1px solid #ddd;
	}
	
	.aBox {
		padding-top: 0;
	}

	.aBox:before {
		content: "";
		display: block;
		padding-top: 100%;
	}
	
	.aBoxContent {
		position: absolute;
		top: 0;
		left: 0;
		padding: 0;
		width: 100%;
		height: 100%;
		text-align: center;
		vertical-align: middle;
	}
	
	.aRadio {
		display: block;
		width: 100%;
		height: 100%;
	}
	
	.aRadioLabel {
		display: none;
	}
	
	.aRadio .fa {
		position: relative;
		vertical-align: top;
		line-height: 0;
		top: 50%;
	}
	
	.aRadioInput {
		margin-left: -2.4em;
		margin-right: -2.4em;
		padding: 0.6em 1.2em;
	}

}