html body .menu-sub, .menu-sub-lg-down-accordion, .menu-sub-lg-dropdown {
    display: block;
}

body {
    overflow-x: hidden; /* a quickfix for some Metrinic-likely issue where horizontal page scrollbar shows when verticla page scrollbard shows */
}

body #kt_header {
    background: rgb(90,152,213);
    position: fixed;
    width: 100%;
    height: 60px;
}
body #kt_content_container {
    padding-top: 30px;
}

@media (min-width: 1400px) {
    html body .container, html body .container-lg, html body .container-md, html body .container-sm, html body .container-xl, html body .container-xxl {
       /* max-width: 1600px; */
    }
}

.cursor-pointer {
    cursor: pointer;
}

.sound-level-line {
    stroke-width: 1.5;
    fill: none;
    stroke: rgb(50, 50, 50);
    opacity: 0.5;
}

.sound-level-lineplus {
    stroke-width: 3;
    fill: none;
    stroke: rgb(20, 20, 20);
    opacity: 0.8;
}

.d3-gridlines {
    stroke-width: 1;
    fill: none;
    stroke: rgb(0, 0, 0);
    opacity: 0.1;
}

.d3-stroke-0_3 {
    stroke-width: 0.3;
    fill: none;
}

.d3-stroke-1 {
    stroke-width: 1;
    fill: none;
}

.d3-stroke-1_5 {
    stroke-width: 1.5;
    fill: none;
}

.d3-stroke-2 {
    stroke-width: 2;
    fill: none;
}


.d3-stroke-3 {
    stroke-width: 3;
    fill: none;
}


.d3-stroke-black {
    stroke: rgb(0, 0, 0);
}

.d3-stroke-primary {
    stroke: rgb(0, 0, 150);
}

.d3-stroke-primary-muted {
    stroke: rgb(150, 150, 250);
}

.d3-stroke-efficiency {
    stroke: rgb(80, 200, 80);
}

.d3-stroke-special {
    stroke: rgb(80, 200, 80);
}

.d3-stroke-sound-pressure-level {
    stroke: rgb(80, 80, 100);
}

.d3-fill-primary {
    fill: rgb(0, 0, 150);
}

.d3-fill-secondary {
    fill: rgb(150, 150, 240);
}

.d3-fill-128 {
    fill: rgb(128, 128, 128);
}

.d3-fill-green {
    fill: green;
    stroke: green;
}

.d3-stroke-rgb200 {
    stroke: rgb(200, 200, 200);
}

.d3-stroke-rgb150 {
    stroke: rgb(150, 150, 150);
}

.d3-opacity-05 {
    opacity: 0.05;
}

.d3-opacity-10 {
    opacity: 0.1;
}

.d3-opacity-20 {
    opacity: 0.2;
}

.d3-opacity-50 {
    opacity: 0.5;
}

.d3-axis-nodomainline path.domain {
    visibility: hidden;
}

.d3-axis-slight-domain-line path.domain {
    color: rgb(200,200,200);
}

.bg-success-light {
    border: 3px solid rgb(55,200,55);
}

html body .btn-xxs:not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon) {
    font-size: 12px;
    padding: 3px 6px;
}

html body .btn-xxs:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon) {
    font-size: 12px;
    padding: 3px 6px;
}

html i.fas {
    color: inherit;
}
.btn i.fas {
    color: inherit;
}



.dropdown-item.active, .dropdown-item:active {
    color: inherit;
    text-decoration: inherit;
    background-color: inherit;
}

tr.preselection-result {
    cursor: pointer;

}

tr.preselection-result:hover {
    background: #f4f4ff;
}

.technical-value {
    font-family: consolas, 'Courier New';
    letter-spacing: -1px;
    font-size: 110%;
}

.technical-value-with-unit {
    white-space: nowrap;
}