/* background-image: linear-gradient(direction, color-stop1, color-stop2, ...); */
    /* background-image: linear-gradient(to bottom right, red, yellow); */
    /* background-image: linear-gradient(angle, color-stop1, color-stop2); */
    /* background-image: linear-gradient(180deg, red, yellow); */
    /* background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1)); */

    /* .bg-col-lgray{
      background-color:#c0c0c0;
    }
    .col-lgray{
      color:#c0c0c0;
    }
     */


    /* GRAY */    
    .bg-col-gray9{
      background-color:#38363C;
    }
    .bg-col-gray8{
      background-color:#4F4F4F;
    }
    .bg-col-gray7{
      background-color:#6B6D73;
    }    
    .bg-col-gray6{
      background-color:#676767;
    }
    .bg-col-gray5{
      background-color:#AFAFAF;
    }
    .bg-col-gray4{
      background-color:#BABABA;
    }
    .bg-col-gray3{
      background-color:#D1D1D1;
    }    
    .bg-col-gray2{
      background-color:#EDEDED;
    }    
    .bg-col-gray1{
      background-color:#FEFEFE;
    }
    
	.bg-bostik_blue{
      background-color:#2a2453;
    }

    /* BLUE */
    .bg-col-blue9{
      background-color:#02667F;
    }
    .bg-col-blue8{
      background-color:#015EAE;
    }
    .bg-col-blue7{
      background-color:#1B96FE;
    }
    .bg-col-blue6{
      background-color:#039EB2;
    }
    .bg-col-blue5{
      background-color:#63D3E0;
    }
    .bg-col-blue4{
      background-color:#9AE7F3;
    }    
    .bg-col-blue3{
      background-color:#A9AAAC;
    }
    .bg-col-blue2{
      background-color:#D3D3D5;
    }
    .bg-col-blue1{
      background-color:#E6EDEA;
    }
    
     /* RED */
    .bg-col-red8{
      background-color:#5A1E15;
    }
    .bg-col-red7{
      background-color:#8F0100;
    }    
    .bg-col-red6{
      background-color:#A00017;
    }
    .bg-col-red5{
      background-color:#CA0000;
    }
    .bg-col-red4{
      background-color:#D60000;
    }
    .bg-col-red3{
      background-color:#FE0028;
    }
    .bg-col-red2{
      background-color:#E98195;
    }
    .bg-col-red1{
      background-color:#E7D1D9;
    }

    .bg-col-red0{
      background-color:#fdd2db;
    }


    /* TEXT COLOR */
    /* GRAY */  
      
    .text-col-gray9{
      color:#38363C;
    }
    .text-col-gray8{
      color:#4F4F4F;
    }
    .text-col-gray7{
      color:#6B6D73;
    }    
    .text-col-gray6{
      color:#676767;
    }
    .text-col-gray5{
      color:#AFAFAF;
    }
    .text-col-gray4{
      color:#BABABA;
    }
    .text-col-gray3{
      color:#D1D1D1;
    }    
    .text-col-gray2{
      color:#EDEDED;
    }    
    .text-col-gray1{
      color:#FEFEFE;
    }
    

    /* BLUE */
    .text-col-blue9{
      color:#02667F;
    }
    .text-col-blue8{
      color:#015EAE;
    }
    .text-col-blue7{
      color:#1B96FE;
    }
    .text-col-blue6{
      color:#039EB2;
    }
    .text-col-blue5{
      color:#63D3E0;
    }
    .text-col-blue4{
      color:#9AE7F3;
    }    
    .text-col-blue3{
      color:#A9AAAC;
    }
    .text-col-blue2{
      color:#D3D3D5;
    }
    .text-col-blue1{
      color:#E6EDEA;
    }
    
     /* RED */
    .text-col-red8{
      color:#5A1E15;
    }
    .text-col-red7{
      color:#8F0100;
    }    
    .text-col-red6{
      color:#A00017;
    }
    .text-col-red5{
      color:#CA0000;
    }
    .text-col-red4{
      color:#D60000;
    }
    .text-col-red3{
      color:#FE0028;
    }
    .text-col-red2{
      color:#E98195;
    }
    .text-col-red1{
      color:#E7D1D9;
    }