/*
	1.0 Text
 	2.0 Links
 	3.0 Adjustment
 	4.0 Aesthetics
	5.0 Buttons
	6.0 Main content
	7.0 Header, footer & navigation
	8.0 News
	9.0 FAQ
	10.0 Members													*/

/* 	1.0 Text ................................................. 		*/

	
	body,
	ul#menu > li > a,
	ul#menu > li.active > a {
		color:#233047;
	}
	
	.cms li span,
	.cms li p				{font-family:inherit !important; font-size:inherit !important; line-height:inherit !important;}
	
	.cms h2,
	.cms h3,
	.cms h1					{font-family: 'Roboto', sans-serif;}
	
	.cms h1					{font-weight:700;}
							 
	.cms h2,
	.cms h3					{font-weight:300;}
	
	.cms ul li h2,
	.cms ul li h3			{margin-top:0px;}

	.decimal li h2,
	.decimal li h3			{display:inline;}
	
	.circle					{list-style-type:circle;}
		
	
	.block_red				{color:#ffffff !important; background-color:#98000c !important; padding-left:4px; padding-right:4px;}
	.blue_title				{color:#677364; font-size:14px; font-weight:normal;}
	.red_star				{color:#d00020 !important;}
	
	.capitalize				{text-transform:capitalize;}
	.uppercase				{text-transform:uppercase;}
	.bold					{font-weight:bold !important;}
	.light					{font-weight:normal;}
	.underline, .u			{text-decoration:underline;}
	.no_underline			{text-decoration:none !important;}
	.linethru				{text-decoration:line-through;}
	
	.lineheight_normal		{line-height:normal !important;}
	.lineheight_1			{line-height:1.1em;}
	.lineheight_1_6			{line-height:1.6em;}
	
	ul.no_bullet li,
	.no_bullet				{list-style:none !important;}
	
	ul.cirle_bullet li,
	.circle_bullet			{list-style-type:circle;}
	
	ul.disc_bullet li,
	.disc_bullet			{list-style-type:disc;}

	ul.decimal li			{list-style-type:decimal}
	ul.letter li			{list-style-type:lower-alpha}
	ul.roman li				{list-style-type:lower-roman !important}
	ul.circle li			{list-style-type:circle;}
	
	ul.ls_position_inside li	{list-style-position:inside;}
	ul.ls_position_outside li	{list-style-position:outside;}

	li {
		list-style-position: inside;
	}

	.black-tick li {
		list-style: outside none none;
		list-style-image:url('/_images/icons/tick-black.png')
	}

	.blue-tick li {
		list-style: inside none none;
		list-style-image:url('/_images/icons/tick-blue.png')
	}

	.white-tick li {
		list-style: outside none none;
		list-style-image:url('/_images/icons/tick-white.png')
	}
	
	.ticklist li {
		list-style: inside none none;
	}
	
	table.nolastrow tr:last-of-type td,
	table.nolastrow tr:last-of-type th {border-bottom:none !important;}
	table.nolastcol tr:last-of-type td,
	table.nolastcol tr:last-of-type th {border-right:none !important;}


	.font_0_8em				{font-size:0.8em !important;}
	.font_0_9em				{font-size:0.9em !important;}
	.font_1em				{font-size:1em !important;}
	.font_1_2em				{font-size:1.2em !important;}
	.font_1_5em				{font-size:1.5em !important;}
	.font_2em				{font-size:2em !important;}
	.font_3em				{font-size:3em !important;}
	
	.align_centre,
	.align_center			{text-align:center !important;}
	.align_right			{text-align:right;}
	.align_justify			{text-align:justify;}
	.valign_bottom			{vertical-align:bottom !important;}
	.valign_middle			{vertical-align:middle !important;}

		
	.btn_text {
		background:#eee;
		border:1px solid #999;
		border-radius:2px;
		color:#233047 !important;
		height:auto;
		line-height:normal;
		padding:0em 0.5em !important;
		width:auto;
	}
	
	.btn_text.opt {
		background:transparent;
		border:1px solid #888;
	}
		
	.emphasise {
		color: #555;
		font-size: calc(0.8em + 2vw);
		font-weight: 300;
	}
		


	.btn-primary {
		margin-top: 1em;
		min-width: 300px;
		flex: 1;
	}
	
	.btn.cancel {
		border: 2px solid #536680;
		color: #284e81;
		font-weight: 600;
	}
	
	.btn {
		transition-duration: .3s;
		transition-property: background, border, color;
	}	
	
	.btn:hover {
		background-color: #284e81;
		border-color: transparent;
		color: var(--white);
	}
	



	/* help prompt, explainer and prompt-guidance */
	
	.explainer_msg,
	.help_prompt {
		display:none; }
	
	.help_prompt {
		max-width:350px;
		margin-bottom:10px;
	}
	
	.help_prompt,
	.help_prompt > div,
	.help_prompt .close_prompt {
		float:left;
	}
	.help_prompt > div {
		clear:both;
	}
	
	.help_prompt .close_prompt,
	.help_prompt > div.content_text {	
		background-color:#fd921f;
	}
	
	.help_prompt > div.content_text {	
		padding:10px 15px;
	}
	
	.help_prompt .help_text {
		color:#ffffff;
		float:left;
		font-size:1.2em;
		width:290px;
	}
	
	.help_prompt.hover_prompt {
		position:absolute;
	}
	
	.help_prompt .arrow-up {
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;		
		border-bottom: 15px solid #fd921f;
		margin-left: 20px;
		height: 0; 
		width: 0; 
	}
	
	.help_prompt .close_prompt {
		padding:7px 0px 0px 5px;
		width:20px;
	}

	
	#halt_explainer > div {
		display:inline-block;
	}
	
		
	#halt_explainer					{border:2px solid var(--white);
									 color:var(--white);
									 display:none;
									 float:left;
									 font-weight:1.3em;
									 padding:15px;}
	
	.invalid_red h4,
	.invalid_red label				{color:#fff !important;}
									 
		
	
	/* #red-confirm-container */	
	#red-confirm-container h1 {
		color: #9E1F24;
	}
	
	#red-confirm-container > div > img {
		margin-top:80px;
	}
	



	.form-group {		
		margin-bottom:10px;
		position: relative;
	}

	.form-group input,
	.form-group select,
	.form-group textarea {
		border: 1px solid #edecec;
	}

	.form-group input,
	.form-group select,
	.form-group textarea {
		font-size: 16px;
		line-height: normal;
		padding: 8px 10px;
	}

	/*.form-group select {
		border: none;
	}*/

	.form-group input + p,
	.form-group input + span {
		margin-top: 5px;
	}

	.control-label,
	.form-group label,
	.form-group input + p,
	.form-group input + span {
		padding-left: 10px;
	}

	.form-group input[type=date] {
		padding-bottom:2px;
		padding-top:2px;
	}
	

	.split_cols,
	#l-name {
		display: flex;
		display: -webkit-flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		flex-direction: row;
		-webkit-flex-direction: row;
	}	

	.split_33 > * {
		width: calc(33.2% - 7px);
	}

	.split_50_50 > *,
	.profile .p_details .split_50_50 > .form-group {
		width: calc(50% - 8px);
	}
	
	.split_50_50_m10 > *:first-of-type {
		width: 50%;
	}
		
	.split_50_50_m10 > *:first-of-type + * {
		margin-left: 10%;
		width: 40%;
	}
	
	
	.capture .control-label {		
		background-color: var(--white);
		color: var(--indigo);
		font-size: 16px;
		font-weight: 400;
		left: 5px;
		margin-top: 0px !important;
		opacity: 1;		
		padding: 5px 15px 5px 7px;
		pointer-events: none;
		position: absolute;
		top: 17px;
		transition-duration: 0.3s;
		transition-property: opacity, font, top, transform;
		z-index: 9;
	}
	
	.capture input:focus + .control-label,
	.capture input:autofill + .control-label {			
		color: var(--blue-highlight);
		font-size: 13px;
		top: -3px;
	}

	.capture input:autofill + .control-label,
	.capture input.has-value + .control-label {			
		background-color: transparent;
		opacity: 0;
	}

	label.required:after {
		color: #611;
		content: "*";
		font-size: 0.8em;
		margin-left: 5px;
	}

	/*.form-group,
	.form-group label {
		align-items: center;
		-webkit-align-items: center;
	}*/
	
	.form-group h4 {
		font-size: calc(14px + 0.2vw);
	}
	
	.form-group h4,
	.form-group label,
	.form-group label + div {
		font-weight: 600;
		line-height: inherit;
		margin-bottom: 0px;
		margin-top: 0px;
	}

	.form-group label + div {
		flex-direction:column;
		-webkit-flex-direction:column;
	}

	.form-group label + div input + .help-block {
		/*background-color: #f4f4f4;*/
		border-radius: 3px;
		margin-left: 10px;
		padding-left:5px;
		padding-right:5px;
		z-index:99999;
	}
	
	#l-name #l-title {		width: calc(20% - 10px); }
	#l-name #l-firstname {	width: calc(30% - 10px); }
	#l-name #l-surname {	width: calc(50% - 10px); }


	.help-block {
		font-size:14px;
		margin:0;
		padding-left: 12px;
	}
	.has-success .help-block {
	  color: #3c763d;
	}
	.has-warning .help-block {
	  color: #8a6d3b;
	}
	.has-error .help-block {
	  color: #a94442;
	}
	.help-block {
	  display: block;
	  margin-top: 5px;
	  margin-bottom: 10px;
	  color: #ff7373;
	}


	.send_captcha > div {
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		-webkit-justify-content: center;
		flex-direction:column;
		-webkit-flex-direction:column;
		margin-top:10px;
		text-align:center;
	}

	.send_captcha > div > div {
		margin-left:auto;
		margin-right:auto;
	}
	
	#login_message p {
		margin-bottom:2vw;
	}



	.aura {
		display: flex;
		display: -webkit-flex;
		flex-direction: column;
		-webkit-flex-direction: column;
		background-color: var(--white);
		border-radius: 10px;
		margin-bottom: 25px;
		margin-top: 10px;
		padding: 10px 25px;
	}
		
	.aura h3 {
		margin-top: 10px;
	}
		
	.aura input,
	.aura select,
	.aura textarea {
		border-radius: 4px;
		margin-top: 5px;
	}
	



	#portal-access.actvn {
		min-height: 100vh;
	}
	
	#portal-access.actvn #header {
		-webkit-align-content: center;
		align-content: center;
	}


	#portal-access.actvn #activation-ack,
	#activation-ack > * {
		display:flex;
		display:-webkit-flex;
		flex-direction:column;
		-webkit-flex-direction:column;
		/*-webkit-justify-content:center;
		justify-content:center;
		-webkit-align-items: center;
		align-items: center;*/
	}


	#portal-access.actvn #activation-ack {
		-webkit-align-items:center;
		align-items:center;
	}


	#portal-access.actvn h1 {
		margin-top: 10vh;
	}


	/*#portal-access.actvn #activation-ack > * {
		text-align:center !important;
	}*/


	#portal-access.actvn #sign-in {
		background-color: transparent;
	}


	#portal-access.actvn #sign-in #login {
		flex-direction:row;
		-webkit-flex-direction:row;
		background-color: var(--stone);
		color: var(--text);
		margin-bottom: 20px;
	}
	
	#portal-access.actvn #sign-in #login .form-group {
		margin: 0px 0px 0px 15px;
		width: 70%;
	}

	#portal-access.actvn #activation-ack h2,
	#portal-access.actvn #activation-ack #message p,
	#portal-access.actvn #activation-ack #message p a {
		color: white;
		margin-left: 0px;
		margin-right: 0px;
	}

	#portal-access.actvn #activation-ack h3 {
		font-weight: 600;
	}

	#portal-access.actvn #activation-ack #login h3,
	#portal-access.actvn #activation-ack #login .form-group,
	#portal-access.actvn #activation-ack #login .react_msg {
		transition-duration: .3s;
		transition-property: opacity, transform;
	}

	#portal-access.actvn #activation-ack #login h3 {
		color: var(--purple-on-white);
		font-size: 1.2rem;
		margin: 0px 0px 0px 26px;
	}

	#portal-access.actvn #activation-ack #message,
	#portal-access.actvn #activation-ack .ops ul {
		color: white;
		font-size: 1.5rem;
	}

	#portal-access.actvn #activation-ack .ops ul {
		font-size: 1rem;
		text-align:left;
	}

	#portal-access.actvn #activation-ack .ops ul li {
		list-style-position: outside;
	}

	#portal-access.actvn.react_succes #sign-in #logins h3 {
		opacity: 0;
		transform: translateX(5px);
	}

	#portal-access.actvn #sign-in #login .react_msg {
		display: none;
		line-height: 1.35;
		margin: 0px 15px 0px 20px;
		opacity: 0;
		transform: translateX(-5px);
		width: 100%;
	}

	#portal-access.actvn.react_success #sign-in #login .react_msg {
		opacity: 1;
		transform: translateX(5px);
	}

	#portal-access.actvn.react_success #sign-in #login .form-group {
		opacity: 0;
		transform: translateX(5px);
	}


	#portal-access.actvn #sign-in #login .react_msg .comment {
		border-left: 2px solid #ddd;
		display: block;
		float:left;
		padding: 5px 15px 10px 15px;
		margin-bottom: 10px;
	}

	#portal-access.actvn #sign-in #login .react_msg p {
		color: var(--text);
		font-size: 1rem;
		margin: 5px 0px 12px 0px;
	}

	#portal-access.actvn #sign-in #login #btn-react-reset {
		background-color: var(--text);
		border: 1px solid transparent;
		color: var(--white);
		padding: 7px 15px 7px 12px;
		width: auto;
	}

	#portal-access.actvn #sign-in #login .react_msg #svgh-icon-email-inbound {
		fill: var(--blue-focus);
		left: -80px;
		position: absolute;
		top: 5px;
	}

	#portal-access.actvn #sign-in #login #btn-react-reset svg {
		fill: var(--blue-focus);
	}

	#portal-access.actvn #sign-in #login #btn-resend-actv-go {
		position: relative;
	}

	#portal-access.actvn h1 .progress-spinner {
		animation: reactivate_spin .7s linear infinite;
		border: 2px solid var(--stone);
		border-top-color: var(--stone);
		border-radius: 50%;
		display: none;
		height: 20px;
		margin-left: 10px;
		width: 20px;
	}

	#portal-access.actvn #sign-in #login.is-loading input#email {
		background-color: transparent;
		color: var(--muted);
		pointer-events: none;
	}

	/*#portal-access.actvn.is-loading h1 .progress-spinner {
		display: inline-block;
	}

	#portal-access.actvn #sign-in #login #btn-resend-actv-go.is-loading > svg {
		display: none;
	}*/

	@keyframes reactivate_spin {
		to { transform: rotate(360deg); }
	}

	#portal-access.actvn #activation-ack .btn-primary {
		margin-left: auto;
		margin-right: auto;
	}

	#portal-access.actvn #activation-ack .btn-secondary {
		background-color: transparent;
		border: 3px solid white;	
		margin: 20px 0px;
		width: 100%;
	}

	#portal-access.actvn #activation-ack .btn-secondary svg {
		fill: var(--stone);
		transform: rotate(-90deg) translateY(2px) translateX(1px);
	}
	
	#portal-access.actvn #activation-ack .capture input:focus + .control-label, 
	#portal-access.actvn #activation-ack .capture input:autofill + .control-label {
		border-radius: 3px;
		opacity: 0;
		padding: 3px 10px;
		top: -1px;
	}


	
	

	waiting,
	waiting dot,
	.success {
		transition-duration: .4s;
		transition-property: margin-left, opacity, width;
	}			

	waiting {
		display: flex;
		display: -webkit-flex;
		-webkit-justify-content: space-evenly;
		justify-content: space-evenly;
		margin-left: 0px;
		overflow: hidden;
		width: 0px;
	}
	
	waiting dot {
		display: block;
		background-color: #fff;
		border-radius: 8px;
		height: 8px;
		margin: auto 2px;
		opacity: 0;
		width: 8px;
    }
	
	waiting dot.c1 { animation-delay: .3s; }
	waiting dot.c2 { animation-delay: .5s; }
	waiting dot.c3 { animation-delay: .6s; }
	
	waiting.err dot {	
		animation-name: unset;
		background-color: #e95515;
	}

	waiting.on {
		margin-left: 5px;
		width: 36px;
	}

	waiting.on dot {	
		animation-name: cycleAnimation;
		animation-iteration-count: 2;
		animation-duration:1s;
		-webkit-animation-duration:1s;
		animation-timing-function: ease;
		-webkit-animation-timing-function: ease;
		animation-fill-mode: forwards;
		-webkit-animation-fill-mode: forwards;
	}
	
	.success {
		background: #5ebb4b url("data:image/svg+xml,<svg width='20' height='20' viewBox='0 0 21 19' xmlns='http://www.w3.org/2000/svg'><path d='M5.5 10.5 L8.6 13.3 L15.2 6.2' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='square' stroke-linejoin='miter'/></svg>");
		border-radius: 20px;
		height: 20px;
		margin: 0px 8px;
		opacity: 0;
		width: 0px;
	}	

	.success.is-visible {
		opacity: 1;
		visibility: visible;
		width: 20px;
	}



	@keyframes cycleAnimation {
		0% {	opacity: 0; }
		50% {	opacity: 1; }
		100% {	opacity: 0; }
	}


	
	
	#ui_overlay {
		background:rgba(0,0,0,0.3);
		display:none;
		width:100%; height:100%;
		position:absolute; top:0; left:0; z-index:99998;
	}

	#ui_overlay.show {
		display:block
	}



