#wvlLink {
	color: #ffffff;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: underline !important;
	white-space: nowrap;
}

#wvlLink:link {
	color: #0F0671;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: underline !important;
	white-space: nowrap;
}

#wvlLink:visited {
	color: #0F0671;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: underline !important;
	white-space: nowrap;
}

#wvlLink:hover {
	color: #01af00;
	cursor: pointer;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: underline !important;
	white-space: nowrap;
}

#wvlLinkBold {
	color: #ffffff;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: underline !important;
	white-space: nowrap;
}

#wvlLinkBold:link {
	color: #0F0671;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: underline !important;
	white-space: nowrap;
}

#wvlLinkBold:visited {
	color: #0F0671;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: underline !important;
	white-space: nowrap;
}

#wvlLinkBold:hover {
	color: #01af00;
	cursor: pointer;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: underline !important;
	white-space: nowrap;
}

#wvlListLink {
	color: #0F0671;
	display: block;
	margin: 4px 0 4px 0;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: underline !important;
	white-space: nowrap;
}

#wvlListLink:link {
	color: #0F0671;
	display: block;
	margin: 4px 0 4px 0;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: underline !important;
	white-space: nowrap;
}

#wvlListLink:visited {
	color: #0F0671;
	display: block;
	margin: 4px 0 4px 0;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: underline !important;
	white-space: nowrap;
}

#wvlListLink:hover {
	color: #01af00;
	display: block;
	margin: 4px 0 4px 0;
	cursor: pointer;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: underline !important;
	white-space: nowrap;
}

#wvlPgLink {
	color: #6f6f6f;
	font-size: 7pt;
	font-weight: normal;
	text-decoration: none;
	white-space: nowrap;
}

#wvlPgLink:link {
	color: #6f6f6f;
	font-size: 7pt;
	font-weight: normal;
	text-decoration: none;
	white-space: nowrap;
}

#wvlPgLink:visited {
	color: #6f6f6f;
	font-size: 7pt;
	font-weight: normal;
	text-decoration: none;
	white-space: nowrap;
}

#wvlPgLink:hover {
	color: #01af00;
	cursor: pointer;
	font-size: 7pt;
	font-weight: normal;
	text-decoration: none;
	white-space: nowrap;
}

.wvlBorderedTable {
	background-color: #6f6f6f;
}

.wvlBtn {
	background-color: #bfbfbf;
	border-left: 2px solid #dfdfdf;
	border-top: 2px solid #dfdfdf;
	border-right: 2px solid #9f9f9f;
	border-bottom: 2px solid #9f9f9f;
	cursor: pointer;
	font-size: 7pt;
	font-weight: normal;
	margin: 2px;
	padding: 1px 4px 1px 4px;
	width: 60px;
}

.wvlBtnBlu {
	background-color: #052AFF;
	border-left: 2px solid #2D4CFC;
	border-top: 2px solid #2D4CFC;
	border-right: 2px solid #031EB7;
	border-bottom: 2px solid #031EB7;
	color: #ffffff;
	cursor: pointer;
	font-size: 7pt;
	font-weight: normal;
	margin: 2px;
	padding: 1px 4px 1px 4px;
	width: 60px;
}

.wvlBtnGrn {
	background-color: #017C0D;
	border-left: 2px solid #16AD25;
	border-top: 2px solid #16AD25;
	border-right: 2px solid #005108;
	border-bottom: 2px solid #005108;
	color: #ffffff;
	cursor: pointer;
	font-size: 7pt;
	font-weight: normal;
	margin: 2px;
	padding: 1px 4px 1px 4px;
	width: 60px;
}

.wvlBtnRed {
	background-color: #AF0107;
	border-left: 2px solid #CE1A20;
	border-top: 2px solid #CE1A20;
	border-right: 2px solid #720104;
	border-bottom: 2px solid #720104;
	color: #ffffff;
	cursor: pointer;
	font-size: 7pt;
	font-weight: normal;
	margin: 2px;
	padding: 1px 4px 1px 4px;
	width: 60px;
}

.wvlRowBtn {
	cursor: pointer;
}

.wvlImageBtn {
	cursor: pointer;
	border: 0px;
}

.wvlImageBtnDisabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.wvlImageBtnEnabled {
	opacity: 1.0;
	cursor: pointer;
}

