/* FONT SIZE */
.standard input:focus ~ label.input-label, 
.standard input.focus ~ label.input-label{ font-size: 1rem; }
ul.radio-buttons li label { font-size: 1rem; }
.standard textarea{ font-size: 1rem; }

@media screen and (min-width: 640px) 
{
	.standard input:focus ~ label.input-label, 
	.standard input.focus ~ label.input-label{ font-size: 1.125rem; }
	ul.radio-buttons li label { font-size: 1.125rem; }
	.standard textarea{ font-size: 1.125rem; }
}

@media screen and (min-width: 1280px) 
{
	.standard input:focus ~ label.input-label, 
	.standard input.focus ~ label.input-label{ font-size: 1.25rem; }
	ul.radio-buttons li label { font-size: 1.25rem; }
	.standard textarea{ font-size: 1.25rem; }
}

/* STYLES */
@media screen and (max-width: 640px) 
{
	.standard select{ margin-bottom: 24px; }
}
a.hau-logo-right img{ width: 180px; }

/* FORM */
form.standard{ margin-block-end: 0; }
.standard select{ max-width: 100%; padding-right: 0px; border: 1px solid rgba(0,0,0,0.33) !important; background-color: transparent; border-radius: 4px; padding-left: 12px; padding-right: 12px; line-height: 46px; }
.standard select.select-arrow{ padding-right: 24px; background-size: 24px; }

@media screen and (min-width: 640px) 
{
	.standard select.select-arrow{ padding-right: 48px; background-size: 48px; }
}

