@import url('https://fonts.googleapis.com/css?family=Open+Sans:100,200,300,400,500,600,700,800,900');


/**
 * Boostrap Core Framework Overrides
 * ========================================================================== */

.container { width: 100%; }

.btn-primary { background: #006699; border-color: #006699; font-size: 18px; font-weight: 600; color: #fff; border-radius: 3px; box-shadow: none; padding: 5px 30px; margin: 10px 0px 50px 0px; }
.btn-primary:hover { background: #003366; border-color: #003366; }

			
/**
 * Login Panel
 * ========================================================================== */	
 
 
html { background: url('/img/login-background.jpg') no-repeat; background-repeat: no-repeat; background-color: #ccc; }
	
body { background:#f7f7f7; font-weight: 400; font-family: 'Open Sans', sans-serif; }


@media screen and (min-width: 1500px) {

#login-panel { max-width: 460px; }

}

#login-panel { background: #fff; padding: 30px; margin: 0; min-height: 100%; position: absolute; }
	#login-panel h2 { color: #0055a5; font-size: 20px; line-height: 28px; font-weight: 400; padding: 20px 0px 15px 0px; margin: 0px; }
	#login-panel h3 { color: #333; font-size: 18px; padding: 0px; margin: 0px 0px 35px 0px; font-weight: 400; line-height: 24px; }
	#login-panel h4 { color: #666; font-size: 14px; line-height: 23px; margin-bottom: 20px; }
	#login-panel h5 { color: #999; font-size: 12px; padding-top: 5px; margin: 0px; }
	#login-panel p { color: #666; font-size: 14px; line-height: 23px; margin-bottom: 25px; }
	#login-panel p a { color: #0055a5; }
	#login-panel p a:hover { color: #0b3e6e; }
	#login-panel form { padding-top: 0px; }
	#login-panel label { color: #333; font-size: 16px; font-weight: 400; padding: 5px 0px; margin: 0px; }

	#login-panel .form-control { color: #0055a5; font-size: 15px; border-bottom: 1px solid #ccc; border-left: 0px; border-right: 0px; border-top: 0px; border-radius: 0px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.0);}
	#login-panel .intrinsic-login-logo { width: 170px; }
	#main-login-content { padding-left: 52px; padding-right: 30px; }

	.alert { border-bottom: #cc0000 3px solid; padding-bottom: 10px; padding-right: 0px; padding-left: 0px; margin-bottom: 15px; font-size: 15px; line-height: 22px; border-radius: 0px; color: #cc0000; font-weight: 400; background: none; 
		border-right: 0px; border-top: 0px; border-left: 0px; box-shadow: none; }
		.alert button{ display: none; }

.btn-login { background: #009966; border-color: #009966; font-size: 14px; font-weight: 600; color: #fff; border-radius: 30px; box-shadow: none; padding: 8px 26px; margin: 10px 0px 40px 0px; }
.btn-login:hover { background: #05734e; border-color: #05734e; color: #fff;}


@media screen and (max-width: 992px) {
	
html { padding: 30px; background-position: 0px 0px; }

#login-panel { position: relative; }

}

@media screen and (max-width: 500px) {

#main-login-content { padding: 0px; }

#login-panel h2 { font-size: 16px; line-height: 26px; }

}