html, main, body {
	margin:0;
	height: 100%;
	background-color: #7396c8;
}

html {
	overflow-y:scroll;
}

.fixed-bg {
	min-height: 100%;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../images/2015_Plant_Exterior_AM-002.jpg");
}


.appleLinksBlack a { color: #000000; text-decoration: underline; }	
.appleLinksWhite a { color: #ffffff; text-decoration: underline; }	

/***
Login page
***/
/* logo page */

.login .logo {
  margin: 0px auto 0px auto;
  padding: 35px 0 25px 0;
  text-align: center;
}

.login .content {
  background-color: rgb(154,154,154);
  background-color: rgba(0, 0, 0, .3);	
  width: 360px;
  margin: 0 auto;
  margin-bottom: 0px;
  padding: 30px;
  padding-top: 20px;
  padding-bottom: 15px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
}

.login .content h3 {
  color: #ffffff;
  text-transform: uppercase;
  font-family: 'Oswald', sans-serif;  
}

.login .content h4 {
  color: #ffffff;
}

.login .content p {
  color: #ffffff;
}

.login .content .login-form,
.login .content .forget-form {
  padding: 0px;
  margin: 0px;
}

.login .content .input-icon {
  border-left: 2px solid #555555 !important;
}

.input-icon i {
  color: #555555;
}

.login .content .input-icon {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.login .content .input-icon .form-control {
  border-left: 0;
}

.login .content .forget-form {
  display: none;
}

.login .content .register-form {
  display: none;
}

.login .content .form-title {
  text-transform: uppercase;
  font-family: 'Oswald', sans-serif;
  margin-bottom: 25px;
}

.login .content .form-actions {
  background-color: transparent;
  clear: both;
  border: 0px;
  border-bottom: 0px solid #eee;
  padding: 0px 30px 50px 30px;
  margin-left: -30px;
  margin-right: -30px;
}

.login .content .form-actions .checkbox {
  margin-left: 0;
  padding-left: 0;
}

.login .content .forget-form .form-actions {
  border: 0;
  margin-bottom: 0;
  padding-bottom: 20px;
}

.login .content .register-form .form-actions {
  border: 0;
  margin-bottom: 0;
  padding-bottom: 0px;
}

.login .content .form-actions .checkbox {
  margin-top: 8px;
  display: inline-block;
}

.login .content .form-actions .btn {
  margin-top: 1px;
}

.login .content .forget-password {
  margin-top: 25px;  
  border-top: 1px solid #FFF;
}

.login .content .forget-password a:link {
	color: #ffffff;
	text-decoration: underline; 
	font-family: 'Open Sans', sans-serif;
}

.login .content .forget-password a:active, 
.login .content .forget-password a:visited, 
.login .content .forget-password a:hover { 
	color: #ffffff;
	font-family: 'Open Sans', sans-serif;
	background-color: rgb(154,154,154);
	background-color: rgba(0, 0, 0, 0.4);		
}




/* select2 dropdowns */
.login .content .select2-container {
  border-left: 2px solid #666665 !important;
}

.login .content .select2-container .select2-choice {
  border-left: none !important;
}

.login .content .select2-container i {
  display: inline-block;
  position: relative;
  color: #ccc;
  z-index: 1;
  top: 1px;
  margin: 4px 4px 0px -1px;
  width: 16px;
  height: 16px;
  font-size: 16px;
  text-align: center;
}

.login .content .has-error .select2-container i {
  color: #b94a48;
}

.login .content .select2-container a span {
  font-size: 13px;
}

.login .content .select2-container a span img {
  margin-left: 4px;
}

/* footer copyright */
.login .copyright {
  text-align: center;
  margin: 0 auto;
  padding: 10px;
  color: #999;
  font-size: 13px;
}

@media (max-width: 480px) {
  /***
  Login page
  ***/
  .login .logo {

  }

  .login .content {
    width: 280px;
  }

  .login .content h3 {
    font-size: 22px;
  }

  .login .checkbox {
    font-size: 13px;
  }
}






.alert-danger {
	background-color: rgb(154,154,154);
	background-color: rgba(0, 0, 0, .5);	  
	color: #FFF;
	padding-top: 7px;
	padding-bottom: 8px;
}

.form-group {
	padding: 5px 5px 5px 5px;
	background: rgb(220, 220, 220);
	background-color: rgba(0, 0, 0, .1);		
}
.has-error {
	background-color: #f3565d;
}

.login .content .has-error .input-icon {
	border-left: 2px solid #a7171d !important;
}

.login .content .has-error .help-block {
	color: #ffffff;
}







/* password_strength */
#password_strength { display: none; padding: 10px 15px 10px 10px;}
#password_strength_meter { height: 19px; background: #fff; border: 0px solid #ccc; width: 100%; overflow: hidden; }
#password_strength_meter div { height: 19px; width: 0px; font-size: 11px; font-weight: normal; line-height: 100%; padding: 4px 0 0 6px; color: #ffffff; }	
#password_strength .passheader { display: block; font-size: 12px; font-weight: bold; line-height: 110%; padding: 0 0 5px 0px; color: #ffffff; }	
#password_strength .disclaimer { display: block; font-size: 12px; font-weight: normal; line-height: 110%; padding: 4px 0 0 0px; color: #ffffff; }


.button { display: block; margin: 10px 0; width: auto; cursor: pointer; border: 1px solid #a3a3a3; background: red; color: #333; padding: 3px 8px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.5em; }
.buttondisabled { display: block; margin: 10px 0; width: auto; cursor: pointer; border: 1px solid #ddd; background: green; color: #acacac; padding: 3px 8px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.5em; }


































/* bootstrap override */
.navbar-default {
	background-color: transparent;
	border-color: transparent;
	margin-bottom: 30px;
	margin-top: 0;
	padding-bottom: 20px;
	background-color: rgb(154,154,154);
	background-color: rgba(0, 0, 0, .1);	

}

.navbar-default .navbar-nav {
	margin-top: 15px;	
}

.navbar-default .navbar-text {
  color: #ffffff;
}
.navbar-default .navbar-nav > li {
  margin: 2px 3px;
}

.navbar-default .navbar-nav > li > a {
  color: #ffffff;
	font-size: 22px;

}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333333;
  background-color: #e7e7e7;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #333333;
  background-color: #e7e7e7;
  border: none;
}






/* navbar form */

.navbar-form {
  padding: 8px 25px 0 15px;
  margin-top: 0;
  margin-right: 0px;
  margin-bottom: 0;
  margin-left: 0px;
  border-top: 0px solid transparent;
  border-bottom: 0px solid transparent;
  -webkit-box-shadow: inset 0 0 0 rgba(255, 255, 255, .1), 0 0 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 0 0 rgba(255, 255, 255, .1), 0 0 0 rgba(255, 255, 255, .1);
}

.navbar-collapse.in {
    overflow-y: visible;
}









/* general link underlined */
a.regularlink:link { 
	color: #ffffff;
	text-decoration: underline; 
	font-family: 'Open Sans', sans-serif;		
}

a.regularlink:active, 
a.regularlink:visited, 
a.regularlink:hover { 
	color: #ffffff;
	font-family: 'Open Sans', sans-serif;
	background-color: rgb(154,154,154);
	background-color: rgba(0, 0, 0, 0.4);			
}




/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/




    /*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
  
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
		
		
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
					
		
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
		
	
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {	
					
    }



    /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {

    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        
    }