.standard:not(.search-form) input[type="text"], .standard:not(.search-form) input[type="password"]
{ 
	-webkit-appearance: none; -moz-appearance: none; 
	background-color: transparent;
	border: 1px solid rgba(0,0,0,0.33) !important;
	min-height: 48px;
	padding: 0px 12px 0px 12px;
	margin: 32px 0px 24px 0px;
	border-radius: 4px;
	box-sizing: border-box;
}
.standard label.input-label{ max-width: 100%; white-space: nowrap; overflow: hidden; display: block; position: absolute; left: 12px; top: 0px; cursor: text; transition: all 0.3s ease; line-height: 48px; min-height: 48px; }
.standard input:focus ~ label.input-label, 
.standard input.focus ~ label.input-label{ text-transform: none; font-weight: 300; top: -28px; left: 0; line-height: normal; }
.standard label.select-label{ max-width: 100%; white-space: nowrap; overflow: hidden; padding-left: 0px; }
.standard textarea{ border-radius: 4px; padding: 12px; width: calc(100% - 26px); margin-bottom: 24px; border-color: #ccc; }
.standard textarea.no-margin{ margin-bottom: 0px; }

.standard label.select-label { position: relative; top: 0; left: 0; }

.standard button
{ 
	transition: all 0.3s ease; 
	-webkit-appearance: none; -moz-appearance: none; 
	border: 2px solid black; 
	text-align: center; 
	width: 100%; 
	margin-bottom: 12px; 
	text-transform: uppercase; 
	font-weight: 700;
	cursor: pointer; 
	padding-top: 12px; 
	padding-bottom: 12px; 
	background-color: transparent; 
	font-family: Roboto;
}
.standard .bg-dark button { border-color: white; color: white; }
.standard .bg-dark button:hover { border-color: rgb(255,232,0); color: rgb(255,232,0); }
.standard button:focus, .standard .bg-dark button:focus{ background-color: rgb(255,232,0); color: black; }

.standard button.rounded
{ 
	background-color: rgb(15, 98, 254);
	color: white;
	border-radius: 8px;
	border-color: rgb(15, 98, 254);
	text-transform: none;
	width: auto;
	padding-left: 24px;
	padding-right: 24px;
	min-width: 168px;
} 

.standard button.rounded:focus, .standard button.rounded:hover
{ 
	color: rgb(1,33,105);
	background-color: white;
	border-color: rgb(1,33,105);
	transition: 0.3s;
}
.standard button.full-width{ width: 100%; }

ul.check-box li .check:focus, ul.check-box input[type=checkbox]:checked ~ .check:focus{  border-color: rgb(251, 184, 0); border-color: black; }


.standard label.select-label{ text-transform: none; }

.standard input[type="submit"] { min-height: 48px; }

.standard input[type="submit"]:focus{ background-color: rgba(0,0,0,0.25); transition: all 0.3s ease; }

/*
.standard input.full-width{ width: calc(100% - 26px); }
.standard input[type="text"]{ max-width: calc(100% - 26px); }
*/

/* NOTIFICATION DIALOG */
#notification
{
	border-radius: 4px; 
	position: fixed; 
	z-index: 999; 
	top: 50%; 
	left: 25%; 
	transform: translateY(-50%); 
	width: 50%; 
	-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.25);
}
#notification div.content-section-container{ border-radius: 4px; border: 1px solid #9DAB34; }
a.notification-btn { font-weight: bold; display: block; text-align: center; border-top: 1px solid #9DAB34; padding: 12px; }
a.notification-btn:hover, a.notification-btn:focus{ background-color: rgb(255,232,0); }

#header-search .standard input[type="text"] { padding: 0px 0px 0px 12px; margin: 0px 0px 24px 0px; min-height: 48px; }


.input-label 
{
	user-select: none; /* supported by Chrome and Opera */
   -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
   -moz-user-select: none; /* Firefox */
   -ms-user-select: none; /* Internet Explorer/Edge */
}

.bg-dark .standard input[type="text"], .bg-dark .standard input[type="password"], .bg-dark .standard select
{ 
	background-color: rgba(0,0,0,0.2); border-color: rgba(255,255,255,0.5) !important;
}
.bg-dark .standard select option{ background-color: white; }

div.form-row.inline{ vertical-align: top; max-width: 100%; }

.bg-dark .form-no-border .standard input[type="text"], .bg-dark .form-no-border .standard input[type="password"], .bg-dark .form-no-border .standard select
{ 
	background-color: rgba(0,0,0,0.4); border-color: rgba(255,255,255,0) !important; border-width: 0 !important;
}

.bg-dark .form-no-border .standard input[type="text"]{ max-width: calc(100% - 24px); }

.bg-dark .standard ul.check-box li:hover label { color: rgb(255,232,0); }
.bg-dark .standard ul.check-box li:hover .check, ul.check-box li label:focus + .check { border-color: #333; }
.bg-dark .standard ul.check-box input[type=checkbox]:checked ~ .check { border-color: rgb(255,232,0); }
.bg-dark .standard ul.check-box input[type=checkbox]:checked ~ .check::before{ background: rgb(255,232,0); }
.bg-dark .standard ul.check-box input[type=checkbox]:checked ~ label{ color: rgb(255,232,0); }

.select-arrow{ background-position: center right; }

/* STATUS MESSAGES */	
div.status{ position: relative; border: 1px solid black; border-left-width: 6px; padding: 12px 12px 1px 56px; margin-bottom: 24px; }
div.status::before{ font-family: "Times New Roman"; font-size: 1.25em; position: absolute; left: 12px; border-radius: 50%; width: 32px; height: 32px; display: inline-block; text-align: center; line-height: 32px; font-weight: bold; }

div.status.warning{ background-color: #fcf4d6; border-color: #f1c21b; }
div.status.warning::before{ content: "!"; background-color: #f1c21b; }

div.status.information{ background-color: #edf5ff; border-color: #0243ce; }
div.status.information::before{ content: "i"; background-color: #0243ce; color: white; }

div.status.error{ background-color: #fff1f1; border-color: #da1d27; }
div.status.error::before{ content: "\00D7"; background-color: #da1d27; color: white; }

div.status.success{ background-color: #defbe6; border-color: #23a147; }
div.status.success::before{ content: "\2714"; background-color: #23a147; color: white; }

.bg-dark div.status p{ color: black; }

span.statusTag{ display: inline-block; background-color: #e0e0e0; color: rgba(0,0,0,0.75); border-radius: 14px; padding: 1px 8px; font-size: 0.85rem; }
span.statusTag.tagAuthorise{ background-color: #f0dca7; }
span.statusTag.tagOnline{ background-color: #a7f0ba; color: #186930; }
span.statusTag.tagWarning{ background-color: #ffd6e8; color: #a01854; }

/* LINKS THAT LOOK LIKE BUTTONS */
div.content-section a.box-link.rounded { display: inline-block; width: auto; min-width: 100px; text-transform: none; font-size: 1rem; border: 0; background-color: rgb(15, 98, 254); border: 2px solid rgb(15, 98, 254); color: white; border-radius: 4px; font-weight: 400; }

@media screen and (min-width: 640px)
{
	div.content-section a.box-link.rounded { min-width: 200px; }
}
div.content-section table a.box-link.rounded { min-width: 100px; }

div.content-section a.box-link.rounded:hover, div.content-section a.box-link.rounded:focus{ color: rgb(1,33,105); background-color: white; border-color: rgb(1,33,105); }
div.content-section a.box-link.btnDanger { background-color: rgb(233,70,97); border-color: rgb(233,70,97); }
div.content-section a.box-link.btnDanger:hover, div.content-section a.box-link.btnDanger:focus{ color: rgb(233,70,97); background-color: white; border-color: rgb(233,70,97); }
div.content-section a.box-link.btnSecondary { background-color: rgb(57,57,57); border-color: rgb(57,57,57); }
div.content-section a.box-link.btnSecondary:hover, div.content-section a.box-link.btnSecondary:focus{ color: rgb(57,57,57); background-color: white; border-color: rgb(57,57,57); }