.bg-default     { background-color:#d3d3d3; color: #222; }

.bg-yellowgreen { background-color:#89ca36; /*color:#89ca36;*/ }
.bg-green       { background-color:#51b656; /*color:#51b656;*/ }
.bg-lightgreen  { background-color:#71caa4; /*color:#71caa4;*/ }
.bg-darkgreen   { background-color:#488570; /*color:#488570;*/ }
.bg-greenblue   { background-color:#0ab173; /*color:#0ab173;*/ }
/**/
.bg-bluegreen   { background-color:#3995c7; /*color:#3995c7;*/ }
.bg-cyan        { background-color:#559ded; /*color:#559ded;*/ }
.bg-lightblue   { background-color:#5655ed; /*color:#5655ed;*/ }
.bg-blue        { background-color:#2a6af3; /*color:#2a6af3;*/ }
.bg-darkblue    { background-color:#474b71; /*color:#474b71;*/ }
/**/
.bg-pink        { background-color:#ee5881; /*color:#ee5881;*/ }
.bg-lightred    { background-color:#ee5858; /*color:#ee5858;*/ }
.bg-red         { background-color:#cb3232; /*color:#cb3232;*/ }
.bg-lightpurple { background-color:#b961b4; /*color:#b961b4;*/ }
.bg-purple      { background-color:#95309c; /*color:#95309c;*/ }
/**/
.bg-orange      { background-color:#f3743b; /*color:#f3743b;*/ }
.bg-brown       { background-color:#988366; /*color:#988366;*/ }
.bg-gray        { background-color:#929292; /*color:#929292;*/ }
.bg-darkgray    { background-color:#4e4e4e; /*color:#4e4e4e;*/ }
.bg-black       { background-color:#1d9287; /*color:#252525;*/ }
 
.bg-gradient    {
    background: linear-gradient(45deg, rgb(120, 211, 255) 0%, rgb(107, 245, 185) 100%);
    background: linear-gradient(45deg, rgb(255, 52, 52) 0%, rgb(49, 156, 255) 100%);
}

:root {    
    --teal: #009688;
    --indigo: #3f51b5;
    --grayblue: #eef1f5;
    --lightgray: #c2c2c2;
    --gray: #777;
}