
/* ------------------------------------------------ CSS3, Base Styles START :: r.20220918 */

/* IMPORTANT: !! FOR A VERY CLEAR READABILITY OF PAGE FONTS !!
 * except the main body and main elements sizes (sized in pixels),
 * if relative font sizes are needed, they are recommended to be expressed using HTML5 'rem' (relative to root size)
 * instead of the old 'em' (relative to parent size)
 */

/*
:root {
	color-scheme: light dark;
}
*/

* {
	font-smooth: always;
	/* font-size-adjust: 0.55; */
}

html, body {
	width: 96% auto;
	/*height: 96% auto;*/
	margin: 0px;
	padding: 0px;
}

/* sync:start styles css */

/* ----- resets ----- */

body {
	background: #FFFFFF;
	color: #222222;
	font-size: 1rem; /* 16px */
	line-height: 1.75;
}

nav, section, article,
header, main, aside, footer,
figure, figcaption,
pre, div, p, ol, ul, blockquote,
form, fieldset,
address, dl, dt, dd {
	display: block;
	font-size: 0.9375rem; /* 15px */
	line-height: 1.5;
}
code, kbd, samp {
	font-size: 0.9375rem; /* 15px */
	line-height: 1.5;
}

ul, ol, dl {
	margin-top: 0;
	margin-bottom: 1rem;
}
ul ul, ul ol,
ol ol, ol ul {
	margin-bottom: 0;
}
ul {
	list-style-type: square;
}
ol {
	list-style-type: decimal;
}
li {
	list-style-position: inside; /* bugfix for chrome */
	margin-bottom: 0.25rem;
}
li li {
	margin-bottom: 0;
}

small {
	font-size: 0.75rem;
}

/* ----- headings ----- */

h1 {
	font-size: 2.5rem; /* 40px */
	margin-top: 0.625rem; /* 10px */
	margin-bottom: 0.625rem; /* 10px */
}
h2 {
	font-size: 2.125rem; /* 34px */
	margin-top: 0.5rem; /* 8px */
	margin-bottom: 0.5rem; /* 8px */
}
h3 {
	font-size: 1.875rem; /* 30px */
	margin-top: 0.375rem; /* 6px */
	margin-bottom: 0.375rem; /* 6px */
}
h4 {
	font-size: 1.625rem; /* 26px */
	margin-top: 0.25rem; /* 4px */
	margin-bottom: 0.25rem; /* 4px */
}
h5 {
	font-size: 1.375rem; /* 22px */
	margin-top: 0.125rem; /* 2px */
	margin-bottom: 0.125rem; /* 2px */
}
h6 {
	font-size: 1.0625rem; /* 17px */
	margin-top: 0.0625rem; /* 1px */
	margin-bottom: 0.0625rem; /* 1px */
}

/* ----- misc ----- */

img {
	border: 0;
	vertical-align: middle;
}

svg {
	overflow: hidden;
	vertical-align: middle;
}

hr {
	border: none 0;
	border-top: 1px solid #EEEEEE;
	height: 1px;
}

/* ----- tables ----- */

table { /* do not mark as block, breaks some other table defaults */
	font-size: 0.875rem; /* 14px */
	line-height: 1.25;
	font-weight: normal;
	text-align: left;
}

th {
	font-weight: bold;
}

td {
	font-weight: normal;
}

/* ----- links ----- */

a, a:link, a:visited, a:hover {
	color: #000000;
}

/* ----- forms ----- */

input[type="text"]:disabled {
	background-color: #FFFFFF;
}

/* #end:sync */

/* ----- box sizing fixes (if necessary) ----- */
/***
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
***/

/* ----- custom elements ----- */

div#app-container {
	width: 100% !important;
	padding-left: 10px;
	padding-top:   5px;
	padding-right:10px;
	box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
}

div#app-container.app-box {
	padding-left:  3px !important;
	padding-top:   1px !important;
	padding-right: 3px !important;
}

/* ------------------------------------------------ Base Styles END */
