.btn-white.btn-primary:focus {
	background-color: #D4DBE0 !important;
}

.profile-info-name {
	vertical-align: top;
}

.als-testsystem-headertext {
	display: none;
}

.als-h1-h5sized {
	font-size: 16px;
}

h1.als-sectionheader-standardsize,
h2.als-sectionheader-standardsize,
h3.als-sectionheader-standardsize,
h4.als-sectionheader-standardsize,
h5.als-sectionheader-standardsize,
h6.als-sectionheader-standardsize {
	font-size: unset;
	font-weight: unset;
	line-height: unset;
	margin: unset;
}

[data-rel=popover] > svg {
	pointer-events: none;
}

.fwk-columnized-itemlabel {
	display: block;
	vertical-align: top;
	margin-left: 20px;
	font-size: 12px;
}

.fwk-columnized-iteminput {
	float: left;
}

.ui-menu-item-wrapper { /* FIX for autocomplete in IE11 */
	color: black !important;
}

img { /* FIX for upload-previews exceeding page bounds */
	max-width: 100%;
}

textarea {
	resize: vertical;
}

.als-body-text {
	color: #393939;
	font-size: 13px;
}

.als-cursor-pointer {
	cursor: pointer;
}

.als-red-text {
	color: red;
}

.als-orange-text {
	color: darkorange;
}

.als-ellipsiscell {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	max-width: 0;
}

.als-textalign-right {
	text-align: right;
}

.als-textalign-center {
	text-align: center;
}

.profile-info-name-150 .profile-info-name {
	width: 150px;
}

.btn-scroll-up.display { /* change to darken the scroll to top button slight*/
	background-color: #4B4B4B !important;
	bottom: 28px;
	opacity: 0.75;
}

.als-menuitem_disabled { /* do not change to als-menuitem-disabled, ace has a rule on anything with item-disabled in it */
	pointer-events: none;
}

	.als-menuitem_disabled .menu-text {
		color: #afafaf;
	}

	.als-menuitem_disabled .menu-icon {
		color: #afafaf;
	}

.als_strikethrough {
	text-decoration: line-through;
}

.als-radiopane {
	display: none;
}

.als-radiopane.als-radiopane-active {
	display: block;
}

.als-actionitem_disabled, .als-actionitem_disabled.btn {
	pointer-events: none;
	border-color: #999999;
	background: #E0E0E0 !important;
}

	.als-actionitem_disabled span {
		color: #afafaf;
	}

tr.als-invoice-unpaidrow > td {
	background-color: #fbfcdc !important;
	font-weight: bolder;
}

.als-fileSizeWarning td {
	background-color: #fbfcdc !important;
}

.als-fileSizeError td {
	background-color: #fadfde !important;
}


span[data-fingerprint] {
	font-size: 85%;
	word-break: break-all;
}

.als-reqsummaryheader {
	background-color: #E5F3FF;	
}

	.als-reqsummaryheader label {
		color: #669fc7;
		font-weight: bolder;
	}

.als-reqsummaryheader-requirementlabel {
	border-style: solid;
	border-color: #CCCCCC;
	border-width: 1px 0px 1px 1px;
}

.als-reqsummaryheader-cleareddate {
	border-style: solid;
	border-color: #CCCCCC;
	border-width: 1px 0px;
}

.als-reqsummaryheader-status {
	border-style: solid;
	border-color: #CCCCCC;
	border-width: 1px 1px 1px 0px;
}

.als-reqsummary-rowcell {
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #CCCCCC;
}

.als-reqsummary-rowcell-last {
	border-style: none;
	border-width: 0px;
}

.als-reqsummary-rowcelleven {
}

.als-reqsummary-rowcellodd {
}
/* more-less content classes */
.als-morelesscontent-checkbox {
	display: none;
}

.als-morelesscontent-content {
	max-height: 150px;
	overflow-x: hidden;
	overflow-y: hidden;
}

.als-morelesscontent-wrapper .als-morelesscontent-more,
.als-morelesscontent-wrapper .als-morelesscontent-less {
	display: none;
}

.als-morelesscontent-wrapper.als-morelesscontent-contentoverflows .als-morelesscontent-more {
	display: initial;
}

.als-morelesscontent-wrapper.als-morelesscontent-contentoverflows .als-morelesscontent-checkbox:checked ~ .als-morelesscontent-content {
	max-height: none;
	overflow-y: visible;
}

.als-morelesscontent-wrapper.als-morelesscontent-contentoverflows .als-morelesscontent-checkbox:checked ~ .als-morelesscontent-more {
	display: none;
}

.als-morelesscontent-wrapper.als-morelesscontent-contentoverflows .als-morelesscontent-checkbox:checked ~ .als-morelesscontent-less {
	display: initial;
}
/* end of more-less content classes */

/* detail page nav search classes */
.als-detailnavsearch-newtablink {
	position: absolute;
	right: 0px;
	padding: 0px !important;
}

	.als-detailnavsearch-newtablink:hover,
	.als-detailnavsearch-newtablink:active {
		background-color: transparent !important;
	}
/* end of detail page nav search classes */

/*vote default classes*/
.als-vote i.als-vote-standardicon {
	font-family: "Font Awesome 5 Pro";
	font-size: 1.5em;
	font-style: normal;
}

#ballotform > button[type=submit] {
	margin-top: 16px;
}

#ballotform > button[type=submit]:before {
	content: "Submit"
}

.als-vote #ballotcontainer > div > fieldset:first-child {
	padding-top: 0px;
	padding-left: 0px;
	margin-top: 0px;
}

.als-vote-questionwrapper {
	border-top-width: 2px;
	border-top-style: solid;
	border-color: #999999;
	margin-top: 32px;
	padding-top: 12px;
	clear: left;
}

.als-vote #ballotcontainer > div > fieldset[data-fwk_sectionid] > div > div > [data-fwkfieldid]:first-child > .als-vote-questionwrapper {
	margin-top: 8px;
}

.als-vote-questionansweredcontainer {
	width: 48px;
	float: left;
	padding-top: 5px;
}

	.als-vote-questionansweredcontainer > i {
		font-family: "Font Awesome 5 Pro";
		font-size: 1.5em;
		font-style: normal;
	}

		.als-vote-questionansweredcontainer > i:before {
			color: #95ccf5;
			content: "\f735";
		}

.als-vote-questionisanswered > .als-vote-questionwrapper > .als-vote-questionansweredcontainer > i:before {
	color: #599747;
	content: "\f772";
}

.als-vote-questionfieldcontainer {
	margin-left: 48px;
}

.als-vote-questiontitle {
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: normal;
	font-size: 18px;
}

.als-vote-questioninstructions {
	display: block;
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 12px 0px 4px 0px;
	color: #444444;
}

.als-vote-selectionsremaining {
	font-size: 80%;
	float: right;
}

.als-vote-selectionsremaining-number {
	color: #478fca;
	font-weight: bolder;
}

.als-vote-radiospacer,
.als-vote-radiospacer-readonly {
	margin: 2px 0 2px;
	max-height: 2px;
	min-height: 2px;
	overflow: hidden;
	clear: both;
}

.als-vote-radioinputwrap {
	float: left;
}

.als-vote-radiolabelwrap {
	margin-left: 24px;
}

	.als-vote-radiolabelwrap > label {
		font-size: 12px;
		margin: 4px 0px 0px 0px;
	}

.als-vote-moreinfolink {
	margin: 4px 0px 0px 12px;
	cursor: pointer;
	text-decoration:underline;
	display: inline-block;
	vertical-align: middle;
}

	.als-vote-moreinfolink:before {
		content: "more info";
	}

.als-vote .als-errorlist {
	clear: both;
	margin-top: 8px;
}
/*end vote default classes*/
/* dimension default classes */
.als-dimension-showallexpired .als-dimension-expiredplaceholder {
	display: none;
}

ul.als-dimension-list > li:only-child {
	list-style: none;
	margin-left: -18px;
}

ul.als-dimension-list > li.als-dimension-expired {
	display: none;
	color: #909090;
}

.als-dimensionassignment-pending {
	color: #989898;
}

.als-dimension-showallexpired ul.als-dimension-list > li.als-dimension-expired {
	display: list-item;
}

ul.als-dimensionassignment-list > li {
	list-style: disc;
}

	ul.als-dimensionassignment-list > li:only-child {
		list-style: none;
		margin-left: -18px;
	}

	ul.als-dimensionassignment-list > li.als-dimensionassignment-expired {
		display: none;
		color: #909090;
	}

.als-dimension-showallexpired ul.als-dimensionassignment-list > li.als-dimensionassignment-expired { /* second selector is an edge case where only one expired dimension is available in a set and it has MORE than one date entry, this will ensure they don't hide in that scenario (we show the expired assignment if it is the only assignment)*/
	display: list-item;
}

.als-dimensionsetvalidationlist {
	color: #dd5a43;
}

ul.als-dimensionsetvalidationlist > li:only-child {
	list-style: none;
	margin-left: -18px;
}
/* dimension end classes */
/*FIX FOR PROPERTIES RENDERING OFF THE EDGE OF THE TABLE WIZARD DIALOG IN TELERIK RICH TEXT EDITOR*/
#k-table-properties,
#k-cell-properties,
#k-accessibility-properties {
	overflow-y: auto;
}
/* classes for client-side forms & validation (using ajax and fwk.htmlforms.js primarily) */
.als-validationmessage {
	/*display:none; use this if we go to a parent having a "has-error" class for highlighting labels etc*/
	color: #dd5a43;
	font-style: italic;
}

label.input-validation-error {
	color: red;
	font-size: 90%;
	font-style: italic;
}
/* end client-side forms/validation classes */

/* detail view classes */
.profile-info-row > .profile-info-name > label {
	font-size: 12px;
}

.als-section-header .btn.btn-link {
	padding: 4px 10px !important;
}

.btn.btn-link.btn-link-danger {
	color: #a94442 !important;
}
/* end detail view classes */

/* text input watermark styles */
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #333333;
	opacity: 0.45;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: rgba(179, 179, 179, 1) !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
	color: rgba(179, 179, 179, 1) !important;
}
/* end text input watermark styles */

