input.default, textarea.default, input.filter, input.alert, textarea.alert {
	position: relative;
	z-index: 1;
	width: 100%;
	font-size: 18px;
	/*letter-spacing: 0.5px;*/
	line-height: 140%;
	padding: 12px 10px 8px 10px;
	color: hsl(0, 0%, 0%);
	border: none;
	border: solid 2px hsl(203, 50%, 80%);
	resize: none;
	background: none;
	background-color: hsl(0, 0%, 100%);
	border-radius: 4px;
	box-sizing: border-box;
	-webkit-appearance: none;
	pointer-events: auto !important;
}

input.default:focus, textarea.default:focus {
	outline: none;
	border-color: hsl(203, 65%, 55%);
	box-shadow: 0px 0px 0px 8px hsl(203, 100%, 80%);
	/*background-color: hsl(200, 100%, 85%);*/
}

/*input.invalid, textarea.invalid {*/
div.formItemInvalid input.default, div.formItemInvalid textarea.default {
	color: hsl(0, 100%, 25%);
	border-color: hsl(0, 100%, 45%);
}

/*input.invalid:focus, textarea.invalid:focus {*/
div.formItemInvalid input.default:focus, div.formItemInvalid textarea.default:focus {
	outline: none;
	border-color: hsl(0, 100%, 25%);
	box-shadow: 0px 0px 0px 8px hsl(0, 100%, 80%);
	/*background-color: hsl(200, 100%, 85%);*/
}

div.defaultStaticText {
	position: relative;
	z-index: 1;
	width: 100%;
	font-size: 18px;
	/*letter-spacing: 0.5px;*/
	line-height: 140%;
	padding: 12px 10px 0px 10px;
	color: hsl(0, 0%, 0%);
	border: none;
	border-top: solid 2px hsl(203, 50%, 80%);
	background-color: hsl(0, 0%, 100%);
	/*border-radius: 4px;*/
	text-align: left;
	box-sizing: border-box;
}

.standardView div.defaultStaticText {
	-webkit-user-select: all;
	-moz-user-select: all;
	-ms-user-select: all;
	-khtml-user-select: all;
	user-select: all;
	
	pointer-events: auto;
}

div.itemPanelInfoView div.defaultStaticText {
	font-size: 15px;
	line-height: 135%;
	padding: 10px 10px 0px 10px;
}

div.dossier {
	position: relative;
}

div.formPanelContainer {
	padding: 20px 0px 20px 0px;
	text-align: center;
}

.phoneView div.formPanelContainer {
	width: 100%;
	/*padding: 20px;*/
	padding: 10px 0px 40px 0px;
}

/*
.phoneView div.formPanelContainer {
	padding: 10px 0px 40px 0px;
}
*/

div.formPanel {
	display: inline-block;
}

.phoneView div.formPanel {
	display: block;
}

div.formPanelTitle {
	height: 32px;
	font-size: 0px;
	text-align: center;
}

.phoneView div.formPanelTitle {
	height: 26px;
}

p.formPanelTitle, p.formPanelTitleWithIcon {
	font-family: "StandardFontBold", "Arial", sans-serif;
	font-size: 32px;
	line-height: 32px;
	color: hsl(0, 0%, 0%);
	margin-top: 30px;
	text-align: center;
}

.phoneView p.formPanelTitle, .phoneView p.formPanelTitleWithIcon {
	font-size: 26px;
	line-height: 26px;
	margin-top: 20px;
}

p.formPanelTitleWithIcon, .phoneView p.formPanelTitleWithIcon {
	display: inline-block;
	vertical-align: top;
	margin-top: 0px;
	padding-left: 12px;
}

div.formPanelTitleIcon {
	display: inline-block;
	vertical-align: top;
	height: 32px;
}

.phoneView div.formPanelTitleIcon {
	height: 26px;
}

img.formPanelTitleIcon {
	display: block;
	height: 32px;
}

.phoneView img.formPanelTitleIcon {
	height: 26px;
}

div.dossier p.formPanelTitle {
	margin-top: 0px;
}

div.formItems {
	background-color: hsl(0, 0%, 100%);
	border: solid 2px hsl(203, 50%, 65%);
	border-radius: 10px;
	padding: 30px;
	margin-top: 25px;
}

