/* Highcharts */

.highcharts-tooltip-container h5 {
    font-size: 1rem;
    margin-top: 8pt;
    margin-bottom: 0pt;
}

.highcharts-tooltip-container h6 {
	font-size: 0.75rem;
	margin-top: 4pt;
    margin-bottom: 0pt;
}


/* EOS Typegraphy */

.eos-small {
    font-size: 0.85em;
}

.eos-small .form-control {
    font-size: 0.85em;
    padding: .2rem .5rem
}

.eos-small .col-1,
.eos-small .col-2,
.eos-small .col-3,
.eos-small .col-4,
.eos-small .col-5,
.eos-small .col-6,
.eos-small .col-7,
.eos-small .col-8,
.eos-small .col-9,
.eos-small .col-10,
.eos-small .col-11,
.eos-small .col-12 {
    padding-right: calc(var(--bs-gutter-x)* .15);
    padding-left: calc(var(--bs-gutter-x)* .15);
}

.eos-small hr {
    margin: 0.2rem 0 0.2rem 0;
}

/* EOS Hide First Child */

.eos-hide-first-select:first-child .eos-hide-first-perform {
    display: none;
}

/* EOS Selected - primarily used to show different icons for a selected parent element */

.eos-selected-show {
	display: none;
}

.eos-selected-hide {
	display: inline-block;
}

.eos-selected .eos-selected-hide {
	display: none;
}

.eos-selected .eos-selected-show {
	display: inline-block;
}


/* EOS Hover - used to show an element when hovering on a parent element */

.eos-hover-show {
	display: none;
}

.eos-hover:hover .eos-hover-show {
	display: inline-block;
}


/* EOS Tree - used to layout and select table elements as a tree */

.eos-tree-expanded-icon {
	display: none;
}

.eos-tree-collapsed-icon {
	display: inline-block;
}

.eos-tree-expanded .eos-tree-expanded-icon {
	display: inline-block;
}

.eos-tree-expanded .eos-tree-collapsed-icon {
	display: none;
}

tr.eos-tree-level-0 .eos-tree-id {
	/** empty */
}

tr.eos-tree-level-1 .eos-tree-id {
	margin-left: 7%;
	width: 93%;
}

tr.eos-tree-level-2 .eos-tree-id {
	margin-left: 15%;
	width: 85%;
}

tr.eos-tree-level-3 .eos-tree-id {
	margin-left: 22%;
	width: 78%;
}

tr.eos-tree-level-4 .eos-tree-id {
	margin-left: 30%;
	width: 70%;
}

tr.eos-tree-level-5 .eos-tree-id {
	margin-left: 37%;
	width: 63%;
}

tr.eos-tree-level-6 .eos-tree-id {
	margin-left: 45%;
	width: 55%;
}

tr.eos-tree-level-7 .eos-tree-id {
	margin-left: 52%;
	width: 48%;
}

tr.eos-tree-level-8 .eos-tree-id {
	margin-left: 60%;
	width: 40%;
}

tr.eos-tree-level-9 .eos-tree-id {
	margin-left: 67%;
	width: 33%;
}