:focus {
	outline: none;
}

html, body {
	margin: 0;
	padding: 0;
	color: #000;
	border: 0 none;
	min-width: 360px;
	font-family: system-ui, arial, sans-serif;
	letter-spacing: 0.02em;
	font-size: 16px;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	scroll-behavior: smooth;
}
html {
	height: 100%;
}
body {
	min-height: 100%;
	color: #000;
	background-color: #fff;
	text-align: center;
}

[dir="rtl"] {
	direction: rtl;
}
[dir="ltr"] {
	direction: ltr;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
	text-align: center;
}
h1 {
	font-size: 2.25em;
	font-weight: 700;
	margin-bottom: 15px;
}
h2 {
	font-size: 1.25em;
	font-weight: 400;
	margin-bottom: 15px;
}
h3 {
	font-size: 1.0em;
	font-weight: 700;
}
h1 + h2 {
	margin-top: -10px;
	font-size: 1.2em;
}

a, a:visited,
.link {
	text-decoration: none;
	cursor: pointer !important;
	color: #900000;
}
a:hover:not(.btn):not(.noHover),
.link:hover {
	text-decoration: none;
	color: red;
}
a.larger {
	font-size: 1.2em;
}
a.underline {
	text-decoration: underline;
}
a.saquo::before {
	content: '› ';
	font-size: 1em;
	position: relative;
	top: -1px;
	white-space: nowrap;
}
a.saquo::after {
	content: ' ‹';
	font-size: 1em;
	position: relative;
	top: -1px;
	white-space: nowrap;
}
a.raquo::before {
	content: '» ';
	font-size: 1.0em;
	position: relative;
	top: -1px;
	white-space: nowrap;
}
a.rightArrow::after {
	content: ' →';
	font-size: 1em;
	position: relative;
	top: -1px;
	white-space: nowrap;
}