@media (min-width: 992px) {

	#heading + div,
	#heading + section {
		padding-left: 4vw;
		padding-right: 4vw;
	}

}




/* 	5.0 Buttons ............................................... 	*/

	#button p {margin:0px;}
	
	.button_light_clear,
	.button_glyphicon {
		border:1px solid #ddd;
		border-radius:3px;
		cursor:pointer;
		outline-style:none;
		padding:6px 10px;
	}
	
	.button_light_clear:hover,
	.button_glyphicon:hover {
		background-color:#e0e0e0;
	}
	
	.button_smallest {
		background-color: #334057;
		border-radius: 3px;
		color:#77b4f5;
		font-size: 0.8em;
		padding: 1px 4px 1px 4px;
	}
	
	.button_smallest:hover {
		/*background-color: #233047;*/
		color:#ffc234;
		text-decoration:none;
	}


/* 	6.0 Main content ............................................ 	*/	


@media (max-width: 1200px) {
	#banner-bg {
		position:relative !important;
	}
}


	.guidance-page #menu,
	.policy-page #menu {
		width:auto !important;
	}	   

	




	input.err,
	.err.force:valid {
		color:#da265d;
	}
	
	.err:valid {
		background-color:#ffffff;
		color:initial !important;
	}
		
	warn {
		color:#cb7b00;
		float: left;
		font-size:0px;
		font-weight: 500;
		margin-top: 0px;
		max-height:0px;
		padding-left:10px;
		padding-top: 0px;
		transition-property: all;
		transition-duration: .5s;
		transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
		width: 100% !important;
	}
	
	.err warn::before {
		background-color: transparent;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-bottom: 11px solid #e9bc06;
		border-radius: 0;
		content: ' ';
		display: inline-block;
		margin-right: 5px;
		padding-right: 1px;
	}	
	
	.form-group warn::before {
		margin-left: 7px;
	}
	
	.err warn,
	.err.force warn,
	.err.force warn,
	.err.force .form-group warn,
	.err.force .form-control + warn {
		display:block;
		font-size:14px !important;
		max-height:unset !important;
		padding-bottom:10px;
	}
		
	.err input,	
	.err input + span,
	.err select,
	.err textarea {
		border-color: #edc31a !important;
	}









	
