Body
{
    font-family: Roboto;
    font-size: 10pt;
}

input[type=text], input[type=password]
{
    width: 302px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border: solid 2px #cccccc;
    font-family: Roboto;
    font-size: 11pt;
    padding: 7px;
    position: absolute;
}

input[type=text]:focus, input[type=password]:focus
{
    outline-color: #0093d9;
}

.Mask
{
    overflow: hidden;
}

.Rounded
{
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
}

.Gradient
{
    background-color: white;
}

.Box
{
    height: 340px;
    width: 510px;
}

.Content
{
    box-shadow: 5px 5px 19px #333333;
    border: solid 1px lightgray;
}

.Logo
{
    position: absolute;
    height: 134px;
    width: 270px;
    top: 0px;
    left: 115px;
}

#lblVersion
{
    position: absolute;
    left: 335px;
    top: 128px;
    color: #012236;
    font-size: 8pt;
}

#lblDatabase
{
    color: #999999;
    margin-top: 3px;
    display: inline-block;
    position: absolute;
    top: 134px;
    padding-right: 6px;
    z-index: 1;
    background-color: white;
    padding-left: 6px;
    left: 104px;
}


#cboDatabase
{
    width: 320px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border: solid 2px #cccccc;
    font-family: Roboto;
    font-size: 11pt;
    padding: 7px;
    position: absolute;
    top: 145px;
    left: 95px;
}

#cboDatabase.Centered
{
    top: 170px;
}

#Content
{
    padding: 4em 4.7em 0.5em 2em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

span.Label
{
    color: #999999;
    margin-top: 3px;
    display: inline-block;
    position: absolute;
    padding-right: 6px;
    z-index: 1;
    background-color: white;
    padding-left: 6px;
}

#lblUser
{
    color: #999999;
    margin-top: 3px;
    display: inline-block;
    position: absolute;
    top: 180px;
    padding-right: 6px;
    z-index: 1;
    background-color: white;
    padding-left: 6px;
    left: 104px;
}

#txtUser
{
    top: 191px;
    left: 95px;
}

#lblPassword, #lblOTP
{
    color: #999999;
    margin-top: 3px;
    display: inline-block;
    position: absolute;
    top: 226px;
    padding-right: 6px;
    z-index: 1;
    background-color: white;
    padding-left: 6px;
    left: 104px;
}

#txtPassword, #txtOTP
{
    width: 302px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border: solid 2px #cccccc;
    font-family: Roboto;
    font-size: 11pt;
    padding: 7px;
    position: absolute;
    top: 237px;
    left: 95px;
}

#errorMessage
{
    white-space: pre-line;
    color: red;
    position: absolute;
    top: 235px;
    left: 95px;
    width: 300px;
}

#cmdValidOTP
{
	left: 185px;
}

#cmdSelect
{
	left: 195px;
}

input[type=submit]
{
	color: White;
	border: 0px;
	padding: 4px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	background-color: #f59d3d;
	width: 130px;
	font-family: Roboto;
	font-size: 11pt;
	position: absolute;
	top: 327px;
}

input[tyype=submit]:hover
{
    background-color: #1a394d;
}

#lblForgotPassword
{
    white-space: pre-line;
    position: absolute;
    bottom: 70px;
    left: 95px;
}