div.dossier div.formItems {
	border: none;
	padding: 10px;
	margin-top: 20px;
}

.standardView div.formItems {
	min-width: 500px;
}

.phoneView div.formItems {
	border: none;
	padding: 0px 40px;
}

p.formItemsCenterText {
	font-size: 20px;
	color: hsl(0, 0%, 0%);
	text-align: center;
}

div.formItem, div.formItemInvalid {
	position: relative;
	margin-top: 30px;
}

div.formItemContainer {
	margin-top: 15px;
}

.standardView div.dossier div.formItem, .standardView div.dossier div.formItemInvalid {
	margin-top: 45px;
}

div.formItemInvalid div.formItem, div.formItemInvalid div.formItemInvalid {
	margin-top: 20px;
}

div.formItem:first-child, div.formItemInvalid:first-child {
	margin-top: 0px !important;
}

div.formItemNested {
	margin-top: 30px;
	margin-left: 30px;
}

.standardView div.dossier div.formItemNested {
	margin-top: 30px;
}

div.formItemLabel {
	position: absolute;
	z-index: 3;
	left: 8px;
	top: -10px;
	font-family: "StandardFontBold", "Arial", sans-serif;
	font-size: 16px;
	line-height: 16px;	
	padding: 0px 4px;
	color: hsl(203, 61%, 47%);
	background-color: hsl(0, 0%, 100%);
	white-space: nowrap;
}

div.formItemLabelWithMoreInfo {
	padding-right: 34px;
}

div.formItemInvalid div.formItemLabel {
	color: hsl(0, 100%, 40%);
}

div.itemPanelInfoView div.formItemLabel {
	font-size: 14px;
}

div.formItemMoreInfoBtn, div.formItemMoreInfoBtnActive {
	position: absolute;
	right: 5px;
	bottom: -2px;
	scale: 1;
	display: flex;
	align-items: center;
  justify-content: center;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background-color: hsl(50, 90%, 50%);
	cursor: pointer;
	pointer-events: auto;
	transition: scale 0.1s linear;
}

