/*
This file contains the core design features for all wwiionline website products.

It should be included in the standard sass files of your project, but should
not otherwise be altered. Overrides for settings in this file should be
placed in your app.scss file
*/


.fullback {
    background: url(/images/bg.jpg) no-repeat center center fixed;
    /* TODO: Make a background-size mixin */
    background-size: cover;
    background-color: #282828;
}

.box {
    min-height: 20px;
    padding: 10px;
    margin-bottom: 20px;
    background-color: #020202;
    border: 1px solid #642D00;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    background-image: linear-gradient(#313539, #000 30px, #0b0a0a);
    color: #bba914;
}

#main {
    padding-bottom: 60px;
}

.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 60px;
    background-color: #282828;
    z-index: 2000;
}

.navbar-brand-wwiiol {
    /* Logo in the nav bar */
    padding: 0 15px;
}

    .navbar-brand-wwiiol img {
        max-height: 49px;
        height: 49px;
    }

.label-status-pending {
    background-color: #F39C12;
}

    .label-status-pending[href]:hover,
    .label-status-pending[href]:focus {
        background-color: #c87f0a;
    }

.label-status-active {
    background-color: #00bc8c;
}

    .label-status-active[href]:hover,
    .label-status-active[href]:focus {
        background-color: #008966;
    }

.label-status-grace {
    background-color: #3498DB;
}

    .label-status-grace[href]:hover,
    .label-status-grace[href]:focus {
        background-color: #217dbb;
    }

.label-status-inactive {
    background-color: #777777;
}

    .label-status-inactive[href]:hover,
    .label-status-inactive[href]:focus {
        background-color: #5e5e5e;
    }

/*
* This file contains overrides specific to WWIIOL
*/