html, body {height:100%; margin:0; padding:0;}
body {
	background-color: #232c6f;
}
#valign {display:none;}
@media (min-width: 768px) {
	body {
		/* Note: This gradient may render differently in browsers that don't support the unprefixed gradient syntax */
		/* IE10 Consumer Preview */ 
		background-image: -ms-linear-gradient(top left, #3A4896 0%, #000033 100%);

		/* Mozilla Firefox */ 
		background-image: -moz-linear-gradient(top left, #3A4896 0%, #000033 100%);

		/* Opera */ 
		background-image: -o-linear-gradient(top left, #3A4896 0%, #000033 100%);

		/* Webkit (Safari/Chrome 10) */ 
		background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #3A4896), color-stop(1, #000033));

		/* Webkit (Chrome 11+) */ 
		background-image: -webkit-linear-gradient(top left, #3A4896 0%, #000033 100%);

		/* W3C Markup, IE10 Release Preview */ 
		background-image: linear-gradient(to bottom right, #3A4896 0%, #000033 100%);
	}
	#valign {display:block;height:25%;}
}
form {
	max-width: 330px;
	padding: 15px;
	margin: 0 auto;
	color: #ffffff;
}
form .required-field {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAASCAYAAABSO15qAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QsPDhss3LcOZQAAAU5JREFUOMvdkzFLA0EQhd/bO7iIYmklaCUopLAQA6KNaawt9BeIgnUwLHPJRchfEBR7CyGWgiDY2SlIQBT/gDaCoGDudiy8SLwkBiwz1c7y+GZ25i0wnFEqlSZFZKGdi8iiiOR7aU32QkR2c7ncPcljAARAkgckb8IwrGf1fg/oJ8lRAHkR2VDVmOQ8AKjqY1bMHgCGYXhFchnAg6omJGcBXEZRtNoXYK2dMsaMt1qtD9/3p40x5yS9tHICYF1Vn0mOxXH8Uq/Xb389wff9PQDbQRB0t/QNOiPZ1h4B2MoO0fxnYz8dOOcOVbWhqq8kJzzPa3RAXZIkawCenHMjJN/+GiIqlcoFgKKq3pEMAMwAuCa5VK1W3SAfbAIopum+cy5KzwXn3M5AI6XVYlVt1mq1U8/zTlS1CeC9j2+6o1wuz1lrVzpWXLDWTg3pz/0CQnd2Jos49xUAAAAASUVORK5CYII='); background-attachment: scroll; cursor: auto; background-position: 100% 50%; background-repeat: no-repeat no-repeat;"
}
form .alert, form .process {
	display: none;
}
div small.error {
  color: #B94A48; /* color to match Bootstraps error class */
}
form .form-login-heading,
#form-login .checkbox {
  margin-bottom: 10px;
}
form .logo {
  margin-bottom: 10px;
  font-size: 20px;
  color: #ffffff;
}
form .logo .beta {
	font-size: 10px;
	font-weight: bold;
	position: relative;
	top: -13px;
}
form .checkbox {
  font-weight: normal;
}
form .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
form .bottom-link {
  margin-top: 10px;
}
form .form-control:focus {
  z-index: 2;
}
#form-login input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
#form-forgot input[type="email"] {
  margin-bottom: 10px;
}
form input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
/* Modal "stretch-to-fit height" */
.modal.modal-stretch {
	overflow: initial;
	overflow-y: initial;
	overflow-x: initial;
}
.modal.modal-stretch .modal-dialog,
.modal.modal-stretch .modal-content,
.modal.modal-stretch .modal-footer,
.modal.modal-stretch  #accessModal
{
	position: fixed;
}
.modal.modal-stretch .modal-dialog {
	top: 30px;
	left: 0px;
	right: 0px;
	bottom: 30px;
}
.modal.modal-stretch .modal-content {
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}
.modal.modal-stretch  #accessModal {
	position: fixed;
	top: 57px;
	left: 1px;
	right: 1px;
	bottom: 73px;
	overflow-y: scroll;
	overflow-x: hidden;
}

/* media query for mobile devices */
@media ( max-width: 480px ) {
	.container {
		padding-left: 15px;
		padding-right: 15px;
	}
	.modal.modal-stretch {
		height: 90%;
		left: 5%; /* ( win width [100%] - dlg width [90%] ) / 2 */
		top: 5%;
		width: 90%;
	}
	.modal.modal-stretch .modal-dialog {
		top: 10px;
		left: 10px;
		right: 10px;
		bottom: 10px;
	}
	.modal.modal-stretch #accessModal {
		position: fixed;
		top: 82px;
		bottom: 79px;
	}
}
.modal-stretch-inner {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	width: auto;
}
.modal-stretch-inner .form-group {
	margin:0px;
}