/*@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}*/

:root {
	--primary-100: #F2F7FF;
	--primary-200: #CCE1FE;
	--primary-300: #A3CDFB;
	--primary-400: #78B9F0;
	--primary-500: #4DA2DB;
	--primary-600: #2981AE;
	--primary-700: #176381;
	--primary-800: #0D4454;
	--primary-900: #062126;
	--accent-100: #FFFAF2;
	--accent-200: #FEE3BF;
	--accent-300: #F7C289;
	--accent-400: #E59552;
	--accent-500: #C2601F;
	--accent-600: #9B3C0A;
	--accent-700: #742302;
	--accent-800: #4D1200;
	--accent-900: #260600;
	--neutral-100: #FAFBFC;
	--neutral-200: #E6E9ED;
	--neutral-300: #D3D7DD;
	--neutral-400: #C0C7CD;
	--neutral-500: #AEB7BD;
	--neutral-600: #8A9397;
	--neutral-700: #676F71;
	--neutral-800: #454A4C;
	--neutral-900: #222626;
}

/* Commons */
a, span, div, tr, td, th, form, br 
{
	margin:0;
	padding:0;
	border:0;
	vertical-align: inherit;
	font:inherit;
}
p
{
	margin:0 0 1em 0;
}
pre
{
	font-family:inherit;
}
input, select, textarea {
	margin: 0;
	border: 1px solid var(--neutral-400);
	color: var(--primary-800);
	border-radius: 4px;
	vertical-align: inherit;
	font: inherit;
	background: var(--neutral-100);
	width: auto;
	max-width: 100%;
	box-sizing: border-box;
}

input, textarea {
	padding: 0.63em;
}
textarea {
	min-height: 10em;
}
select {
	padding: 0.3em 0.63em;
}
button {
	background-color: var(--primary-200);
	color: var(--primary-800);
	border-radius: 5px;
	border: none;
	text-align: center;
	cursor: pointer;
	padding: 0.75em 1em;
	vertical-align: middle;
	overflow: hidden;
	text-decoration: none;
	white-space: nowrap;
	box-sizing: border-box;
}

input:focus, textarea:focus, select:focus, button:focus {
		outline-style: solid;
		outline-color: var(--primary-500);
		outline-width: thin;
	}

a:visited
{
}
:disabled,input:read-only,textarea:read-only {
	background: var(--neutral-200);
	color: var(--neutral-700);
}

table
{
  border-spacing:0;
  border-collapse:collapse;
}
summary:focus 
{
	outline: none;
}
figure 
{
	display:block;
	margin:0;
}
progress
{
	height:40px;
}
ep_script
{
	display:none;
}
.tlbody_r {
	height: 100%;
	background: var(--neutral-100);
	color: var(--primary-900);
	font-size: 1em;
	margin: 0;
	font-family: Calibri, Arial, Helvetica, sans-serif;
}
/* SITE */
.title_section {
	display: flex;
	color: var(--primary-900);
	background: var(--primary-300);
	padding: 1em;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
}
.site_title
{
  font-size:large;
}
.site_description
{
}
.site_login
{
	margin-bottom:1em;
	display:flex;
	padding:1em;
}
.site_login_r 
{
	display: flex;
	flex-direction: row;
	width: auto;
	flex-wrap: wrap;
	align-items:center;
	gap:2em;
}
.loginbtn_r
{
	width:auto;
	font-size:medium;
}
.site_footer_public {
	clear: left;
	text-align: center;
	margin-top: 3em;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	color: var(--primary-700);
	border-top: 1px solid var(--neutral-300);
	width: 100%;
	font-size: x-small;
}
.tlbutton
{
  text-align:center;
  cursor:pointer;
  padding:0.4em 1em;
  vertical-align:middle;
}
.redirect_msg {
	margin: 1em;
	padding: 1em;
	background: var(--neutral-100);
	border: 1px solid var(--accent-500);
	color: var(--accent-900);
}

.errorPage
{
	margin:2em;
}
	.errorPage h1 {
		color: var(--accent-900);
	}
.errorHeader {
	font-size: x-large;
	margin-bottom: 1em;
}
.errorContent {
	padding: 1em;
	color: var(--accent-900);
	margin-bottom: 1em;
}
/* Smartphones */
@media (max-width: 599px) {
	input [type="text"] 
{
	width: 16em;
}
.title_section
{
	flex-direction: column;
	text-align: center;
	width:auto;
}
.site_login_r
{
	flex-direction: column;
	margin-top:0;
	align-items:center;
}
.site_title
{
  font-size:x-large;
  margin-bottom:1em;
}
.site_description
{
	text-align:center;
}
.tltextinput_r
{
  font-size:large;
  margin-right:0;
  margin-bottom:1em;
}
.site_footer_public
{
	margin-top:0;
	font-size:inherit;
}
}