/* sortable list styles */
.als-sortlist {
	list-style-type: none;
	margin: 0px;
	padding: 10px 0 0 0;
}

	.als-sortlist li {
		margin-bottom: 5px;
		background-color: white;
		padding: 6px;
		background-color: #578AAC;
		color: #FFFFFF;
	}

.als-listfiltered li {
	display: none;
}

	.als-listfiltered li.als-itemfound {
		display: list-item;
	}

.als-selecteditemlist li:first-child [data-fwkaction='itemup'],
.als-selecteditemlist li:last-child [data-fwkaction='itemdown'] {
	display: none;
}

.als-sortableli_placeholder {
	background-color: white !important;
	border-color: #555555;
	border-width: 1px;
	border-style: solid;
	height: 34px;
}
/* end sortable list styles */

/* GL trx styles */
.als-fulltrxdetails {
	display: none;
}

.als-showunappliedtrx .als-fulltrxdetails {
	display: table-cell;
}

.als-showunappliedtrx .als-shorttrxdetails {
	display: none;
}
/* end GL trx styles */

/* quick search styles */
.als-queries .als-query {
	display: inline-block;
}

.als-queries .als-favoritequery {
	display: none;
}

.als-favoritequeries .als-favoritequery {
	display: inline-block;
}

.als-favoritequeries .als-query {
	display: none;
}

.als_extendedsearch {
	position: relative;
	z-index: 99;
	right: 24px;
}

	.als_extendedsearch input {
		opacity: 0;
		top: -3px;
		left: -5px;
		position: absolute;
		margin: 0px;
		width: 20px;
		height: 20px;
		cursor: pointer;
	}

	.als_extendedsearch svg {
		position: absolute;
		top: 0;
		left: 0;
		pointer-events: none;
		color: lightgrey;
	}

	.als_extendedsearch input:checked ~ svg {
		color: #888888; /*#69aa46;*/
	}

.als_statdisplayswitch {
}

	.als_statdisplayswitch input {
		opacity: 0;
		position: absolute;
		width: 24px;
		height: 24px;
		margin: 0px;
		cursor: pointer;
	}

	.als_statdisplayswitch svg {
		pointer-events: none;
		color: lightgrey;
	}

	.als_statdisplayswitch input:checked ~ svg {
		color: #69aa46;
	}
/* end quick search styles */

/* classes for section/field etc customization */
.als-section_hidelegend legend:first-of-type {
	display: none;
}

.als-section-smallerheader legend:first-of-type {
	font-size: 16px;
}

.als-lightorange-legend legend:first-of-type {
	background-color: #e2b87e;
	color: white;
	border-width: 0px;
	padding-left: 4px;
}

.als-field-fieldinfoliteral {
	font-style: italic;
}

	.als-field-fieldinfoliteral .alsfieldlabel {
		color: #666666;
	}

.als-help-label {
	background-color: #f2f2f2;
	padding: 5px;
	font-style: italic;
}
/* end section/field classes */

/* Exam classes */
tr.als-exam-pendingrow > td.als-exam-statuscell {
	color: #ff892a;
}

tr.als-exam-challengeablerow > td.als-exam-statuscell {
	color: #6ea465;
}

tr.als-exam-unpaidrow > td {
	background-color: #fbfcdc !important;
	font-weight: bolder;
}

.als-exam-widgetbody {
	padding: 12px;
	background-color: white;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #DCE8F1;
}

.als-exam-section > legend {
	font-size: 14px;
	margin-bottom: 16px;
}

.als-exam-sectiontitle {
	font-size: 14px;
}

.als-exam-sectiontext {
	font-size: 12px;
	/*font-style: italic;*/ /*removed due to their being few if any elements from the rich text editor that would reset this style back so the designer ends up showing plain text then the exam renders it in italic */
	margin: -12px 0px 16px 0px;
}

.als-exam-section:not(:first-child) {
	margin-top: 24px;
}

.als-exam-fieldcontainer {
	border-radius: 8px;
	padding: 12px;
	background-color: #F0F4FB;
	border-style: none;
	margin-bottom: 16px;
}

	.als-exam-fieldcontainer:last-child {
		margin-bottom: 0px;
	}

	.als-exam-fieldcontainer.als-exam-textblockcontainer {
		border-radius: 0px;
		background-color: initial;

	}

.als-exam-radiogroup {
	margin-left: 32px;
}

.als-exam-radioinputwrap {
	float: left;
}

.als-exam-radioinput {
	height: 16px;
	width: 16px;
	margin: 2px 0px 0px !important;
}

.als-exam-radiolabelwrap {
	margin-left: 24px;
}

	.als-exam-radiolabelwrap label {
		font-size: 12px;
	}

.als-exam-questiontitlewrapper {
	margin-bottom: 8px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #BBBBBB;
	padding-bottom: 4px;
}

.als-exam-questiontitle {
	font-size: 12px;
}

.als-exam-titlespan {
	font-weight: bolder;
}

.als-exam-referencetoggle > span {
	font-size: 12px;
}

.als-exam-referencesection {
	padding: 4px 0px 0px 8px;
}

.als-exam-referencelink {
	font-size: 12px;
	display: block;
}

.als-exam-questionlabel {
	margin-bottom: 16px;
}

.als-exam-fieldcontainer.als-exam-textblockcontainer .als-exam-questionlabel {
	margin-bottom: 0px;
}

.als-exam-unanswereddisplayonly {
	display: block;
	margin-left: 8px;
	font-weight: bolder;
}

.als-exam-radiospacer, .als-exam-radiospacer-readonly {
	margin: 2px 0 2px;
	max-height: 2px;
	min-height: 2px;
	overflow: hidden;
	clear: both;
}

.als-exam-questionmessage {
	font-size: 12px;
	font-style: italic;
}

.als-examstatus-passed {
	color: green;
}

.als-examstatus-failed {
	color: red;
}

.als-exam-declaration {
	margin-bottom: 16px;
}

.als-exam-section[data-declarationaccepted=false] .als-exam-declaration,
.als-exam-declarationpdf.als-exam-declaration {
	background-color: #fcf8e3;
	padding: 12px;
	border-radius: 8px;
}

.als-exam-declarationtext {
	font-size: 12px;
}

.als-exam-section[data-declarationaccepted=false] .als-exam-questiontitle:before {
	content: "Declaration must be accepted ";
	color: #dd5a43;
	font-weight: 700;
}

.als-exam-declaration .als-exam-declarationcheckbox {
	width: 16px;
	height: 16px;
	margin: 0px 8px 0px 0px;
	vertical-align: sub;
}
/* end exam classes */
/* exam timer classes */
.als-exam-timer {
	position: relative;
	position: sticky;
	top: 55px;
	z-index: 999;
	margin: 0px 0px auto auto;
	pointer-events: none;
}

.als-exam-timer-normal {
	width: 200px;
}

.als-exam-timer-xs {
	width: 125px;
}

.als-exam-timer-background {
	background-color: rgba(101, 190, 248, 0.7);
	border-radius: 4px;
	margin: 8px 8px 0px 0px;
	position: absolute;
}

.als-exam-timer-normal .als-exam-timer-background {
	width: 192px;
}

.als-exam-timer-xs .als-exam-timer-background {
	width: 117px;
}

.als-exam-timer-hidetimer,
.als-exam-timer-showtimer {
	float: right;
	padding: 8px;
	cursor: pointer;
	pointer-events: all;
}

	.als-exam-timer-hidetimer svg,
	.als-exam-timer-hidetimer span,
	.als-exam-timer-showtimer svg,
	.als-exam-timer-showtimer span {
		color: white;
	}

	.als-exam-timer-hidetimer span,
	.als-exam-timer-showtimer span {
		margin-left: 4px;
	}

.als-exam-timer-displaycontainer {
	width: 100%;
	padding: 0px 8px 8px 8px;
	display: table;
}

.als-exam-timer-displaycontainer-inner {
	display: table-row;
}

.als-exam-timer-displayminutes,
.als-exam-timer-displayseconds {
	width: 50%;
	display: table-cell;
	text-align: center;
}

	.als-exam-timer-displayminutes [data-regexamtimermin],
	.als-exam-timer-displayseconds [data-regexamtimersec] {
		font-size: 48px;
		color: white;
		line-height: 100%;
	}

.als-exam-timer-xs .als-exam-timer-displayminutes [data-regexamtimermin] {
	font-size: 24px;
}

.als-exam-timer-xs .als-exam-timer-displayseconds [data-regexamtimersec] {
	font-size: 14px;
}

.als-exam-timer-xs .als-exam-timer-displayminutes {
	text-align: right;
}


.als-exam-timer-xs .als-exam-timer-displayseconds {
	text-align: left;
	padding-left: 8px;
}

.als-exam-timer-displayminutes [data-regexamtimerminlabel],
.als-exam-timer-displayseconds [data-regexamtimerseclabel] {
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.8);
	font-size: 10px;
}

.als-exam-timer .als-exam-timer-hidetimer,
.als-exam-timer.als-exam-timer-collapsed .als-exam-timer-showtimer {
	display: block;
}

.als-exam-timer .als-exam-timer-showtimer,
.als-exam-timer.als-exam-timer-collapsed .als-exam-timer-hidetimer,
.als-exam-timer.als-exam-timer-collapsed .als-exam-timer-displaycontainer,
.als-exam-timer-xs .als-exam-timer-displayminutes [data-regexamtimerminlabel],
.als-exam-timer-xs .als-exam-timer-displayseconds [data-regexamtimerseclabel],
.als-exam-timer-xs .als-exam-timer-showtimer > span {
	display: none;
}

.als-exam-timer-normal.als-exam-timer-collapsed {
	width: 150px;
}

	.als-exam-timer-normal.als-exam-timer-collapsed .als-exam-timer-background {
		width: 142px;
	}

.als-exam-timer-xs.als-exam-timer-collapsed {
	width: 44px;
}

	.als-exam-timer-xs.als-exam-timer-collapsed .als-exam-timer-background {
		width: 36px;
	}

.als-exam-timer-xs .als-exam-timer-showtimer > svg {
	font-size: 130% !important;
	margin-right: 2px;
}
/* end exam timer classes */
/* Assessment classes TODO REMOVE items not in use once initial dev complete (copied from exam initially) */
tr.als-assessment-pendingrow > td.als-exam-statuscell {
	color: #ff892a;
}

