/* ========================================================
* File: stylesheet2.css;
* ======================================================== */
.tile {
    margin-bottom: 15px;
    border-radius: 3px;
    background-color: #279FE0;
    color: #FFFFFF;
    transition: all 1s;
}
.tile-heading {
    padding: 5px 8px;
    text-transform: uppercase;
    background-color: #1E91CF;
    color: #FFF;
}
.tile-body {
    padding: 15px;
    color: #FFFFFF;
    line-height: 48px;
}
.tile-footer {
    padding: 5px 8px;
    background-color: #3DA9E3;
}

.font-icon-size {
    font-size: 80px;
}




.bg-color-bar-level-1 {
	background:#f5334f;
}

.bg-color-bar-level-2 {
	background:#fc7303;
}

.bg-color-bar-level-3 {
	background:#FFEB3B;
}

.bg-color-bar-level-4 {
	background:#CCFF33;
}

.bg-color-bar-level-5 {
	background:#30c102;
}

.bg-color-bar-level-6 {
	background:#40E0D0;
}

.bg-color-bar-level-7 {
	background:#00b3ff;
}

.bg-color-bar-level-8 {
	background:#a343ff;
}


/* ========================================================

.tile-your-plan {
    margin-bottom: 15px;
    border-radius: 3px;
    background-color: #76439a;
    color: #FFFFFF;
    transition: all 1s;
}
.tile-heading-your-plan {
    padding: 5px 8px;
    text-transform: uppercase;
    background-color: #76439a;
    color: #FFF;
}
.tile-body-your-plan {
    padding: 15px;
    color: #FFFFFF;
	background-color: #7f4da4;
    line-height: 48px;
}
.tile-footer-your-plan {
    padding: 5px 8px;
    background-color: #8a58af;
}
/* ========================================================
.tile-qualification {
    margin-bottom: 15px;
    border-radius: 3px;
    background-color: #76439a;
    color: #FFFFFF;
    transition: all 1s;
}
.tile-heading-qualification {
    padding: 5px 8px;
    text-transform: uppercase;
    background-color: #76439a;
    color: #FFF;
}
.tile-body-qualification {
    padding: 15px;
    color: #FFFFFF;
	background-color: #7f4da4;
    line-height: 48px;
}
.tile-footer-qualification {
    padding: 5px 8px;
    background-color: #8a58af;
}
/* ========================================================
.tile-for-next-qualification {
    margin-bottom: 15px;
    border-radius: 3px;
    background-color: #76439a;
    color: #FFFFFF;
    transition: all 1s;
}
.tile-heading-for-next-qualification {
    padding: 5px 8px;
    text-transform: uppercase;
    background-color: #76439a;
    color: #FFF;
}
.tile-body-for-next-qualification {
    padding: 15px;
    color: #FFFFFF;
	background-color: #7f4da4;
    line-height: 48px;
}
.tile-footer-for-next-qualification {
    padding: 5px 8px;
    background-color: #8a58af;
}


/* ========================================================*/



/* ========================================================
.tile-binary-points {
    margin-bottom: 15px;
    border-radius: 3px;
    background-color: #a5ce37;
    color: #FFFFFF;
    transition: all 1s;
}
.tile-heading-binary-points {
    padding: 5px 8px;
    text-transform: uppercase;
    background-color: #a5ce37;
    color: #FFF;
}
.tile-body-binary-points {
    padding: 15px;
    color: #FFFFFF;
	background-color: #c1ea53;
    line-height: 48px;
}
.tile-footer-binary-points {
    padding: 5px 8px;
    background-color: #c8f15a;
}
/* ========================================================
.tile-your-team {
    margin-bottom: 15px;
    border-radius: 3px;
    background-color: #a5ce37;
    color: #FFFFFF;
    transition: all 1s;
}
.tile-heading-your-team {
    padding: 5px 8px;
    text-transform: uppercase;
    background-color: #a5ce37;
    color: #FFF;
}
.tile-body-your-team {
    padding: 15px;
    color: #FFFFFF;
	background-color: #c1ea53;
    line-height: 48px;
}
.tile-footer-your-team {
    padding: 5px 8px;
    background-color: #c8f15a;
}
/* ========================================================
.tile-current-points {
    margin-bottom: 15px;
    border-radius: 3px;
    background-color: #a5ce37;
    color: #FFFFFF;
    transition: all 1s;
}
.tile-heading-current-points {
    padding: 5px 8px;
    text-transform: uppercase;
    background-color: #a5ce37;
    color: #FFF;
}
.tile-body-current-points {
    padding: 15px;
    color: #FFFFFF;
	background-color: #c1ea53;
    line-height: 48px;
}
.tile-footer-current-points {
    padding: 5px 8px;
    background-color: #c8f15a;
}


/* ========================================================
/* ========================================================
.tile-earnings-to-date{
    margin-bottom: 15px;
    border-radius: 3px;
    background-color: #B02A71;
    color: #FFFFFF;
    transition: all 1s;
}
.tile-heading-earnings-to-date{
    padding: 5px 8px;
    text-transform: uppercase;
    background-color: #B02A71;
    color: #FFF;
}
.tile-body-earnings-to-date{
    padding: 15px;
    color: #FFFFFF;
	background-color: #C83486;
    line-height: 48px;
}
.tile-footer-earnings-to-date{
    padding: 5px 8px;
    background-color: #D84896;
}
/* ========================================================
.tile-personal-points{
    margin-bottom: 15px;
    border-radius: 3px;
    background-color: #B02A71;
    color: #FFFFFF;	
    transition: all 1s;
}
.tile-heading-personal-points{
    padding: 5px 8px;
    text-transform: uppercase;
    background-color: #B02A71;
    color: #FFF;
}
.tile-body-personal-points{
    padding: 15px;
    color: #FFFFFF;
	background-color: #C83486;
    line-height: 48px;
}
.tile-footer-personal-points{
    padding: 5px 8px;
    background-color: #D84896;
}

/* ========================================================
.tile-earnings{
    margin-bottom: 15px;
    border-radius: 3px;
    background-color: #B02A71;
    color: #FFFFFF;
    transition: all 1s;
}
.tile-heading-earnings{
    padding: 5px 8px;
    text-transform: uppercase;
    background-color: #B02A71;
    color: #FFF;
}
.tile-body-earnings{
    padding: 15px;
    color: #FFFFFF;
	background-color: #C83486;
    line-height: 48px;
}
.tile-footer-earnings{
    padding: 5px 8px;
    background-color: #D84896;
}
/* ========================================================*/


