body,h1,h2,h3,h4,h5,h6 {font-family: "Arial", cursive;}
body, html {
    height: 100%;
    line-height: 1.8;
    /* Disables pull-to-refresh but allows overscroll glow effects. */
    overscroll-behavior-y: none;
    /*overscroll-behavior-y: none;*/
}
@media(max-width:1280px){ body {font-size: 80%;}}
.w3-wide {letter-spacing: 10px;}
.w3-hover-opacity {cursor: pointer;}
.w3-pointer { cursor: pointer;}

.w3-metallit {
    background-color: #016f88!important; 
    color: white;
}
.w3-text-metallit {
    color: #016f88!important;
}
/* NAVIGATION */
.navigation, .navigation ul {
    list-style: none;
}
legend {
    font-weight: normal;
    font-variant: small-caps;
    color: darkblue;
}

fieldset {
    background-color: white;
    border-color: darkblue;
    height: 174px;
}

.w3-bold {
    font-weight: bold;
}

.larger {
    font-size: 115%;
}

.fullHeight {
    height: 100%;
}

.fullHeightAndWidth {
    height: 100%;
    width: 100%;
}

.overview {
    background-image: url('/images/Logo-Metallit-2012_RGB-3-300x120.jpg');
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
}

.halfHeight {
    height: 50%;
}

.openDetails {
    background-color: #87CEEB !important;
}

.tablecell {
    display: table-cell;
    padding: 2px 4px;
    border: 1px solid lightgray;
    vertical-align: middle;
}
.tablerow {
    display: table-row;
}

.fieldset_col {
    background-color: white;
    border-color: darkblue;
    height: auto;
    width: 33%;
    min-width: 400px;
    display: inline-grid;
}
/* chart colors*/
.w3-chart-1
{color:#fff!important;background-color:#a4c400!important}
.w3-chart-2
{color:#fff!important;background-color:#60a917!important}
.w3-chart-3
{color:#fff!important;background-color:#008a00!important}
.w3-chart-4
{color:#fff!important;background-color:#00aba9!important}
.w3-chart-5
{color:#fff!important;background-color:#1ba1e2!important}
.w3-chart-6
{color:#fff!important;background-color:#3e65ff!important}
.w3-chart-7
{color:#fff!important;background-color:#0050ef!important}
.w3-chart-8
{color:#fff!important;background-color:#6a00ff!important}
.w3-chart-9
{color:#fff!important;background-color:#aa00ff!important}
.w3-chart-10
{color:#fff!important;background-color:#f472d0!important}
.w3-chart-11
{color:#fff!important;background-color:#d80073!important}
.w3-chart-12
{color:#fff!important;background-color:#a20025!important}
.w3-chart-13
{color:#fff!important;background-color:#e51400!important}
.w3-chart-14
{color:#fff!important;background-color:#fa6800!important}
.w3-chart-15
{color:#fff!important;background-color:#f0a30a!important}
.w3-chart-16
{color:#fff!important;background-color:#e3c800!important}
.w3-chart-17
{color:#fff!important;background-color:#825a2c!important}
.w3-chart-18
{color:#fff!important;background-color:#6d8764!important}
.w3-chart-19
{color:#fff!important;background-color:#647687!important}
.w3-chart-20
{color:#fff!important;background-color:#76608a!important}
.w3-chart-21
{color:#fff!important;background-color:#87794e!important}
.w3-chart-0
{color:#fff!important;background-color:#a0522d!important}