:root {
	--ihmev-base-emph-color-rgb: 212,118,41;	/* #d47629 orange hsl(27,68%,50%)*/
	--ihmev-base-emph-color-hsl: 27,68%,50%;	/* #d47629 orange hsl(27,68%,50%)*/
	--ihmev-base-line-color-rgb: 142,182,213;	/* #8eb6d5 blue light hsl(206,46%,70%)*/
	--ihmev-base-line-color-hsl: 206,46%,70%;	/* #8eb6d5 blue light hsl(206,46%,70%)*/
	--ihmev-base-fill-color-rgb: 27,68,102;		/* #1b4466 blue dark hsl(207,58%,25%)*/
	--ihmev-base-fill-color-hsl: 207,58%,25%;	/* #1b4466 blue dark hsl(207,58%,25%)*/

	--ihmev-base-oklo-color-rgb: 23,88,78;		/* #17584e green dark */
	--ihmev-base-okme-color-rgb: 23,88,78;		/* #218071 green */
	--ihmev-base-okhi-color-rgb: 154,217,206;	/* #9ad9ce green light */

	--ihmev-base-emph-color: rgba(var(--ihmev-base-emph-color-rgb), 1);
	--ihmev-base-line-color: rgba(var(--ihmev-base-line-color-rgb), 1);
	--ihmev-base-fill-color: rgba(var(--ihmev-base-fill-color-rgb), 1);
	--ihmev-base-oklo-color: rgba(var(--ihmev-base-oklo-color-rgb), 1);
	--ihmev-base-okme-color: rgba(var(--ihmev-base-okme-color-rgb), 1);
	--ihmev-base-okhi-color: rgba(var(--ihmev-base-okhi-color-rgb), 1);

	/*--ihmev-bg-page-color-rgb: 244,244,238;*/
	--ihmev-bg-page-color-rgb: 248,248,244;
	--ihmev-bg-page-color: rgba(var(--ihmev-bg-page-color-rgb), 1);
	--ihmev-bg-header-color-rgb: 27,68,102;
	--ihmev-bg-header-color: rgba(var(--ihmev-bg-header-color-rgb), 1);
	--ihmev-fg-header-color-rgb: 170,218,255;
	--ihmev-fg-header-color: rgba(var(--ihmev-bg-header-color-rgb), 1);

	--ihmev-logo-emph-color: var(--ihmev-base-emph-color);
	--ihmev-logo-line-color: var(--ihmev-base-line-color);
	--ihmev-logo-fill-color: var(--ihmev-base-fill-color);

	--ihmev-hdr-bg-color: var(--ihmev-base-fill-color);
	--ihmev-hdr-text-color: var(--ihmev-base-line-color);
	--ihmev-subhdr-bg-color: #c1dff7;
	--ihmev-subhdr-text-color: #1f4260;
	--ihmev-subhdr-link-color: #bf6a25;
	--ihmev-subhdr-link-hover-color: #d47629;

	--ihmev-bgcolor: var(--ihmev-bg-header-color);

	--bs-body-bg: var(--ihmev-bg-page-color);
	--bs-body-color: var(--ihmev-bg-header-color);
	--bs-emphasis-color-rgb: var(--ihmev-fg-header-color-rgb);
	--bs-dark-rgb: var(--ihmev-bg-header-color-rgb);

	--bs-nav-link-padding-y: 0px;

	--ihmev-font-hdr: "Comfortaa", sans-serif;
	--bs-font-sans-serif: "Nunito", sans-serif;
}

[data-bs-theme=dark] :root {
	/* Set dark color */
	--bs-body-bg: var(--ihmev-bgcolor);
	--bs-secondary-color: #dddddd;
}