.als-assessment-widgetbody {
	padding: 12px;
	background-color: white;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #DCE8F1;
}

.als-assessment-section > legend {
	font-size: 14px;
	margin-bottom: 16px;
}

.als-assessment-sectiontitle {
	font-size: 14px;
}

.als-assessment-sectiontext {
	font-size: 12px;
	font-style: italic;
	margin: -12px 0px 16px 0px;
}

.als-assessment-section:not(:first-child) {
	margin-top: 24px;
}

.als-assessment-fieldcontainer {
	border-radius: 8px;
	padding: 12px;
	background-color: #F0F4FB;
	border-style: none;
	margin-bottom: 16px;
}

	.als-assessment-fieldcontainer:last-child {
		margin-bottom: 0px;
	}

	.als-assessment-fieldcontainer.als-assessment-answered {
		background-color: #FBFBFB;
	}

.als-assessment-radiogroup {
	margin-left: 32px;
}

.als-assessment-radioinputwrap {
	float: left;
}

.als-assessment-radioinput {
	height: 16px;
	width: 16px;
	margin: 2px 0px 0px !important;
}

.als-assessment-radiolabelwrap {
	margin-left: 24px;
}

	.als-assessment-radiolabelwrap label {
		font-size: 12px;
	}

.als-assessment-questiontitlewrapper {
	margin-bottom: 8px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #BBBBBB;
	padding-bottom: 4px;
}

.als-assessment-questiontitle {
	font-size: 12px;
}

.als-assessment-titlespan {
	font-weight: bolder;
}

.als-assessment-referencetoggle > span {
	font-size: 12px;
}

.als-assessment-referencesection {
	padding: 4px 0px 0px 8px;
}

.als-assessment-referencelink {
	font-size: 12px;
	display: block;
}

.als-assessment-questionlabel {
	margin-bottom: 16px;
}

.als-assessment-unanswereddisplayonly {
	display: block;
	margin-left: 8px;
	font-weight: bolder;
}

.als-assessment-radiospacer, .als-assessment-radiospacer-readonly {
	margin: 2px 0 2px;
	max-height: 2px;
	min-height: 2px;
	overflow: hidden;
	clear: both;
}

.als-assessment-section-na > div {
	display: none;
}

.als-assessment-questionmessage {
	font-size: 12px;
	font-style: italic;
}

.als-assessment-challengeablerow > td {
	background-color: #dffbe0 !important;
}

.als-assessment-fieldcontainer[data-fwkfieldtype=checkbox] .als-assessment-questionlabel {
	display: block;
	margin-left: 20px;
}

.als-assessment-fieldcontainer[data-fwkfieldtype=checkbox] input[type=checkbox] {
	float: left;
	margin-top: 5px;
}

.als-assessment-sectionsummaryna > legend {
	color: #999999;
}

	.als-assessment-sectionsummaryna > legend > small {
		font-size: 70%;
	}

.als-assessment-summary > fieldset > legend {
	margin-bottom: 0px;
	border-bottom: 0px none;
}

.als-assessment-summary > fieldset {
	margin-bottom: 12px;
}

.als-assessment-summary .als-assessment-summarylabel {
	width: 66%;
	font-size: 85%;
}

.als-assessment-summary .als-assessment-summaryvalue {
	width: 34%;
	font-size: 85%;
}

li.als-assessment-emptysummaryitem {
	display: none;
	font-size: 85%;
	font-style: italic;
}

	li.als-assessment-emptysummaryitem:only-child {
		display: list-item;
	}
/*
NOTE: you can add these to a deployment's override css to flip the checkboxes for single rating
assessments to the right hand side

.als-assessment-fieldcontainer[data-fwkfieldtype=checkbox] .als-assessment-questionlabel {					
	margin:0px 20px 0px 0px;
}

.als-assessment-fieldcontainer[data-fwkfieldtype=checkbox] input[type=checkbox] {
	float:right;
}
*/

.als-assessment-summarylabelhighlight {
	font-weight: bolder;
}

.als-assessment-summaryvaluehighlight {
	font-weight: bolder;
}

/* end assessment classes */
/* dynamic table classes */
.fwkSortableHeader {
	cursor: pointer;
}

	.fwkSortableHeader:after {
		float: right;
		display: none;
		font-family: "Font Awesome 5 Solid";
		content: "\f0dc";
	}

.fwkSortAsc:after {
	display: none;
	font-family: "Font Awesome 5 Solid";
	content: "\f0d7";
}

.fwkSortDesc:after {
	display: none;
	font-family: "Font Awesome 5 Solid";
	content: "\f0d8";
}

.fwkitemfolder_filtermode .als_hideon_filtermode {
	display: none;
}

.fwkitemfolder_navigatemode .als_hideon_navigatemode {
	display: none;
}

.als-documents-breadcrumbs {
	border-width: 1px;
	border-style: solid;
	border-color: #ddd;
}

.als_pinbox { /* these are designed to style checkboxes to appear as pins instead and are for use inside dynamic grids, changes here that are for use outside of grids MUST maintain compatibility with the grid */
	display: block;
	position: relative;
	margin-bottom: 12px;
}

	.als_pinbox input {
		opacity: 0;
		top: -3px;
		left: -5px;
		position: absolute;
		margin: 0px;
		width: 20px;
		height: 20px;
		cursor: pointer;
	}

	.als_pinbox svg {
		position: absolute;
		top: 0;
		left: 0;
		pointer-events: none;
		color: lightgrey;
	}

	.als_pinbox input:checked ~ svg {
		color: #69aa46;
	}

.als_pinbox_red input:checked ~ svg {
	color: #dd5a43;
}

.als-tablefilter-hidezerocount.als-tablefilter-zerocount {
	display: none;
}
/* end dynamic table classes */
/* other form (org/person) classes */
.als-formrecommendation {
	display: none;
}

.als-resultshavecommendations .als-formrecommendation {
	display: table-cell;
}
/* end other form (org/person) classes */
/* dynamic form classes, old als project classes start below */
.als_withdrawnreview i {
	text-decoration: line-through !important;
}

.als-search-panel-group {
	margin-bottom: 5px;
}

	.als-search-panel-group .panel-body {
		padding: 0;
	}

	.als-search-panel-group .panel {
		border: 0px;
		box-shadow: none;
	}

	.als-search-panel-group .list-inline {
		margin-bottom: 0px;
	}

div.ui-datepicker {
	box-sizing: initial; /**** FIX FOR BOOTSTRAP STYLE SHRINKING CALENDAR CONTAINER (BUT NOT CONTENTS) ******/
}

.ui-state-active, /* UPDATE TO jquery-ui focus/hover color (was dark blue) */
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #62A8D1;
	background: #E4F0F8;
	font-weight: normal;
	color: initial;
}

.als-lightblue-cell {
	padding-top: 6px;
	padding-bottom: 12px;
	background-color: #F0F4FB;
}

.alsfieldlabel {
	color: #333333;
	font-size: 9pt;
	padding: 5px 0px;
	margin: 0 !important;
	display: block;
}

.alsmandatoryfield:before {
	content: "* ";
	color: #dd5a43;
	font-weight: 700;
}

.alsformpage {
	display: none;
}

.alsformpageactive {
	display: block;
}

.alsformpageheader {
	margin-bottom: 16px;
	font-size: 32px;
	display: none;
}

.alsformsection {
	padding: 10px;
	margin-top: 10px;
}

	.alsformsection legend {
		display: block;
		width: 100%;
		padding: 0;
		margin-bottom: 10px;
		font-size: 21px;
		line-height: inherit;
		color: #333333;
		border: 0;
		border-bottom: 1px solid #e5e5e5;
	}

.alsformsection-subsection {
	padding-top: 0;
	margin-top: 0;
}

.alsinvalidfield select, .alsinvalidfield input {
	border: 1px solid #ff0000;
}

.alsinvalidfield > .lbl, .alsinvalidfield label {
	color: #dd5a43;
}

.alsinvalidpage {
	color: #dd5a43 !important;
}

	.alsinvalidpage svg {
		color: #dd5a43 !important;
	}

.alshorizontalrdolist {
	display: inline;
}

.als-editableform {
}

	.als-editableform .als-forcevertical-rdolist .alshorizontalrdolist {
		display: block;
	}

	.als-editableform .als-forcevertical-rdolist .alsradioitemcontainer label {
		display: inline;
		margin-left: 4px !important;
	}

	.als-editableform .als-forcevertical-rdolist .alsradioitemcontainer input {
		vertical-align: middle;
		margin-bottom: 4px !important;
	}

	.als-editableform .als-forcevertical-rdolist .alsradioitemcontainer {
		display: block;
	}

		.als-editableform .als-forcevertical-rdolist .alsradioitemcontainer:not(:last-child) {
			margin-bottom: 4px !important;
		}

	.als-editableform .als-forcevertical-rdolist-minspacing .alshorizontalrdolist {
		display: block;
	}

	.als-editableform .als-forcevertical-rdolist-minspacing .alsradioitemcontainer label {
		display: inline;
		margin-left: 4px !important;
		margin-bottom: 0px !important;
	}

	.als-editableform .als-forcevertical-rdolist-minspacing .alsradioitemcontainer input {
		vertical-align: middle;
		margin-bottom: 0px !important;
		margin-top: 0px !important;
	}

	.als-editableform .als-forcevertical-rdolist-minspacing .alsradioitemcontainer {
		display: block;
	}

		.als-editableform .als-forcevertical-rdolist-minspacing .alsradioitemcontainer:not(:last-child) {
			margin-bottom: 0px !important;
		}

	.als-editableform .disabled input {
		background-color: #eee !important;
	}

	.als-editableform .disabled select {
		background-color: #eee !important;
	}

	.als-editableform .disabled textarea {
		background-color: #eee !important;
	}

.alsradioitemcontainer {
	padding-right: 5px;
	display: inline-block;
}

.alsradiobuttonfieldlabel {
	font-size: 9pt;
	margin-left: 2px !important;
	margin-right: 4px !important;
	vertical-align: middle;
}

