/* ==================================== FONT - TAMANHOS ADICIONAIS ==================================== */

.font-10{
    font-size: 10px;
}

.font-15{
    font-size: 15px;
}

.font-20{
    font-size: 20px;
}

/* ==================================== FLAT UI - COLOR ADICIONAIS ==================================== */

.txt-roxo{
     color: #3b3a85;
}

.txt-white{
    color: #ffffff;
}

.txt-dark{
    color: #242424;
}

.txt-goiaba{
    color: #c7445a;
}

.txt-love{
    color: #e78c9c;
}

.txt-turquoise{
    color: #1abc9c;
}

.txt-green-sea{
    color: #16a085;
}

.txt-esmerald{
    color: #2ecc71;
}

.txt-nephritis{
    color: #27ae60;
}

.txt-carrot{
    color: #e67e22;
}

.txt-pumpkin{
    color: #d35400;
}

.txt-peter-river{
    color: #3498db;
}

.txt-belize-hole{
    color: #2980b9;
}

.txt-alizarin{
    color: #e74c3c;
}

.txt-pomegramate{
    color: #c0392b;
}

.txt-amethyst{
    color: #9b59b6;
}

.txt-wisteria{
    color: #1abc9c;
}

.txt-clouds{
    color: #ecf0f1;
}

.txt-silver{
    color: #bdc3c7;
}

.txt-wet-asphalt{
    color: #34495e;
}

.txt-midnight-blue{
    color: #2c3e50;
}

.txt-concrete{
    color: #95a5a6;
}

.txt-asbestos{
    color: #7f8c8d;
}

.txt-sun-flower{
    color:#f1c40f;
}

.txt-orange{
    color: #f39c12;
}



/* ==================================== FLAT UI - BACKGROUND ADICIONAIS ==================================== */
.bg-roxo{
    background: #3b3a85;
}

.bg-white{
    background: #ffffff;
}
.bg-dark{
    background: #242424;
}
.bg-goiaba{
    background: #c7445a;
}
.bg-love{
    background: rgba(59, 58, 133, 0.63);
}
.bg-turquoise{
    background: #1abc9c;
}

.bg-green-sea{
    background: #16a085;
}

.bg-esmerald{
    background: #2ecc71;
}

.bg-nephritis{
    background: #27ae60;
}

.bg-carrot{
    background: #e67e22;
}

.bg-pumpkin{
    background: #d35400;
}

.bg-peter-river{
    background: #3498db;
}

.bg-belize-hole{
    background: #2980b9;
}

.bg-alizarin{
    background: #e74c3c;
}

.bg-pomegramate{
    background: #c0392b;
}

.bg-amethyst{
    background: #9b59b6;
}

.bg-wisteria{
    background: #1abc9c;
}

.bg-clouds{
    background: #ecf0f1;
}

.bg-silver{
    background: #bdc3c7;
}

.bg-wet-asphalt{
    background: #34495e;
}

.bg-midnight-blue{
    background: #2c3e50;
}

.bg-concrete{
    background: #95a5a6;
}

.bg-asbestos{
    background: #7f8c8d;
}

.bg-sun-flower{
    background:#f1c40f;
}

.bg-orange{
    background: #f39c12;
}


/* ==================================== FLAT UI - BORDA ADICIONAIS ==================================== */
.bd-roxo{
    border-color: #3b3a85;
}

.bd-white{
    border-color: #ffffff;
}
.bd-dark{
    border-color: #242424;
}
.bd-goiaba{
    border-color: #31306f;
}
.bd-love{
    border-color: #e78c9c;
}
.bd-turquoise{
    border-color: #1abc9c;
}

.bd-green-sea{
    border-color: #16a085;
}

.bd-esmerald{
    border-color: #2ecc71;
}

.bd-nephritis{
    border-color: #27ae60;
}

.bd-carrot{
    border-color: #e67e22;
}

.bd-pumpkin{
    border-color: #d35400;
}

.bd-peter-river{
    border-color: #3498db;
}

.bd-belize-hole{
    border-color: #2980b9;
}

.bd-alizarin{
    border-color: #e74c3c;
}

.bd-pomegramate{
    border-color: #c0392b;
}

.bd-amethyst{
    border-color: #9b59b6;
}

.bd-wisteria{
    border-color: #1abc9c;
}

.bd-clouds{
    border-color: #ecf0f1;
}

.bd-silver{
    border-color: #bdc3c7;
}

.bd-wet-asphalt{
    border-color: #34495e;
}

.bd-midnight-blue{
    border-color: #2c3e50;
}

.bd-concrete{
    border-color: #95a5a6;
}

.bd-asbestos{
    border-color: #7f8c8d;
}

.bd-sun-flower{
    border-color:#f1c40f;
}

.bd-orange{
    border-color: #f39c12;
}




/* ==================================== MARGIN TOP ==================================== */

.top-m-10px{
    margin-top: 10px;
}
.top-m-20px{
    margin-top: 20px;
}
.top-m-30px{
    margin-top: 30px;
}
.top-m-40px{
    margin-top: 40px;
}
.top-m-50px{
    margin-top: 50px;
}
.top-m-60px{
    margin-top: 60px;
}
.top-m-70px{
    margin-top: 70px;
}
.top-m-80px{
    margin-top: 80px;
}
.top-m-90px{
    margin-top: 90px;
}
.top-m-100px{
    margin-top: 100px;
}






/* ==================================== MARGIN BOTTOM ==================================== */

.bottom-m-10px{
    margin-bottom: 10px;
}
.bottom-m-20px{
    margin-bottom: 20px;
}
.bottom-m-30px{
    margin-bottom: 30px;
}
.bottom-m-40px{
    margin-bottom: 40px;
}
.bottom-m-50px{
    margin-bottom: 50px;
}
.bottom-m-60px{
    margin-bottom: 60px;
}
.bottom-m-70px{
    margin-bottom: 70px;
}
.bottom-m-80px{
    margin-bottom: 80px;
}
.bottom-m-90px{
    margin-bottom: 90px;
}
.bottom-m-100px{
    margin-bottom: 100px;
}







/* ==================================== PADDING TOP ==================================== */

.top-p-10px{
    padding-top: 10px;
}
.top-p-20px{
    padding-top: 20px;
}
.top-p-30px{
    padding-top: 30px;
}
.top-p-40px{
    padding-top: 40px;
}
.top-p-50px{
    padding-top: 50px;
}
.top-p-60px{
    padding-top: 60px;
}
.top-p-70px{
    padding-top: 70px;
}
.top-p-80px{
    padding-top: 80px;
}
.top-p-90px{
    padding-top: 90px;
}
.top-p-100px{
    padding-top: 100px;
}






/* ==================================== PADDING BOTTOM ==================================== */

.bottom-p-10px{
    padding-bottom: 10px;
}
.bottom-p-20px{
    padding-bottom: 20px;
}
.bottom-p-30px{
    padding-bottom: 30px;
}
.bottom-p-40px{
    padding-bottom: 40px;
}
.bottom-p-50px{
    padding-bottom: 50px;
}
.bottom-p-60px{
    padding-bottom: 60px;
}
.bottom-p-70px{
    padding-bottom: 70px;
}
.bottom-p-80px{
    padding-bottom: 80px;
}
.bottom-p-90px{
    padding-bottom: 90px;
}
.bottom-p-100px{
    padding-bottom: 100px;
}