﻿html {
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Futura Std Medium";
    font-weight: 500;
}
body {
    display: flex;
    flex-direction: column;
    justify-content: top;
    align-items: center;
    min-height: 100vh;
    margin: 0;
    padding: 0;
    font-family: "Futura Std Medium";
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    background-color: #000;
}
section header .es-logo {
    width: 110px;
}

section header .caps {
    font-size: 8pt;
}

section header .ee-logo {
    width: 82px;
    margin-bottom: 6px;
}
input[type=checkbox] {
    width:20px;
    height:20px;
}
input, .ui-widget, .ui-widget select {
    font-family: "Futura Std Medium" !important;
}
button, label, .btn-default, .btn-red {
    font-family: "Futura Std Bold" !important;
}
#banner {
    display: flex;
    flex-flow: row;
    justify-content: space-evenly;
    align-items: center;
    font-size: 9pt;
    line-height: 1.2;
    margin-top: 3px;
}
.es-logo {
    width: 163px;
}
.ee-logo {
    width: 120px;
    height: fit-content;
    margin-bottom: 11px;
}
.caps {
    text-transform: uppercase;
}
.red {
    color: red !important;
}
.bold {
    font-family: "Futura Std Bold" !important;
}
.ln-1 {
    line-height: 1.0;
}
.large {
    font-size:14pt;
}
.btn-default {
    background:none !important;
    background-color: transparent !important;
    border: solid 0px !important;
    color: black !important;
}

.btn-default:hover {
    color: red !important;
}

.btn-red {
    color: red !important;
    border: solid 1px red !important;
    background-color: white !important;
    cursor: pointer;
    background-image: none !important;
}
.btn-red:hover {
    background-color: red !important;
    color:white !important;
}

.fl-end {
    justify-content: flex-end;
}
#loading {
    display: block;
    height: 40px;
    left: 45%;
    position: absolute;
    top: 43%;
    width: 200px;
    z-index: 10001;
}
#loadingOverlay {
    background-color: Silver;
    cursor: wait;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10000;
    opacity: 0.4;
}
.ui-widget-overlay {
    background: #000 url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .30;
    filter: Alpha(Opacity=30);
}

@media screen and (min-width:428px) {
    .es-logo {
        width: 150px;
    }

    .ee-logo {
        width: 113px;
    }
}

@media screen and (min-width:1200px) {

    section header .es-logo {
        width: 163px;
    }

    section header .caps {
        font-size: 9pt;
        margin: auto 10px;
        padding-top:8px;
    }

    section header .ee-logo {
        width: 120px;
        height: fit-content;
        margin-bottom: 11px;
    }
}