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

/**
 * Title:      Optiva Portal Stylesheet
 * Created:    20/7/2018
 * Author:     Development Team <info@optiva.co.uk>
 * Copyright:  Optiva

 * ========================================================================== */


a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }
a:visited { text-decoration: none; }


/**
 * 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-position: 420px 0px; background-repeat: no-repeat; background-color: #ccc; }
	
body { background: none; font-weight: 400; font-family: 'Nunito Sans', sans-serif;}


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

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

}

#login-background img { margin-top: 53px; margin-left: 10px; }

#login-panel { background: #fff; padding: 30px; margin: 0; min-height: 100%; position: absolute; }
	#login-panel h2 { color: #0e8136; font-size: 21px; line-height: 28px; font-weight: 300; padding: 20px 0px 10px 0px; margin: 0px; }
	#login-panel h3 { color: #999; font-size: 12px; padding-top: 25px; margin: 0px; }
	#login-panel p { color: #666; font-size: 15px; line-height: 22px; font-weight: 300; padding: 10px 0px 10px 0px; margin: 0px; }
	#login-panel p a { color: #0e8136; }
	#login-panel p a:hover { color: #0e8136; }
	#login-panel form { padding-top: 30px; }
	#login-panel label { color: #333; font-size: 16px; font-weight: 400; padding: 5px 0px; margin: 0px; }

	#login-panel .form-control { font-size: 15px; border-bottom: 1px solid #ccc; border-left: 0px; border-right: 0px; border-top: 0px; border-radius: 0px; box-shadow: none; }
	#login-panel .intrinsic-login-logo { width: 170px; }
	#main-login-content { padding-left: 20px; padding-right: 30px; }

	.error-validate { border-bottom: #cc0000 3px solid; padding-bottom: 10px; margin-bottom: 15px; font-size: 15px; line-height: 22px; color: #cc0000; font-weight: 400; }

	.error-hold-validate { color: #a90000; background: #ffe8e8; border: 1px #a90000 solid; font-size: 16px; line-height: 22px; font-weight: 600; padding: 10px; margin-top: 15px; }
	
.btn-login { background: #0e8136; border-color: #0e8136; font-size: 14px; font-weight: 600; color: #fff; border-radius: 30px; box-shadow: none; padding: 8px 26px; margin: 10px 0px 50px 0px; }
.btn-login:hover { background: #096d2c; border-color: #096d2c; 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; }

}