@import url(https://fonts.googleapis.com/css?family=Open+Sans);


* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}


body {
	width: 100%;
	height: 100%;
	font-family: 'Open Sans', sans-serif;
	/*background-color: #0747A6;*/
	/*background: linear-gradient(302deg, rgba(5,158,207,1) 0.00%, rgba(0,103,176,1) 44.81%, rgba(0,93,179,1) 54.66%, rgba(0,47,117,1) 99.64% ); */
	background-color:#fff;
	
}

.centered {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  
}

#login-section {
	transform: translateY(-10%);
}

.login {
	width:50vw;
}

.login h1 {
	color: #fff;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	letter-spacing: 1px;
	text-align: center;
	padding-bottom: 20px;
}

#loginForm .field {
	margin: 0;
}
#loginForm .loginFields 
{
	margin-bottom:0;
	width: 100%;
		margin-bottom: 10px;
	/*background: rgba(0, 0, 0, 0.3);*/
	background-color: green; /* #051732 #173B0B */
	border: none;
	outline: none;
	padding: 10px;
	font-size: 13px;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
	border: 1px solid rgba(0, 0, 0, 0.3);
	border-radius: 4px;
	box-shadow: inset 0 -5px 45px rgba(100, 100, 100, 0.2), 0 1px 1px rgba(255, 255, 255, 0.2);
	-webkit-transition: box-shadow .5s ease;
	-moz-transition: box-shadow .5s ease;
	-o-transition: box-shadow .5s ease;
	-ms-transition: box-shadow .5s ease;
	transition: box-shadow .5s ease;
}

#loginForm .search
{
	color: white !important;
}
input:focus {
	box-shadow: inset 0 -5px 45px rgba(100, 100, 100, 0.4), 0 1px 1px rgba(255, 255, 255, 0.2);
}


.blue {
	background-color: #0a169a !important;
}

.blue:hover{
	background-color: #2185d0 !important;
}

.admin-btn {
	margin:20px !important;
}

@media (min-width: 200px) {
	.login { width:80vw;}
}

/* sm-screen */
@media (min-width: 576px) {
	.login { width:50vw;}
}

/* md-screen */
@media (min-width: 768px) {
	.login { width:50vw;}
}

/* lg-screen */
@media (min-width: 992px) {
	.login { width:40vw;}
}

/* xl-screen */
@media (min-width: 1200px){
	.login { width:30vw;}
}