/* external logistic registration, ported from the portal registration form */
BODY.external .content.registration
{
	max-width: 1200px;
	font-family: 'Myriad W01 Lt Sm Cnd', 'Open Sans', sans-serif;
	font-size: 20px;
	color: #736d6b;
}

BODY.external .content.registration HR
{
	border: 0;
	border-top: 1px dotted gray;
	height: 1px;
	margin: 20px;
}

BODY.external .content.registration H2
{
	text-transform: uppercase;
	color: #9a9a9a;
	font-size: 40px !important;
	font-weight: normal;
	margin: 20px 0;
}

BODY.external .content.registration H2.green
{
	color: #76ba16;
	padding-bottom: 20px;
	border-bottom: 1px dotted #736d6b;
	display: inline-block;
}

BODY.external .content.registration H2.red
{
	color: #db172a;
	padding-bottom: 20px;
	border-bottom: 1px dotted #736d6b;
	display: inline-block;
}

BODY.external .content.registration .intro
{
	text-align: center;
	font-weight: 100;
	line-height: 32px;
	text-size-adjust: none;
	text-rendering: optimizeLegibility;
	margin-bottom: 20px;
}

BODY.external .content.registration .centered
{
	text-align: center;
}

BODY.external .content.registration TABLE.columns
{
	table-layout: fixed;
	width: 100%;
}

/* metronic resets radius with !important and bootstrap uses border-box, so both are forced here */
BODY.external .content.registration DIV.registration
{
	box-sizing: border-box;
	width: 100%;
	margin: 0 0 10px 0;
	padding: 10px 15px;
	border: 1px solid gray;
	-webkit-border-radius: 10px !important;
	-moz-border-radius: 10px !important;
	border-radius: 10px !important;
	text-align: left;
	background: white;
}

BODY.external .content.registration DIV.registration.highlight
{
	border: 2px solid #76ba16;
	padding: 9px 14px;
}

BODY.external .content.registration DIV.split
{
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin: 0;
	padding: 0;
}

BODY.external .content.registration DIV.split DIV.registration.left-45,
BODY.external .content.registration DIV.split DIV.registration.right-45 { width: 48%; }
BODY.external .content.registration DIV.split DIV.registration.left-25,
BODY.external .content.registration DIV.split DIV.registration.right-25 { width: 28%; }
BODY.external .content.registration DIV.split DIV.registration.left-65,
BODY.external .content.registration DIV.split DIV.registration.right-65 { width: 68%; }

BODY.external .content.registration INPUT.registration,
BODY.external .content.registration SELECT.registration
{
	width: 100%;
	height: 30px;
	line-height: 30px;
	margin: 0;
	padding: 0;
	border: 0 !important;
	outline: 0;
	background: transparent;
	box-shadow: none !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
	font-size: 20px;
	color: #736d6b;
	font-family: 'Myriad W01 Lt Sm Cnd', 'Open Sans', sans-serif;
}

BODY.external .content.registration SELECT.registration
{
	width: 99%;
}

BODY.external .content.registration INPUT.registration::placeholder
{
	color: #bbbbbb;
}

BODY.external .content.registration INPUT.registration.greeno,
BODY.external .content.registration SELECT.registration.greeno
{
	color: #76ba16;
	font-weight: bold;
}

BODY.external .content.registration INPUT.registration.greeno::placeholder
{
	color: #76ba16;
	font-weight: bold;
}

BODY.external .content.registration INPUT.registration.green
{
	width: 301px !important;
	height: auto;
	line-height: normal;
	margin: 20px 0;
	padding: 15px;
	-webkit-border-radius: 15px !important;
	-moz-border-radius: 15px !important;
	border-radius: 15px !important;
	background-color: #76ba16;
	color: white;
	text-transform: uppercase;
	cursor: pointer;
}

BODY.external .content.registration INPUT.registration.green:disabled
{
	background-color: lightgray;
}

BODY.external .content.registration .registration-errors
{
	margin: 16px 0 0 0;
	padding: 12px 20px;
	font-size: 15px;
	line-height: 22px;
	color: #db172a;
	background: #fddee1;
	border: 1px solid #dfafb4;
	-webkit-border-radius: 10px !important;
	-moz-border-radius: 10px !important;
	border-radius: 10px !important;
	text-align: left;
}

BODY.external .content.registration .registration-errors UL
{
	margin: 0;
	padding-left: 18px;
}

BODY.external .content.registration .g-recaptcha
{
	display: inline-block;
	margin-top: 20px;
}

BODY.external .content.registration A
{
	color: #76ba16;
}

/* single column on small screens */
@media ( max-width: 798px )
{
	BODY.external .content.registration TABLE.columns,
	BODY.external .content.registration TABLE.columns TBODY,
	BODY.external .content.registration TABLE.columns TR,
	BODY.external .content.registration TABLE.columns TD
	{
		display: block;
		width: 100%;
	}

	BODY.external .content.registration TABLE.columns TD.spacer
	{
		display: none;
	}
}