/*-----------------------------------------------------------------
    Basic App Coloring

    - The base colors are blue, red, green, orange, purple & grey

-------------------------------------------------------------------*/

.bdc-blue-grey{
    background-color: #f0f8fa !important;
}

.bdc-red 
{
    background-color: #f9423a !important;
}

.bdc-blue 
{
    background-color: #0069ff !important;
}

.bdc-grey
{
    background-color: #e6e6e6;
}

/*--- Backgrounds ---*/

/* Opacity */
.bg_opaque
{
    opacity: 1;
}

.bg_transparent_10
{
    opacity: 0.9;
}

.bg_transparent_15
{
    opacity: 0.85;
}

.bg_transparent_25
{
    opacity: 0.75;
}

.bg_transparent_50
{
    opacity: 0.50;
}

.bg_transparent_75
{
    opacity: 0.25;
}

/* Reds */
.bg_lightestRed
{
    background-color: #FFB2B2;
}

.bg_lighterRed,.bg_lightestRed_hover:hover
{
    background-color: #FF6666;
}
    
.bg_lightRed,.bg_lighterRed_hover:hover
{
    background-color: #FF3232;
}

.bg_mediumRed,.bg_lightRed_hover:hover
{   
    background-color: #FF0000;
}

.bg_darkRed,.bg_mediumRed_hover:hover
{
    background-color: #CC0000;
}

bg_darkerRed,.bg_darkRed_hover:hover
{
    background-color: #650000;
}

/* Blues */
.bg_lightestBlue
{
    background-color: #B2D8FF;/*#D5EDFF;*/
}

.bg_lighterBlue, .bg_lightestBlue_hover:hover
{
    background-color: #66B2FF;
}

.bg_lightBlue,.bg_lighterBlue_hover:hover
{
    background-color: #3399FF;
}

.bg_mediumBlue,.bg_lightBlue_hover:hover
{
    background-color: #007FFF;
}

.bg_darkBlue,.bg_mediumBlue_hover:hover
{
    background-color: #0066CC;
}

.bg_darkerBlue,.bg_darkBlue_hover:hover
{
    background-color: #004C99;
}

.bg_darkestBlue,.bg_darkerBlue_hover:hover
{
    background-color: #003366;
}

/* Greens */
.bg_lighterGreen
{
    background-color: #8cd8b2;
}

.bg_lightGreen,.bg_lighterGreen_hover:hover
{
    background-color: #66cc99;
}

.bg_mediumGreen, .bg_lightGreen_hover:hover
{
    background-color: #339966;
}

/* Oranges */
.bg_lighterOrange
{
    background-color: #ffa365;
}

.bg_lightOrange,.bg_lighterOrange_hover:hover
{
    background-color: #ff8433;
}

.bg_mediumOrange, .bg_lightOrange_hover:hover
{
    background-color: #CC5000;
}

/* Purples */
.bg_lighterPurple
{
    background-color: #b266ff;
}

.bg_lightPurple,.bg_lighterPurple_hover:hover
{
    background-color: #9933ff;
}

.bg_mediumPurple, .bg_lightPurple_hover:hover
{
    background-color: #6600CC;
}

/* Grays */
.bg_white
{
    background-color: #FFF;
}

.bg_lightestGray,.bg_white_hover:hover
{
    background-color: #EEE;
}

.bg_lighterGray,.bg_lightestGray_hover:hover
{
    background-color: #CCC;
}

.bg_lightGray,.bg_lighterGray_hover:hover
{
    background-color: #999;
}

.bg_mediumGray,.bg_lightGray_hover:hover
{
    background-color: #666;
}

.bg_darkGray,.bg_mediumGray_hover:hover
{
    background-color: #333;
}

.bg_darkestGray,.bg_darkGray_hover:hover
{
    background: #111;
}

.bg_black, .bg_darkestGray_hover:hover
{
    background-color: #000;
}

/*--- Fonts ---*/
.ft_white
{
    color: #fff !important;
}

.ft_black
{
    color: #000 !important;
}

/* Grays */
.ft_lightGray
{
    color: #BBB;
}

.ft_darkGray
{
    color: #333;
}

/* Blues */
.ft_lightBlue
{
    color: #3399ff !important;
}

.ft_mediumBlue
{
    color: #007FFF !important;
}

.ft_darkBlue
{
    color: #0066CC !important;
}

/* Reds */
.ft_lightRed
{
    color: #ff3333 !important;
}

.ft_mediumRed
{
    color: #e70707 !important;
}

.ft_darkRed
{
    color: #b20000 !important;
}

/* Greens */
.ft_lightGreen
{
    color: #66cc99 !important;
}

.ft_mediumGreen
{
    color: #4C9973 !important;
}

/* Oranges */
.ft_lightOrange
{
    color: #ff8433 !important;
}

/* Purples */
.ft_lightPurple
{
    color: #9933ff !important;
}

/* Other colors */
.ft_lightBrown
{
    color: #994C00;
}

.ft_lightTeal
{
    color: #006666;
}

/*--- Borders ---*/
.border_lightGray
{
    border-color: #999;
}

.border_lightOrange
{
    border-color: #ff8433;
}