.alsradiobuttonfield {
	width: 16px;
	height: 16px;
}

.alscheckboxinput {
	vertical-align: middle;
	height: 16px;
	width: 16px;
}

.alsFileUpload {
	position: relative;
	overflow: hidden;
	margin-bottom: 4px;
}

	.alsFileUpload input.upload {
		position: absolute;
		top: 0;
		right: 0;
		margin: 0;
		padding: 0;
		font-size: 20px;
		cursor: pointer;
		opacity: 0;
		filter: alpha(opacity=0);
	}

.alsFileUpload-clear {
	margin-left: 20px !important;
}

.alsFileUploadFileTypeIcon {
	margin-top: 8px;
	margin-left: 8px;
}

.alsFileUploadFileName {
	margin-top: 4px;
	margin-left: 8px;
	display: block;
}

.alsformsection select {
	height: 34px;
}

fieldset.alsformsection div.row {
	margin-bottom: 4px;
}

div[data-fwksubform] {
	padding-top: 4px;
}

	div[data-fwksubform] legend {
		border-bottom: 1px solid #999999;
	}

	div[data-fwksubform]:nth-child(even) {
		background-color: #F8F8F8;
	}

	div[data-fwksubform]:nth-child(odd) {
		background-color: #F5FAFC;
	}

div[data-fwkextralabels] {
	font-size: 85% !important;
	margin-left: 8px;
}

.als-simple-subform {
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 2px;
}

.als-simple-subform-no-padding {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
}

	.als-simple-subform legend {
		border-width: 0px !important;
		margin-bottom: 2px;
	}

.alsdisplayvalue {
	color: black;
	font-size: 8pt;
	font-weight: 600;
}

	.alsdisplayvalue[name=radiolist]:before {
		content: "Selected: ";
		font-size: 7pt;
	}

	.alsdisplayvalue[name=checklist] li {
		color: orange;
	}

.alsemptydisplayvalue {
	font-style: italic;
	color: lightslategray;
}

	.alsemptydisplayvalue[name=radiolist]:before {
		content: "";
	}

.als-singleitemlist {
	list-style: none;
	margin-left: 4px;
}

.als-errorlist {
	font-style: italic;
	color: #dd5a43;
}
/* end dynamic form classes */

/* password classes */
.als-password {
	position: relative;
}

	.als-password input::-ms-reveal,
	.als-password input::-ms-clear {
		display: none;
	}

	.als-password svg {
		position: absolute;
		right: 8px;
		top: 10px;
		cursor: pointer;
		opacity: 0.4;
		z-index: 99;
	}

	.als-password input:focus + svg {
		opacity: 1.0;
	}
/* end password classes */

/* item explorer classes */
.als-itemexplorer-folder {
	color: #FCD652;
}

.als-itemexplorer-entityrow .als-itemexplorer-entityicon {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #888888;
}

.als-itemexplorer-duplicatefolder .als-itemexplorer-folder {
	color: #888888;
}

.als-itemexplorer-defaultitem,
.als-itemexplorer-defaultfolder {
	font-weight: bolder;
}

.als-itemexplorer-defaultitem .als-itemexplorer-entityicon,
.als-itemexplorer-defaultfolder .als-itemexplorer-folder {
	color: #61c85b;
}

.als-itemexplorer-entityicon:before {
	content: "\f059";
}

.als-itemexplorer-dbo_Complaint .als-itemexplorer-entityicon:before {
	content: "\f0e3";
}

.als-itemexplorer-dbo_ComplaintEvent .als-itemexplorer-entityicon:before {
	content: "\f017";
}

.als-itemexplorer-dbo_Exam .als-itemexplorer-entityicon:before {
	content: "\f5f3";
}

.als-itemexplorer-dbo_LearningPlanActivity .als-itemexplorer-entityicon:before {
	content: "\f19d";
}

.als-itemexplorer-sf_Person .als-itemexplorer-entityicon:before {
	content: "\f007";
}

.als-itemexplorer-dbo_ProfileUpdate .als-itemexplorer-entityicon:before {
	content: "\f14b";
}

.als-itemexplorer-dbo_RegistrantApp .als-itemexplorer-entityicon:before {
	content: "\f2c2";
}

.als-itemexplorer-dbo_RegistrantAudit .als-itemexplorer-entityicon:before {
	content: "\f14a";
}

.als-itemexplorer-dbo_RegistrantCredential .als-itemexplorer-entityicon:before {
	content: "\f2c2";
}

.als-itemexplorer-dbo_RegistrantExam .als-itemexplorer-entityicon:before {
	content: "\f5f3";
}

.als-itemexplorer-dbo_RegistrantLearningPlan .als-itemexplorer-entityicon:before {
	content: "\f19d";
}

.als-itemexplorer-dbo_RegistrantRenewal .als-itemexplorer-entityicon:before {
	content: "\f2c2";
}

.als-itemexplorer-dbo_RegistrantSelfAssessment .als-itemexplorer-entityicon:before {
	content: "\f21d";
}

.als-itemexplorer-dbo_RegistrationChange .als-itemexplorer-entityicon:before {
	content: "\f2c2";
}

.als-itemexplorer-dbo_Reinstatement .als-itemexplorer-entityicon:before {
	content: "\f2c2";
}

.als-itemexplorer-dbo_SelfAssessment .als-itemexplorer-entityicon:before {
	content: "\f21d";
}

.als-itemexplorer-sf_Task .als-itemexplorer-entityicon:before {
	content: "\f0ae";
}

.als-itemexplorer-dbo_RegistrantEmployment .als-itemexplorer-entityicon:before {
	content: "\f059";
}

.als-itemexplorer-dbo_Payment .als-itemexplorer-entityicon:before {
	content: "\f059";
}
/* end item explorer classes */
.als-border-red {
	border-color: red !important;
}

.als-admineditingform {
	background-color: #eff8fe;
}

.als-officeuse {
	background-color: #E5F3FF;
	background-image: none;
	border: none;
}

.als_regapp_submitted_row {
	border-left: 5px solid #1c84c6;
}

.als_regapp_unsubmitted_row {
	border-left: 5px solid #B3B3B3;
}

.als_regapp_approved_row {
	border-left: 5px solid #4FBD1E;
}

.header {
	line-height: 28px;
	margin-bottom: 16px;
	margin-top: 10px;
	padding-bottom: 4px;
	border-bottom: 1px solid #CCC;
}

.dropdownButtonLink:hover {
	background-color: #428bca;
	color: #FFF !important;
}


	.dropdownButtonLink:hover > button {
		color: #FFF !important;
	}

.dropdownButtonLink > div:hover > a {
	color: #FFF !important;
}

.btn.btn-link-nocolor {
	border: none !important;
	background: transparent none !important;
	text-shadow: none !important;
	padding: 4px 12px !important;
	line-height: 20px !important;
}

	.btn.btn-link-nocolor:hover {
		border: none !important;
		background: transparent none !important;
		text-shadow: none !important;
		padding: 4px 12px !important;
		line-height: 20px !important;
		color: #FFF !important;
	}

.dropdown-menu > li > button {
	display: block;
	clear: both;
	font-weight: normal;
	line-height: 1.42857143;
	color: black !important;
	text-decoration: inherit;
	white-space: nowrap;
}

.dropdown-menu > li > div > a {
	font-size: 13px;
	padding-left: 11px;
	padding-right: 11px;
	margin-bottom: 1px;
	margin-top: 1px;
	text-decoration: none !important;
}

.dropdown-menu > li > div > a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 1.42857143;
	color: inherit;
	white-space: nowrap;
	text-decoration: none !important;
}

.k-editor .k-editor-button:hover .k-MergeDefinition {
	background-color: #ff6;
}

.als-hideScrollBarXS {
	overflow-x: auto;
}

.als-sre-breadcrumb {
	padding-left: 5px;
}

.als-backbutton {
	top: -2px;
	margin-right: 5px;
}

.als-tableActionCell {
	white-space: nowrap;
}

.als-disabled-selector {
	opacity: 0.4;
}

.als-nodecoration {
	text-decoration: none;
}

.als-strikethrough {
	text-decoration: line-through;
}

/*Override top margin placement of delete card*/
.als-deletePosition {
	margin-top: 10px !important;
}

.als-bold {
	font-weight: bold !important;
}

.infobox > .infobox-icon {
	display: inline-block;
	vertical-align: top;
	width: 34px;
}

.als-side-menu-help {
	float: right;
	margin-top: 25px;
	margin-right: 5px;
}

.als-navbar-brand {
	padding-left: 12px;
}

@media screen and (max-width: 991px) {
	.als-side-menu-help {
		display: none;
	}

	.als-navbar-brand {
		padding-left: 0px;
	}
}

/*Gritter Override to move the close button to the right*/
.gritter-close {
	display: none;
	position: absolute;
	top: 5px;
	right: 3px;
	cursor: pointer;
	width: 30px;
	height: 30px;
}

/*This override exists to override the height of the subject field in the NoteTemplate screen. The height of the editable area is set from the JS that implements the editor*/
div.subject-editor table.k-editor tbody tr td.k-editable-area {
	width: 100%;
	height: 30px !important;
	border-style: solid;
	border-width: 1px;
	outline: 0;
}

.als-border-ends-white {
	border-right: 1px solid white;
	border-left: 1px solid white;
}

div.subject-editor table.k-editor {
	width: 100%;
	height: auto;
	table-layout: fixed;
	border-style: solid;
	border-width: 1px;
	border-collapse: separate;
	border-spacing: 4px;
	font-size: 100%;
	vertical-align: top;
}

.als-accent-color-background {
	background: #2F7EB8;
}

.swipe {
	overflow: hidden;
	visibility: hidden;
	position: relative;
}

.swipe-wrap {
	overflow: hidden;
	position: relative;
}

	.swipe-wrap > div {
		float: left;
		width: 100%;
		position: relative;
	}

.als-swipe-navigation {
	border: 1px solid #DDD;
	margin-top: -1px;
	padding: 5px;
}


/*#region These styles are used for built in display templates */
.als-display-label {
	padding-left: 0;
	font-size: 13px;
}

.menu-toggler + .sidebar.responsive + .main-content .breadcrumb {
	margin-left: 0;
}