.wvlImageRounded16 { /* 16px tall or wide image with rounded corners */
	height: 16px;
	width: 16px;
	border: 0px;
	border-radius: 2px;
}

.wvlImageRounded24 { /* 24px tall or wide image with rounded corners */
	height: 24px;
	width: 24px;
	border: 0px;
	border-radius: 3px;
}

.wvlImageRounded32 { /* 32px tall or wide image with rounded corners */
	height: 32px;
	width: 32px;
	border: 0px;
	border-radius: 4px;
}

.wvlBurger {
	font: bold 10pt arial;
	cursor: pointer;
}

.wvlButton {
	font: normal 8pt arial;
	margin: 0;
	padding: 1px 4px 1px 4px;
}

.wvlButton40 {
	font: normal 8pt arial;
	margin: 0px 0px 0px 4px;
	padding: 1px 4px 1px 4px;
	width: 40px;
}

.wvlButton150 {
	font: normal 8pt arial;
	margin: 0px 0px 0px 4px;
	padding: 1px 4px 1px 4px;
	width: 150px;
}

.wvlCautionText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	font-style: italic;
	color: black;
}

.wvlColData {
	border: 1px solid #6f6f6f;
	background-color: #ffffff;
	font-weight: normal;
	margin: 0;
	padding: 1px 2px 1px 2px;
}

/* ColData without background-color used with wvlRowEven/wvlRowOdd */
.wvlColDataBase {
	border: 1px solid #6f6f6f;
	font-weight: normal;
	margin: 0;
	padding: 1px 2px 1px 2px;
}

.wvlRowEven {
	background-color: #ffffe0;
}

.wvlRowOdd {
	background-color: #ffffff;
}

.wvlRowWarning {
	background-color: #FF9999 !important;
}

table.wvlAlternatingRows tbody tr:nth-child(even) {
	background-color: #ffffe0;
}

table.wvlAlternatingRows tbody tr:nth-child(odd) {
	background-color: #ffffff;
}

table.wvlAlternatingRows tbody tr:hover td {
	background-color: #00ff00;
	cursor: pointer;
}

/* Use this to hide text (can see by selecting) */
.wvlSneakyText {
	background-color: white;
	color: white;
}

.wvlColHeader {
	background-color: #c8cbd0;
	border: 1px solid #6f6f6f;
	color: #000000;
	font-weight: bold;
	margin: 0;
	padding: 1px 2px 1px 2px;
}

.wvlColSubHeader {
	background-color: #b5c8e5;
	border: 1px solid #6f6f6f;
	color: #000000;
	font-weight: bold;
	margin: 0;
	padding: 1px 2px 1px 2px;
}

.wvlColSubHeader2 {
	background-color: #729fdc;
	color: #ffffff;
	font: bold 8pt arial;
	padding: 4px;
}

.wvlColTitle {
	background-color: #0F0671;
	border: 1px solid #6f6f6f;
	color: #ffffff;
	font-weight: bold;
	margin: 0;
	padding: 1px 2px 1px 2px;
}

.wvlDefaultFont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

.wvlDialog {
	background-color: #ffffff;
	border: solid 1px #7eabcd;
	left: 100px;
	padding: 0px;
	position: relative;
	top: 100px;
	width: 410px;
	z-index: 1000;
}

.wvlDialogBackground {
	-moz-opacity: 0.4;
	background-color: #999999;
	filter: Alpha(Opacity=40);
	height: 100%;
	left: 0px;
	margin: 0;
	opacity: 0.4;
	padding: 0;
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: 500;
}

.wvlDialogBody {
	margin: 0;
	padding: 0;
}

.wvlDialogContainer {
	left: 50%;
	margin: 0;
	padding: 0;
	position: fixed;
	top: 50%;
	z-index: 750;
}

.wvlDialogPage {
	display: none;
	left: 0px;
	height: 100%;
	position: absolute;
	top: 0px;
	width: 100%;
}

.wvlDialogTitleBar {
	background: #fafafa url(""../../common/images/titleBar.png"") repeat-x top left;
	height: 20px;
	margin: 0;
	padding: 0;
	width: 410px;
}

.wvlDialogTitleBtn {
	color: #7eabcd;
	cursor: pointer;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	height: 100%;
	margin: 0;
	padding: 2px 5px 0px 0px;
	vertical-align: middle;
}

