:root {
	--color-white: #FFFFFF;
	--color-white-alpha-30: #FFFFFFAF;
	--color-light-gray: #EEEEEE;
	--color-gray: #C4C4C4;
	--color-gray-alpha-50: color(from var(--color-gray) srgb r g b / 0.5);
	--color-dark-gray: #535251;
	--color-dark-gray-alpha-50: color(from var(--color-dark-gray) srgb r g b / 0.5);
	--c-main_cd-color-1: #9BC31E;
	--c-main_cd-color-1-50: color(from var(--c-main_cd-color-1) srgb r g b / 0.5);
	--c-main_cd-color-2: #528530;
	--c-main_cd-color-2-50: color(from var(--c-main_cd-color-2) srgb r g b / 0.5);
	--color-black: #000000;
	--color-dark-red: #AA0000;
	
	--gradient-color-1: #9BC31E;
	--gradient-color-2: #528530;
	--gadient-edit-color-1: #E66730;
	--gadient-edit-color-2: #E6B330;
	
	--signal-color-light-green: #9BC31E;
	--signal-color-green: #528530;
	--signal-color-yellow: #E6B330;
	--signal-color-orange: #E66730;
	--signal-color-orange-alpha-50: #E667307F;
	--signal-color-red: #EC3C3C;
	--signal-color-red-alpha-50: #EC3C3C7F;
	--signal-color-ct-blue: #4B9CD6;
	
	--profile-color-admin: var(--signal-color-orange);
	--profile-color-aessc: var(--signal-color-green);
	--profile-color-aesct: var(--signal-color-ct-blue);
	--profile-color-client: var(--signal-color-yellow);
	
	--angle-aes-left: -26deg;
	--angle-aes-right: 26deg;
	
	--base-font-size: 16;
	
	--widget-inset: calc(40 / var(--base-font-size) * 1em);
	
	--paragraph-spacing: calc(15 / var(--base-font-size) * 1em)
}

html {
	font-size: 62.5%;
}

@media (max-width: 399px) {
	html {
        font-size: 52.25%;
    }
}

@media print {
	html {
        font-size: 48%;
		line-height: 50%;
    }
}

body {
	background-color: var(--color-light-gray);
	box-sizing: border-box;
	font-family: 'Ubuntu';
	font-size: 1.6rem;
	position: relative;
	overflow-x: hidden;
	
	padding: 0;
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
	height: 100vh;
	align-items: stretch;
}

@media print {
	body {
		background-color: var(--color-white);
	}
}

* {
	margin: 0;
	padding: 0;
	border: none;
}

input, button, select, textarea {
	font-family: inherit;
	font-size: inherit;
	box-sizing: border-box;
}

*:focus {
	outline: none;
}

a {
	color: var(--c-main_cd-color-2);
	text-decoration: underline;
}

section {
	position: relative;
}