.als-detail-value-card {
	padding-left: 0;
	font-size: 14px;
}

.als-display-text {
	font-weight: normal !important;
	color: #000;
	font-size: 13px;
}

.als-card-body-noheader .als-display-text {
	color: #0a3e5a;
}

.als-overlay-top-right {
	top: 0;
	right: 0;
	position: absolute;
}

.als-overlay-top-left {
	top: 0;
	left: 0;
	position: absolute;
}

.als-zoom-70 {
    zoom: 70% !important;
}

.als-checkbox {
	zoom: 1.3;
}

	.als-checkbox label {
		margin-top: 2px;
	}

	.als-checkbox span {
		position: absolute
	}
/*#endregion */

/*#region TODO Cleanup these styles with descriptions*/

.als-disabled :disabled {
	opacity: 0.45;
	background-color: gray !important;
}

.als-white-background {
	background-color: #fff;
	padding: 0px !important;
}

.als-search-header-bar-button-height {
	height: 33px;
}

.als-td-error {
	background-color: #f2dede !important;
	color: #a94442;
}

.als-td-warning {
	background-color: #fcf8e3 !important;
	color: #8a6d3b;
}




.error-info-button {
	display: inline-block;
	height: 20px;
	width: 20px;
	line-height: 20px;
	text-align: center;
	padding: 0;
	background-color: #f2dede;
	color: red;
	font-size: 12px;
	font-weight: bold;
	cursor: default;
	margin-left: 4px;
	border-radius: 100%;
	border-color: #FFF;
	border: 2px solid #FFF;
	-webkit-box-shadow: 0px 1px 0px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 1px 0px 1px rgba(0, 0, 0, 0.2);
}

.warning-info-button {
	display: inline-block;
	height: 20px;
	width: 20px;
	line-height: 20px;
	text-align: center;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	cursor: default;
	margin-left: 4px;
	border-radius: 100%;
	border: 2px solid #FFF;
	-webkit-box-shadow: 0px 1px 0px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 1px 0px 1px rgba(0, 0, 0, 0.2);
	background-color: #fcf8e3;
	border-color: #faebcc;
	color: #8a6d3b;
}

.info-button {
	display: inline-block;
	height: 20px;
	width: 20px;
	line-height: 20px;
	text-align: center;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	cursor: default;
	margin-left: 4px;
	border-radius: 100%;
	border: 2px solid #FFF;
	-webkit-box-shadow: 0px 1px 0px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 1px 0px 1px rgba(0, 0, 0, 0.2);
	background-color: #6fb3e0;
	border-color: #6fb3e0;
	color: #165F96;
}


.als-ellipsis-nowrap {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: block !important;
	vertical-align: middle;
}

	.als-ellipsis-nowrap a:hover {
		text-decoration: none !important;
	}

	.als-ellipsis-nowrap.hidden {
		display: none !important;
	}


.als-card-header-selected .widget-toolbar {
	/*background:rgb(7, 107, 47);*/
	background: #6fb3e0;
	border: 1px outset white;
}

.als-ellipsis {
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	display: block !important;
	white-space: nowrap;
}

.no-text-decoration {
	text-decoration: none !important;
}

.no-height {
	height: auto;
}

.als-floating-card-badge {
	float: right;
	top: 0;
	position: absolute;
	right: 0;
	height: 41px;
	line-height: 4px !important;
	border-left: 1px solid #CCC;
}

	.als-floating-card-badge i {
		vertical-align: middle;
		margin-bottom: 2px;
		margin-top: 7px;
	}

.als-floating-card-badge-selected {
	float: right;
	top: -3px;
	position: absolute;
	right: -2px;
	line-height: 41px !important;
	width: 40px;
	height: 41px;
	border: 1px solid white !important;
}

	.als-floating-card-badge-selected i {
		vertical-align: middle;
		margin-bottom: 2px;
		margin-left: -3px;
		margin-top: 7px;
	}


.als-opaque-card {
	opacity: 0.6;
}







/*#endregion */

.als-page-header {
	padding: 0;
	margin: 7px 8px;
	font-size: 24px;
	font-weight: lighter;
	color: #2679b5;
}

.als-section-header, .als-section-header-bordered {
	padding: 0;
	margin: 7px 8px 7px 12px;
	font-size: 14px;
	font-weight: lighter;
	color: #2679b5;
}

.als-section-header-bordered {
	border-bottom: 1px solid rgb(220, 232, 241) !important;
	padding-bottom: 5px !important;
}

.als-section-table {
	margin-bottom: 5px !important;
	border-width: 0 1px 1px !important;
}

.als-details-ul {
	margin-left: 12px;
	margin-bottom: 0;
}

.als-permitsyLogoFooter {
	height: 20px;
}

.als-footer {
	min-height: 25px;
	text-align: center;
	color: #ffffff;
}

.als-overflow-ellipsis-225 {
	max-width: 225px;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left;
	vertical-align: top;
	line-height: 15px;
	position: relative;
}

/*ALS Card with a darker shade to indicate group owner. Used on dashboard group list*/
.als-card-body-noheader-group-owner {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-style: solid;
	border-left-style: solid;
	border-right-color: rgb(204, 204, 204);
	border-bottom-color: rgb(204, 204, 204);
	border-top-color: rgb(204, 204, 204);
	border-left-color: rgb(204, 204, 204);
	border-image-source: initial;
	border-image-slice: initial;
	border-image-width: initial;
	border-image-outset: initial;
	border-image-repeat: initial;
	background-color: #396b89 !important;
	color: white;
}

.als-overflow-ellipsis-150 {
	max-width: 150px;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left;
	vertical-align: top;
	line-height: 15px;
	position: relative;
}

.als-overflow-ellipsis-100 {
	max-width: 100px;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left;
	vertical-align: top;
	line-height: 15px;
	position: relative;
}

.als-quick-search-button {
	margin-bottom: 5px;
}

.als-header-label-color {
	color: #2679b5 !important;
}

.als-search-button-container {
	/*border-width: 1px 1px 1px 0px; 		Removed by Christian, causes button misalignment, border necessary? invisible anyways
	border-style: solid;
	border-color: #D5D5D5;*/
}

.als-search-button {
	padding-bottom: 5px;
	padding-right: 8px;
	height: 34px;
}

/*Commented by Tyson Schulz - Oct 2014 - Confused why we would trim the width of a button, causes icons to be off-center
	.als-search-button-icon {
	margin-left:-5px;
}*/

.als-search-options {
	margin-left: 5px;
}

.als-more-options {
	margin-bottom: 10px;
}

.als-quick-search-button {
	margin-bottom: 5px;
}

.als-quick-search {
	width: 48px;
	height: 34px;
}

.btn-purple,
.btn-purple:focus {
	background-color: #9F8ECC !important;
	border-color: #9F8ECC;
}

.als-form-button-group {
	margin-top: 20px !important;
}

.als-search-container {
	height: 0 !important;
	margin-bottom: 10px !important;
	border-bottom-width: 0 !important;
}

.als-search-textbox {
	border-right-width: 0 !important;
}

.als-search-dropdown {
	border-radius: 0 !important;
	margin-left: 5px !important;
	margin-right: 5px !important;
}

.als-search-criteria {
	margin: 0 3px !important;
}

.als-search-criteria-icon {
	margin-right: 5px !important;
}

.als-external-login-button {
	border-radius: 100% !important;
	width: 42px !important;
	height: 42px !important;
	line-height: 46px !important;
	padding: 0 !important;
	margin: 0 1px !important;
	border: none !important;
}

.als-external-login-icon {
	font-size: 24px;
	margin: 0;
}

.als-busyindicator-spinner {
	position: fixed;
	left: 50%;
	top: 45%;
	display: block;
}

.als-hidden {
	display: none;
}

.als-inactive-text-subdued {
	color: rgba(128, 128, 128, 0.71) !important;
}

.als-circle-button {
	border-radius: 100% !important;
	margin-right: 0px !important;
	padding-left: 8px;
	padding-right: 8px;
}

.popover {
	max-width: 500px;
}

/* Used specifically for task cards on the dashboard, to ensure that they all have uniform height.*/
.amg-dashboard-task-card {
	height: 120px;
}

/* Used specifically for group cards on the dashboard, to ensure that they all have uniform height.*/
.amg-dashboard-group-card {
	height: 120px;
}

.als-card-header, .als-card-body {
	border-color: #0099E0 !important;
}

.als-card-header-badges, .als-card-body {
	border-color: #0099E0 !important;
	min-height: 45px;
}

/*Richard Sept 2015: adjusting gritter index.
*/
#gritter-notice-wrapper {
	z-index: 2147483647 !important;
}

.als-card-header {
	background: #578AAC !important;
	color: #FFF;
	border-width: 1px 1px 0px 1px !important;
}

.als-card-header-selected {
	background: #578AAC !important;
	color: #FFF;
	border-width: 1px 1px 0px 1px !important;
}

.als-card-header-badges {
	background: #578AAC !important;
	color: #FFF;
	border-width: 1px 1px 0px 1px !important;
}

.als-card-body {
	background: #FEFEFE !important;
	color: #333333;
	border-width: 0px 1px 1px 1px !important;
}

.als-card-body-noheader {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-style: solid;
	border-left-style: solid;
	border-right-color: rgb(204, 204, 204);
	border-bottom-color: rgb(204, 204, 204);
	border-top-color: rgb(204, 204, 204);
	border-left-color: rgb(204, 204, 204);
	border-image-source: initial;
	border-image-slice: initial;
	border-image-width: initial;
	border-image-outset: initial;
	border-image-repeat: initial;
	background-color: #62a8d1;
	color: white;
}

.als-card-header, .als-card-body-noheader {
	border-color: #0099E0 !important;
}

.als-card-main {
	padding-top: 0;
}

.als-tile-content-container {
	margin-top: 10px !important;
}

.als-tile-badge-container {
	position: absolute;
	right: 0;
	bottom: 0;
	margin-right: 10px;
	margin-bottom: 6px;
}

.als-tile-badge-container-bottomcardlist {
	margin-right: 3px;
	margin-bottom: 16px;
}

.als-detail-group {
	margin-bottom: 4px;
}