.wvlDialogTitleTxt {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	height: 100%;
	padding: 2px 0px 0px 5px;
	vertical-align: middle;
}

.wvlElementAlignTop {
	vertical-align: top;
}

.wvlElementAlignMiddle {
	vertical-align: middle;
}

.wvlErrMsg {
	color: #ff0000;
	margin: 0;
	padding: 2px 4px 2px 4px;
	white-space: wrap;
}

.wvlHotImg {
	cursor: pointer;
	margin: 0px;
	padding: 0px;
}

.wvlNoBorder {
	border: 0px;
}

.wvlDefaultBorder {
	border: 1px solid;
}

.wvlMargin10v20h {
	margin: 10px 20px;
}

.wvlNoWrap {
	white-space: nowrap;
	verticle-align: middle;
}

.wvlPortletTitle {
	background-color: #0F0671;
	border: 1px solid #000000;
	color: #ffffff;
	clear: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	margin: 0;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	padding: 2px;
}

.wvlPageSubtitle {
	background-color: #0F0671;
	border-bottom: 2px solid #000000;
	color: #ffffff;
	font-size: 10pt;
	font-weight: bold;
	margin: 0;
	padding: 5px;
}

.wvlPageTitle {
	background-color: #0F0671;
	border-bottom: 2px solid #000000;
	color: #ffffff;
	font-size: 12pt;
	font-weight: bold;
	margin: 0 0 15px 0;
	padding: 5px;
}

.wvlPageTitleSmall {
	background-color: #000080;
	border-bottom: 2px solid #000000;
	color: #ffffff;
	font-size: 8pt;
	font-weight: bold;
	margin: 0 0 15px 0;
	padding: 2px;
}

.wvlPgNav {
	color: #6f6f6f;
	font-size: 7pt;
}

.wvlRequiredLabel {
	color: #325d83;
	font-size: 8pt;
}

.wvlSection {
	margin: 10px 0 0 0;
	padding: 0;
}

.wvlSectionHeader1 {
	font-size: 12pt;
	font-weight: bold;
}

.wvlSectionHeader2 {
	font-size: 10pt;
	font-weight: bold;
}

.wvlSectionHeader3 {
	font-size: 8pt;
	font-weight: bold;
}

.wvlSectionTitle {
	color: #ffffff;
	font-weight: bold;
}

.wvlSectionTitleRow {
	background-color: #0F0671;
}

.wvlSubArea {
	background-color: #afafaf;
	border: 1px solid #9f9f9f;
	margin: 4px;
	padding: 6px;
}

.wvlTable {
	empty-cells: show;
	border-collapse: collapse;
}

.wvlTableLayoutFixed {
	table-layout: fixed;
}

.wvlTableHeaderLightBlue {
	background: #729edb;
	border-bottom: 1px solid #0F0671;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 8pt;
	text-align: left;
	text-decoration: none;
}

.wvlTitleRow {
	background-color: #0F0671;
	color: #ffffff;
}

form {
	margin: 0px;
	padding: 0px;
}

.wvlLink {
	color: #0F0671;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: underline !important;
	white-space: nowrap;
}

.wvlLink:link {
	color: #0F0671;
	font-weight: normal;
	text-decoration: underline !important;
	white-space: nowrap;
}

.wvlLink:active {
	color: #0F0671;
}

.wvlLink:visited {
	color: #0F0671;
}

.wvlLink:hover {
	color: #C47B08;
	cursor: pointer;
}

.wvlLinkBold:link {
	color: #0F0671;
	font-weight: bold;
	text-decoration: underline !important;
	white-space: nowrap;
}

.wvlLinkBold:active {
	color: #0F0671;
}

.wvlLinkBold:visited {
	color: #0F0671;
}

.wvlLinkBold:hover {
	color: #C47B08;
	cursor: pointer;
}

.wvlTableHeaderSort:link {
	color: #000000;
	font-weight: bold;
	text-decoration: underline !important;
	white-space: nowrap;
}

.wvlTableHeaderSort:active {
	color: #000000;
}

.wvlTableHeaderSort:visited {
	color: #000000;
}

.wvlTableHeaderSort:hover {
	color: #1457B8;
	cursor: pointer;
}