div.formItemMoreInfoBtnActive {
	scale: 1.5;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.standardView div.formItemMoreInfoBtn:hover, .standardView div.formItemMoreInfoBtnActive:hover {
	background-color: hsl(50, 90%, 60%);
}

svg.formItemMoreInfoBtnIcon {
	position: relative;
	width: 7px;
	height: 14px;
	fill: hsl(0, 0%, 100%);
	pointer-events;
}

div.labelItemDiv {
	position: relative;
	z-index: 1;
	width: 100%;
	font-size: 0px;
	color: hsl(0, 0%, 0%);
	border: none;
	border-top: solid 2px hsl(203, 50%, 80%);
	text-align: left;
	box-sizing: border-box;
}

div.complexItemDiv {
	position: relative;
	z-index: 1;
	width: 100%;
	font-size: 0px;
	/*padding: 12px 10px 8px 10px;*/
	color: hsl(0, 0%, 0%);
	border: none;
	border-top: solid 2px hsl(203, 50%, 80%);
	padding-top: 4px;
	text-align: left;
	box-sizing: border-box;
}

div.formItemInvalid div.complexItemDiv, div.formItemInvalid div.labelItemDiv {
	border-top: solid 2px hsl(0, 100%, 45%);
}

div.formItemNoTitleUnderline {
	border-top: none;
	padding-top: 12px;
}



div.optionSet {
	font-size: 0px;
}

div.optionSetTitle {
	font-family: "StandardFontBold", "Arial", sans-serif;
	color: hsl(0, 0%, 0%);
	font-size: 18px;
	text-align: left;
	margin-top: 0px;
}

div.optionSetItems {
	display: flex;
	font-size: 0px;
}

div.optionSetItemNorm, div.optionSetItemSelected {
	flex: 1;
	font-family: "StandardFontBold", "Arial", sans-serif;
	color: hsl(203, 100%, 30%);
	background-color: hsl(0, 0%, 100%);
	border: solid 1px hsl(203, 100%, 40%);
	border-left: none;
	font-size: 18px;
	line-height: 42px;
	text-align: center;
	white-space: nowrap;
	padding: 0px 10px;
	pointer-events: auto;
	cursor: pointer;
}

div.optionSetItemNorm:first-child, div.optionSetItemSelected:first-child {
	border-left: solid 1px hsl(203, 100%, 40%);
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

div.optionSetItemNorm:last-child, div.optionSetItemSelected:last-child {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

.standardView .optionSetItemNorm:hover {
	background-color: hsl(203, 100%, 92%);
}

div.optionSetItemSelected {
	color: hsl(0, 0%, 100%);
	background-color: hsl(203, 100%, 40%);
	pointer-events: none;
}



div.singleSelectOptSet, div.multiSelectOptSet {
	font-size: 0px;
}

div.singleSelectOptSetTitle, div.multiSelectOptSetTitle {
	font-family: "StandardFontBold", "Arial", sans-serif;
	color: hsl(0, 0%, 0%);
	font-size: 18px;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 5px;
}

div.singleSelectOptSetItems, div.multiSelectOptSetItems {
	/*display: flex;*/
	font-size: 0px;
}

div.singleSelectOptionNorm, div.singleSelectOptionSelected, div.multiSelectOptionNorm, div.multiSelectOptionSelected {
	display: inline-block;
	vertical-align: top;
	padding: 8px;
	font-size: 0px;
	min-width: 140px;
	pointer-events: auto;
	cursor: pointer;
}

div.panelFilterPanelContents div.singleSelectOptionNorm, div.panelFilterPanelContents div.singleSelectOptionSelected, div.panelFilterPanelContents div.multiSelectOptionNorm, div.panelFilterPanelContents div.multiSelectOptionSelected {
	min-width: 174px;
}

.phoneView div.panelFilterPanelContents div.singleSelectOptionNorm, .phoneView div.panelFilterPanelContents div.singleSelectOptionSelected, .phoneView div.panelFilterPanelContents div.multiSelectOptionNorm, .phoneView div.panelFilterPanelContents div.multiSelectOptionSelected {
	min-width: 166px;
}

div.singleSelectOptionSelected {
	pointer-events: none;
}

.standardView div.singleSelectOptionNorm:hover, .standardView div.multiSelectOptionNorm:hover {
	background-color: hsl(203, 100%, 95%);
}

div.singleSelectOptionItems, div.multiSelectOptionItems {
	position: relative;
}

div.singleSelectOptionCircle, div.multiSelectOptionRect {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 26px;
	height: 26px;
	border: solid 2px hsl(0, 0%, 60%);
	border-radius: 50%;
}

div.multiSelectOptionRect {
	border-radius: 0px;
}

div.singleSelectOptionSelected div.singleSelectOptionCircle, div.multiSelectOptionSelected div.multiSelectOptionRect {
	border: solid 2px hsl(203, 100%, 40%);
	background-color: hsl(203, 100%, 40%);
}

div.singleSelectOptionLabel, div.multiSelectOptionLabel {
	font-family: "StandardFontBold", "Arial", sans-serif;
	color: hsl(0, 0%, 50%);
	font-size: 18px;
	/*letter-spacing: -0.005em;*/
	line-height: 26px;
	white-space: nowrap;
	padding-left: 32px;
	text-align: left;
}

div.singleSelectOptionSelected div.singleSelectOptionLabel, div.multiSelectOptionSelected div.multiSelectOptionLabel {
	color: hsl(203, 100%, 40%);
}

span.singleSelectOptionCounter, span.multiSelectOptionCounter {
	/*font-family: "StandardFontRegular", "Arial", sans-serif;*/
	font-size: 15px;
	color: hsl(203, 65%, 50%); /*hsl(0, 0%, 65%);*/
}

div.singleSelectOptionSelected span.singleSelectOptionCounter, div.multiSelectOptionSelected span.multiSelectOptionCounter {
	color: hsl(0, 0%, 50%);
}



div.formItemInfo, div.formItemInfoMenuList {
	position: absolute;
	z-index: 2;
	right: 8px;
	top: -10px;
	/*font-family: "StandardFontBold", "Arial", sans-serif;*/
	font-style: italic;
	font-size: 15px;
	line-height: 15px;
	padding: 0px 4px;
	color: hsl(0, 0%, 50%);
	background-color: hsl(0, 0%, 100%);
}

.standardView div.formItemInfoMenuList {
	top: 14px;
}

.phoneView div.formItemInfoMenuList {
	right: 42px;
}

span.formItemRequired {
	font-family: "StandardFontBold", "Arial", sans-serif;
	color: hsl(0, 100%, 40%);
}



div.formAlertMsgConfirm, div.formAlertMsgNotice, div.formAlertMsgWarning, div.formAlertMsgError {
	font-family: "StandardFontBold", "Arial", sans-serif;
	font-size: 18px;
	line-height: 150%;
	color: hsl(158, 100%, 25%);
	background-color: hsl(158, 100%, 95%);
	border: solid 2px hsl(158, 100%, 35%);
	border-radius: 10px;
	padding: 15px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

div.dossier div.formAlertMsgConfirm, div.dossier div.formAlertMsgNotice, div.dossier div.formAlertMsgWarning, div.dossier div.formAlertMsgError {
	margin-bottom: 10px;
}

div.formAlertMsgNotice {
	color: hsl(205, 100%, 25%);
	background-color: hsl(205, 100%, 95%);
	border: solid 2px hsl(205, 100%, 35%);
}

div.formAlertMsgWarning {
	color: hsl(50, 100%, 25%);
	background-color: hsl(50, 100%, 95%);
	border: solid 2px hsl(50, 100%, 35%);
}

div.formAlertMsgError {
	color: hsl(0, 0%, 100%);
	background-color: hsl(0, 100%, 35%);
	border-color: hsl(0, 100%, 35%);
}

.standardView div.formAlertMsgConfirm, .standardView div.formAlertMsgError  {
	max-width: 600px;
}

.phoneView div.formAlertMsgConfirm, .phoneView div.formAlertMsgError {
	padding: 12px;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
}



/* DOSSIER BUTTONS */
div.dossierButtons {
	display: flex; display: flex;
	justify-content: space-between;
	font-size: 0px;
	background-color: hsl(0, 0%, 94%);
	border-radius: 5px;
	margin-top: 25px;
	padding: 10px;
}

.buttonFormApprove, .buttonFormCancel {
	display: inline-block;
	vertical-align: top;
	font-family: "StandardFontBold", "Arial", sans-serif;
	font-size: 18px;
	line-height: 266%;
	/*letter-spacing: 0px;*/
	color: hsl(0, 0%, 100%);
	background-color: hsl(158, 100%, 32%);
	border-color: hsl(158, 100%, 32%);
	padding: 0px 16px;
	border-radius: 5px;
	white-space: nowrap;
	text-align: center;
	cursor: pointer;
	pointer-events: all;
}

.phoneView .buttonFormApprove, .phoneView .buttonFormCancel {
	font-size: 16px;
	padding: 0px 14px;
}

.standardView .buttonFormApprove:hover {
	color: hsl(0, 0%, 100%);
	background-color: hsl(158, 100%, 38%);
	border-color: hsl(158, 100%, 38%);
}

.buttonFormCancel {
	color: hsl(0, 0%, 100%);
	background-color: hsl(0, 0%, 50%);
	border: solid 1px hsl(0, 0%, 50%);
}

.standardView .buttonFormCancel:hover {
	color: hsl(0, 0%, 100%);
	background-color: hsl(0, 0%, 60%);
	border: solid 1px hsl(0, 0%, 60%);
}



/*** OPTIONS ***/
div.optionItems {
	max-width: 320px;
	font-size: 0px;
	margin: 0px auto;
}

div.optionItem {
	display: block; /*inline-block;*/
	font-size: 0px;
	margin-top: 30px;
}

div.optionItem:first-child {
	margin-top: 0px;
}

div.optionItemLabel {
	font-family: "StandardFontBold", "Arial", sans-serif;
	color: hsl(0, 0%, 0%);
	font-size: 18px;
	text-align: left;
}

div.optionItemDescription {
	font-style: italic;
	color: hsl(0, 0%, 35%);
	font-size: 15px;
	line-height: 135%;
	margin-top: 5px;
	text-align: left;
}

table.optionItem {
	width: 100%;
}

table.optionItem td {
	font-size: 0px;
	padding-top: 10px;
}

table.optionItem td.optionButton {
	width: 50%;
}

table.optionItem td.optionExample {}

div.optionButtonNorm, div.optionButtonSelected {
	/*width: 145px;*/
	color: hsl(203, 100%, 30%);
	background-color: hsl(0, 0%, 100%);
	border: solid 1px hsl(203, 100%, 40%);
	border-left: none;
	font-size: 16px;
	line-height: 42px; /*50px;*/
	text-align: center;
	white-space: nowrap;
	padding: 0px 5px;
	pointer-events: auto;
	cursor: pointer;
}

table.optionItem td:first-child div.optionButtonNorm, table.optionItem td:first-child  div.optionButtonSelected {
	border-left: solid 1px hsl(203, 100%, 40%);
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

table.optionItem td:last-child div.optionButtonNorm, table.optionItem td:last-child  div.optionButtonSelected {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

div.optionButtonSelected {
	color: hsl(0, 0%, 100%);
	background-color: hsl(203, 100%, 40%);
	pointer-events: none;
}

div.optionExample {
	color: hsl(0, 0%, 30%);
	font-size: 15px;
	text-align: center;
	margin-top: 0px;
}

div.optionListValueContainer {
	margin-top: 10px;
}

div.optionListValueActive {
	color: hsl(203, 100%, 30%);
	font-weight: bold;
	font-size: 16px;
	line-height: 46px;
	border-top: solid 3px hsl(203, 100%, 40%);
	border-bottom: solid 3px hsl(203, 100%, 40%);
	background-color: hsl(203, 100%, 94%);
	border-radius: 6px;
	padding: 0px 5px;
	text-align: center;
	box-sizing: border-box;
	pointer-events: auto;
	cursor: pointer;
}



/*** MENU LIST ***/
/*
div.menuList {
	font-size: 0px;
}
*/

div.menuListButton, div.menuListButtonActive {
	position: relative;
	z-index: 1;
	display: inline-block;
	max-width: 100%;
	border: solid 2px hsl(203, 50%, 80%);
	background-color: hsl(0, 0%, 100%);
	border-radius: 4px; /*24px;*/
	font-size: 0px;
	overflow: hidden;
	pointer-events: auto;
	cursor: pointer;
}

.phoneView div.menuListButton, .phoneView div.menuListButtonActive {
	display: block;
	max-width: initial;
}

.standardView div.menuListButton:hover {
	background-color: hsl(203, 100%, 95%);
}

div.formItemInvalid div.menuListButton {
	border-color: hsl(0, 100%, 45%);
}

.standardView div.formItemInvalid div.menuListButton:hover {
	background-color: hsl(0, 100%, 95%);
}

div.menuListButtonActive {
	border-color: hsl(203, 65%, 55%);
	box-shadow: 0px 0px 0px 8px hsl(203, 100%, 80%);
}

div.formItemInvalid div.menuListButtonActive {
	border-color: hsl(0, 100%, 25%);
	box-shadow: 0px 0px 0px 8px hsl(0, 100%, 80%);
}

div.menuListButtonText, div.menuListButtonTextHiddenList {
	z-index: 1;
	font-size: 18px;
	line-height: 140%;
	padding: 12px 44px 8px 10px;
	color: hsl(0, 0%, 0%);
	white-space: nowrap;
}

div.menuListButtonTextHiddenList {
	visibility: hidden;
	height: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	overflow: hidden;
}

.standardView div.menuListButtonTextHiddenList {
	min-width: 150px;
}

div.formItemInvalid div.menuListButtonText {
	color: hsl(0, 100%, 25%);
}

div.menuListButtonArrow {
	position: absolute;
	z-index: 2;
	display: flex;
	align-items: center;
  justify-content: center;
	right: 0px;
	top: 0px;
	width: 35px;
	height: 100%;
	background-color: hsl(203, 50%, 80%);
	pointer-events: none;
}

.standardView div.menuListButton:hover div.menuListButtonArrow {
	background-color: hsl(203, 50%, 70%);	
}

div.formItemInvalid div.menuListButtonArrow {
	background-color: hsl(0, 100%, 45%);
}

.standardView div.formItemInvalid div.menuListButton:hover div.menuListButtonArrow {
	background-color: hsl(0, 100%, 55%);
}

svg.menuListButtonArrow {
	position: relative;
	top: 2px;
	width: 15px;
	height: 20px;
	fill: hsl(0, 0%, 100%);
}

div.menuListOpen, div.menuListClosed {
	position: absolute;
	z-index: 999;
	width: auto;
	height: auto;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	font-size: 0px;
	opacity: 1;
	transition: opacity 0.15s linear;
}

div.menuListClosed {
	opacity: 0;
}

div.menuListModalBg {
	position: absolute;
	z-index: 1;
	width: auto;
	height: auto;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	pointer-events: auto;	
}

.phoneView div.menuListModalBg {
	background-color: hsla(0, 0%, 50%, 0.75);
}

div.menuListPanel {
	position: relative;
	z-index: 2;
	display: inline-block;
	left: 0px;
	top: 0px;
	border-radius: 5px;
	background-color: hsl(0, 0%, 100%);
	pointer-events: auto;
}

.standardView div.menuListPanel {
	box-shadow: 0px 0px 3px 1px hsla(0, 0%, 0%, 0.75);
}

.phoneView div.menuListPanel {
	position: absolute;
	z-index: 2;
	display: block;
	width: auto;
	height: auto;
	left: 10px;
	right: 10px;
	top: 10px;
	bottom: 10px;
}

div.menuListPanelHead {
	position: relative;
	height: 46px;
	margin: 0px 5px;
	border-bottom: solid 1px hsl(0, 0%, 90%);
}

div.menuListPanelTitle {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 46px;
	font-family: "StandardFontBold", "Arial", sans-serif;
	color: hsl(0, 0%, 0%);
	font-size: 18px;
	line-height: 46px;
	padding-left: 10px;
}

div.menuListCloseBtn {
	position: absolute;
	right: 0px;
	top: 0px;
	height: 46px;
	font-family: "StandardFontBold", "Arial", sans-serif;
	color: hsl(203, 100%, 35%);
	font-size: 18px;
	line-height: 46px;
	padding-left: 10px;
	padding-right: 10px;
	pointer-events: auto;
	cursor: pointer;
}

div.menuListContent {
	position: relative;
	padding: 10px 10px;
	font-size: 0px;
	overflow-x: hidden;
	overflow-y: scroll; /* has to be scroll, not auto */
	-webkit-overflow-scrolling: touch;
	pointer-events: auto;
}

.standardView div.menuListContent {
	min-width: 146px;
}

.phoneView div.menuListContent {
	position: absolute;
	z-index: 1;
	width: auto;
	height: auto;
	left: 20px;
	right: 20px;
	top: 46px;
	bottom: 5px;
	padding: 0px;
}

div.menuListItems {
	/*width: 120px;*/
	margin: 0px auto;
	/*padding-top: 5px;*/
	pointer-events: none;
}

.phoneView div.menuListItems {
	padding-top: 5px;
}

div.menuListItemNorm, div.menuListItemSelected {
	font-size: 18px;
	line-height: 40px;
	color: hsl(203, 100%, 30%);
	padding: 0px 15px;
	text-align: center;
	border-top: solid 1px hsl(203, 50%, 85%);
	pointer-events: auto;
	cursor: pointer
}

.phoneView div.menuListItemNorm, .phoneView div.menuListItemSelected {
	font-size: 20px;
	line-height: 46px;	
}

div.menuListItemNorm:first-child, div.menuListItemSelected:first-child {
	border-top: none;
}

.standardView div.menuListItemNorm:hover {
	background-color: hsl(203, 100%, 95%);
}

div.menuListItemSelected {
	color: hsl(0, 0%, 100%);
	background-color: hsl(203, 100%, 40%);
	pointer-events: none;
}



/*** MULTI-FIELD ITEMS ***/
div.multiFieldItem {
	background-color: hsl(203, 65%, 94%);
	border-radius: 5px;
	margin-top: 10px !important;
	padding: 20px 25px 10px 10px;
}

/*
div.formItemInvalid div.multiFieldItem input.default, div.formItemInvalid div.multiFieldItem textarea.default {
	color: hsl(0, 0%, 0%);
	border-color: hsl(203, 50%, 80%);
}

div.formItemInvalid div.multiFieldItem input.default:focus, div.multiFieldItem div.formItemInvalid textarea.default:focus {
	outline: none;
	border-color: hsl(203, 65%, 55%);
	box-shadow: 0px 0px 0px 8px hsl(203, 100%, 80%);
}

div.formItemInvalid div.multiFieldItem div.formItemLabel {
	color: hsl(203, 61%, 47%);
}

div.formItemInvalid div.multiFieldItem div.menuListButton {
	border-color: hsl(203, 50%, 80%);
}

.standardView div.formItemInvalid div.multiFieldItem div.menuListButton:hover {
	background-color: hsl(203, 100%, 95%);
}

div.formItemInvalid div.multiFieldItem div.menuListButtonActive {
	border-color: hsl(203, 65%, 55%);
	box-shadow: 0px 0px 0px 8px hsl(203, 100%, 80%);
}

div.formItemInvalid div.multiFieldItem div.menuListButtonText {
	color: hsl(0, 0%, 0%);
}

div.formItemInvalid div.multiFieldItem div.menuListButtonArrow {
	background-color: hsl(203, 50%, 80%);
}

.standardView div.formItemInvalid div.multiFieldItem div.menuListButton:hover div.menuListButtonArrow {
	background-color: hsl(203, 50%, 70%);
}
*/

/*
.phoneView div.multiFieldItem {
	padding: 20px 10px 10px 10px;
}
*/

.standardView div.multiFieldItemSmartMooringInfo, .standardView div.multiFieldItemAcknowledgements {
	display: grid;
	column-gap: 10px;
	row-gap: 15px;
}

.standardView div.multiFieldItemSmartMooringInfo {
	grid-template-columns: min-content 1fr;
}

.standardView div.multiFieldItemAcknowledgements {
	grid-template-columns: 1fr min-content;
}

.standardView div.multiFieldItemSingleCol {}

.standardView div.multiFieldItemAllCols {
	grid-column-start: 1;
	grid-column-end: -1;
}

.phoneView div.multiFieldItemSingleCol, .phoneView div.multiFieldItemAllCols {
	margin-top: 20px;
}

.phoneView div.multiFieldItemSingleCol:first-child, .phoneView div.multiFieldItemAllCols:first-child {
	margin-top: 0px;
}

div.multiFieldRemoveItemBtn {
	position: absolute;
	z-index: 1;
	right: -18px;
	top: 50%;
	margin-top: -18px;
	display: flex;
	align-items: center;
  justify-content: center;
	width: 36px;
	height: 36px;
	background-color: hsl(0, 0%, 100%);
	border: solid 2px hsl(203, 50%, 80%);
	border-radius: 50%;
	pointer-events: auto;
	cursor: pointer;
}

.standardView div.multiFieldRemoveItemBtn:hover {
	background-color: hsl(203, 100%, 95%);
}

svg.multiFieldRemoveItemIcon {
	position: relative;
	width: 20px;
	height: 20px;
	fill: hsl(203, 100%, 25%);
	rotate: 45deg;
	pointer-events: none;
}

div.multiFieldAddItemBtnContainer {
	text-align: right;
	margin-top: 10px;
}

div.multiFieldAddItemBtn {
	position: relative;
	display: flex;
	align-items: center;
  justify-content: center;
	width: 36px;
	height: 36px;
	background-color: hsl(203, 65%, 94%);
	/*border: solid 2px hsl(203, 50%, 80%);*/
	border-radius: 5px;
	margin: 0px auto;
	pointer-events: auto;
	cursor: pointer;
}

.standardView div.multiFieldAddItemBtn:hover {
	background-color: hsl(203, 65%, 86%);
}

svg.multiFieldAddItemIcon {
	position: relative;
	width: 20px;
	height: 20px;
	fill: hsl(203, 100%, 25%);
	pointer-events: none;
}