div.ihmev-logolarge {
	width: 120px;
	height: 160px;
}
img.ihmev-logolarge {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
div.ihmev-logosmall {
	height: 30px;
}
img.ihmev-logosmall {
	height: 100%;
	object-fit: contain;
}
.ihmev-table-striped-a > tbody > tr:nth-of-type(4n+1) > * {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}
.ihmev-table-striped-b > tbody > tr:nth-of-type(4n+2) > * {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}

.ihmev-bb-hl { border-bottom-width: 1px !important; border-bottom-color: black !important; }
.ihmev-bt-hl { border-top-width: 1px !important; border-top-color: black !important; }
.ihmev-bl-hl { border-left-width: 1px !important; border-left-color: black !important; }
.ihmev-br-hl { border-right-width: 1px !important; border-right-color: black !important; }

.ihmev-accordion-button-reverse::after {
	order: -1;
	margin-left: 0;
	margin-right: 1.0em;
}

.ihmev-hl {
	font-style: italic;
	font-weight: 600;
}

.ihmev-lead {
	font-size: calc(0.9rem + 0.325vw);
	font-weight: normal;
	line-height: 1.4;
}

.ihmev-dropshadow	{ /* text-shadow: 1px 1px 2px var(--ihmev-base-emph-color); */ }
.ihmev-dropshadow2	{ /* text-shadow: 1.25px 1.25px 4px var(--ihmev-base-emph-color), -0.5px -0.5px 2px var(--ihmev-base-emph-color); */ }

.ihmev-hdr-font { font-family: var(--ihmev-font-hdr); }
.ihmev-logo-font {
	font-family: var(--ihmev-font-hdr);
	font-size: 90%;
	font-style: italic;
}

.ihmev-subhdr {
	color: var(--ihmev-subhdr-text-color);
	background-color: var(--ihmev-subhdr-bg-color);
}

.ihmev-link {
	color: var(--ihmev-subhdr-link-color);
}

.ihmev-link:hover {
	color: var(--ihmev-subhdr-link-hover-color);
}

.ihmev-subhdr a {
	color: var(--ihmev-subhdr-link-color);
}

.ihmev-subhdr a:hover {
	color: var(--ihmev-subhdr-link-hover-color);
}

.ihmev-underline {
	-webkit-text-decoration-color: var(--ihmev-base-emph-color) !important;
	text-decoration-color: var(--ihmev-base-emph-color) !important;
}

.ihmev-color-one {
	color: var(--ihmev-base-emph-color);
}

.ihmev-border-pri	{ border-color: #90b6d3; }
.ihmev-border-pri:hover,
.ihmev-border-pri:focus	{ background-color: #2b506e; color: #fff; }

.ihmev-border-sec	{ border-color: #e18d38; }
.ihmev-border-sec:hover,
.ihmev-border-sec:focus	{ background-color: #733e0c; color: #fff; }

.ihmev-btn-oke {
	--bs-btn-color: #87dcce;
	--bs-btn-bg: #17584e;
	--bs-btn-border-color: #17584e;

	--bs-btn-hover-color: #87dcce;
	--bs-btn-hover-bg: #1d6d5f;
	--bs-btn-hover-border-color: #196157;
	--bs-btn-focus-shadow-rgb: 31,117,104;

	--bs-btn-active-color: #87dcce;
	--bs-btn-active-bg: #20796c;
	--bs-btn-active-border-color: #1b695f;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

	--bs-btn-disabled-color: #69d3c2;
	--bs-btn-disabled-bg: #289a88;
	--bs-btn-disabled-border-color: #289a88;
}

.ihmev-btn-cnl {
	--bs-btn-color: #1b4466;
	--bs-btn-bg: #e28f39;
	--bs-btn-border-color: #e28f39;

	--bs-btn-hover-color: #1b4466;
	--bs-btn-hover-bg: #e69f56;
	--bs-btn-hover-border-color: #e39340;
	--bs-btn-focus-shadow-rgb: 230,159,86;

	--bs-btn-active-color: #1b4466;
	--bs-btn-active-bg: #e8a763;
	--bs-btn-active-border-color: #e59748;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

	--bs-btn-disabled-color: #255e8d;
	--bs-btn-disabled-bg: #e9a968;
	--bs-btn-disabled-border-color: #e9a968;
}

.ihmev-btn-opt {
	--bs-btn-color: #1b4466;
	--bs-btn-bg: #8eb6d5;
	--bs-btn-border-color: #8eb6d5;

	--bs-btn-hover-color: #1b4466;
	--bs-btn-hover-bg: #75a6cc;
	--bs-btn-hover-border-color: #87b3d4ff;
	--bs-btn-focus-shadow-rgb: 169,200,223;

	--bs-btn-active-color: #1b4466;
	--bs-btn-active-bg: #6a9fc8;
	--bs-btn-active-border-color: #87b3d4;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

	--bs-btn-disabled-color: #2d71a9;
	--bs-btn-disabled-bg: #a2c3dc;
	--bs-btn-disabled-border-color: #a2c3dc;
}

.ihmev-btn-del {
	--bs-btn-color: #fff;
	--bs-btn-bg: #dc3545;
	--bs-btn-border-color: #dc3545;

	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #bb2d3b;
	--bs-btn-hover-border-color: #b02a37;
	--bs-btn-focus-shadow-rgb: 225, 83, 97;

	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #b02a37;
	--bs-btn-active-border-color: #a52834;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #dc3545;
	--bs-btn-disabled-border-color: #dc3545;
}

.ihmev-btn-lgt {
	--bs-btn-color: #000;
	--bs-btn-bg: #9ce2d8;
	--bs-btn-border-color: #9ce2d8;

	--bs-btn-hover-color: #000;
	--bs-btn-hover-bg: #75d7c7;
	--bs-btn-hover-border-color: #61d1be;
	--bs-btn-focus-shadow-rgb: 96,210,187;

	--bs-btn-active-color: #000;
	--bs-btn-active-bg: #2aa28e;
	--bs-btn-active-border-color: #248f85;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

	--bs-btn-disabled-color: #194d42;
	--bs-btn-disabled-bg: #2e9e8b;
	--bs-btn-disabled-border-color: #2d9a87;
}

.border-transparent {
	border-color: transparent;
}

.border-color-emph { border-color: var(--ihmev-base-emph-color); }
.border-color-line { border-color: var(--ihmev-base-line-color); }
.border-color-fill { border-color: var(--ihmev-base-fill-color); }

/* Bootstrap overrides */
.tooltip, .tooltip-inner {
	max-width: none !important;
}

.form-label {
	margin-bottom: 0.0rem;
}
.form-control::placeholder {
	color: rgba(var(--bs-secondary-color-rgb), 0.5);
	font-style: italic;
	font-size: 90%;
}
.form-control {
	background-color: #fff;
}
.form-select {
	background-color: #fff;
}

.nav-underline .nav-link.active,
.nav-underline .nav-link.active:hover,
.nav-underline .nav-link.active:focus {
	/*border-bottom-color: var(--ihmev-base-emph-color);*/
	border-bottom-color: var(--ihmev-base-line-color);
}
.nav-underline .nav-link, {
}
.nav-underline .nav-link:hover,
.nav-underline .nav-link:focus {
	/*border-bottom-color: var(--ihmev-base-emph-color);*/
	border-bottom-color: var(--ihmev-base-line-color);
}
.nav-link {
	padding-bottom: 0px;
	padding-top: 0px;
	transition: none;
	border-left: var(--bs-nav-tabs-border-width) solid var(--ihmev-subhdr-bg-color);
	border-right: var(--bs-nav-tabs-border-width) solid var(--ihmev-subhdr-bg-color);
}

.nav-tabs {
	border-bottom: none;
	border-top: none;
}
.nav-tabs .nav-link:hover {
	background-color: rgba(var(--ihmev-base-fill-color-rgb), 0.1);
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
	border-color: rgba(var(--ihmev-base-fill-color-rgb), 0.4);
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
	border-color: rgba(var(--ihmev-base-fill-color-rgb), 1.0);
	background-color: none;
}
.nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled {
	border-color: rgba(var(--ihmev-base-fill-color-rgb), 0.1);
	background-color: rgba(var(--ihmev-base-fill-color-rgb), 0.2);
}
.nav-tabs .nav-link {
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
	border-bottom-left-radius: var(--bs-nav-tabs-border-radius);
	border-bottom-right-radius: var(--bs-nav-tabs-border-radius);
	border: var(--bs-nav-tabs-border-width) solid rgba(var(--ihmev-base-fill-color-rgb), 0.2);
	border-top: transparent;
}

/*
.dropdown-item:hover, .dropdown-item:focus {
	background-color: var(--ihmev-dropdown-link-hover-bg);
}
.dropdown-item.active, .dropdown-item:active {
	background-color: var(--ihmev-dropdown-link-active-bg);
}
*/
.btn-xfnt {
	--bs-btn-font-family: var(--bs-font-sans-serif) !important;
}

.btn {
	--bs-btn-font-family: var(--ihmev-font-hdr);
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1, .nav, .navbar {
	font-family: var(--ihmev-font-hdr);
}

.ihmev-deffont {
	font-family: var(--bs-font-sans-serif) !important;
}

body {
	min-height: 5rem;
	padding-top: 4.5rem;
	background-color: var(--bs-body-bg);
}

html.p-answer, body.p-answer {
	padding: 0px;
	min-height: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0px;
	display: block;
	background-color: var(--ihmev-bgcolor);
}

i.ihmev-icon {
	display: none;
}

div.zeros {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

div.wrapper {
	padding-top: 3.5rem;
	height: 100vh;
}

div.inside {
	height: 100%;
}

div.answerw {
	padding: 5px;
	width: 50%;
	height: 100%;
}

div.answerh {
	padding: 5px;
	width: 100%;
	height: 50%;
}

hr.hr-ihmev {
	border: .1em solid var(--ihmev-base-emph-color);
	opacity: 1.0;
	width: 60%;
}

.strike {
	color: #999;
	/*text-decoration: line-through;*/
}
.roinput {
	background: #eee;
	text-align: right;
}

/* ------------------------------ */
.err-msg {
	background-color: #ffffe0;
	color: #990707;
	border: 2px solid #990707;
}

.warn-msg {
	background-color: #ffffe0;
	color: #274680;
	border: 2px solid #274680;
}

.fs-abitless	{ font-size: 90%; }
.fs-smaller	{ font-size: 75%; }
.fs-small	{ font-size: 50%; }
.fs-tiny	{ font-size: 25%; }
.fs-large	{ font-size: 150%; }
.fs-larger	{ font-size: 125%; }
.fs-abitmore	{ font-size: 110%; }

.fs-10px	{ font-size: 10px; }
.fs-12px	{ font-size: 12px; }
.fs-14px	{ font-size: 14px; }
.fs-16px	{ font-size: 16px; }
.fs-20px	{ font-size: 20px; }
.fs-24px	{ font-size: 24px; }

.fs-i1		{  font-size: calc(1.375rem + 1.5vw); }
.fs-i2		{  font-size: calc(1.65rem + 1.8vw); }

.fw-black	{ font-weight: 900; }

.striped, .stripedh:hover	{ background-color: rgba(0, 0, 0, 0.05); }
.darker, .darkerh:hover		{ background-color: rgba(0, 0, 0, 0.01); }

.mw-640px	{ max-width: 640px; }
.mw-560px	{ max-width: 560px; }
.mw-512px	{ max-width: 512px; }
.mw-480px	{ max-width: 480px; }
.mw-400px	{ max-width: 400px; }
.mw-320px	{ max-width: 320px; }
.mw-240px	{ max-width: 240px; }
.mw-200px	{ max-width: 200px; }

.bgc-emph	{ background-color: rgba(var(--ihmev-base-emph-color-rgb), 1); }
.bgc-line	{ background-color: rgba(var(--ihmev-base-line-color-rgb), 1); }
.bgc-fill	{ background-color: rgba(var(--ihmev-base-fill-color-rgb), 1); }
.bgc-emph05	{ background-color: rgba(var(--ihmev-base-emph-color-rgb), 0.5); }
.bgc-line05	{ background-color: rgba(var(--ihmev-base-line-color-rgb), 0.5); }
.bgc-fill05	{ background-color: rgba(var(--ihmev-base-fill-color-rgb), 0.5); }
.fgc-emph	{ color: rgba(var(--ihmev-base-emph-color-rgb), 1); }
.fgc-line	{ color: rgba(var(--ihmev-base-line-color-rgb), 1); }
.fgc-fill	{ color: rgba(var(--ihmev-base-fill-color-rgb), 1); }
.fgc-dark	{ color: hsl(207,58%,17%); }

.border-dashed-light { border: 1px dashed #ddd; }
.border-bottom-ihmev { border-bottom: 2px solid rgba(var(--ihmev-base-line-color-rgb), 1); }