.wvlPageHeaderTitle {
	font-size: 12pt;
	background-color: #ffffff;
	border: none;
	color: #0F0671;
	font-weight: bold;
	margin: 0;
	padding: 1px 2px 1px 2px;
}

.wvlGroupBorder {
	border: 1px solid #0F0671;
	margin: 7px;
	padding: 5px;
}

.wvlTableOutlined {
	border: 1px solid #0F0671;
}

.wvlTableOutlinedGrey {
	border: 1px solid #6f6f6f;
}

.wvlNoMP {
	margin: 0px !important;
	padding: 0px !important;
}

.wvlHeader {
	background: #0F0671 !important;
	color: #ffffff !important;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	border: 1px solid #ffffff;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}

.wvlHeaderLightBlue {
	background: #729edb !important;
	color: #ffffff !important;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	text-align: center;
	text-decoration: none;
	padding: 5px !important;
}

.wvlPaddingAfter {
	padding-bottom: 10px;
}

.wvlWhiteSubscrRowFooter {
	background-color: #ffffff;
	border: none;
}

.wvlSubscrRowFooter {
	background-color: #c8cbd0;
	border-top: 1px solid #9f9f9f;
}

.wvlPopupText {
	color: #ff0000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10pt;
	margin: 0;
	padding: 16px 0px 16px 0px;
	white-space: wrap;
}

.wvlHide {
	display: none;
}

.wvlDisplayNever {
	display: none !important;
}

.wvlInvisible {
	visibility: hidden;
}

.wvlHideOverflow {
	overflow: hidden;
	white-space: nowrap;
}

.wvlOverflowEllipsis {
	text-overflow: ellipsis;
}

.wvlAlertLbl {
	color: #cc0000;
	font-size: 8pt;
	font-style: italic;
	font-weight: bold;
}

.wvlAlertTxt {
	color: #cc0000;
	font-size: 8pt;
	font-style: italic;
	font-weight: bold;
}

.wvlFieldLbl {
	font-size: 8pt;
	font-weight: bold;
	vertical-align: middle;
	white-space: nowrap;
}

.wvlFieldLblWrappable {
	font-size: 8pt;
	font-weight: bold;
	vertical-align: middle;
	white-space: normal;
}

.wvlFieldTxt {
	font-size: 8pt;
	font-weight: normal;
	vertical-align: middle;
}

.wvlRefreshTimestampNormal {
	color: #ffffff;	
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 8pt;
}

.wvlRefreshTimestampWarning {
	color: #ff0000;	
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 8pt;
}

/* Used for datepicker control*/
.wvlCalendarImage {
	margin: 0 0 2px 1px;
	padding: 0;
	vertical-align: middle;
}

.wvlWarningText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	font-style: italic;
	color: red;
}

