@charset "utf-8";
/* CSS Document */

*{
	margin: 0;
	padding: 0;
}


/* Move down content because we have a fixed navbar that is 50px tall */
body {
  background:#e2fcfd;
  font-family: 'Lucida Grande', Tahoma;
  font-size:12px;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
	color: #219998;
}

.bg{
	background: #50c6c6;
}



.login-aria {
  float: left;
  background-color: #50c6c6;
  width: 100%;
  height: auto;
  padding: 10px 40px;
  margin: 120px 0px 20px 0px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}




.create-ac-text{
	text-align: center;
}

.input-height{
	height: 45px;
}

.button-height{
	height: 45px;
	width: 100%;
}


.login-aria form .btn-primary {
  color: #fff;
  font-size: 18px;
  background-color: #50C6C6;
  border-color: #50C6C6;
}
.login-aria form .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: #FFF;
    font-size: 18px;
    background-color: #50c6c6;
    border-color: #219998;
}


.login-aria form .form-group {
    margin-bottom: 3px;
}


.m-footer-link a{
    color:#fff;
}

.m-footer-link a:active, a:focus , a:hover{
    color:#fff;
}


/***************************************************************************
	                   MEDIA QUERY FOR Mobile Index PAGE 	
***************************************************************************/



	/* Large Devices, Wide Screens */
	@media only screen and (max-width : 1920px) {
            
		#loginpage .container {
		  margin: 0 auto;
		  width: 520px;
		  height: 100%;
		  border-width: 0 1px 1px 1px;
		  border-color: #ddd;
		  border-style: solid;
		  text-align: left;
		  background: #DADADA;
                  margin-top: 20px;
		}
              
		#loginpage .logo{
			padding: 4% 43%;
		}

		#loginpage .login-aria {
		  float: left;
		  background-color: #DADADA;
		  width: 99%;
		  height: auto;
		  padding: 10px 120px;
		  margin: 0px 1px 4px 1px;
		  display: table-cell;
		  text-align: center;
		  vertical-align: middle;
		}
                 #loginpage .text-danger{
                    color: red;
                }
		/* Styling for blue link  */
		#loginpage .create-ac:link {
			color: #8a8a8a;
			text-decoration: none;
			font-size: 22px;
		}
		#loginpage .create-ac:visited {
			color: #8a8a8a;
			text-decoration: blink;
			font-size: 22px;
		}
		#loginpage .create-ac:hover, a:active, a:focus {
			color: #8a8a8a;
			text-decoration:underline;
			font-size: 22px;
		}
               #loginpage .cms-ac:link {
			color: #8a8a8a;
			text-decoration: none;
			font-size: 12px;
		}
		#loginpage .cms-ac:visited {
			color: #8a8a8a;
			text-decoration: blink;
			font-size: 12px;
		}
		#loginpage .cms-ac:hover, a:active, a:focus {
			color: #8a8a8a;
			text-decoration:underline;
			font-size: 12px;
		}
                #loginpage .sign-ac:link {
			color: #8a8a8a;
			text-decoration: none;
			font-size: 15px;
		}
		#loginpage .sign-ac:visited {
			color: #8a8a8a;
			text-decoration: blink;
			font-size: 15px;
		}
		#loginpage .sign-ac:hover, a:active, a:focus {
			color: #8a8a8a;
			text-decoration:underline;
			font-size: 15px;
		}
                #loginpage .copyright{
                    color: #8a8a8a;
                    font-size: 15px;
                }
                #loginpage .loginviatext{
                    color: #8a8a8a;
                    font-size: 22px;
                }
                #loginpage .loginsocailicon{
                    height: 20%;
                }
                #loginpage .login-aria form hr{
                    padding: 0;
                    border: none;
                    height: 2px;
                    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
                    background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
                    background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
                    background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
                    color: #333;
                    text-align: center;
                    
                  }
		
	}


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

		#loginpage .container {
		  margin: 0 auto;
		  width: 520px;
		  height: 100%;
		  border-width: 0 1px 1px 1px;
		  border-color: #ddd;
		  border-style: solid;
		  text-align: left;
		  background: #dadada;
		}

		#loginpage .logo{
			padding: 20% 38%;
		}

		#loginpage .login-aria {
		  float: left;
		  background-color: #dadada;
		  width: 99%;
		  height: auto;
		  padding: 10px 120px;
		  margin: 20px 1px 129px 1px;
		  /*margin: 300px 1px 20px 1px;*/
		  display: table-cell;
		  text-align: center;
		  vertical-align: middle;
		}
                #loginpage .text-danger{
                    color: red;
                }

		/* Styling for blue link  */
		#loginpage .create-ac:link {
			color: #ffffff;
			text-decoration: none;
			font-size: 22px;
		}
		#loginpage .create-ac:visited {
			color: #ffffff;
			text-decoration: blink;
			font-size: 22px;
		}
		#loginpage .create-ac:hover, a:active, a:focus {
			color: #ffffff;
			text-decoration:underline;
			font-size: 22px;
		}
                #loginpage .cms-ac:link {
			color: #8a8a8a;
			text-decoration: none;
			font-size: 12px;
		}
		#loginpage .cms-ac:visited {
			color: #8a8a8a;
			text-decoration: blink;
			font-size: 12px;
		}
		#loginpage .cms-ac:hover, a:active, a:focus {
			color: #8a8a8a;
			text-decoration:underline;
			font-size: 12px;
		}
                #loginpage .sign-ac:link {
			color: #8a8a8a;
			text-decoration: none;
			font-size: 15px;
		}
		#loginpage .sign-ac:visited {
			color: #8a8a8a;
			text-decoration: blink;
			font-size: 15px;
		}
		#loginpage .sign-ac:hover, a:active, a:focus {
			color: #8a8a8a;
			text-decoration:underline;
			font-size: 15px;
		}
                #loginpage .copyright{
                    color: #8a8a8a;
                    font-size: 15px;
                }
                #loginpage .loginviatext{
                    color: #8a8a8a;
                    font-size: 22px;
                }
                #loginpage .loginsocailicon{
                    height: 20%;
                }
                #loginpage .login-aria form hr{
                    padding: 0;
                    border: none;
                    height: 2px;
                    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
                    background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
                    background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
                    background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
                    color: #333;
                    text-align: center;
                    
                  }

	}



	/* Medium Devices, Desktops */
	@media only screen and (max-width : 992px) {
		#loginpage .container {
		  margin: 0 auto;
		  width: 520px;
		  height: 100%;
		  border-width: 0 1px 1px 1px;
		  border-color: #ddd;
		  border-style: solid;
		  text-align: left;
		  background: #dadada;
		}

		#loginpage .logo{
			padding: 10% 38%;
		}

		#loginpage .login-aria {
		  float: left;
		  background-color: #dadada;
		  width: 99%;
		  height: auto;
		  padding: 10px 120px;
		  margin: 20px 1px 129px 1px;
		  /*margin: 300px 1px 20px 1px;*/
		  display: table-cell;
		  text-align: center;
		  vertical-align: middle;
		}
                #loginpage .text-danger{
                    color: red;
                }

		/* Styling for blue link  */
		#loginpage .create-ac:link {
			color: #ffffff;
			text-decoration: none;
			font-size: 22px;
		}
		#loginpage .create-ac:visited {
			color: #ffffff;
			text-decoration: blink;
			font-size: 22px;
		}
		#loginpage .create-ac:hover, a:active, a:focus {
			color: #ffffff;
			text-decoration:underline;
			font-size: 22px;
		}
               #loginpage .cms-ac:link {
			color: #8a8a8a;
			text-decoration: none;
			font-size: 12px;
		}
		#loginpage .cms-ac:visited {
			color: #8a8a8a;
			text-decoration: blink;
			font-size: 12px;
		}
		#loginpage .cms-ac:hover, a:active, a:focus {
			color: #8a8a8a;
			text-decoration:underline;
			font-size: 12px;
		}
                #loginpage .sign-ac:link {
			color: #8a8a8a;
			text-decoration: none;
			font-size: 15px;
		}
		#loginpage .sign-ac:visited {
			color: #8a8a8a;
			text-decoration: blink;
			font-size: 15px;
		}
		#loginpage .sign-ac:hover, a:active, a:focus {
			color: #8a8a8a;
			text-decoration:underline;
			font-size: 15px;
		}
                #loginpage .copyright{
                    color: #8a8a8a;
                    font-size: 15px;
                }
                #loginpage .loginviatext{
                    color: #8a8a8a;
                    font-size: 22px;
                }
                #loginpage .loginsocailicon{
                    height: 20%;
                }
                #loginpage .login-aria form hr{
                    padding: 0;
                    border: none;
                    height: 2px;
                    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
                    background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
                    background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
                    background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
                    color: #333;
                    text-align: center;
                    
                  }

	}



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

		#loginpage .container {
		  margin: 0 auto;
		  width: 520px;
		  height: 100%;
		  border-width: 0 1px 1px 1px;
		  border-color: #ddd;
		  border-style: solid;
		  text-align: left;
		  background: #dadada;
		}

		#loginpage .logo{
			padding: 12% 45%;
		}

		#loginpage .login-aria {
		  float: left;
		  background-color: #dadada;
		  width: 99%;
		  height: auto;
		  padding: 10px 120px;
		  margin: 20px 1px 129px 1px;
		  /*margin: 300px 1px 20px 1px;*/
		  display: table-cell;
		  text-align: center;
		  vertical-align: middle;
		}

		#loginpage .login-aria form .form-group {
		    margin-bottom: 10px;
		}

		/* Styling for blue link  */
		#loginpage .create-ac:link {
			color: #ffffff;
			text-decoration: none;
			font-size: 22px;
		}
		#loginpage .create-ac:visited {
			color: #ffffff;
			text-decoration: blink;
			font-size: 22px;
		}
		#loginpage .create-ac:hover, a:active, a:focus {
			color: #ffffff;
			text-decoration:underline;
			font-size: 22px;
		}
                #loginpage .cms-ac:link {
			color: #8a8a8a;
			text-decoration: none;
			font-size: 12px;
		}
		#loginpage .cms-ac:visited {
			color: #8a8a8a;
			text-decoration: blink;
			font-size: 12px;
		}
		#loginpage .cms-ac:hover, a:active, a:focus {
			color: #8a8a8a;
			text-decoration:underline;
			font-size: 12px;
		}
                #loginpage .sign-ac:link {
			color: #8a8a8a;
			text-decoration: none;
			font-size: 15px;
		}
		#loginpage .sign-ac:visited {
			color: #8a8a8a;
			text-decoration: blink;
			font-size: 15px;
		}
		#loginpage .sign-ac:hover, a:active, a:focus {
			color: #8a8a8a;
			text-decoration:underline;
			font-size: 15px;
		}
                #loginpage .copyright{
                    color: #8a8a8a;
                    font-size: 15px;
                }
                #loginpage .loginviatext{
                    color: #8a8a8a;
                    font-size: 22px;
                }
                #loginpage .loginsocailicon{
                    height: 20%;
                }
                #loginpage .login-aria form hr{
                    padding: 0;
                    border: none;
                    height: 2px;
                    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
                    background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
                    background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
                    background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
                    color: #333;
                    text-align: center;
                    
                  }

	}


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

		#loginpage .container {
		  width: 100%;
		  background: #dadada;
		  padding-right: 15px;
		  padding-left: 15px;
		  margin-right: 0;
		  margin-left: 0;
		}

		#loginpage .logo{
			padding: 5% 37%;
		}

		#loginpage .login-aria {
		  float: left;
		  background-color: #dadada;
		  width: 99%;
		  height: auto;
		  padding: 10px 40px;
		  margin: 20px 1px 129px 1px;
		  display: table-cell;
		  text-align: center;
		  vertical-align: middle;
		}

		/* Styling for blue link  */
		#loginpage .create-ac:link {
			color: #ffffff;
			text-decoration: none;
			font-size: 18px;
		}
		#loginpage .create-ac:visited {
			color: #ffffff;
			text-decoration: blink;
			font-size: 18px;
		}
		#loginpage .create-ac:hover, a:active, a:focus {
			color: #ffffff;
			text-decoration:underline;
			font-size: 18px;
		}
                #loginpage .cms-ac:link {
			color: #8a8a8a;
			text-decoration: none;
			font-size: 12px;
		}
		#loginpage .cms-ac:visited {
			color: #8a8a8a;
			text-decoration: blink;
			font-size: 12px;
		}
		#loginpage .cms-ac:hover, a:active, a:focus {
			color: #8a8a8a;
			text-decoration:underline;
			font-size: 12px;
		}
                #loginpage .sign-ac:link {
			color: #8a8a8a;
			text-decoration: none;
			font-size: 15px;
		}
		#loginpage .sign-ac:visited {
			color: #8a8a8a;
			text-decoration: blink;
			font-size: 15px;
		}
		#loginpage .sign-ac:hover, a:active, a:focus {
			color: #8a8a8a;
			text-decoration:underline;
			font-size: 15px;
		}
                #loginpage .copyright{
                    color: #8a8a8a;
                    font-size: 15px;
                }
                #loginpage .loginviatext{
                    color: #8a8a8a;
                    font-size: 22px;
                }
                #loginpage .loginsocailicon{
                    height: 20%;
                    width: 12%;
                }
                #loginpage .login-aria form hr{
                    padding: 0;
                    border: none;
                    height: 2px;
                    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
                    background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
                    background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
                    background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
                    color: #333;
                    text-align: center;
                    
                  }

	}

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

		#loginpage .container {
		  padding-right: 15px;
		  padding-left: 15px;
		  margin-right: 0;
		  margin-left: 0;
		  width: 100%;
		  background: #dadada;
		}

		#loginpage .logo{
			padding: 20% 36%;
		}

		#loginpage .login-aria {
		  float: left;
		  background-color: #DADADA;
		  width: 99%;
		  height: auto;
		  padding: 10px 40px;
		  margin: 0px 1px 73px 1px;
		  display: table-cell;
		  text-align: center;
		  vertical-align: middle;
		}

		/* Styling for blue link  */
		#loginpage .create-ac:link {
			color: #ffffff;
			text-decoration: none;
			font-size: 16px;
		}
		#loginpage .create-ac:visited {
			color: #ffffff;
			text-decoration: blink;
			font-size: 16px;
		}
		#loginpage .create-ac:hover, a:active, a:focus {
			color: #ffffff;
			text-decoration:underline;
			font-size: 16px;
		}
                #loginpage .cms-ac:link {
			color: #8a8a8a;
			text-decoration: none;
			font-size: 15px;
		}
		#loginpage .cms-ac:visited {
			color: #8a8a8a;
			text-decoration: blink;
			font-size: 15px;
		}
		#loginpage .cms-ac:hover, a:active, a:focus {
			color: #8a8a8a;
			text-decoration:underline;
			font-size: 15px;
		}
                #loginpage .sign-ac:link {
			color: #8a8a8a;
			text-decoration: none;
			font-size: 15px;
		}
		#loginpage .sign-ac:visited {
			color: #8a8a8a;
			text-decoration: blink;
			font-size: 15px;
		}
		#loginpage .sign-ac:hover, a:active, a:focus {
			color: #8a8a8a;
			text-decoration:underline;
			font-size: 15px;
		}
                #loginpage .copyright{
                    color: #8a8a8a;
                    font-size: 15px;
                }
                #loginpage .loginviatext{
                    color: #8a8a8a;
                    font-size: 22px;
                }
                #loginpage .loginsocailicon{
                    height: 20%;
                    width: 15%;
                }
                #loginpage .login-aria form hr{
                    padding: 0;
                    border: none;
                    height: 2px;
                    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
                    background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
                    background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
                    background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
                    color: #333;
                    text-align: center;
                    
                  }

	}
	.create-ac {
		margin:15px 0;
	}