/*
 * MV-WEB uses several libraries for styling. Two of those libraries, Bootstrap 3
 * and Font Awesome 4 could be helpful in your custom login styling.
 *    
 * It is advised not to edit any of the css files except for this one.
 * 
 * For information on Bootstratp 3 - http://getbootstrap.com/docs/3.3/css/ and
 * http://getbootstrap.com/docs/3.3/components/
 *   
 * For information on Font Awesome 4 - https://fontawesome.com/v4.7.0/cheatsheet/
 *     
 * NOTE: Remember not to change loginUserName id or name
 * NOTE: Remember not to change loginPassword id or name
 * NOTE: Remember not to change loginButton id
 * 
 * Examples of things that you can change: 
 *
 * 1. You can change the Font Awesome icon associated with the usename field as such
 * 
 * From:
 * <i class="fa fa-user txt-color-teal"></i>Please enter username</b>
 * 
 *To:
 * <i class="fa fa-user-circle txt-color-teal"></i>Please enter username</b>       
 *
 * 2. Via Bootstrap you could change the color of the button as such
 *  
 * From: 
 * <button id="loginButton" type="submit" class="btn btn-primary">Login</button>
 * 
 * To: 
 * <button id="loginButton" type="submit" class="btn btn-success">Login</button>           
 *
 * 3. Via bootstrap you could change the grid layout http://getbootstrap.com/docs/3.3/css/#grid
 * 
 * 4. Via bootstrap you could add a table http://getbootstrap.com/docs/3.3/css/#tables
 *
 * 5. Via bootstrap you could put everything in a panel or jumbotron http://getbootstrap.com/docs/3.3/components/#jumbotron
 *
 * 6. Write your own custom CSS for the text inside the "Sign In" header
 *    Add an id of something like header-sign-in, if you don't create a unique id
 *    you may unintentially override some other field(s) inthe app
 *      
 * From:
 * <header>
 *   Sign In
 * </header>
 *                   
 * To:
 * <header id="header-sign-in">
 *   Sign In
 * </header>
 * 
 * Then add a style similar to the one below correlating to "header-sign-in"
 */

 /* #header-sign-in{   
    color: #ff0000;
 } */