/* ========================================================
* 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;
}
/* ========================================================*/