.als-tile-container {
	padding: 0 3px !important
}

.als-tile-label {
	color: #666666;
	font-size: 13px;
	margin-bottom: 0;
}

.als-tile-label-emphasis {
	color: #333333;
	font-size: 14px;
	margin-bottom: 0px;
}

.als-tile-label.als-required:before {
	content: "* ";
	color: #dd5a43;
}

.als-tile-label.als-not-required:before {
	content: "";
	color: #dd5a43;
}

.als-tile-label-emphasis.als-required:before {
	content: "* ";
	color: #dd5a43;
}

.als-hasError label:first-child {
	color: #dd5a43;
}


.spinner-preview {
	width: 100px;
	height: 100px;
	text-align: center;
}


.als-busyindicator-background {
	background-color: rgba(180, 180, 180, 0.4);
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 100%;
}

.als-busyindicator-background-fill {
	background-color: rgba(180, 180, 180, 0.4);
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 100%;
}

.spinner-preview-fill {
	text-align: center;
	margin-top: 25%;
	margin-left: 50%;
}

.error-panel {
	margin-left: 190px;
	margin-right: 0;
	margin-top: 0;
	min-height: 100%;
	padding: 0;
}

.menu-min.sidebar + .error-panel {
	margin-left: 43px;
}

.menu-min.sidebar + .error-panel,
.menu-min.sidebar + .error-panel {
	left: 43px;
}




.breadcrumb li h1 small {
	margin: 0 6px;
	font-size: 14px;
	font-weight: normal;
	color: #8089a0;
}

.nav-list > li > a > div [class*="icon-"]:first-child {
	display: inline-block;
	vertical-align: middle;
	min-width: 30px;
	text-align: center;
	font-size: 18px;
	font-weight: normal;
	margin-right: 2px;
}



.infobox-fill {
	width: 100%;
	height: 52px;
	text-align: left;
	padding-bottom: 2px;
}

	.infobox-fill > .infobox-icon,
	.infobox-fill > .infobox-chart,
	.infobox-fill > .infobox-progress {
		display: inline-block;
		width: 40px;
		max-width: 40px;
		height: 42px;
		line-height: 38px;
		vertical-align: middle;
	}

	.infobox-fill > .infobox-data {
		display: inline-block;
		text-align: left;
		vertical-align: middle;
		max-width: 72px;
		min-width: 0;
	}

	.infobox-fill > .infobox-chart > .sparkline {
		font-size: 14px;
		margin-left: 2px;
	}

.percentage {
	font-size: 14px;
	font-weight: bold;
	display: inline-block;
	vertical-align: top;
}

.infobox-fill .percentage {
	font-size: 13px;
	font-weight: normal;
	margin-top: 2px;
	margin-left: 2px;
}

.infobox-fill > .infobox-data {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
	max-width: 100%;
	min-width: 0;
}


.als-selected-subdued {
	color: white;
	background-color: #6fb3e0 !important;
}

.cursortable tr:hover {
	cursor: pointer;
}

/*ApplicationUser_Details_Comments
	begin*/
.als-widget-header > h4 {
	margin-top: 10px !important;
}
/*end*/


/* Hotfix as telerik adds non breaking space content on these control types making them twice the size. */
.k-webkit .k-combobox .k-dropdown-wrap:before, .k-webkit .k-picker-wrap:before, .k-webkit .k-numeric-wrap:before {
	content: none !important;
}

.k-widget.k-datepicker {
	background-color: transparent;
}

.als-card-button {
	z-index: 999;
	margin-top: 4px;
	padding-top: 9px;
}

.als-select {
	width: auto;
}

@media (max-width: 767px) {
	.als-card-button {
		margin-top: 7px;
	}

	.als-select {
		width: 100%;
	}
}


.als-inline-checkbox-lineup {
	margin-top: 28px;
}

@media (max-width: 767px) {
	.als-inline-checkbox-lineup {
		margin-top: 0px;
	}
}


.als-margin-topbottom-10 {
	margin: 10px 0;
}

.als-margin-topbottom-20 {
	margin: 20px 0;
}

.als-margin-leftright-12 {
	margin: 0 12px;
}

a.disabled {
	pointer-events: none;
	cursor: default;
}

.als-selected {
	color: #777 !important;
}


.als-group-header-links > button:hover {
	text-decoration: none;
}

.als-group-header-links > button {
	text-decoration: none !important;
}

.als-btn-link-selected {
	font-weight: lighter;
	color: grey;
}

.jumbotron {
	background-color: inherit !important;
}

.jumbotron-icon {
	padding: 30px 0 25px;
	color: #222222;
}

	.jumbotron-icon,
	.jumbotron-icon h1 {
		text-shadow: 0 1px 0 #fff;
	}

		.jumbotron-icon .fa-6 {
			font-size: 20em;
		}

.fa-stack-btn-group {
	position: relative;
	display: inline-block;
	padding: 0 20px 12px 0;
	line-height: 1;
}

.fa-stack-sidemenu-collapsed {
	top: 7px;
	left: 8px;
}

.footer .als-footer-inner {
	text-align: center;
	position: absolute;
	z-index: auto;
	left: 0;
	right: 0;
	bottom: -20px;
}

.als-grant-table-header {
	background-color: #abbac3 !important;
	color: white;
}

.request-access-button {
	margin-top: -10px;
}

.als-widget-toolbox-btngroup {
	margin: 3px;
}

.als-sidebar-stack-icon-margin {
	margin: 6px 8px;
}

/* Used in the following: /View/ApplicationUserInvite/CardList */
.als-static-height-150px {
	max-height: 150px;
	min-height: 150px;
}

.lightgrey {
	color: lightgrey;
}

/*.als-btn-help{
	background-color:#FF8C00 !important;
	border-color:#FF8C00;
}

.als-btn-help:hover{
	background-color:#e18413 !important;
	border-color:#FF8C00;
}*/

.als-table-header {
	font-size: 12px !important;
	font-weight: normal !important;
}

.als-strikethrough {
	text-decoration: line-through;
}

.als-text-button {
	padding-left: 3px !important;
	padding-right: 3px !important;
}


.als-module-header-style1, .als-module-header-style2 {
	padding: 5px;
	text-align: center;
	margin: 5px;
	width: 40px;
	border-style: solid;
	border-color: white;
}

.als-module-header-style1 {
	background-color: #B5D4F2;
	color: black;
}

.als-module-header-style2 {
	background-color: #CFCFCF;
	color: black;
}

.als-module-detail-style1 {
	background-color: #DEEBF8 !important;
	border-color: #DEEBF8 !important;
	color: black !important;
}

.als-module-detail-style2 {
	background-color: #EEEEEE !important;
	border-color: #EEEEEE !important;
	color: black !important;
}

.error {
	color: #b94a48;
}

.als-pinning-container {
	top: 2px;
	right: 4px;
	position: absolute;
	padding-top: 5px;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: white;
	cursor: pointer;
}

.als-blue {
	color: #5DABDB;
}

.als-text-btn {
	padding: 0 3px !important;
}

.als-header-bar {
	background: #2F7EB8;
}

/* Override the default gritter close button position so its on the right hand side and is always shown (to support mobile) */
.gritter-item-wrapper > .gritter-item > .gritter-close {
	display: block !important;
	left: auto;
}

.als-noyeardatepicker .ui-datepicker-year {
	display: none;
}

/* Styles for email previews to match the same formatting as kendo UI. If changes are made here it may not match what is seen on the editor */
.als-emailContainer {
	font-size: 12px;
	font-family: Verdana,Geneva,sans-serif;
	margin-top: -1px;
	padding: 1px .2em 0;
	word-wrap: break-word;
	-webkit-nbsp-mode: space;
	-webkit-line-break: after-white-space;
}

	.als-emailContainer h1 {
		font-size: 2em;
		margin: .67em 0
	}

	.als-emailContainer h2 {
		font-size: 1.5em
	}

	.als-emailContainer h3 {
		font-size: 1.16em
	}

	.als-emailContainer h4 {
		font-size: 1em
	}

	.als-emailContainer h5 {
		font-size: .83em
	}

	.als-emailContainer h6 {
		font-size: .7em
	}

	.als-emailContainer p {
		margin: 0 0 1em;
	}

	.als-emailContainer .k-marker {
		display: none;
	}

	.als-emailContainer .k-paste-container, .Apple-style-span {
		position: absolute;
		left: -10000px;
		width: 1px;
		height: 1px;
		overflow: hidden
	}

	.als-emailContainer ul, ol {
		padding-left: 2.5em
	}

	.als-emailContainer span {
		-ms-high-contrast-adjust: none;
	}

	.als-emailContainer a {
		color: #00a
	}

	.als-emailContainer code {
		font-size: 1.23em
	}

	.als-emailContainer telerik\3Ascript {
		display: none;
	}

	.als-emailContainer .k-table {
		table-layout: fixed;
		width: 100%;
		border-spacing: 0;
		margin: 0 0 1em;
	}

		.als-emailContainer .k-table td {
			min-width: 1px;
			padding: .2em .3em;
		}

	.als-emailContainer .k-table, .k-table td {
		outline: 0;
		border: 1px dotted #ccc;
	}

		.als-emailContainer .k-table p {
			margin: 0;
			padding: 0;
		}

.als-pagedtable-widget {
	padding: 0;
	margin-left: 12px;
	margin-right: 12px;
}

	.als-pagedtable-widget > .row > .col-xs-12 {
		padding: 0;
	}

.alscheckboxfieldlabel label {
	display: inline;
	margin-left: 6px !important;
	vertical-align: middle;
}

.alscheckboxfieldlabel input {
	float: left !important;
}

.alscheckboxfieldlabelmultiline label {
	display: inline !important;
	margin-left: 15px !important;
	vertical-align: middle;
}

.alscheckboxfieldlabelmultiline input {
	position: absolute;
	top: 0;
	left: 12px;
}

.als-multiculturelogin {
	width: 450px;
}

@media (max-width: 767px) {
	.als-multiculturelogin {
		width: 375px;
	}
}

.als-tableseparator {
	border-left: 2px solid #BBB !important;
}

.als-ace-red {
	color: #b7837a !important;
}

