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


/**
 * Title:      Intrinsic Stylesheet
 * Created:    30/08/2016
 * Author:     Development Team <info@optiva.co.uk>
 * Copyright:  Optiva

 * ========================================================================== */
 
body { background:#f7f7f7; font-weight: 400; font-family: 'Open Sans', sans-serif;}

h2 { font-family: 'Roboto', sans-serif; }
h3 { font-family: 'Roboto', sans-serif; }
h4 { font-family: 'Roboto', sans-serif; }
p { font-family: 'Roboto', sans-serif; }
li { font-family: 'Roboto', sans-serif; }


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 {
  margin: 0 auto;
  width: 100%;
  padding: 0;
}


.row {
 margin: 0 auto;
 width: 100%;
 padding: 0;
}

.text-right { float: right; }

.btn-login { background: #0088cc; border-color: #0088cc; font-size: 16px; font-weight: 600; color: #fff; border-radius: 3px; box-shadow: none; padding: 10px 45px; margin: 10px 0px 20px 0px; }
.btn-login:hover { background: #0088cc; border-color: #0088cc; color: #fff; }


/**
 *  Modal Buttons
 * ========================================================================== */

.btn-orange-modal { background: #ee4123; border-color: #ee4123; font-size: 16px; font-weight: 600; color: #fff; border-radius: 30px; box-shadow: none; padding: 8px 30px; float: right; }
.btn-orange-modal:hover { background: #cb2509; border-color: #cb2509; color: #fff;}

.btn-white-grey-modal { background: #fff; border-color: #999; font-size: 16px; font-weight: 600; color: #999; border-radius: 30px; box-shadow: none; padding: 8px 30px; }
.btn-white-grey-modal:hover { background: #999; border-color: #999; color: #fff; }

/**
 * Mobile Navigation
 * ========================================================================== */
 
#mobile-nav-toggle { text-align: right; }
	#mobile-nav-toggle ul { padding: 0px; margin-top: -4px; list-style: none; float: right; }
	#mobile-nav-toggle ul li { float: left; }
	#mobile-nav-toggle a { font-size: 24px; color: #666; }
	#mobile-nav-toggle a:link { color: #666; }
	#mobile-nav-toggle a:visited { color: #666; }
	#mobile-nav-toggle a:hover { color: #0099cc; }
	#mobile-nav-toggle a:active { color: #0099cc; }
	#mobile-nav-toggle a.btn { padding-left: 10px; padding-right: 0px; }

	
#backtotop { float: none; color: #ffffff; width: 40px; height: 40px; z-index: 300; text-shadow: none; position: fixed; bottom: 15px; right: 15px; }
	#backtotop a { background: rgba(255, 255, 255, 0.35);  width: 40px; height: 40px; border-radius: 50%; border: 2px solid #cccccc; display: block; margin-bottom: 5px; padding-top: 6px; padding-left: 6px; cursor: pointer; }
	#backtotop a:hover { background: #0099cc; color: #ffffff; border-color: #ffffff; }
	#backtotop a:hover i { font-size: 26px;  }
	#backtotop a i { font-size: 26px; color: #cdcdcd; }


/**
 * Login Panel
 * ========================================================================== */	
 
 
#login-background { min-height: 100vh; background: url(../img/login-bg.jpg) top left no-repeat; background-size: 1920px; padding: 40px; }

#login-panel { background: #fff; padding: 40px;  margin: 0;  }
	#login-panel h2 { color: #666; font-size: 24px; line-height: 30px; font-weight: 400; padding: 55px 0px 40px 0px; margin: 0px; }
	#login-panel h3 { color: #666; font-size: 12px; padding-top: 5px; margin: 0px; }
	#login-panel p { color: #666; font-size: 16px; line-height: 22px; padding: 30px 0px 10px 0px; margin: 0px; }
	#login-panel p a { color: #0088cc; }
	#login-panel p a:hover { color: #003366; }
	#login-panel label { color: #666; font-size: 16px; font-weight: 400; padding: 5px 0px; margin: 0px; }
	#login-panel img { width: 240px; }

	#login-panel .form-control { }
	#login-panel .ahs-login-logo { width: 270px; }
	
@media screen and (max-width: 768px) {
	
	#login-background { padding: 20px; }
	
	#login-panel { padding: 20px;  }
	#login-panel h2 { font-size: 20px; line-height: 26px; padding: 20px 0px; }
	#login-panel label { font-size: 14px; }
	
	.btn-primary {  font-size: 16px; padding: 5px 20px; margin: 10px 0px 40px 0px; }
	
}

/**
 * Main Navigation
 * ========================================================================== */

#main-side-navigation { min-height: 100vh; background: #fff; padding: 35px 20px 20px 20px ; }
	#main-side-navigation .navigation-logo { margin-bottom: 50px; }
	#main-side-navigation .navigation-icons { width: 60px; margin: auto; }
	#main-side-navigation h2 { font-size: 16px; color: #999; font-weight: 600; margin: 10px 0px 50px 0px;}

/**
 * Top Navigation
 * ========================================================================== */

#top-navigation { min-height: 70px; }
	#top-navigation i { font-size: 15px; color: #666; font-weight: 100; float: left;}
	#top-navigation h2 { font-size: 14px; color: #666; font-weight: 600; margin: 0px 25px 0px 10px; float: left; }
	#top-navigation a i:hover { color: #46acdd; }
	#top-navigation a h2:hover { color: #46acdd; }
	#top-navigation .top-icons { width: 30px; margin-left: 15px; float: right; }
	#top-navigation .top-icons.right { width: 37px; }


	.no-pad { padding: 0px; }

/**
 *  Alert Panles
 * ========================================================================== */

 .alert-icon-green { background: #fff; border: 1px solid #3c763d; padding: 6px 6px 6px 6px; margin: 0px 10px 0px 0px; border-radius: 20px; vertical-align: middle; float: left;}
 .alert-icon-green i{ font-size: 24px; color:#3c763d; margin:0px 0px 0px 0px; vertical-align: middle;}

 .alert-icon-red { background: #fff; border: 1px solid #a94442; padding: 6px 8px 6px 8px; margin: 0px 10px 0px 0px; border-radius: 20px; vertical-align: middle; float: left;}
 .alert-icon-red i{ font-size: 24px; color: #a94442; margin:0px 0px 0px 0px; vertical-align: middle;}


/**
 *  Footer
 * ========================================================================== */

#footer { background: #333 url('../img/footer-bg.jpg') repeat-x; position: relative; min-height: 120px; padding: 30px 0px 10px 0px; bottom: 0px; z-index: 50;}
	#footer h2{ color: #0099cc; font-size: 14px; font-weight: 400; margin: 0px; padding: 0px 20px 0px 0px; float: left; }
	#footer h2:hover{ color: #fff; }
	#footer p{ color: #ccc; font-size: 12px; font-weight: 100; margin: 0px; padding: 30px 0px 0px 0px; }
	#footer h3{ color: #ccc; font-size: 12px; font-weight: 100; margin: 0px; padding: 4px 0px 0px 0px; }
	#footer h3 a:hover{ color: #fff; }
	#footer a{ color: #ccc; font-size: 12px; font-weight: 100; margin: 0px; }
	#footer img{ float: right; }