@CHARSET "ISO-8859-1";

body{
    background: -moz-linear-gradient(center top, #52a2e7 30%, #416889 100%) repeat scroll 0 0 transparent;
    /* font-family: "Tahoma"; */
    font-size: 8.5pt;
    margin: 0;
    /* height: 580px; */
    min-height: 85vh;
    width: 100%;
    user-select: none;
}

#wrapper{
	width:330px;
	margin-top:120px;
	margin-left:auto;
	margin-right: auto;
	min-height:200px;
}
#content{
	height:470px;
	overflow: inherit;
	background-color: transparent;
	width: 100%;
}
#flip-wrapper {
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
    margin-right: 0;
    margin-top: 25px;
    position: relative;
}
#login-table{
	font-family: "Tahoma";
	font-size: 13px;
	color: #003399;
}
.loginInputField{
	font-size:13px;
	background-color:#FFFFFF;
	border:1px solid #E5E5E5;
	padding: 6px 8px;
}

.loginInputField:hover{
	border:1px solid #8ab9ed;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
}
.loginInputField:focus{
	border:1px solid #8ab9ed;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
}
.loginSelectField{
	font-size:13px;
	background-color:#FFFFFF;
	border:1px solid #E5E5E5;
	padding: 4px 5px;
	width:232px;
	height:30px;
}
.heightOptField{
	height:19px;
	padding-top:3px;
}
.loginSelectField:hover{
	border:1px solid #8ab9ed;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
}
.loginSelectField:focus{
	border:1px solid #8ab9ed;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
}
table{
	border-collapse: collapse;
}
.uitext1{
	background: none repeat scroll 0 0 transparent;
	display:block;
	font-family: Lucida Grande,Tahoma,Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	outline: medium none;
	padding: 4px 24px 6px;
	line-height: normal !important;
}

#error-dialog{
	background-color: #FFFFFF;
	height: 24px;
	padding: 5px;
	font-size : 11px;
	 border-radius: 4px 4px 4px 4px;
	 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
}

.well{
	box-shadow : 0 0 60px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.9) inset;
	background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    margin-bottom: 20px;
    min-height: 20px;
    padding: 19px;
}

.view-login {
    background-color: #142849;
    background-image: radial-gradient(circle, #165387, #142849);
    background-repeat: no-repeat;
    padding-top: 0;
}

hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #eee -moz-use-text-color #fff;
    border-image: none;
    border-style: solid none;
    border-width: 1px 0;
    margin: 18px 0;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    font-size: 13px;
    width:210px;
    padding: 4px 6px;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}

.blink{
	text-decoration: underline;
	font-weight: bold;
}
@media only screen and (max-width: 600px) {
	.maintenance-wrapper{
		width: 95% !important;
	}
}
.maintenance-wrapper{
	width: 530px;
	margin-top: 80px;
	margin-left: auto;
	margin-right: auto;
}
.maintenance-well{
	box-shadow : 0 0 60px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.9) inset;
	background-color: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    margin-bottom: 20px;
    min-height: 20px;
    padding: 19px;
}
#maintenance-timer{
	font-weight: 600;
	color: #ED1C24;
	/*animation: blinker 1s linear infinite;*/
}
@keyframes blinker {
	50% { opacity: 0; }
}

.otp-input {
	width: auto !important;
	color: #000;
	letter-spacing: 2px;
	font-weight: bold;
	text-align: center;
}

.logo {
	border-radius: 2px;
  	-webkit-transition: all .3s ease-in-out;
  	-moz-transition: all .3s ease-in-out;
  	-o-transition: all .3s ease-in-out;
  	transition: all .3s ease-in-out;
}
.logo:hover {
  transform: scale(0.97);
  transform: translateX(2px);
}

#login-btn{
	padding: 10px 15px;
	font-weight: 500;
}

.bootstrap-select > .btn.default-width {
	width: 212px !important;
}