h1, h2, h3, body, p, td, th 				{ font-family: Verdana; background-color: #ffffff; color: #0000FF;}
h1												{ font-size: 14pt; font-style: bold }
h2         									{ font-size: 12pt; font-style: italic }
h3         								  	{ font-size: 8pt }
body, p, td, th {
	font-size: 10pt;
	color: #000080;
	background-color: #ffffff;
	white-space: nowrap
}
th												{ font-weight: bold }
a:style, a:link 								{ text-decoration: none; color: #0000FF }
a            { color: #0000FF; font-family:Verdana; text-decoration:none; font-size:10pt }

body {
	background-image: url(../images/background.jpg);
	background-repeat: no-repeat;
	display: flex;
	justify-content: center;
	flex-direction: column;
	margin-top: 15px;
}

#loginForm{
	
}

#header-login {
    height: 60px;
    background-repeat: no-repeat;
    padding-top: 10px;
    vertical-align: bottom;
    text-align: right;
    margin-right: 50px;
}
td.loginheader
{
    font-family: Verdana, Geneva, sans-serif;
    font-weight:bold; 
    font-size: 12px; 
    color: #000000;
    border:0px;
    width: 80px;
}
td.loginbody
 {
    font-family: Verdana, Geneva, sans-serif;
    font-weight:bold; 
    font-size: 12px; 
    color: #000;
    border:0px;
 }
 
 input.login 
 {
     width: 150px;
 }
 #login {
    padding-top:2em;
}

#loginContainer{
	margin-left: 10em;
}
.rowWrap{
	text-overflow: clip;

  /* Required for text-overflow to do anything */
  white-space: nowrap;
  overflow: hidden;
}
input[type=submit] {
    cursor: pointer !important;
}

.headerImage {
	height: 25px;
	padding: 0.2rem;
}

.HeaderLink {
	color: #224e91;
	font-family: Tahoma;
	width: 80;
	border: none;
	background-color: #c0c0c0;
	text-align: center;
	margin-right: 10;
	margin-left: 10;
	FONT-WEIGHT: 600;
	font-size: 12px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

#dropdownNew, #dropdownForecast, #dropdownLists, #dropdownReports {
	display:none;
	position: absolute;
    background: #c0c0c0;
	padding: 10;
}

.show-dropdown{
	display:flex!important;
	flex-direction: column;
}

.HeaderDrop{
	color: #224e91; 
	font-family: Tahoma; 
	border: none; 
	background-color: #c0c0c0;
	text-align: center;
	margin-top: 10;
}

.HeaderDrop:hover, .HeaderLink:hover{
	color: #0000FF; 
}

.HeaderBar {
	border-collapse: collapse;
	border-width: 0;
	display: flex;
	margin-top: -15px;
	padding: 10px 0px 10px 0px;
	background: #c0c0c0;
}

.Sup-New-Form {
	display: flex;
	justify-content: space-around;
	flex-direction: column;
	align-items: center;
}


@media only screen and (max-width: 1300px) {
	.Sup-New-Form {
		display: block;
	}
}


.Sup-New-Form input, .Sup-New-Form textarea, .Sup-New-Form select {
	margin: 3px;
	font-family: Verdana;
}

.show-import-dropdown {
	display: table-row!important;
}

.chart g g g g path{
	display:block;
}

.chart g g g path {
	display: none;
}