select[disabled] {
	background-color: #EEEEEE !important;
}

.als-directoryTextBox, .als-directoryTextBoxBilingual, .als-directoryTextBoxTri, .als-directoryTextBoxNameBilingual {
    margin-left: 3px;
    margin-right: 3px;
}

.als-directoryTextBox {
    width: 150px;
}

.als-directoryTextBoxBilingual {
    width: 270px;
}

.als-directoryTextBoxNameBilingual {
    width:180px;
}

@media (max-width: 768px) {
    .als-directoryTextBox {
        width: 110px;
    }

    .als-directoryTextBoxBilingual, .als-directoryTextBoxNameBilingual {
        width: 98%;
    }
}

.als-form-subsection-level1 > legend {
	font-size: 15px;
	background-color: #3965a1;
	color: white;
	padding-left: 5px;
}

.als-form-subsection-level2 > legend {
	font-size: 14px;
	font-weight: bold;
}

.als-form-subsection-level2-normal > legend {
	font-size: 14px;
}

.als-form-info-literal {
	background-color: #f2f2f2;
	padding: 1px 5px;
	font-style: italic;
    margin-bottom:5px;
}

.als-form-info-literal-normal {
	background-color: #f2f2f2;
	padding: 1px 5px;
	margin-bottom: 5px;
}

.als-form-info-literal-red {
	background-color: #ffb3b3;
	padding: 1px 5px;
	margin-bottom: 5px;
}

.als-form-norecords-literal {
    border: 1px solid lightgrey;
    font-style: italic;
    text-align:center;
}

.als-form-header-literal > .alsfieldlabel {
    font-size: 14px;
}

.als-form-separator {
	background-color: #08396d;
	height: 3px;
	margin-top: 12px;
}

.als-literal-bold label {
	font-weight: bold;
	padding: 0;
}

.StepProgress {
	position: relative;
	padding-left: 20px;
	list-style: none;
}

	.StepProgress::before {
		display: inline-block;
		content: '';
		position: absolute;
		top: 0;
		left: -10px;
		width: 10px;
		height: 100%;
		border-left: 2px solid #CCC;
	}
/* the content icons for these can be found at https://emojipedia.org/ */
.StepProgress-openOnly .StepProgress-item.is-done:not(.is-openevent) {
	display: none;
}

.StepProgress-item {
	position: relative;
	counter-increment: list;
}	
	.StepProgress-item:not(:last-child) {
		padding-bottom: 10px;
	}

	.StepProgress-item::before {
		display: inline-block;
		content: '';
		position: absolute;
		left: -30px;
		height: 100%;
		width: 10px;
	}

	.StepProgress-item::after {
		content: '';
		display: inline-block;
		position: absolute;
		top: 0;
		left: -39px;
		width: 20px;
		height: 20px;
		border: 2px solid #CCC;
		border-radius: 50%;
		background-color: #FFF;
	}

	.StepProgress-item.is-done::before {
		border-left: 2px solid #81a87b;
	}

	.StepProgress-item.is-done::after {
		content: "✔";
		font-size: 10px;
		width: 20px;
		height: 20px;
		color: #FFF;
		text-align: center;
		border: 2px solid #81a87b;
		background-color: #81a87b;
		padding-top: 1px;
	}

	.StepProgress-item.monitoring::before {
		border-left: 2px solid #DAA520;
	}

	.StepProgress-item.monitoring::after {
		content: "🔬"; /* 👀 or 📋 or 🔬 */
		font-size: 10px;
		width: 20px;
		height: 20px;
		color: #FFF;
		text-align: center;
		border: 2px solid #DAA520;
		background-color: #DAA520;
		padding-top: 1px;
	}

	.StepProgress-item.current::before {
		border-left: 2px solid #81a87b;
	}

	.StepProgress-item.current::after {
		content: counter(list);
		padding-top: 1px;
		width: 20px;
		height: 20px;
		top: -4px;
		left: -40px;
		font-size: 11px;
		text-align: center;
		color: #81a87b;
		border: 2px solid #81a87b;
		background-color: white;
	}

	.StepProgress-item.overdue::before {
		border-left: 2px solid #ff892a;
	}

	.StepProgress-item.overdue::after {
		content: counter(list);
		padding-top: 1px;
		width: 20px;
		height: 20px;
		top: -4px;
		left: -40px;
		font-size: 11px;
		text-align: center;
		color: #ff892a;
		border: 2px solid #ff892a;
		background-color: white;
	}

	.StepProgress-item:last-child::before {
		border-color: white;
	}


.StepProgress-Complaint-CheckColumn {
	display: none;
	float:left;
}

.StepProgress-Complaint-ShowCheck .StepProgress-Complaint-CheckColumn {
	display: block;
}

.StepProgress-Complaint-ShowCheck .StepProgress-item input[type=checkbox] {
	width: 16px;
	height: 16px;
	margin-left: -24px;
}

.StepProgress-Complaint-ShowCheck .StepProgress::before,
.StepProgress-Complaint-ShowCheck .StepProgress-item::before,
.StepProgress-Complaint-ShowCheck .StepProgress-item::after,
.StepProgress-Complaint-ShowCheck .is-openevent,
.StepProgress-Complaint-ShowCheck .widget-header span.lbl,
.StepProgress-Complaint-ShowCheck .widget-header .widget-toolbar {
	display: none !important;
}

.complaint-bulkclose-form {
	display: none;
}

.StepProgress-Complaint-BatchClose .complaint-bulkclose-form {
	display: block;
}

.StepProgress-Complaint-BatchClose .is-noclose {
	display: none !important;
}

.complaint-bulkdelete-form {
	display: none;
}

.StepProgress-Complaint-BatchDelete .complaint-bulkdelete-form {
	display: block;
}

.StepProgress-Complaint-BatchDelete .has-notes,
.StepProgress-Complaint-BatchDelete .has-docs,
.StepProgress-Complaint-BatchDelete .has-tasks,
.StepProgress-Complaint-BatchDelete .is-nodelete {
	display: none !important;
}

/* override file upload preview to prevent image from overflowing container bounds */
[data-fwkfieldtype='FileUpload'] div.canvas-container {
	width: auto !important;
	height: auto !important;
}

[data-fwkfieldtype='FileUpload'] canvas.lower-canvas {
	position: inherit !important;
	height: auto !important;
	width: auto !important;
	max-width: 100% !important;
}

[data-fwkfieldtype=FileUpload] .upper-canvas {
	pointer-events: none;
}
/* override to prevent the form status history window from being partially hidden by the footer */
.popover {
	z-index: 1100;
}

.als-disabled {
    cursor:not-allowed;
}

    .als-disabled a {
        color: lightgrey !important;
    }

/* add the same ace css classes for dropdown menu on anchor for buttons*/
.dropdown-menu > li > button:hover > .ace-icon,
.dropdown-menu > li > button:focus > .ace-icon,
.dropdown-menu > .active > button > .ace-icon,
.dropdown-submenu:hover > button > .ace-icon,
.dropdown-submenu:focus > button > .ace-icon {
    background-image: none
}

.dropdown-menu {
    border-radius: 0 !important;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2)
}

    .dropdown-menu > li > button {
        font-size: 13px;
        padding-left: 11px;
        padding-right: 11px;
        margin-bottom: 1px;
        margin-top: 1px;
        background:transparent;
        border-width:0;
    }

 
            .dropdown-menu.dropdown-only-icon > li > button .ace-icon {
                width: 18px;
                display: inline-block;
                text-align: center
            }

            .dropdown-menu.dropdown-only-icon > li > button .icon-2x {
                width: 36px
            }

    .dropdown-menu > li > button:hover,
    .dropdown-menu > li > button:focus,
    .dropdown-menu > li > button:active,
    .dropdown-menu > li.active > button,
    .dropdown-menu > li.active > button:hover,
    .dropdown-menu .dropdown-submenu:hover > button {
        background: #4f99c6;
        color: #fff;
        text-decoration:underline!important;
    }

.dropdown-default > li > button:hover,
.dropdown-default > li > button:focus,
.dropdown-default > li > button:active,
.dropdown-default > li.active > button,
.dropdown-default > li.active > button:hover,
.dropdown-default .dropdown-submenu:hover > button {
    background: #abbac3;
    color: #fff
}

.dropdown-info > li > button:hover,
.dropdown-info > li > button:focus,
.dropdown-info > li > button:active,
.dropdown-info > li.active > button,
.dropdown-info > li.active > button:hover,
.dropdown-info .dropdown-submenu:hover > button {
    background: #6fb3e0;
    color: #fff
}

.dropdown-primary > li > button:hover,
.dropdown-primary > li > button:focus,
.dropdown-primary > li > button:active,
.dropdown-primary > li.active > button,
.dropdown-primary > li.active > button:hover,
.dropdown-primary .dropdown-submenu:hover > button {
    background: #428bca;
    color: #fff
}

.dropdown-success > li > button:hover,
.dropdown-success > li > button:focus,
.dropdown-success > li > button:active,
.dropdown-success > li.active > button,
.dropdown-success > li.active > button:hover,
.dropdown-success .dropdown-submenu:hover > button {
    background: #87b87f;
    color: #fff
}

.dropdown-warning > li > button:hover,
.dropdown-warning > li > button:focus,
.dropdown-warning > li > button:active,
.dropdown-warning > li.active > button,
.dropdown-warning > li.active > button:hover,
.dropdown-warning .dropdown-submenu:hover > button {
    background: #ffa24d;
    color: #fff
}

.dropdown-danger > li > button:hover,
.dropdown-danger > li > button:focus,
.dropdown-danger > li > button:active,
.dropdown-danger > li.active > button,
.dropdown-danger > li.active > button:hover,
.dropdown-danger .dropdown-submenu:hover > button {
    background: #d15b47;
    color: #fff
}

.dropdown-inverse > li > button:hover,
.dropdown-inverse > li > button:focus,
.dropdown-inverse > li > button:active,
.dropdown-inverse > li.active > button,
.dropdown-inverse > li.active > button:hover,
.dropdown-inverse .dropdown-submenu:hover > button {
    background: #555;
    color: #fff
}

