@charset "utf-8";
/* CSS Document */

/* ===== Paleta de Cores do Google ===== */

/* Fundos */
.bg-google-blue    { background-color: #4285F4; }
.bg-google-green   { background-color: #34A853; }
.bg-google-yellow  { background-color: #FBBC05; }
.bg-google-red     { background-color: #EA4335; }

.bg-google-blue-sec    { background-color: #1A73E8; }
.bg-google-green-sec   { background-color: #0F9D58; }
.bg-google-yellow-sec  { background-color: #F4B400; }
.bg-google-red-sec     { background-color: #DB4437; }

.bg-google-dark    { background-color: #202124; }
.bg-google-gray    { background-color: #5F6368; }
.bg-google-light   { background-color: #E8EAED; }
.bg-google-white   { background-color: #F1F3F4; }

/* Textos */
.text-google-blue    { color: #4285F4; }
.text-google-green   { color: #34A853; }
.text-google-yellow  { color: #FBBC05; }
.text-google-red     { color: #EA4335; }

.text-google-blue-sec    { color: #1A73E8; }
.text-google-green-sec   { color: #0F9D58; }
.text-google-yellow-sec  { color: #F4B400; }
.text-google-red-sec     { color: #DB4437; }

.text-google-dark    { color: #202124; }
.text-google-gray    { color: #5F6368; }
.text-google-light   { color: #E8EAED; }
.text-google-white   { color: #F1F3F4; }



.title-Yellow-Google,
.title-Yellow-Google h4,
.title-Yellow-Google h4 a {
    color: #FBBC04 !important; /* Google Yellow 500 */
	 font-size: 18px !important;
}






   /* ============================
   AZUL — Material Design
   ============================ */

.md-blue-50 {
    background: #E3F2FD !important;
    color: #000 !important;
}

.md-blue-100 {
    background: #BBDEFB !important;
    color: #000 !important;
}

.md-blue-200 {
    background: #90CAF9 !important;
    color: #000 !important;
}

.md-lightblue-50 {
    background: #E1F5FE !important;
    color: #000 !important;
}

.md-lightblue-100 {
    background: #B3E5FC !important;
    color: #000 !important;
}

.md-lightblue-200 {
    background: #81D4FA !important;
    color: #000 !important;
}


/* ============================
   VERDE — Material Design
   ============================ */

.md-green-50 {
    background: #E8F5E9 !important;
    color: #000 !important;
}

.md-green-100 {
    background: #C8E6C9 !important;
    color: #000 !important;
}

.md-green-200 {
    background: #A5D6A7 !important;
    color: #000 !important;
}

.md-lightgreen-50 {
    background: #F1F8E9 !important;
    color: #000 !important;
}

.md-lightgreen-100 {
    background: #DCEDC8 !important;
    color: #000 !important;
}

.md-lightgreen-200 {
    background: #C5E1A5 !important;
    color: #000 !important;
}


/* ============================
   VERMELHO — Material Design
   ============================ */

.md-red-50 {
    background: #FFEBEE !important;
    color: #000 !important;
}

.md-red-100 {
    background: #FFCDD2 !important;
    color: #000 !important;
}

.md-red-200 {
    background: #EF9A9A !important;
    color: #000 !important;
}
/* ============================
   AMARELO — Material Design
   ============================ */

.md-yellow-50 {
    background: #FFFDE7 !important;
    color: #000 !important;
}

.md-yellow-100 {
    background: #FFF9C4 !important;
    color: #000 !important;
}

.md-yellow-200 {
    background: #FFF59D !important;
    color: #000 !important;
}

/* ============================
   AMBER — Material Design
   ============================ */

.md-amber-50 {
    background: #FFF8E1 !important;
    color: #000 !important;
}

.md-amber-100 {
    background: #FFECB3 !important;
    color: #000 !important;
}

.md-amber-200 {
    background: #FFE082 !important;
    color: #000 !important;
}