:root{
	--border-radius: 6px;

	--link-color: #06699A;
	--empty-link-color: #F02A27;

	--link-text-deocration: none;
	--active-link-text-decoration: underline;

	--disabled-color: #8D8D8D;
	--placeholder-color: #AAA;
	--placeholder-opacity: 1;

	--body-background: #FFF;
	--body-font-family: Arial;
	--body-font-size: 16px;
	--body-text-color: #000;



	--page-title-font-size: 1.5rem;
	--page-title-font-family: var(--body-font-family);



	--page-section-container-background: transparent;
	--page-section-container-padding-top: 0.75rem;
	--page-section-container-padding-right: 1.5rem;
	--page-section-container-padding-bottom: 0.75rem;
	--page-section-container-padding-left: 1.5rem;
	--page-section-container-width: calc(100% - var(--page-section-container-padding-left) - var(--page-section-container-padding-right));

	--page-section-background: transparent;
	--page-section-padding-top: 0.25rem;
	--page-section-padding-right: 1rem;
	--page-section-padding-bottom: 0.25rem;
	--page-section-padding-left: 1rem;

	--page-section-max-width: 1200px;
	--page-section-width: calc(100% - var(--page-section-padding-left) - var(--page-section-padding-right));
}

html,
body{
	background: var(--body-background);
	font-family: var(--body-font-family);
	font-size: var(--body-font-size);
	color: var(--body-text-color);
	margin: 0;
	min-height: 100vh;
	padding: 0;
}

[disabled],
[disabled] *{
	color: var(--disabled-color);
}

:focus{
	outline: none;
}

::-moz-focus-inner{
	border: 0;
}

input::placeholder{
	color: var(--placeholder-color);
	opacity: var(--placeholder-opacity);
}

input:-ms-input-placeholder{
	color: var(--placeholder-color);
	opacity: var(--placeholder-opacity);
}



button:hover,
input:hover,
label:hover,
select:hover,
[tabindex]:hover{
	cursor: pointer;
}

input[type="text"]:hover,
input[type="password"]:hover,
textarea:hover{
	cursor: text;
}

select,
input,
textarea{
	font-family: var(--body-font-family);
}

a{
	color: var(--link-color);
}

a[href="#"],
a[href="javascript:;"]{
	color: var(--empty-link-color);
}



#page{
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}



#header_container,
#body_container,
#footer_container{
	background: var(--page-section-container-background);
	padding: var(--page-section-container-padding-top) var(--page-section-container-padding-right) var(--page-section-container-padding-bottom) var(--page-section-container-padding-left);
	width: var(--page-section-container-width);
}

#body_container{
	flex-grow: 1;
}


#header,
#body,
#footer{
	background: var(--page-section-background);
	margin: 0 auto;
	padding: var(--page-section-padding-top) var(--page-section-padding-right) var(--page-section-padding-bottom) var(--page-section-padding-left);
	max-width: var(--page-section-max-width);
	width: var(--page-section-width);
}



.noscript{
	font-weight: 700;
}

.page_title{
	font-size: var(--page-title-font-size);
	font-family: var(--page-title-font-family);
	margin: 0 0 1.5rem;
}

.invisible{
	display: none;
}