/* 6.13 Customer log-in .......................................			*/
	
	#sign-in #login {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	
	#sign-in #login > * {
		margin-bottom: 5px;
	}
	
	#sign-in #login .form-group {
		width: 40%;
	}
	
	#sign-in #login warn {
		margin-top: 0px;
		width: 100%;
	}
	
	
	#login #send_reset_container,
	#sign-in #btn-signin-other,
	#sign-in #btn-resend-activation {
		display:none;
	}
	
	#login #send_reset_container {
		margin-top:10px;
		padding-top:20px;
	}
	
	/*#sign-in #btn-signin-other {
		font-weight:bold;
		margin-top:20px;
	}*/
	
	#btn-signin-other {
		padding-left: 40px;
	}
	



/* 6.15 Association login ........................................			*/
	
	#text img {
		width:100%;
	}
	
			
	#portal-access {
		background-color: #1F1810;
	}
	
	
	

/*	6.18 Customer / association registration ............................................			*/
	
	#instructions-chars {
		padding-top:5px;
	}
	
	label.character_limit {
		background-color: #f4f4f4;
		border-radius: 3px;		
		font-weight:normal;
		padding: 2px 6px;
	}

	label.character_limit.char_limit_reached {
		color:#c00000;
	}



/*	6.20 Login error / failed .........................................			*/

	#error #comments,
	#error #continue {
		float:left;
		width:100%;
	}
	
	#error #comments,
	#error #continue {
		padding:1em 0px;
	}

	#error #banner-caption .btn-blue {
		margin:1em 0px;
	}

	#error #banner-caption p,
	#error #comments p {
		font-size:1.8em;
	}
	
	#error #banner-caption {
		margin-bottom:2em;
	}
	
	

