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: 75%;}}
.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;
}