body, html {
  height: 100%;
}

body {
	background-image: none;
  background-color: #fff;
	background-size: cover !important;
	background-position: center !important;
}

.container .center .logo{
  display: block;
}

.container .center .logo .crossflow{
  display: block;
}

.front-bg img {
  display: block;
}

.container .bottom {
  background-color: #209CEB;
}

.footer {
  background-color: #209CEB;
}

.alert-container {
	height: 80px;
	width: 360px;
	padding-top: 4%;
}

.center-container {
	margin: auto;
}

.login-center {
	padding: 25px;
	padding-top: 10px;
	width: 560px;
	height: 460px;
}

.top-logo img {
	height: 122px;
}

input#password {
	width: 100%;
}

.signature {
	color: #646464;
	bottom: -30px;
	position: relative;
	text-align: center;
	font-size: 11px
}

.alert-box {
	background-color: #fff !important;
	border-color: #fff !important;
	padding: 0px !important;
}

.domain-list {
	position: relative;
	width: 100% !important;
	color: #000066;
	font-size: 15px;
	left: 0px;
}

.domain-list .select-domain {
	position: absolute;
	left: 0;
}

button#submit {
	color: #fff;
	background-color: #18397e;
	border-color: #fff;
	left: 0px;
}

button#submit:hover {
	background-color: #3c5aa8;
	border-color: #fff;
}

label.control-label {
	font-weight: normal;
	color: #000066;
	height: 34px;
	margin: 0px;
	line-height: 32px;
}

/* misc css */
.no-padding {
	padding: 0 !important;
}

.alert-danger {
	color: #ff0000;
}

.alert-info {
	color: #2182ff;
}

.alert-success {
	color: #1eaf2d;
}

.bottom-arrow {
	border-top-color: #000066;
}

/* 320px - 370px */
@media (min-width: 320px) and (max-width: 370px) {
  
}

/* 371px - 520px */
@media (min-width: 371px) and (max-width: 520px) {
 
}

/* 521px - 767px */
@media (min-width: 521px) and (max-width: 767px) {
  body {
		background-size: cover !important;
	}
}

/* 768px - 991px */
@media (min-width: 768px) and (max-width: 991px) {
	body {
		background-size: cover !important;
	}
}

/* 992px - 1080px */
@media (min-width: 992px) and (max-width: 1080px) {
  body {
		background-size: cover !important;
	}
}

/* 1081px - 1280px */
@media (min-width: 1081px) and (max-width: 1280px) {
  
}

/* 1281px - 1600px */
@media (min-width: 1281px) and (max-width: 1600px) {
  
}

/* 1601px - 1920px */
@media (min-width: 1601px) and (max-width: 1920px) {
  
}

/* >= 1921px */
@media (min-width: 1921px) {
  
}