/* MAIN COLORS FOR ALL THE APP */

.maincolor{
    background-color: #0077B3; 
    color: white;
}

.bg-light{
    background-color: #FAFAFA; /*grey50*/
    color: black;
}

.bg-medium{
    background-color: #E0E0E0; /*grey300*/
}

.bg-dark{
    background-color: #9E9E9E; /*grey500*/
    color: black;
}

.bg-answer{
    /*background: #FDF6E3;
    color: #859900;*/
   background: #EEE8D5;
   color: #616173; 
}

.text-maincolor{
    color: #125688; /*insta*/
}

/* MAIN COLORS END */



/* BACKGROUND COLORS */
.white{
    background: white;
}

/* grey */

.black{
    background-color: black;
    color: white;
}

.nocolor{
    background-color: #636769;
    color: white;
}

.grey50{
    background-color: #FAFAFA;
    color: black;
}

.grey100{
    background-color: #F5F5F5;
    color: black;
}

.grey200{
    background-color: #EEEEEE;
    color: black;
}

.grey300{
    background-color: #E0E0E0;
    color: black;
}

.grey400{
    background-color: #BDBDBD;
    color: black;
}

.grey500{
    background-color: #9E9E9E;
    color: black;
}

.grey600{
    background-color: #757575;
    color: white;
}

.grey700{
    background-color: #616161;
    color: white;
}

.grey800{
    background-color: #424242;
    color: white;
}

.grey900{
    background-color: #212121;
    color: white;
}

.greyddd{
    background-color: #dddddd;   
}

/* blue */
.darkblue{
    background-color: #0077B3;
    color: white; 
}

.steelblue{
    background-color: #4682B4;
    color: white;
}

.shadeblue{
    background-color: #47b2e4;
    color: white;
}

.blue{
    background-color: #51BAEA;
    color: white;
}

.softblue{
    background-color: #58c7fa;
    color: white;
}

.lightblue{
    background-color: #DBF0FA;
    color: white;
}

.mediumblue{
    background-color: #2A9EE7;
    color: white;
}

.brightblue{
    background-color: #5F9EA0;
    color: white;    
}

.gloomyblue{
    background-color: #0B3F57;
    color: white;    
}

.edge{
    background-color: #0E8ADB;
    color: white;    
}

.linkedin{
    background-color: #0A66C2;
    color: white;    
}

.darkviolete{
    background-color: #00008B;
    color: white;
}

.tumblr{
    background-color: #2c4762;
    color: white;
}

.insta{
    background-color: #125688;
    color: white;    
}

.udemy{
    background-color: #D6CBED;
    color: white;    
}

/* red */

.violet{
    background-color: #C71585;
    color: white;
}

.red{
    background-color: #DC143C;
    color: white;
}

.orange{
    background-color: #FF6C2C;
    color: white;
}

.mediumorange{
    background-color: #FFA500;
    color: white;
}

.lightorange{
    background-color: #FAEBD7;
    color: black;
}

.lightorange2{
    background-color: #FDF6E3;
    color: black;
}

.lightpink{
    background-color: #F7BCC7;
    color: black;
}

.pink{
    background-color: #FF1493;
    color: white;
}

.opera{
    background-color: #FF3366;
    color: white;
}

/* green */

.darkgreen{
    background-color: #2E8B57;
    color: white; 
}

.green{
    background-color: #8CC63F;
    color: white;
}

.todo-green{
    background-color: #b3f064;
    color: white;
}

.vero{
    background-color: #006600;
    color: white;    
}

.whatsapp{
    background-color: #0DC143;
    color: white; 
}

.dirtygreen{    
    background-color: #8FBC8F;
    color: white;
    
}

.te-light{
    background-color: #e8ec8c;
    color: black;    
}

.te{
    background-color: #C5CC33;
    color: white;    
}

.khaki{
    background-color: #BDB76B;
    color: white;    
}

.vscode{
    /*background: #FDF6E3;
    color: #859900;*/
   background: #EEE8D5;
   color: #616173; 
}

/* yellow */

.lightyellow{
    background-color: #FFFF99;
    color: black;
}

.yellow{
    background-color: #F7E017;
    color: white;
}

.chrome{
    background-color: #F4CA16;
    color: black;    
}

.sand{
    background-color: #EEF0C1;
    color: black;    
}


/* TEXT COLORS */
.text-white{
    color: white;  
}

.text-black{
    color: black;
}

.text-darkblue{
    color: #0077B3;
}

.text-insta{
    color: #125688;
}

.text-placeholder{
    color: #757586;
}

.text-green{
    color: #8CC63F;
}

.text-orange{
    color: #FF6C2C;
}

.text-red{
    color: #DC143C;
}

.text-pink{
    color: #FF1493;    
}