.dropdown-purple > li > button:hover,
.dropdown-purple > li > button:focus,
.dropdown-purple > li > button:active,
.dropdown-purple > li.active > button,
.dropdown-purple > li.active > button:hover,
.dropdown-purple .dropdown-submenu:hover > button {
    background: #9585bf;
    color: #fff
}

.dropdown-pink > li > button:hover,
.dropdown-pink > li > button:focus,
.dropdown-pink > li > button:active,
.dropdown-pink > li.active > button,
.dropdown-pink > li.active > button:hover,
.dropdown-pink .dropdown-submenu:hover > button {
    background: #d6487e;
    color: #fff
}

.dropdown-grey > li > button:hover,
.dropdown-grey > li > button:focus,
.dropdown-grey > li > button:active,
.dropdown-grey > li.active > button,
.dropdown-grey > li.active > button:hover,
.dropdown-grey .dropdown-submenu:hover > button {
    background: #a0a0a0;
    color: #fff
}

.dropdown-light > li > button:hover,
.dropdown-light > li > button:focus,
.dropdown-light > li > button:active,
.dropdown-light > li.active > button,
.dropdown-light > li.active > button:hover,
.dropdown-light .dropdown-submenu:hover > button {
    background: #e7e7e7;
    color: #333
}

.dropdown-lighter > li > button:hover,
.dropdown-lighter > li > button:focus,
.dropdown-lighter > li > button:active,
.dropdown-lighter > li.active > button,
.dropdown-lighter > li.active > button:hover,
.dropdown-lighter .dropdown-submenu:hover > button {
    background: #efefef;
    color: #444
}

.dropdown-lightest > li > button:hover,
.dropdown-lightest > li > button:focus,
.dropdown-lightest > li > button:active,
.dropdown-lightest > li.active > button,
.dropdown-lightest > li.active > button:hover,
.dropdown-lightest .dropdown-submenu:hover > button {
    background: #f3f3f3;
    color: #444
}

.dropdown-yellow > li > button:hover,
.dropdown-yellow > li > button:focus,
.dropdown-yellow > li > button:active,
.dropdown-yellow > li.active > button,
.dropdown-yellow > li.active > button:hover,
.dropdown-yellow .dropdown-submenu:hover > button {
    background: #fee188;
    color: #444
}

.dropdown-yellow2 > li > button:hover,
.dropdown-yellow2 > li > button:focus,
.dropdown-yellow2 > li > button:active,
.dropdown-yellow2 > li.active > button,
.dropdown-yellow2 > li.active > button:hover,
.dropdown-yellow2 .dropdown-submenu:hover > button {
    background: #f9e8b3;
    color: #444
}

.dropdown-light-blue > li > button:hover,
.dropdown-light-blue > li > button:focus,
.dropdown-light-blue > li > button:active,
.dropdown-light-blue > li.active > button,
.dropdown-light-blue > li.active > button:hover,
.dropdown-light-blue .dropdown-submenu:hover > button {
    background: #ecf3f9;
    color: #456
}

.als-home-link-image {
    margin-bottom: 8px;
}

.alstextboxfieldlabel label {
	display: inline;
	margin-left: 6px !important;
	vertical-align: middle;
}

.alstextboxfieldlabel input {
	width: 90% !important;
	float: none !important;
}

.als-background-red {
	background-color: #ffb3b3;
}

.als-background-orange {
	background-color: #fad8a5;
}

.als-background-blue {
	background-color: #f5fafc;
}

@media (max-width: 767px) {
    .als-home-link-image {
        margin-bottom:inherit;
    }
}

@media print {
	.als-printable-header {
		display: block !important;
	}

	a[href]:after {
		content: none !important;
	}

	.alsformpageheader {
		display: block;
	}

		.alsformpageheader.alsformpageheaderautogen {
			display: none;
		}

	.alsformpage {
		display: block;
		page-break-after: always;
	}

		.alsformpage:only-of-type,
		.alsformpage:last-of-type {
			page-break-after: auto;
		}

	.alsnextbackpager {
		display: none;
	}

	fieldset {
		margin-top: initial !important;
		margin-bottom: initial !important;
	}
}
/*Taylor -> Ugly fix for image preview exceeding boundaries*/
#ImageUploadContainer > div > div > div > div > .canvas-container {
	max-width: 100%;
	max-height: 30em;
}
#ImageUploadContainer > div > div > div > div > .canvas-container > .upper-canvas {
	max-width: 100%;
	max-height: 100%;
}
#ImageUploadContainer > div > div > div > div > .canvas-container > .lower-canvas {
	max-width: 100%;
	max-height: 100%;
}

/* Classes to add locked icon to codes when the IsCodeLocked bit is set */
.als-code-locked-cihi label:after {
	content: '\f023';
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	margin-left: 5px;
	color: orange;
}

.als-code-locked:after {
	content: '\f023';
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	margin-left: 5px;
	color: orange;
}

.als-flex-row {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
}

.als-flex-row-content {
	display: flex;
	flex-wrap: wrap;
	align-items: end;
	align-content: end;
}

.als-label-wrap {
	overflow: visible;
	white-space: normal;
}

.als-section-wrapper {
	margin: 0 !important;
	padding: 0 !important;
}

.als-section-minspacing {
	margin-top: 0 !important;
	padding-top: 0 !important;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

@media screen and (max-width: 767px) {
	.als-editableform .als-flexvertical-rdolist .alshorizontalrdolist {
		display: flex;
		flex-flow: column wrap;
	}

	.als-editableform .als-flexvertical-rdolist .alsradioitemcontainer label {
		display: inline;
		margin-left: 4px !important;
	}

	.als-editableform .als-flexvertical-rdolist .alsradioitemcontainer input {
		vertical-align: middle;
		margin-bottom: 4px !important;
	}

	.als-editableform .als-flexvertical-rdolist .alsradioitemcontainer {
		display: block;
	}

		.als-editableform .als-flexvertical-rdolist .alsradioitemcontainer:not(:last-child) {
			margin-bottom: 4px !important;
		}
}

@media screen and (min-width: 768px) {
	.als-editableform .als-flexvertical-rdolist .alshorizontalrdolist {
		display: flex;
		flex-flow: column wrap;
		max-height: 150px;
	}

	.als-editableform .als-flexvertical-rdolist .alsradioitemcontainer label {
		display: inline;
		margin-left: 4px !important;
	}

	.als-editableform .als-flexvertical-rdolist .alsradioitemcontainer input {
		vertical-align: middle;
		margin-bottom: 4px !important;
	}

	.als-editableform .als-flexvertical-rdolist .alsradioitemcontainer {
		display: block;
	}

		.als-editableform .als-flexvertical-rdolist .alsradioitemcontainer:not(:last-child) {
			margin-bottom: 4px !important;
		}
}

@media screen and (max-width: 767px) {
	.als-editableform .als-flexhorizontal-rdolist .alshorizontalrdolist {
		display: flex;
		flex-flow: column wrap;
	}

	.als-editableform .als-flexhorizontal-rdolist .alsradioitemcontainer label {
		display: inline;
		margin-left: 4px !important;
	}

	.als-editableform .als-flexhorizontal-rdolist .alsradioitemcontainer input {
		vertical-align: middle;
		margin-bottom: 4px !important;
		margin: 3px 0 0;
	}

	.als-editableform .als-flexhorizontal-rdolist .alsradioitemcontainer {
		display: flex;
	}

		.als-editableform .als-flexhorizontal-rdolist .alsradioitemcontainer:not(:last-child) {
			margin-bottom: 4px !important;
		}
}

@media screen and (min-width: 768px) {
	.als-editableform .als-flexhorizontal-rdolist .alshorizontalrdolist {
		display: flex;
		flex-flow: row wrap;
	}

	.als-editableform .als-flexhorizontal-rdolist .alsradioitemcontainer label {
		display: inline;
		margin-left: 4px !important;
	}

	.als-editableform .als-flexhorizontal-rdolist .alsradioitemcontainer input {
		vertical-align: middle;
		margin-bottom: 4px !important;
	}

	.als-editableform .als-flexhorizontal-rdolist .alsradioitemcontainer {
		display: block;
		max-width: 30%;
		flex-basis: 30%;
	}

		.als-editableform .als-flexhorizontal-rdolist .alsradioitemcontainer:not(:last-child) {
			margin-bottom: 4px !important;
		}
}

@media screen and (min-width: 1200px) {
	.als-editableform .als-flexhorizontal-rdolist .alshorizontalrdolist {
		display: flex;
		flex-flow: row wrap;
	}

	.als-editableform .als-flexhorizontal-rdolist .alsradioitemcontainer label {
		display: inline;
		margin-left: 4px !important;
	}

	.als-editableform .als-flexhorizontal-rdolist .alsradioitemcontainer input {
		vertical-align: middle;
		margin-bottom: 4px !important;
	}

	.als-editableform .als-flexhorizontal-rdolist .alsradioitemcontainer {
		display: block;
		max-width: 20%;
		flex-basis: 20%;
	}

		.als-editableform .als-flexhorizontal-rdolist .alsradioitemcontainer:not(:last-child) {
			margin-bottom: 4px !important;
		}
}

.als-flex-label {
	display: flex;
}

	.als-flex-label > label {
		padding: 7px 10px;
		white-space: nowrap;
	}

	.als-flex-label > span {
		padding: 8px 10px 0px;
		border-bottom: 1px solid;
		width: 100%;
	}

	.als-flex-label > label:before {
		display: none;
	}

.als-no-label > label {
	display: none
}

.als-mandatory-label > label:before {
	content: "* ";
	color: #dd5a43;
	font-weight: 700;
}

/* make auto completes scrollable */
.ui-autocomplete {
	max-height: 400px;
	overflow: auto;
	overflow-y: scroll;
	overflow-x: hidden;
	scrollbar-width: thin;
}

.als-autocomplete-scroll {
	max-height: 400px;
	overflow: auto;
	overflow-y: scroll;
	overflow-x: hidden;
	scrollbar-width: thin;
}

.als-casetypegrantcontainer {
	/*padding: 6px;*/
}

	.als-casetypegrantcontainer.als-casetypegrantcontainer-active .als-casetypegrant-grantlabel {
		font-weight: bolder;
	}