/* Grupo 1 - Tons de Azul Mais Escuros */
/* ========================================================*/
.tile-your-plan, .tile-qualification, .tile-for-next-qualification {
    margin-bottom: 15px;
    border-radius: 3px;
    background-color: #080729; /* Azul muito escuro */
    color: #FFFFFF;
    transition: all 1s;
}
.tile-heading-your-plan, .tile-heading-qualification, .tile-heading-for-next-qualification {
    padding: 5px 8px;
    text-transform: uppercase;
    background-color: #0A2947; /* Azul escuro */
    color: #FFF;
}
.tile-body-your-plan, .tile-body-qualification, .tile-body-for-next-qualification {
    padding: 15px;
    color: #FFFFFF;
    background-color: #1B5175; /* Azul claro, mas fechado */
    line-height: 48px;
}
.tile-footer-your-plan, .tile-footer-qualification, .tile-footer-for-next-qualification {
    padding: 5px 8px;
    background-color: #080729; /* Azul muito escuro */
}
/* ========================================================*/

/* Grupo 2 - Tons de Azul Intermediários */
/* ========================================================*/
.tile-binary-points, .tile-your-team, .tile-current-points {
    margin-bottom: 15px;
    border-radius: 3px;
    background-color: #1B5175; /* Azul claro, mas fechado */
    color: #FFFFFF;
    transition: all 1s;
}
.tile-heading-binary-points, .tile-heading-your-team, .tile-heading-current-points {
    padding: 5px 8px;
    text-transform: uppercase;
    background-color: #327DA0; /* Azul intermediário */
    color: #FFF;
}
.tile-body-binary-points, .tile-body-your-team, .tile-body-current-points {
    padding: 15px;
    color: #FFFFFF;
    background-color: #4E9AC8; /* Azul intermediário claro */
    line-height: 48px;
}
.tile-footer-binary-points, .tile-footer-your-team, .tile-footer-current-points {
    padding: 5px 8px;
    background-color: #1B5175; /* Azul claro, mas fechado */
}
/* ========================================================*/

/* Grupo 3 - Tons de Azul Mais Claros */
/* ========================================================*/
.tile-earnings-to-date, .tile-personal-points, .tile-earnings {
    margin-bottom: 15px;
    border-radius: 3px;
    background-color: #4E9AC8; /* Azul intermediário claro */
    color: #FFFFFF;
    transition: all 1s;
}
.tile-heading-earnings-to-date, .tile-heading-personal-points, .tile-heading-earnings {
    padding: 5px 8px;
    text-transform: uppercase;
    background-color: #6AB5E1; /* Azul claro */
    color: #FFF;
}
.tile-body-earnings-to-date, .tile-body-personal-points, .tile-body-earnings {
    padding: 15px;
    color: #FFFFFF;
    background-color: #85CFFA; /* Azul muito claro */
    line-height: 48px;
}
.tile-footer-earnings-to-date, .tile-footer-personal-points, .tile-footer-earnings {
    padding: 5px 8px;
    background-color: #4E9AC8; /* Azul intermediário claro */
}
/* ========================================================*/