body
{
    min-width:270px !important;  // can be smaller for app
}

#viewHeader {padding:10px 0px;white-space:nowrap;background-color:#eeeeee;}
#viewHeader .viewTitle {color:#124165;flex:2;font-size:1.1em;font-weight:bold;line-height:1.55em;
	padding:6px 0px;text-align:center;}
#viewHeader .viewControl {color:#888888;z-index:300;}
#viewHeader .viewSubmit {display:inline-block;font-size:1.2em;border-radius:8px;padding:4px 8px;text-align:center;cursor:pointer;}
.viewCtrlEntries {text-align:center;padding:2px 0px;margin-top:5px;z-index:299;}
.viewCtrlEntryLabel {color:#000000;background-image:url('../stdImages/arrow-down.svg');
	display:inline-block;font-size:1.2em;padding:5px 25px 5px 0px;background-position:right center;background-repeat:no-repeat;background-size:20px;}
.viewCtrlEntryList {background-color:#f9f9f9;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);
	display:none;position:absolute;min-width:30px;overflow:auto;max-height:400px;
	padding:4px 0px;margin:8px auto 0px auto !important;text-align:center;z-index:299;}
.viewCtrlEntry {color:#333333;padding:8px 5px;}
.viewCtrlEntries {cursor:pointer;width:100%;}

#viewHeader .viewSubmit {color:#ffffff;background-color:#1a75bc;}
.viewControl .disabled {background-color:#bbbbbb !important;}
.viewContent .navButton {background-color:#7d829e;color:#ffffff;}

#viewCtrlLeft {position:fixed;top:12;left:0;padding-left:5px;}
#viewCtrlRight {position:fixed;top:12;right:0;padding-right:5px;}


.viewHeader2 {margin:0;padding:0;}
.viewH1 {
	font-size:1.2em;
	padding:10px 0px;
	text-align:center;
	background-color:#eeeeee;
}

.viewNav {
	padding-top:8px;
	background-color:#ffffff;
}

.viewNav li.nav-item:first {margin-left:10px;}

.viewCtrlEntries {padding:0px 10px; margin-top:15px;}
.viewCtrlEntries button {width:100%;background-color:#dddddd;color:#000000;}

#wvAlert
{
	background-color:#ffffff;
	border-radius:12px;
	/*box-shadow: 4px 4px 4px #333333;*/
	cursor: pointer;
	margin: 0 auto;
	position:fixed;
	display:none;
	left: 50%;
	bottom:50px;
	width: 320px;
	/*height: 327px;*/
	margin-left:-160px;
	/*margin-top:-150px;*/
	z-index: 301;
}

.wvAlertTitle {
	text-align:center;
	font-size:1.3em;
	padding:8px 0px;
	margin-top:10px;
	font-weight:bold;
	flex-basis:auto;
	width:100%;
}

.wvAlertContent {
	text-align:center;
	padding:8px 5px;
	flex:5;
	width:auto;
	overflow:auto;
}

.wvAlertActions {
	display:flex;
	border-top:1px solid #dddddd;
	font-size:1.2em;
	color: #1A75BC;
	text-align: center;
	/*margin-top:15px;*/
	flex-basis:auto;
	width:100%;
}

.wvAlertAction:first-child {
	border-left:none !important;
}
.wvAlertAction {
	padding:8px 0px;
	border-left:1px solid #dddddd;
	flex:1;
}

.webviewPopup {
	display:none;
}

.popUpNotice {
	display:none;
	border: 1px solid #F7931E;
	border-radius: 8px;
	margin:10px;
	padding:8px;
}
.popUpNoticeH1 {
	font-size:1.2em;
	margin:5px 0px;
	text-align:center;
}


.wvLabel {
    position: relative;
    display: inline-block;
    border:1px solid #333333;
    border-radius:4px;
    background-color: #ffffff; /*s3*/
    color: #555555;  /*g6*/
    padding:9px 5px;
    background-position:right center;
    background-repeat:no-repeat;
    background-size:20px;
}

.wvLeftArrow {
	padding:9px 5px 9px 24px !important;
    background-position:left center !important;
    background-repeat:no-repeat;
    background-size:20px;
    cursor:pointer;
}

.wvDropDown {
    position: relative;
    display: inline-block;
    border:1px solid #333333;
    border-radius:4px;
    background-color: #ffffff; /*s3*/
    color: #555555;  /*g6*/
    padding:0px 5px;
    cursor:pointer;
}


.wvDropDownList {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 30px;
    overflow: auto;
    max-height: 400px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding:4px 10px;
    margin-top:3px !important;
    margin-left:-5px !important;
    margin-right:5px !important;
    text-align:left;
    z-index: 300;
}

.wvDropDownList li {
    color: black;
    min-width: 30px;
    text-decoration: none;
    white-space: nowrap;
    display: block;
    cursor:pointer;
    padding:5px 8px;
}

.wvDropDownlist li.selected {
    background-color:#dddddd;
}

.wvDropDown:hover {background-color: #f1f1f1; }

.wvDDLabel {
	padding:4px 24px 4px 0px;
    background-image:url('../stdImages/arrow-down.svg');
	background-position:right center;
    background-repeat:no-repeat;
    background-size:20px;
}

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

.viewContent .messagebox {
	border-radius:10px;
	margin: 10px 5px;
	max-width: 650px;
}


.tab-content {
	padding:10px;
	border-left:1px solid #dee2e6;
	border-right:1px solid #dee2e6;
	border-bottom:1px solid #dee2e6;
}

@media all and (min-width: 360px) {
	#viewHeader .viewTitle {font-size:1.4em;line-height:1.25;}
}	

@media all and (min-width: 600px) {
	#viewHeader .viewTitle {font-size:1.6em;line-height:1.15;}
}


@media (min-width: 650px) {
	.viewContent .messagebox {
		margin: 10px auto;
		max-width: 630px;
	}
}