/****************/
/* Desktop Screen*/
/****************/


@import url('https://fonts.googleapis.com/css?family=Quicksand');

.container-fluid {padding: 0;}

body {
	background: #f5f5fe;
}

#registered {
	font-size: 16px;
}

.brand img {
	width: 80px;
	display: inline;
	/*text-align: center;*/
}

.brand h4 {
	width: auto;
	display: inline;
}

.body-login {
	background: #f5f5fe;
}

.bg-banner {
	background: #f5f5fe;
	/*margin-top: 50px;*/
	/*min-height: 560px;*/
}

#panel1 .transparentPanel .heading {
	background:#367fa9;
	padding: 5px;
}

.transparentPanel {
	background: rgba(255,255,255,0.2);
	margin-top: 15px;
	/*padding: 3%;*/
	border: 1px solid #aaa;
	box-shadow: 1px 0px 4px 0px #000;
}

.transparentPanel h3 {
	color: #232321;
}

.form-group {
	padding: 0 40px;
}

.col-md-6 {
	padding: 3px;
}

.setupInputStyle {
	height: 30px;
	color: #222;
	font-weight: bold;
}

.setupInputStyle:focus {
	border: 1px solid #000;
	outline: none;
	color: #000;
}

span.err {
	color: #f00;
}
/*@keyframes myMove {
    0% { width: 0px; }
    100% { left: 200px; }
}*/

/****************/
/* Mobile Screen*/
/****************/

.manditory {
	color: #ff2222;
}

.otpMsg {
	padding: 5px 10px;
	background: #dfd;
	color: #393;
	border: 1px solid #3f3;
}


@media (min-width: 200px) and (max-width: 500px) {
	.bg-banner {
		background: #f5f5fe;
		margin-top: 15px;
		/*min-height: 560px;*/
	}
	/*.lastButtons #back2,#submit {
		display: block;
		margin: 0 auto;
		margin-top: 5px;
	}

	.lastButtons .pull-right {
		display: block;
		margin: 0 auto;
		margin-top: 5px;
	}

	.lastButtons .pull-left {
		display: block;
		margin: 0 auto;
		margin-top: 5px;
	}*/
	.container-fluid ,.container-fluid.form-group,.col-md-12,.transparentPanel {
		padding: 0;
	}
	input,select,text-area {
		width: 90%;
		/*padding: 10px;*/
	}
	.setupInputStyle {
		padding: 2px 15px;
	}

	.input-group {
		width: 90%;
		margin: auto;
	}

	.input-group input {
		width: 100%;
	}
}


@media (min-width: 501px) and (max-width: 991px) {
	/*.lastButtons #back2 {
		display: inline;
		float: right !important;
	}

	.lastButtons #back2,#submit {
		display: inline;
		float: left !important;
	}*/

	.bg-banner {
		background: #f5f5fe;
		margin-top: 45px;
		min-height: 930px;
	}
}

@media (min-width: 992px) and (max-width: 1300px) {
	/*.lastButtons #back2 {
		display: inline;
		float: left !important;
	}

	.lastButtons #back2,#submit {
		display: inline;
		float: right !important;
	}*/
}