/*	6.21 Page access error ............................................			*/
	
@media (min-width:768px) {
	#error #banner-bg,
	#page_access_error #banner-bg {
		position:absolute;
	}
}
	
	#error #banner-bg,
	#error #comments,
	#error img.background,
	#page_access_error #banner-bg,
	#page_access_error #comments,
	#page_access_error img.background {
		float:left;
		width:100%;
	}
	
	
	#page_access_error h1 {
		font-size:4em;
	}
	
	#page_access_error #comments {
		padding:2em 0px 4em 0px;
	}
	
	#page_access_error #banner-bg p {
		font-size:1.8em;
	}
	
	#page_access_error #comments p {
		font-size:2.4em;
	}
	

/*	6.22 Customer area ........................................			*/
	
	#my-account-inner,
	#my-account-inner > div {
		float:left;
		width:100%;
	}
	
	.cust_sidebar,
	#my-account-inner > h3 {
		margin-top:20px;
	}
	
	.customer-page h1 {
		color:#233047;
		font-weight:500;
	}	
	
	
	#profile.customer-page form > span > label {
		padding-left:0px;
		padding-right:0px;
	}	
	
	#profile.customer-page #prefs > span label {
		 font-weight: bold;
	}

	#profile.customer-page #prefs {
		padding:0px;
	}
	
	
