#portal-access #header {		
		-webkit-justify-content: center;
		justify-content: center;
		background: linear-gradient(0deg, rgb(31 24 16) 0, rgba(31, 24, 16, 0) 100%);
	}

	.grecaptcha-badge {
		z-index: 2;
	}

	@media (max-width: 2048px) {
		#portal-access #header {
			min-height: 50vh;
		}
	}

	@media (min-width: 2049px) {
		#portal-access #header {
			min-height: 60vh;
		}
	}


	.horizontal > form,
	.horizontal > form > *,
    #sign-in {
        display: -webkit-flex;
        display: flex;
    }

	#sign-in {
		flex-direction: column;
		-webkit-flex-direction: column;
	}



	.horizontal,
	.horizontal > form,
	.horizontal > form > *,
	.horizontal > form .button {
		-webkit-align-items: center;
		align-items: center;
	}	
		

	.horizontal,
	.horizontal > form {
		/*flex: 1;*/
		width: 100%;
	}
	
	.horizontal > form {
		background-color: var(--white);
		border-radius: 6px;
		margin: 10px 0px;
	}
	
	.horizontal > form * {
		font-size: 16px;
		font-weight: 400;
	}
	
	/*.horizontal > form > *:not(:last-of-type) {
		border-right: 1px solid #cdaddb;
	}*/
	
	.horizontal > form > * {
		margin: 8px 0px 8px 15px;
	}
	
	.horizontal > form label {
		margin-bottom: 0px;
	}
	
	
	.horizontal > form input,
	.horizontal > form select {
		padding: 8px 12px 8px 12px;
	}
	
	.horizontal > form select {
		border: none;
		cursor: pointer;
		margin: 0px 3px;
		min-width: 60px;
		padding: 8px 5px;
	}

	.horizontal > form input {
		-webkit-flex: 1;
		flex: 1;
		height: calc(100% - 10px);
		transition: 0.3s border;
	}
	
	

	
	#sign-in {
		align-items:center;
		-webkit-align-items:center;
		background-color: var(--pale-sky);
		border-radius: 10px 10px 0px 0px;
		margin: auto;
		padding: 20px 150px;
		width: 100%;
		z-index: 1;
	}

	#sign-in h2 {
		color: var(--purple-darkest);
		margin-left: -30px;
	}

	#sign-in h2 svg {
		fill: var(--purple-dark);
	}

	#sign-in form {
		background-color: white;
		color: initial;
		margin-bottom: 20px;
		padding: 0px 10px;
	}
	
	#sign-in .horizontal > form > *:not(:last-of-type) {
		background-color: #fff9;
		border: none !important;
		border-radius: 5px;
		padding-left: 10px;
	}

	#sign-in .form-group {
		border-right: none;
	}

	
	#sign-in.bravo .lock_container,
	#sign-in.alpha #login .button {
		flex: 1;
		-webkit-flex: 1;
	}

	
	#sign-in #login .button,
	#sign-in #btn-resend-activation .button {
		margin-right: 15px;
		padding: 7px 15px 7px 12px;
	}

	#pw-reset {
		padding-left: 35px;
	}
	
	#sign-in #btn-resend-activation .button {
		background-color: transparent;
		border: 1px solid var(--purple-lt);
		border-radius: 4px;
		color: var(--purple-darkest);
		font-size: 1em;
		font-weight: 400;
		letter-spacing: 0px;
		margin-bottom: 15px;
		margin-left: 23px;
		padding: 7px 15px;
	}
	
	#pw-reset a,
	.already_registered a,
	#btn-signin-other a,
	#sign-in #btn-resend-activation a {
		color: var(--purple-darkest);
		cursor: pointer;
	}
	
	#btn-signin-other {
		color: var(--purple-darkest);
	}
	
	#btn-reset {
		display: none;
	}
		
	.already_registered {
		text-align:center;
	}

	





	#assoc-register > div > div {
		float:left;
		margin-bottom:0px;
		width:100%;
	}

	#text {
	  position: relative;
	  min-height: 1px;
	}

	#text ol,
	#text ol li {
	  list-style-position: outside;
	  font-size: 1.22em;
	}
	#text ol p,
	#text ol li p {
	  font-size: initial;
	}

	#login-assocs {
		flex: 1;
		-webkit-flex: 1;
		position: relative;
	}

	#heading {
		background-size: 70vw;
		height:270px;
		width:100%;
	}
	
	#heading img {
		max-height: 200px;
		margin-left: 30px;
		margin-top: 30px;
	}
	

	#register {
		flex:1;
		-webkit-flex:1;
		background-color: var(--stone);
		border-radius: 0px 0px 10px 10px;
		float:left;
		margin-bottom: 5vw;
		margin-top:0px;
	}

	#register h2,
	#register h3 {
		color: #1e2953;
	}

	#register h2 {
		margin-left: -75px;
	}

	#register h2 svg {
		fill: #1e2953;
}

	#register .aura {
		background-color: var(--white);
	}



	#portal-access form input,
	.form-group input,
	#portal-access form select
	.form-group select {
	  border-radius: 4px;
	  box-shadow: none;
	  display: block;
	  font-size: 18px;
	  height: auto;
	  line-height: normal;
	  margin-bottom: 10px;
	  margin-top: 10px;
	  width: 100%;
	  padding: 10px;
	  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	  text-align: left;
	}

	.control-label, 
	.form-group input, 
	.form-group textarea, 
	.form-group select {
		margin-bottom: 5px;
		margin-top: 6px;
	}
	

	form input:focus {
	  border-color: #66afe9;
	  outline: 0;
	  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(216, 216, 216, 0.6);
	  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(216, 216, 216, 0.6);
	}
	
	/*form input::-moz-placeholder {	  			color: #edece9;	opacity: 1; }	
	form input:-ms-input-placeholder {	  		color: #edece9;	}	
	form input::-webkit-input-placeholder {	  	color: #edece9;	}*/
	
	form input[disabled],
	form input[readonly],
	fieldset[disabled] #register form input {
	  background-color: #f8f4f011;
	  opacity: 1;
	}
	
	form input[disabled],
	fieldset[disabled] #register form input {
	  cursor: not-allowed;
	}
	
	
	#key_container {
		display: flex;
		display: -webkit-flex;
		flex-direction: column;
		-webkit-flex-direction: column;
		align-items:center;
		-webkit-align-items:center;
	}
	
	#portal-access form button {
	  color: var(--white);
	  background-color: var(--purple-dark) !important;
	  margin-top: 1em;
	  width: 50%;
	  display: inline-block;
	}
	
	#portal-access form button:hover {
	  background-color: #e0a905;
	}
	
	

	#register > .navbar-header,
	#register > .navbar-collapse {
	  margin-right: -15px;
	  margin-left: -15px;
	}



	#portal-access h2 {	
		font-size: 2rem;
		margin-bottom: 20px;
		margin-top: 0px;
		padding-left: 0px;
	}
	
	#portal-access h2 svg {
		height: 65px;
	}

	#portal-access h2 + p {
		display: block;
		font-size: 16px;
		margin-bottom: 30px;
		padding: 0px 60px 0px 35px;
		padding-top: 0px;

	}
	
	
	#register form .alert {
		border: none;
		color: #bf5151;
		font-size: 14px;
		font-weight: 500;
	}
	
	#assoc-login .alert.alert-danger {
	  padding:5px 15px 0px 15px;
	}
		

	#register .form-group {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}	

	#register .form-group > label {
		margin-top: 10px;
	}
	
	#register .send_captcha {
		-webkit-flex-direction: column;
		flex-direction: column;
		margin-bottom: 20px;
		margin-top: 30px;
	}
	
	#register .send_captcha .button {
		margin-bottom: 20px;
	}
	
	

	#register #login_message {
		margin-top: 20px;
	}

	
	#assoc-register {
		padding-top: 0px;
	}
	
	
	#assoc-register h3 {
		color: var(--indigo);
		font-weight: 600;
		margin-bottom: 0px;
		margin-top: 10px;
		padding-left: 10px;
	}
	
	
	
	#assoc-register .form-group:first-of-type {
		margin-top: 0px;
	}
	
	
	
	
	.username_only .username {
		flex-direction: column;
		-webkit-flex-direction: column;
	}
	
	
	

	.remarks,
	.intro,
	#register {
		display: flex;
		display: -webkit-flex;
	}

	.remarks {
		margin-top:3em;
		padding-bottom: 30px;
		padding-top: 30px;
		text-align: center;
		flex-direction: row;
		-webkit-flex-direction: row;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		justify-content: center;
		-webkit-justify-content: center;
	}

	.remarks li {
		float:left;
		list-style-type:none;
	}

	.remarks h4 {
		float:left;
		margin-left:20px;
		margin-right:20px;
		width:auto;
	}

	.intro,
	#register {
		align-items:center;
		-webkit-align-items:center;
		flex-direction: column;
		-webkit-flex-direction: column;
		flex:1;
		-webkit-flex:1;
	}

	#login-assocs {
		width:100%;
	}
	
	
	
	#sign-out-message {
		display: flex;
		display: -webkit-flex;
		flex-direction: column;
		-webkit-flex-direction: column;
		background-color:var(--grey-dark);
		/*border: 1px solid #eee;*/
		border-radius: 5px;
		color:white;
		margin-bottom: 20px !important;
		margin-top: 20px;
		padding: 30px;
	}
	
	
	#sign-out-message h4 {
		color: white;
		/*font-weight: 300;*/
	}
	
	
	#sign-out-message .inform {
		font-size: 2em;
	}
	
	#sign-out-message .btn {
		background-color: var(--pink);
		color: var(--purple-darkest);
		margin: 30px auto 0px 0px;
		padding: 15px 30px;
		text-transform: uppercase;
		transition-duration: .3s;
		transition-property: background, color;
		width: auto;
	}
	
	#sign-out-message .btn:hover {
		background-color: #9ca7b7;
		color: white;
	}
	
	
	
	
	
	@media (min-width: 768px) {
	  #register > .navbar-header,
	  #register > .navbar-collapse {
		margin-right: 0;
		margin-left: 0;
	  }
	}
	
	@media (max-width:992px) {

		#register {
			background-image:none;
			height:100%; 
		}

		#register-prompt,
		#portal-access h2,
		#login_message p,
		#register-prompt h2 {
			text-align:center;
		}
		
		#portal-access h2,
		#register-prompt h2 {
			margin-top:20px;
		}
	}
	

	@media (min-width:992px) {

		
		.horizontal > form svg {
			-webkit-transition-property: fill;
			transition-property: fill;
		}
		
		.horizontal > form input {
			-webkit-transition-property: border;
			transition-property: border;
		}
		
		.horizontal > form input:hover {
			border: 1px solid var(--blue-focus);
		}

		
		#register,
		#sign-in {
			padding: 30px 150px;
			width: 991px;
		}

		#register > *,
		#sign-in > * {
			width: 100%;
		}
		
		#register .form-group > div {
			padding-left: 0px;
			padding-right: 0px;
		}	
		
		
		#register .form-group > label + input {
			min-width: 300px;
			width: 100%;
		}
	
		#sign-in #btn-resend-activation a {
			transition-duration: .3s;
			transition-property: background, border, color;
		}
	
		#sign-in #btn-resend-activation a:hover {
			background-color: var(--pink);
			border-color: var(--pale-purple);
			text-decoration: none;
		}
				
	}