/* xxxxxxxxxxxxxxxxxxxxx Font Colors xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.red        {   color   : red;      }
.black      {   color   : black;    }
.blue       {   color   : blue;     }
.ink_blue   {   color   : #000099;  }
.light_blue {   color   : #0099ff;  }
.orange     {   color   : #ff9933;  }
.orange_shade{  color   : #f47d42;  }
.grey       {   color   : #b3b3b3;  }
.dark_grey  {   color   : #737373;  }
.light_grey {   color   : #e6e6e6;  }
.green      {   color   : #33cc33;  }
.light_green{   color   : #85e085;  }
.dark_green {   color   : #1f7a1f;  }
.white      {   color   : #ffffff;  }
.purple     {   color   : #7030A0;  }

/* xxxxxxxxxxxxxxxxxxxxx Font Styling xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.normal     {   font-weight     : normal;   }
.bold       {   font-weight     : bold;     }
.italic     {   font-style      : italic;   }
.underline  {   text-decoration : underline;}

/* xxxxxxxxxxxxxxxxxxxxx Font Sizes xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.point_five         {   font-size       : 0.5em;    }
.point_six          {   font-size       : 0.6em;    }
.point_seven        {   font-size       : 0.7em;    }
.point_eight        {   font-size       : 0.8em;    }
.point_nine         {   font-size       : 0.9em;    }
.one_point_one      {   font-size       : 1.1em;    }
.one_point_two      {   font-size       : 1.2em;    }
.one_point_three    {   font-size       : 1.3em;    }
.one_point_four     {   font-size       : 1.4em;    }
.one_point_five     {   font-size       : 1.5em;    }
.one_point_six      {   font-size       : 1.6em;    }
.one_point_seven    {   font-size       : 1.7em;    }
.one_point_eight    {   font-size       : 1.8em;    }
.one_point_nine     {   font-size       : 1.9em;    }
.two                {   font-size       : 2.0em;    }
.two_point_five     {   font-size       : 2.5em;    }
.three              {   font-size       : 3.0em;    }
.three_point_five   {   font-size       : 3.5em;    }
.four               {   font-size       : 4.0em;    }
.four_point_five    {   font-size       : 4.5em;    }
.five               {   font-size       : 5.0em;    }

/* xxxxxxxxxxxxxxxxxxxxx Specific Fonts xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.field_label{
    margin-top      : 5px;
    margin-bottom   : 5px;
    font-weight     : bold;
    width           : 100%;
    clear           : both;
    color           : #575858;
}

.field_label_disabled{
    color           : #b7b5b5;
}

.error{
    margin-top  : 5px;
    color       : red;
}

.compulsory::after{
    content     : " *"; 
    color       : red;    
}