img {
	max-width: 100%;
	box-sizing: border-box;
	border: 0 none;
	height: auto;
}
img:not([src]), img[src=""] {
	border: 0 none;
	box-sizing: border-box;
	background-color: #eee;
	overflow: hidden;
	background-color: var(--theme-no-src-bg-color, #eee);
}

ol, ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.disc {
	list-style: disc outside;
	padding-left: 1.1em;
}
[dir="rtl"] ul.disc.smaller {
	padding-left: 0px;
	padding-right: 1.1em;
}
ul.smaller {
	font-size: smaller;
}

button, [onclick] {
	cursor: pointer;
}

.noUserSelect, img {
	user-select: none;
}

.hidden, .template {
	display: none !important;
}

.disabled {
	pointer-events: none;
	opacity: 0.3;
	filter: grayscale(100%);
}

.nowrap {
	white-space: nowrap;
}

.bold {
	font-weight: bold;
}

.errorBox {
	padding: 5px;
	border: 2px solid red;
	background-color: white;
}
.okBox {
	padding: 5px;
	border: 2px solid green;
	background-color: white;
}

.inputError, .formElementError {
	border-color: red;
	border-style: dashed;
}

.round10 {
	border-radius: 10px;
}
.round5 {
	border-radius: 5px;
}

.middle {
	vertical-align: middle;
}
.middleAll * {
	vertical-align: middle;
}

.clickable:hover {
	cursor: pointer;
}

.clear {
	float: none;
	clear: both;
}
.clearfix::after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.ib {
	display: inline-block;
}

.fl {
	float: left;
}
.fr {
	float: right;
}

.textLeft, .tl {
	text-align: left !important;
}
[dir="rtl"] .textLeft,
[dir="rtl"] .tl {
	text-align: right !important;
}
.textCenter, .tc {
	text-align: center !important;
}
.textRight, .tr {
	text-align: right !important;
}
[dir="rtl"] .textRight,
[dir="rtl"] .tr {
	text-align: left !important;
}

.fhl {
	display: flex;
	justify-content: center;
}
.fhc {
	display: flex;
	justify-content: center;
}
.fhr {
	display: flex;
	justify-content: flex-end;
}
.fvt {
	display: flex;
	align-items: flex-start;
}
.fvm {
	display: flex;
	align-items: center;
}
.fvb {
	display: flex;
	align-items: flex-end;
}

.singleLine {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}

/* margin and padding */

.mt0  { margin-top: 0     !important; }
.mt05 { margin-top: 0.5em !important; }
.mt1  { margin-top: 1.0em !important; }
.mt2  { margin-top: 2.0em !important; }
.mt3  { margin-top: 3.0em !important; }
.mt4  { margin-top: 4.0em !important; }
.mt5  { margin-top: 5.0em !important; }

.mb0  { margin-bottom: 0     !important; }
.mb05 { margin-bottom: 0.5em !important; }
.mb1  { margin-bottom: 1.0em !important; }
.mb2  { margin-bottom: 2.0em !important; }
.mb3  { margin-bottom: 3.0em !important; }
.mb4  { margin-bottom: 4.0em !important; }
.mb5  { margin-bottom: 5.0em !important; }

.mr0  { margin-right: 0     !important; }
.mr05 { margin-right: 0.5em !important; }
.mr1  { margin-right: 1.0em !important; }
.mr2  { margin-right: 2.0em !important; }
.mr3  { margin-right: 3.0em !important; }
.mr4  { margin-right: 4.0em !important; }
.mr5  { margin-right: 5.0em !important; }

.ml0  { margin-left: 0     !important; }
.ml05 { margin-left: 0.5em !important; }
.ml1  { margin-left: 1.0em !important; }
.ml2  { margin-left: 2.0em !important; }
.ml3  { margin-left: 3.0em !important; }
.ml4  { margin-left: 4.0em !important; }
.ml5  { margin-left: 5.0em !important; }

.m0  { margin: 0     !important; }
.m05 { margin: 0.5em !important; }
.m1  { margin: 1.0em !important; }
.m2  { margin: 2.0em !important; }
.m3  { margin: 3.0em !important; }
.m4  { margin: 4.0em !important; }
.m5  { margin: 5.0em !important; }

.nhm1px {
	margin-left: -1px;
	margin-right: -1px;
}
.nhm2px {
	margin-left: -2px;
	margin-right: -2px;
}

.pt0  { padding-top: 0     !important; }
.pt05 { padding-top: 0.5em !important; }
.pt1  { padding-top: 1.0em !important; }
.pt2  { padding-top: 2.0em !important; }
.pt3  { padding-top: 3.0em !important; }
.pt4  { padding-top: 4.0em !important; }
.pt5  { padding-top: 5.0em !important; }

.pb0  { padding-bottom: 0     !important; }
.pb05 { padding-bottom: 0.5em !important; }
.pb1  { padding-bottom: 1.0em !important; }
.pb2  { padding-bottom: 2.0em !important; }
.pb3  { padding-bottom: 3.0em !important; }
.pb4  { padding-bottom: 4.0em !important; }
.pb5  { padding-bottom: 5.0em !important; }

.pr0  { padding-right: 0     !important; }
.pr05 { padding-right: 0.5em !important; }
.pr1  { padding-right: 1.0em !important; }
.pr2  { padding-right: 2.0em !important; }
.pr3  { padding-right: 3.0em !important; }
.pr4  { padding-right: 4.0em !important; }
.pr5  { padding-right: 5.0em !important; }

.pl0  { padding-left: 0     !important; }
.pl05 { padding-left: 0.5em !important; }
.pl1  { padding-left: 1.0em !important; }
.pl2  { padding-left: 2.0em !important; }
.pl3  { padding-left: 3.0em !important; }
.pl4  { padding-left: 4.0em !important; }
.pl5  { padding-left: 5.0em !important; }

.p0  { padding: 0     !important; }
.p05 { padding: 0.5em !important; }
.p1  { padding: 1.0em !important; }
.p2  { padding: 2.0em !important; }
.p3  { padding: 3.0em !important; }
.p4  { padding: 4.0em !important; }
.p5  { padding: 5.0em !important; }



.row {
	display: flex;
	flex-wrap: wrap;
	margin: auto;
}
.row.nowrap {
	flex-wrap: nowrap;
}
.row.center {
	justify-content: center;
	align-items: center;
}
.row.hcenter {
	justify-content: center;
}
.row.vcenter {
	align-items: center;
}
.col, [class*="col-"] {
	box-sizing: border-box;
	position: relative;
}
.col-0  { display:none; }
.col-25  { width: 25%; }
.col-33  { width: 33.33333333%; }
.col-50  { width: 50%; }
.col-66  { width: 66.66666666%; }
.col-75  { width: 75%; }
.col-100 { width: 100%; margin-left: auto; }
@media (max-width: 80em) {
	.col-xl-0   { display: none; }
	.col-xl-25  { width: 25%; }
	.col-xl-33  { width: 33.33333333%; }
	.col-xl-50  { width: 50%; }
	.col-xl-66  { width: 66.66666666%; }
	.col-xl-75  { width: 75%; }
	.col-xl-100 { width: 100%; margin-left: auto; }
}
@media (max-width: 64em) {
	.col-l-0   { display: none; }
	.col-l-25  { width: 25%; }
	.col-l-33  { width: 33.33333333%; }
	.col-l-50  { width: 50%; }
	.col-l-66  { width: 66.66666666%; }
	.col-l-75  { width: 75%; }
	.col-l-100 { width: 100%; margin-left: auto; }
}
@media (max-width: 48em) {
	.col-m-0   { display: none; }
	.col-m-25  { width: 25%; }
	.col-m-33  { width: 33.33333333%; }
	.col-m-50  { width: 50%; }
	.col-m-66  { width: 66.66666666%; }
	.col-m-75  { width: 75%; }
	.col-m-100 { width: 100%; margin-left: auto; }
}
@media (max-width: 35.5em) {
	.col-s-0   { display: none; }
	.col-s-25  { width: 25%; }
	.col-s-33  { width: 33.33333333%; }
	.col-s-50  { width: 50%; }
	.col-s-66  { width: 66.66666666%; }
	.col-s-75  { width: 75%; }
	.col-s-100 { width: 100%; margin-left: auto; }
}
@media (max-width: 26.5em) {
	.col-xs-0   { display: none; }
	.col-xs-25  { width: 25%; }
	.col-xs-33  { width: 33.33333333%; }
	.col-xs-50  { width: 50%; }
	.col-xs-66  { width: 66.66666666%; }
	.col-xs-75  { width: 75%; }
	.col-xs-100 { width: 100%; margin-left: auto; }
}



.btn.orange,
.btn.action	{ --btn-color: #D97D0D; --btn-text-color: #ffffff; --btn-text-shadow: 0px 0 0.1em rgba(0, 0, 0, 0.25); }
.btn.green	{ --btn-color: #4CAF50; --btn-text-color: #ffffff; --btn-text-shadow: 0px 0 0.1em rgba(0, 0, 0, 0.25); }
.btn.blue	{ --btn-color: #008CBA; --btn-text-color: #ffffff; --btn-text-shadow: 0px 0 0.1em rgba(0, 0, 0, 0.25); }
.btn.red	{ --btn-color: #f44336; --btn-text-color: #ffffff; --btn-text-shadow: 0px 0 0.1em rgba(0, 0, 0, 0.25); }
.btn.black	{ --btn-color: #444444; --btn-text-color: #ffffff; --btn-text-shadow: 0px 0 0.1em rgba(0, 0, 0, 0.25); }
.btn.white	{ --btn-color: #ffffff; --btn-text-color: #333333; }
.btn.gray	{ --btn-color: #cccccc; --btn-text-color: #444444; }
.btn.yellow { --btn-color: #F1D600; --btn-text-color: #444444; }
.btn.amber	{ --btn-color: #FFBF00; --btn-text-color: #444444; }

.btn, .btn:visited {
	padding: 5px 10px;
	cursor: pointer;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	border: 0 none;
	text-decoration: none;
	font-family: arial, sans-serif;
	font-size: inherit;
	background-color: #D97D0D;
	background-color: var(--btn-color, #D97D0D);
	color: #fff;
	color: var(--btn-text-color, #fff);
	border: 2px solid #D97D0D;
	border: 2px solid var(--btn-color, #D97D0D);
	overflow: hidden;
	text-overflow: ellipsis;
	text-shadow: var(--btn-text-shadow, none);
	border-radius: 4px;
}
.btn svg {
	fill: white;
	fill: var(--btn-text-color);
}
.btn, .btn * {
	transition-duration: 0s;
}
.btn:hover {
	filter: brightness(0.85);
}
.btn.disabled, .btn[disabled] {
	opacity: 0.3;
	pointer-events: none;
}
.btn.uppercase {
	text-transform: uppercase;
}
.btn.big, .btn.large {
	font-size: 20px;
}
.btn.bold {
	font-weight: bold;
}
.btn.action {
	font-weight: bold;
	font-size: 20px;
}
.btn.border {
	border-color: #555;
}
.btn.outline:hover {
	filter: none;
}
.btn.outline:not(:hover) {
	background-color: white;
	text-shadow: none;
	color: #D97D0D;
	color: var(--btn-color, #D97D0D);
}
.btn.outline:not(:hover) svg {
	fill: #D97D0D;
	fill: var(--btn-color, #D97D0D);
}
.btn.linkLike {
	border: 0 none;
	background-color: transparent;
	text-shadow: none;
	color: #057da4;
}
.btn.linkLike:hover {
	filter: none;
	text-decoration: underline;
}
.btn.round {
	border-radius: 50%;
}
.btn .icon {
	margin-right: 8px;
}
[dir="rtl"] .btn .icon {
	margin-right: 0;
	margin-left: 8px;
}
.btn > * {
	vertical-align: middle;
}
.btn .extInfo {
	font-size: 0.62em;
	padding-left: 10px;
}
[dir="rtl"] .btn .extInfo {
	padding-left: 0;
	padding-right: 10px;
}


[data-tippy-root] {
	text-align: left;
}
[dir="rtl"] [data-tippy-root] {
	text-align: right;
}