.wvlAccordionHeader {
	background: #0F0671 !important;
	color: #ffffff !important;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	border: 1px solid #ffffff;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}

.wvlRowSelected {
	background-color: #52eaf1 !important;
	color: #000000 !important;
}

.wvlRadioButton {
	vertical-align: middle;
	margin-top: -1px;
}

.wvlCheckBox {
	vertical-align: middle;
	margin-top: -1px;
	border: 1px solid #a9a9a9;
}

.wvlTextBox {
	padding: 0px;
	height: 18px;
	font-size: 8pt;
	verticle-align: middle;
	border: 1px solid #a9a9a9;
}

.wvlCenteredText {
	text-align: center;
}

.wvlLeftText {
	text-align: left;
}

.wvlRightText {
	text-align: right;
}

.wvlFullWidth {
	width: 100%;
}

.wvlFloatLeft
{
	float: left;
}

.wvlFloatRight
{
	float: right;
}

.wvlRelative {
	position: relative;
}

.wvlRelativeFullSize {
	position: relative;
	width: 100%;
	height: 100%;
}

.wvlSpinner {
	background-color: #000000;
	opacity: 0.4;
	z-index: 2000000000;
}

.wvlLeftActionButtons {
	position: absolute;
	top: 0px;
	left: 3px;
	border: 0px;
	height: 100%;
}

.wvlRightActionButtons {
	position: absolute;
	top: 0px;
	right: 3px;
	border: 0px;
	height: 100%;
}

.wvlLeftActionButtons > img, 
.wvlRightActionButtons > img, 
.wvlLeftActionButtons > div, 
.wvlRightActionButtons > div {
	display: inline-block;
	vertical-align: middle;
}

.wvlAbsoluteFullSize {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.wvlAbsoluteTopLeft {
	position: absolute;
	top: 0;
	left: 0;
}

.wvlVAlignCenterHelper {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.wvlInlineBlock {
	display: inline-block;
}

.wvlInputValueError {
	background-color: yellow;
	border-color: red !important;
}

.wvlInputValueErrorBG {
	background-color: yellow;
}

.wvlReadOnlyInput {
	background-color: transparent;
	border-color: transparent;
}

.wvlDataError {
	color: red;
	font-style: italic;
}

.wvlUnqualified {
	color: red;
}

.submittableWithDisabledStyling {
	background: #dddddd;
}

input:disabled:not(.ernieRatingButton) {
	background: #dddddd;
}

.wvlHover {
	background-color: #00ff00 !important;
}

/***************************
*
* .wvl namespaced elements
*
***************************/

form.wvl h3 {
	color: #333;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.5;
	text-transform: none;
	margin: 30px 0 0;
}

form.wvl:first-child,
table.wvl:first-child,
.wvl-tabs:first-child,
.wvl-panel:first-child,
.wvl-group:first-child {
	margin-top: 0;
}

form.wvl:first-child,
table.wvl:first-child,
.wvl-tabs:first-child,
.wvl-panel:first-child,
.wvl-group:first-child {
	margin-top: 0;
}

.wvl-icon {
	background-repeat: no-repeat;
	background-position: 0 0;
	border: none;
	display: inline-block;
	height: 16px;
	margin: 0;
	padding: 0;
	text-align: left;
	text-indent: -999em;
	vertical-align: text-bottom;
	width: 16px;
}

/** TABLES */

table.wvl {
	border-collapse: collapse;
	width: 100%;
}

table.wvl > thead {
	background: #000080;
	border-bottom: 1px solid #cccccc;
	color: white;
}

table.wvl > tbody > tr,
table.wvl > tfoot > tr {
	background: #ffffff;
	border-bottom: 1px solid #cccccc;
	color: #333333;
}

table.wvl.nogrid > tbody > tr,
table.wvl.nogrid > tfoot > tr {
	background: #ffffff;
	color: #333333;
	border-bottom: 0;
}

table.wvl.greenbar > tbody > tr:nth-child(even) {
	background: #FFFFE0;
}

table.wvl.greenbar > tbody > tr:nth-child(odd) {
	background: #FFF;
}

table.wvl > thead > tr > th,
table.wvl > tbody > tr > th,
table.wvl > thead > tr > td,
table.wvl > tbody > tr > td,
table.wvl > tfoot > tr > td {
	padding: 7px 10px;
	text-align: left;
	vertical-align: top;
}

table.wvl > tbody > tr:first-child > td,
table.wvl > tbody > tr:first-child > th,
table.wvl > tfoot > tr:first-child > td {
	border-top: 1px solid #cccccc;
}

/** FORMS */
form.wvl input.number {
	text-align: right;
}

form.wvl .field-group .error, form.wvl .group .error, form.wvl .checkbox .error, form.wvl .radio .error {
	clear: both;
	color: #d04437;
	display: block;
	margin: 5px 0 0 0;
}

form.wvl .field-group input.error {
	background-color: #ff0;
	border: 1px solid red;
	display: inline;
	margin: 0;
}

form.wvl .field-group,
form.wvl .group,
form.wvl .date-select {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	clear: both;
	padding: 4px 0 4px 145px;
	position: relative;
	margin: 1px 0;
	width: 100%;
}

form.wvl legend,
form.wvl label {
	color: #707070;
}

form.wvl .group {
	padding-top: 0;
}

form.wvl .text[disabled],
form.wvl .password[disabled],
form.wvl .textarea[disabled],
form.wvl .select[disabled],
form.wvl .multi-select[disabled],
form.wvl .select[disabled] option,
form.wvl .select[disabled] optgroup,
form.wvl .multi-select[disabled] option,
form.wvl .multi-select[disabled] optgroup {
	background-color: #f5f5f5;
	color: #999999;
}

form.wvl .text,
form.wvl .password,
form.wvl .textarea,
form.wvl .select,
form.wvl .multi-select,
form.wvl .wvl-select2-container .select2-choices {
	border: 1px solid #cccccc;
	border-radius: 3px;
	box-shadow: inset 0 1px 3px #cccccc;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: inherit;
	margin: 0;
	max-width: 250px;
	vertical-align: baseline;
	width: 100%;
}

form.wvl .field-group,
form.wvl .group,
form.wvl .date-select {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	clear: both;
	padding: 4px 0 4px 145px;
	position: relative;
	margin: 1px 0;
	width: 100%;
}

form.wvl .short-field {
	max-width: 75px;
}

form.wvl .medium-field {
	max-width: 165px;
}

form.wvl .text,
form.wvl .password,
form.wvl .select,
form.wvl .wvl-select2-container .select2-choices {
	height: 2.1428571428571em;
	line-height: 1.4285714285714;
	padding: 4px 5px;
}

form.wvl .group {
	padding-top: 0;
}

form.wvl fieldset {
	border: 0;
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
}

form.wvl .group .field-group, form.wvl .date-select .field-group {
	clear: none;
	padding-left: 0;
	padding-top: 0;
}

form.wvl legend + .field-group, form.wvl legend + .checkbox, form.wvl legend + .radio {
	margin-top: 0;
	padding-top: 5px;
}

form.wvl legend, form.wvl label {
	color: #707070;
}

form.wvl legend {
	display: none;
}

form.wvl legend,
form.wvl .field-group > label {
	float: left;
	margin-left: -145px;
	padding: 5px 0 0 0;
	position: relative;
	text-align: right;
	width: 130px;
	word-wrap: break-word;
}

form.wvl .group legend,
form.wvl .date-select legend {
	display: block;
}

form.wvl legend, form.wvl label {
	color: #707070;
}

form.wvl .field-group:before,
form.wvl .field-group:after,
form.wvl .group:before,
form.wvl .group:after,
form.wvl .date-select:before,
form.wvl .date-select:after {
	content: " ";
	display: table;
}

form.wvl .icon-required,
.wvl-icon-required {
	/* icon-required.png */
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAXklEQVR42u3MsQ2AIBSEYZnHAVjACZzkNUxA6yCOY2HhNnoXn6EggVxjRfHnQh75pmOJX/e7JTPrxo8JRQK+SQUyugj4ZhUIaCPgG1RgRida0c63ClQpQOs4gAH8Bzy5KFqGk8PBaQAAAABJRU5ErkJggg==);
}

form.wvl .icon-required {
	left: 100%;
	position: absolute;
	top: 5px;
}

form.wvl .checkbox > label, form.wvl .radio > label {
	color: #333;
}

form.wvl .text[disabled],
form.wvl .password[disabled],
form.wvl .textarea[disabled],
form.wvl .select[disabled],
form.wvl .multi-select[disabled],
form.wvl .radio[disabled],
form.wvl .checkbox[disabled] {
	cursor: not-allowed;
}

form.wvl .warning {
	clear: both;
	color: orange;
	display: block;
	margin: 5px 0 0;
}

form.wvl .submit-button {
	background-image: url(../images/library/SlateBG-32/15_thumbsup_background.png);
	line-height: 0;
	font-size: 0;
}

form.wvl .cancel-button {
	background-image: url(../images/library/SlateBG-32/16_thumbs_down_background.png);
	line-height: 0;
	font-size: 0;
}

form.wvl .ok-button {
	background-image: url(../images/library/SlateBG-32/okay_white_32x32.png);
	line-height: 0;
	font-size: 0;
}

form.wvl .warning-navy {
	background-image: url(../images/library/TransparentBG-16/31_warning_navy.png);
	font-size: 0;
	line-height: 0;
	padding-right: 5px;
}

/* submit/cancel button area formatting */
form.wvl .dialog-button-panel > button {
	margin-left: 3px;
	float: right;
	display: inline-block;
	min-width: 32px;
	min-height: 32px;
	border: 0;
	background-repeat: no-repeat;
	box-sizing: border-box;
	border-radius: 4px;
	cursor: pointer;
}

form.wvl .dialog-button-panel {
	border-top: 1px solid #ccc;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	clear: both;
	height: 51px;
	overflow: hidden;
	padding: 10px;
	text-align: right;
	width: 100%;
}

/** Messages  **/

.wvl-message {
	background: #ffffff;
	border: 1px solid #3572b0;
	border-radius: 3px;
	color: #333333;
	margin: 10px 0 0 0;
	position: relative;
}

.wvl-message:before {
	background-color: #3572b0;
	bottom: 0;
	content: '';
	left: 0;
	position: absolute;
	top: 0;
	width: 40px;
}

.wvl-message:after {
	color: #ffffff;
	content: "\f23d";
	font-size: 16px;
	-webkit-font-smoothing: antialiased;
	/* Improves the rendering of icons */
	font-style: normal;
	font-weight: normal;
	left: 12px;
	line-height: 1;
	margin-top: -8px;
	position: absolute;
	top: 50%;
}

.wvl-message p.title {
	font-weight: bold;
}

.wvl-message p {
	margin: 10px 0 0 0;
}

.wvl-message-success, {
	background: #f3f9f4;
	border-color: #8ac496;
}

.wvl-message-error {
	background: #ffffff;
	border-color: #d04437;
	color: #333333;
}

.wvl-message-warning, {
	background: #ffffff;
	border-color: #f6c342;
}

.wvl-message-error:after {
	content: "";
	font-size: 20pt;
	color: #ffffff;
}

.wvl-message-warning:after {
	content: "";
	color: #707070;
}

.wvl-message-error:before {
	background-color: #d04437;
}

.wvl-message-warning:before {
	background-color: #f6c342;
}

.wvl-message {
	border-radius: 3px;
	border-width: 1px;
	line-height: 20px;
	padding-bottom: 20px;
	padding-left: 60px;
	padding-right: 40px;
	padding-top: 20px;
}

.wvl p:first-child,
.wvl ul:first-child,
.wvl ol:first-child,
.wvl dl:first-child,
.wvl h1:first-child,
.wvl h2:first-child,
.wvl h3:first-child,
.wvl h4:first-child,
.wvl h5:first-child,
.wvl h6:first-child,
.wvl blockquote:first-child,
.wvl pre:first-child,
.wvl form.wvl:first-child,
.wvl table.wvl:first-child,
.wvl-tabs:first-child,
.wvl-panel:first-child,
.wvl-group:first-child {
	margin-top: 0;
}

wvlCalendarSpreadHighlight, .ui-datepicker .wvlCalendarSpreadHighlight a, .ui-datepicker .wvlCalendarSpreadHighlight span {
	border: 1px solid green;
}
/* Wheaton JQuery Dialog Common Styles */

.wvlCommonJQueryDialog{
	padding: 0px;
}

.wvlCommonJQueryDialog .ui-dialog-titlebar{
	background: transparent -moz-linear-gradient(center top , #3C3C3C 0%, #252525 100%) repeat scroll 0% 0%;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial,Helvetica,sans-serif;
	text-indent: 20px;
	padding: 13px 0px;
}

.wvlBold {
	font-weight: bold;
}

.wvlItalic {
	font-style: italic;
}

.wvlTableRowGreen {
	background-color: #00ff00 !important;
}

.wvlLightGreyBorder {
	border: 1px solid #dcdcdc;
}

/* Used with jqListbox plugin. */
.wvlListBox {
	background-color: #fff;
	border: 1px solid #999;
	border-radius: 5px;		
	box-shadow: 0px 5px 5px #dfdfdf;
}

.wvlListBox ul {
	list-style-type: none;
	padding-left: 0;
	height: 200px;
	overflow: auto;
	margin:2px;
}

.wvlListBox ul li {
	padding: 5px;
	cursor: pointer;  
}

.wvlListBox ul li:hover {
	background-color: #eee;
}

.wvlListBox ul li.selected {
	background-color: #dff0d8;
	font-weight: bold;
}

.wvlListBoxBtn {
	color: #373a3c;
	background-color: #fff;	
	border-radius: 5px;
	border: 1px solid #ccc;
	padding:5px 1px 5px 1px;
	margin: 5px 0px 5px 0px;
	text-align: center;
	width:30px;
}

.googlePlayStoreIcon {
	height: 3.75rem;
}

.dragDropArea {
	background-color: white;
	outline: 2px dashed black;
	text-align: center;
	min-height: 4rem;
	min-width: 20rem;
	display: inline-block;
	padding-top: 1rem;
}

.dragDropArea.dragover {
	background-color: grey;
}

.bootstrapBtn {
	display: inline-block;
	color: #fff;
	font-size: 1rem !default;
	font-weight: normal !default;
	line-height: 1.25 !default;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	user-select: none;
	border: 1px !default; solid transparent;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
	border-width: 1px;
	border-radius: 0.25rem;
	//@include button-size($btn-padding-y, $btn-padding-x, $font-size-base, $btn-border-radius);
	//@include transition(all .2s ease-in-out);

	&,
	&:active,
	&.active {
  	&:focus,
  	&.focus {
    	outline: 5px auto -webkit-focus-ring-color;
  		outline-offset: -2px;
	  }
	}

	&.focus {
		text-decoration: none;
	}
}

.bootstrapBtn-info {
	background-color: #5bc0de;
	border-color: #5bc0de;
}

.bootstrapBtn-success {
	background-color: #5cb85c;
	border-color: #5cb85c;
}

.wvlListBoxBtn:hover {
	background-color: #eee;
	cursor: pointer;
}

//Defines a grid table.
table.wvlGridTable > tbody tr:first-child td {
  border-top: 0;
}
table.wvlGridTable > tbody tr td:first-child,
table.wvlGridTable > thead > tr th:first-child {
  border-left: 0;
}
table.wvlGridTable > tbody tr:last-child td {
  border-bottom: 0;
}
table.wvlGridTable > tbody tr td:last-child,
table.wvlGridTable > thead tr > th:last-child {
  border-right: 0;
}
table.wvlGridTable > tbody tr td, 
table.wvlGridTable > thead tr th {
  border: 1px solid #0F0671;
}

//vertical scroll table, used for fixed width table layout.  Must define a max-height attribute on tbody to determine when scroll bar shows.
table.wvlVScrollTable thead {
  display:block;
}
table.wvlVScrollTable thead tr {
  display:block;
}
table.wvlVScrollTable tbody {
  display:block;
  overflow-y:auto;
  overflow-x:hidden;
}
/* start - fix Google to map button sizes */
/* https://stackoverflow.com/questions/51832781/huge-google-maps-controls-possible-bug */
/* Fix +/- zoom buttons design */
.gm-bundled-control-on-bottom {
  right: 30px !important;
  bottom: 116px !important;
}
.gm-bundled-control-on-bottom > div:first-child {
   top: 44px !important;
}
.gmnoprint > .gmnoprint > div {
  height: 60px !important;
  width: 30px !important;
}
.gmnoprint > .gmnoprint > div > div { /* seperator */
  width: 22.5px !important;
  margin: 0px 3.75px !important;
}
.gmnoprint > .gmnoprint button {
  width: 30px !important;
  height: 30px !important;
}
.gmnoprint > .gmnoprint button img {
  height: 13.5px !important;
  width: 13.5px !important;
  margin: 6.75px 8.25px 9.75px !important;
}
/* yellow person button design*/
.gm-svpc {
	width: 30px !important;
	height: 30px !important;
}
.gm-svpc img:nth-child(1), .gm-svpc img:nth-child(2){
	width: 13.5px !important;
	height: 22.5px !important;
	left: -7px !important;
	top: -12px !important;
}
.gm-svpc img:nth-child(3) {
	width: 24px !important;
	height: 30px !important;
}
/* MAP|Satellite buttons design*/
.gm-style-mtc > div:nth-child(1) {
  padding: 0px 9px !important;
  height: 30px !important;		
  font-size: 15px !important;
}
.gm-style-mtc > div:nth-child(2) {
  top: 30px !important;
}
.gm-style-mtc > div:nth-child(2) > div {
  padding: 2px 4px 2px 2px !important;
  font-size: 14px !important;
}
/* end - fix Google to map button sizes */

.warningTriangleColor {
	color: #F0AD4E;
}

.iframeNoWhiteSpace{
	margin: 0px !important;
	padding: 0px !important;
	line-height: 0px !important;
	border:0px !important;
	width:100%
}

.wvlBlueRoundButton {
	background-color:#000080;
	color:#ffffff;
	border-radius:4px;
	cursor:pointer;
	border:0px;
	padding:2px 10px 2px 10px;
}