@media(min-width:768px) {
	#profile.customer-page #prefs > span {
		padding:0px;
	}
}



	.btn-blue.inv {
		background-color:#f0f0f0;
		color:#15233b !important;
	}

	.btn-blue.inv:hover {
		background-color:#e0e0e0;
		color:#05193A !important;
	}



@media (min-width:992px) {

	#portal-access.actvn #activation-ack {
		margin: 0px auto 40px auto;
	}
	
	#portal-access.actvn h1 {
		padding-left: 165px;
		text-align: left;
		width: 991px;
	}

	#send_reset_container > .btn-blue {
		width: 75%;
	    margin-left: 12.5%;
	}
	
	
	body#portal-access #assoc-register .capture_title::after {
	    content: ' name';
    }
	

	#portal-access.actvn #activation-ack > * {
		margin-left: auto;
		margin-right: auto;
	}


	#portal-access.actvn #activation-ack #message {
		margin: 10px auto auto auto;
	}
	
	#portal-access.actvn .ops > *:not(.button) {
		padding: 0px 150px 0px 185px;
		width: 991px;
	}
	
	#portal-access.actvn #sign-in {
		padding: 0px 150px 0px 150px;
	}
	
	#portal-access.actvn #sign-in #login {
		margin-bottom: 5vh;
		margin-top: 5vh;
		min-height: 150px;
		padding-bottom: 5px;
		padding-top: 15px;
		transition-duration: .3s;
		transition-property: padding;
	}
	
	#portal-access.actvn #activation-ack #sign-in.alpha #login .button {
		margin-top: 5px;
	}
	
	#portal-access.actvn.react_success #sign-in #login {
		padding-left: 70px;
	}
}
	
	
@media (max-width: 992px) {
	
	body#portal-access #sign-in h2,
	body#portal-access #assoc-register h2,
	body#portal-access #assoc-register .form-group {
		display: -webkit-flex;
		display: flex;
	}
	
	.navbar-nav .open .dropdown-menu {
	    background-color: #eee;
	}

    body#portal-access.tony #header h1 {
        font-size: 2.2rem;
		margin: 20px;
    }

    body#portal-access.tony #header h1 + p {
        font-size: 1.2rem;
        padding-left: 20px;
        padding-right: 20px;
    }
	
	body#portal-access .intro {
		margin-top: -50px;
    }
	
	body#portal-access #sign-in {
		border-radius: 10px;
		margin: 0px 20px 30px 20px;
		padding: 10px 20px 20px 20px;
    }
	
	body#portal-access #sign-in,
	body#portal-access #assoc-register {
		width: calc(100% - 40px);
	}
	
	body#portal-access #sign-in h2 {
		-webkit-align-items: flex-end;
		align-items: flex-end;
		margin: 10px 10px 10px 10px;
    }
	
	body#portal-access #sign-in h2 svg {
		height: 45px;
		margin-right: 10px;
    }
	
	body#portal-access #sign-in form {
	    -webkit-flex-direction: column;
	    flex-direction: column;
		-webkit-flex-wrap: unset;
		flex-wrap: unset;
    }
	
	body#portal-access #sign-in form,
	body#portal-access #sign-in #login .form-group {
		background-color: transparent;
		margin: 0px;
		padding: 0px;
    }
	
	body#portal-access #sign-in #login .form-group,
	body#portal-access #assoc-register .form-group {
	    -webkit-flex-direction: column-reverse;
	    flex-direction: column-reverse;
		margin-bottom: 0px;
    }
	
	body#portal-access .capture .form-group label {
		background-color: transparent;
		margin: 0px auto 0px 0px;
    }
	
	body#portal-access #sign-in #login .form-group,
	body#portal-access #sign-in #login .form-group input {
		margin: 5px 0px 5px 0px;
		width: 100%;
	}	
	
	body#portal-access #sign-in #login .form-group label {
		top: 12px;
    }
		
	body#portal-access #sign-in #login .form-group input:focus + .control-label,
	body#portal-access #sign-in #login .form-group input:autofill + .control-label {			
		top: -13px;
	}
	
	body#portal-access #sign-in #btn-signin {
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
		margin: 11px auto 10px auto;
		padding: 10px;
		width: 70%;
	}
	
	body#portal-access #sign-in #pw-reset,
	body#portal-access #sign-in #btn-signin-other {
		padding: 0px;
	}
	
	
	body#portal-access #register {
		border-radius: 0px;
		margin-bottom: 0px;
	}
	
	.rowx.standard {
		padding:20px 15px 10px 0px;
	}

	
	#assoc-register .control-label {
		padding-bottom:0px;
	}

	body#portal-access #assoc-register .form-group input {
		border-radius: 0px;
		border-width: 0px 0px 1px 0px;
		margin: 5px 0px 15px 0px;
		padding: 10px 5px;
	}
	
	body#portal-access #sign-in form {
	    -webkit-flex-direction: column;
	    flex-direction: column;
    }

	body#portal-access #assoc-register h2 {
	    margin: 20px auto;
    }
	
	
	body#portal-access #assoc-register .capture_title::after {
	    content: ' details';
    }
	
	body#portal-access #assoc-register h3:not(.capture_title) {
		display: none;
	}

	body#portal-access #assoc-register h3 {
		font-size: 18px;
		margin-bottom: 10px;
		padding-left: 5px;
    }

	body#portal-access #assoc-register .aura {
	    padding: 10px 15px;
    }

	#assoc-register .form-group > * {
		padding-left:0px;
		padding-right:0px;
	}

	.send_captcha > div {
		margin-top:20px;
	}
	



	#portal-access.actvn #activation-ack {
		margin: 40px 10px auto 10px;
	}

	
	#portal-access.actvn #activation-ack h1,
	#portal-access.actvn #sign-in #login .react_msg #svgh-icon-email-inbound {
		display: none;
	}
	

	#portal-access.actvn #activation-ack > * {
		width: 100%
	}
	
	#portal-access.actvn.react_success #activation-ack .ops #message {
		background: url(/_images/icons/envelope4.svg) top right no-repeat;
		background-size: contain;
	}
	
	#portal-access.actvn #activation-ack .ops #message {
		font-weight: 600;
		padding: 0px 15px 15px 15px;
	}
	
	
	
	#portal-access.actvn #activation-ack h3 {
		margin-bottom: 0px;
	}
	
	#portal-access.actvn #activation-ack .ops ul {
		margin-left: 20px;
		padding-left: 15px;
		width: calc(100% - 40px);
	}
	
	#portal-access.actvn #sign-in {
		margin: 20px 0px 0px 0px;
		padding: 0px;
		width: 100%;
	}
	
	#portal-access.actvn #sign-in #login {
		-webkit-flex-direction: column;
		flex-direction: column;
		margin-bottom: 60px;
		padding: 15px;
	}
	
	#portal-access.actvn.react_success #sign-in #login {
		margin-bottom: 60px;
	}
	
	#portal-access.actvn #activation-ack #login h3 {
		margin-bottom: 5px;
		margin-left: 0px;
		text-align: left;
		width: 100%;
	}
	
	#portal-access.actvn #sign-in #login .form-group {
		margin: 0px 0px 5px 0px;
		width: 100%;
	}
	
	#portal-access.actvn #sign-in #login warn {
		order: 1;
		padding-left: 0px;
	}
	
	#portal-access.actvn #sign-in #login #btn-resend-actv-go {
		float: right;
		margin: 0px 0px 0px auto;
		min-width: 100px;
		order: 2;
	}
	
	#portal-access.actvn #sign-in #login .react_msg .comment {
		margin-bottom: 0px;
	}
	
	#portal-access.actvn #sign-in #login #btn-react-reset {
		margin-top: 15px;
	}
}



/* bootstrap overrides */
/* bootstrap overrides */
/* bootstrap overrides */

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control {
        line-height: 32px;
    }
}

.form-control[disabled], 
.form-control[readonly], 
fieldset[disabled] .form-control {
    background-color: transparent;
	border-style: dotted;
	color: #777;
    opacity: 1;
}

/* bootstrap overrides */
/* bootstrap overrides */
/* bootstrap overrides */


.portal-skeleton-key {
	align-items: center;
	background: #26313f;
	box-sizing: border-box;
	color: #fff;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	font-family: Gabarito, "Noto Sans", sans-serif;
	font-size: 15px;
	font-weight: 600;
	gap: 10px;
	justify-content: center;
	line-height: 1.35;
	padding: 10px 20px;
	width: 100%;
}

.portal-skeleton-key span,
.portal-skeleton-key a {
	font-size: 15px;
}

.portal-skeleton-key a {
	background: #fff;
	border-radius: 5px;
	color: #1d6c53;
	display: inline-block;
	font-weight: 700;
	padding: 5px 10px;
	text-decoration: none;
}

.portal-skeleton-key a:hover {
	background: #dff4ed;
	color: #164d3d;
}