@media screen and (max-width: 640px) 
{
	.standard select{ margin-bottom: 24px; }
}

/* 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: 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;
	font-size: 18px;
	padding: 0px 12px 0px 12px;
	margin: 0px 12px 24px 0px;
	border-radius: 4px;
}
.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: uppercase; font-size: 10px; font-weight: normal; top: -16px; line-height: normal; }

.standard label.select-label{ max-width: 100%; white-space: nowrap; overflow: hidden; font-size: 10px; padding-left: 12px; }
.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 input.full-width{ width: calc(100% - 26px); }*/

.standard label.select-label { position: absolute; top: -16px; }

.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-size: small; 
	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; }

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 input:focus+label.input-label, .standard input.focus+label.input-label{ font-size: 12px; }
.standard label{ font-size: 18px; }
.standard label.select-label{ font-size: 12px; }

.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; }
#header-search .standard label{ font-size: x-large; }

.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); }