body {
    background-color: #201c1b;
    color: white;
    align-items: center;
    padding-bottom: 20px;
    margin: 5%;
}

#splash {
    width: 715px;
    height: 470px;
    background-image: url(../images/splash/common_splash.jpg);
    flex-direction: column;
}

#version_details {

    font-size: 13px;
    color: #dbdbdb;
    font-style: normal;
    font-family: Verdona,helvetica;
}

.txtLinks {
    font-size: 12px;
    color: #FFFFFF;
    font-style: normal;
    font-family: Arial,helvetica;
}

.disclaimer {
    padding-top: 5px;
    font-size: 11px;
    color: #808080;
    font-style: normal;
    font-family: Arial,helvetica, Sans-Serif;
}


#warnings {
    flex-direction: row;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    display: flex;
    justify-content: space-between;
}

#menu {
    align-items: center;
    padding-top: 55px;
    height: auto;
}

#centerText {
    align-items: center;
	height: 75px;
}
#leftText {
    padding-left: 30px;
    padding-right: 30px;
    height: 180px;
}
#buildInfo {
    align-items: center;
    height: 35px;
}
.flex-container {
    display: flex;
    flex-direction: column;
}

.txtFieldName
{
	font-weight: bold;
	font-size: 12px;
	color: #F1F1F1;
	font-style: normal;
	font-family: Arial,helvetica;
}

.txtForm
{
	font-size: 12px;
	color: #F1F1F1;
	font-style: normal;
	font-family: Arial,helvetica;
}

.txtDescPassword
{
	font-weight: bold;
	font-size: 12px;
	font-style: normal;
	font-family: Arial,helvetica;
	padding-top: 20px;
}

.input-txt
{
    width: 130px;
}

.txtNote
{
	font-weight: bold;
	font-size: 12px;
	font-style: normal;
	font-family: Arial,helvetica;
	text-align: left;
	padding-left: 20px;
}

#input-fields-and-description {
    align-items: center;
    padding-top: 65px;
    height: 160px;
}
.input-field-row {
    flex-direction: row;
    display: flex;
    justify-content: space-between;
	padding-bottom: 5px;
	width: 320px;
}

.description
{
	font-size: 12px;
	color: #F1F1F1;
	font-style: normal;
	font-family: Arial,helvetica;
	align-items: left;
	padding-top: 5px;
}
#OK-CANCEL-BTN {
	padding-top: 20px;
	width: 220px;
}

.notes {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
    height: 1850px;
}
.txtDescription {
	padding-top: 30px;
	padding-left: 20px;
	color: RED;
}

#loginForm {
	align-items: right;
    padding-top: 60px;
    height: 220px;
	width: 340px;
	align-self: flex-end;
	padding-right: 30px;
}

.login-ol {
	padding: 0px;
	margin-bottom: 0px;
}

.button {
	padding-bottom: 10px;
}

.dialogBox {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 20%; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Dialog Box Content */
.dialogBox-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}