/* ========================================================
* 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: #005A80;
    color: #FFFFFF;
    transition: all 1s;
}
.tile-heading-your-plan {
    padding: 5px 8px;
    text-transform: uppercase;
    background-color: #005A80;
    color: #FFF;
}
.tile-body-your-plan {
    padding: 15px;
    color: #FFFFFF;
    background-color: #007399;
    line-height: 48px;
}
.tile-footer-your-plan {
    padding: 5px 8px;
    background-color: #0086B3;
}
/* ========================================================*/
.tile-qualification {
    margin-bottom: 15px;
    border-radius: 3px;
    background-color: #005A80;
    color: #FFFFFF;
    transition: all 1s;
}
.tile-heading-qualification {
    padding: 5px 8px;
    text-transform: uppercase;
    background-color: #005A80;
    color: #FFF;
}
.tile-body-qualification {
    padding: 15px;
    color: #FFFFFF;
    background-color: #007399;
    line-height: 48px;
}
.tile-footer-qualification {
    padding: 5px 8px;
    background-color: #0086B3;
}
/* ========================================================*/
.tile-for-next-qualification {
    margin-bottom: 15px;
    border-radius: 3px;
    background-color: #005A80;
    color: #FFFFFF;
    transition: all 1s;
}
.tile-heading-for-next-qualification {
    padding: 5px 8px;
    text-transform: uppercase;
    background-color: #005A80;
    color: #FFF;
}
.tile-body-for-next-qualification {
    padding: 15px;
    color: #FFFFFF;
    background-color: #007399;
    line-height: 48px;
}
.tile-footer-for-next-qualification {
    padding: 5px 8px;
    background-color: #0086B3;
}


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



/* ========================================================*/
/* Faixa 1 – azul petróleo (≈ #0a3d62 / #144c6a / #1e5a85) */
/* ========================================================*/
.tile-your-plan,
.tile-qualification,
.tile-for-next-qualification{
    margin-bottom:15px;
    border-radius:3px;
    background-color:#0a3d62;          /* era #506927 */
    color:#fff;
    transition:all 1s;
}
.tile-heading-your-plan,
.tile-heading-qualification,
.tile-heading-for-next-qualification{
    padding:5px 8px;
    text-transform:uppercase;
    background-color:#0a3d62;          /* era #506927 */
    color:#fff;
}
.tile-body-your-plan,
.tile-body-qualification,
.tile-body-for-next-qualification{
    padding:15px;
    color:#fff;
    background-color:#144c6a;          /* era #5e7b2e */
    line-height:48px;
}
.tile-footer-your-plan,
.tile-footer-qualification,
.tile-footer-for-next-qualification{
    padding:5px 8px;
    background-color:#1e5a85;          /* era #6d9337 */
}

/* ========================================================*/
/* Faixa 2 – azul aço (≈ #154f77 / #1f608d / #2b78a6) */
/* ========================================================*/
.tile-binary-points,
.tile-your-team,
.tile-current-points{
    margin-bottom:15px;
    border-radius:3px;
    background-color:#154f77;          /* era #52aa7c */
    color:#fff;
    transition:all 1s;
}
.tile-heading-binary-points,
.tile-heading-your-team,
.tile-heading-current-points{
    padding:5px 8px;
    text-transform:uppercase;
    background-color:#154f77;          /* era #52aa7c */
    color:#fff;
}
.tile-body-binary-points,
.tile-body-your-team,
.tile-body-current-points{
    padding:15px;
    color:#fff;
    background-color:#1f608d;          /* era #8aa54e */
    line-height:48px;
}
.tile-footer-binary-points,
.tile-footer-your-team,
.tile-footer-current-points{
    padding:5px 8px;
    background-color:#2b78a6;          /* era #90be55 */
}

/* ========================================================*/
/* Faixa 3 – azul oceano (≈ #1b5a7a / #23749b / #2f86b3) */
/* ========================================================*/
.tile-earnings-to-date,
.tile-personal-points,
.tile-earnings{
    margin-bottom:15px;
    border-radius:3px;
    background-color:#1b5a7a;          /* era #688a30 */
    color:#fff;
    transition:all 1s;
}
.tile-heading-earnings-to-date,
.tile-heading-personal-points,
.tile-heading-earnings{
    padding:5px 8px;
    text-transform:uppercase;
    background-color:#1b5a7a;          /* era #688a30 */
    color:#fff;
}
.tile-body-earnings-to-date,
.tile-body-personal-points,
.tile-body-earnings{
    padding:15px;
    color:#fff;
    background-color:#23749b;          /* era #7fa543 */
    line-height:48px;
}
.tile-footer-earnings-to-date,
.tile-footer-personal-points,
.tile-footer-earnings{
    padding:5px 8px;
    background-color:#2f86b3;          /* era #95bc5e */
}
/* ========================================================*/