title: Have different colors for bootstrap input glow based on page
body: <p>So I have a project and on one page I would like the input boxes glow (when clicked on) to be of a certain color and on the other page I would like the input boxes glow to be of a different color. I understand within the bootstrap.css file I can modify this code:</p>
  
  <pre><code> .form-control:focus {
      border-color: #76323F;
      outline: 0;
      -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(118,50, 63, 1);
      box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(118, 50, 63, 1);
  }
  </code></pre>
  
  <p>to get the color I want (I have already done this). But now when an input is clicked  I want to have a different color glow depending on which page Im on. How would I do this?</p>