:root {
    --bid72green: #76ad36;
    --bid72darkgreen: #5c753e;
    --bid72lightgreen: #e7f2da;
    --bid72darkestgreen: #2e3a1f;
    --bid72winered: #7a2719;
    --bid72red: #f05a3f;
    --bid72darkred: #7a2719;
    --bid72lightred: #f8aa9c;
    --bid72lightyellow: #fff3cd;
    --bid72darkyellow: #876500;
}

.bid72green {
    color: var(--bid72green)
}

.bid72darkgreen {
    color: var(--bid72darkgreen)
}

.bid72lightgreen {
    color: var(--bid72lightgreen)
}
.bid72darkestgreen {
    color: var(--bid72darkestgreen)
}
.bid72winered {
    color: var(--bid72winered)
}

.bid72red {
    color: var(--bid72red)
}

.bid72darkred {
    color: var(--bid72darkred)
}

.bid72lightred {
    color: var(--bid72lightred)
}

.bid72darkyellow {
    color: var(--bid72darkyellow)
}
.bid72lightyellow {
    color: var(--bid72lightyellow)
}

.bid72lightred {
    color: var(--bid72lightyellow)
}

app {
    position: relative;
    display: flex;
    flex-direction: column;
}

html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

a, .btn-link {
    color: var(--bid72green);
}

h1, h2, h3, h4 {
    background-color: var(--bid72lightgreen);
    color: var(--bid72darkgreen);   
    padding-left: 20px;
}

.main {
    flex: 1;
}

.sidebar.bid72 {
    background-image: linear-gradient(180deg, var(--bid72darkgreen) 0%, var(--bid72darkestgreen) 70%);
}

a.bid72, .btn-link.bid72 {
    color: var(--bid72darkgreen);
    font-size: 18px;
}

a:hover.bid72 {
    color: var(--bid72green);    
}

.bid72body {
    background-image: url("images/bid72fittobid25.png"); /* The image used */
    background-color: #ffffff; /* Used if the image is unavailable */
    background-position: center right; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-attachment: fixed;
    background-size: auto;
}

body {
    background-image: url("images/bid72fittobid25.png"); /* The image used */
    background-color: #ffffff; /* Used if the image is unavailable */
    background-position: center right; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-attachment: fixed;
    background-size: auto;
}

button.e-action, button.e-back {
    border-radius: 0;
    height: 30px;
    width: 120px;    
}
button.e-action.e-lower {
    height: 24px;
    font-size: 12px;
    padding: 0px 0px 0px 0px;
    text-align: center;
}
button.e-action.e-low {
    height: 16px;
    font-size: 12px;
    padding: 0px 0px 0px 0px;
    text-align: center;
}

button.e-action.e-small {
    width: 80px;
}
button.e-action.e-wide {
    width: 240px;
}
button.e-action.e-extrawide {
    width: 360px;
}
button.e-action.e-right {
    float: right; 
    margin-right: 10px
}

button.e-action {
    background-color: var(--bid72darkgreen);
    color: var(--bid72lightgreen);
}
button.e-action:hover, button.e-action:focus, button.e-action:active {
    background-color: var(--bid72darkestgreen);    
}

button.e-action.e-light {
    background-color: var(--bid72lightgreen);
    color: var(--bid72darkestgreen);
}
button.e-action.e-light:hover, button.e-action.e-light:focus, button.e-action.e-light:active {
    background-color: var(--bid72lightgreen);
    color: var(--bid72darkgreen);
}
button.e-action.e-danger {
    background-color: var(--bid72red);
    color: var(--bid72lightgreen);
}

button.e-action.e-incell {
    width: 60px;
    height: 20px;
    font-size: 12px;
    text-align: center;
    padding: 0px 0px 0px 0px;    
}

button.e-back {
    float: right;
    margin-right: 10px;
    margin-top: 12px;
}

button.e-back {
    background-color: var(--bid72darkestgreen);
    color: var(--bid72lightgreen);
}
button.e-back:hover {
    background-color: var(--bid72darkgreen);
    color: var(--bid72lightgreen);
}

.e-upload .e-file-select-wrap .e-btn, .e-upload .e-upload-actions .e-btn, .e-bigger.e-small .e-upload .e-file-select-wrap .e-btn, .e-bigger.e-small .e-upload .e-upload-actions .e-btn {
    height: 40px;
    background-color: var(--bid72darkgreen);
    color: var(--bid72lightgreen);
}

button.e-file-upload-btn.e-css.e-btn.e-flat.e-primary {
    height: 40px;
    background-color: var(--bid72darkgreen);
    color: var(--bid72lightgreen);
}

.e-upload .e-upload-files .e-upload-file-list {
    background-color: beige;
}
.e-spinner-pane.bid72 .e-spinner-inner .e-spin-bootstrap {
    fill: var(--bid72darkgreen);
    stroke: var(--bid72darkgreen);
}

button.e-hidden { 
    display: none
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}


.navbar-dark {
    background-color: var(--bid72darkgreen)
}

.load-files-label {
    padding: 5px;
    background-color: var(--bid72darkgreen);
    color: var(--bid72lightgreen);
    cursor: pointer;
    height: 30px;
    width: 140px;
    font-size: 13px;
    text-align: center;
    vertical-align: text-bottom;
    display: block;
}
.load-files-label.wide {
    width: 240px
}