/*
  PNG Motors Finance App
  March 2016
*/

/* General Definitions
   ========================================================================== */

  body,
  h1, h2, h3, h4, h5, h6{
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
  }

  .message {
    background: none repeat scroll 0 0 #f2f2f2;
    border-color: #d8d8d8;
    border-style: solid;
    border-width: 1px;
    color: #333333;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
  }

  h3 {
    border-bottom: 1px solid #555555;
    color: #555555;
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 1.5rem;
    text-transform: uppercase;
  }
  th, td {
    font-size: 0.875rem;
  }

/* Header
  ========================================================================== */


  .top-bar,
  .top-bar ul {
    background-color: #ffffff;
  }

  .top-bar{
    border-bottom: 1px solid #eeeeee;
    box-shadow: 3px 1px 6px #ccc;

  }

  .top-bar .menu-text,
  .top-bar .top-bar-title,
  .top-bar a {
    color: #333333;
  }
  /* Logo */
  .top-bar-left .menu-text {
    padding-bottom: 5px;
    padding-top: 5px;
  }

/* Content
   ========================================================================== */


   #content {
     margin: 44px 0 22px;
     padding-bottom: 22px;
   }

   .process a {
     font-size: 0.875rem;
   }

  /* icons on view page */
  .details i {
    color: #9f9f9f;
    font-size: 14px;
    margin-right: 10px;
  }

  .edit-box-button {
    color: #8a8a8a;
    cursor: pointer;
    position: absolute;
    right: 1rem;
    top: 0.5rem;
  }

  /* Application Dropdown Navigation Menu */
  .dropdown .is-dropdown-submenu-item > a {
    font-size: 0.75rem;
  }
  .dropdown .is-dropdown-submenu-item > a:hover {
    background-color: #efefef;
    color: #333333;
  }



/* Forms
  ========================================================================== */

  /*
    Login Form
   */

  .login-form {
    border: 1px solid #ddd;
    border-radius: 10px 0 0;
    padding: 30px;
  }

  .login-form h4 {
    color: #666666;
    margin-bottom: 30px;
  }

  /* General Forms */

  fieldset {
    border: 1px dotted #dddddd;
    padding: 1.25rem;
  }

  select {
    font-size: 0.875rem;
  }

  .form-error {
    display: inherit;
  }

  .button {
    background-color: #474848;
  }

  .button-group, td input[type="radio"] {
    margin-bottom: 0;
  }

  #information {
    background-color: #ffffe0;
    font-size: 0.875rem;
  }
  .form-error {
    margin-top: 0;
    margin-bottom: 0;
    background-color: #FFEEEE;
  }
  .error-message {
    background-color: #f1f1f1;
    font-size: 11px;
    padding: 3px;
  }

/* Footer
  ========================================================================== */

   .footer-bottom {
     background: none repeat scroll 0 0 #333;
     padding: 20px 0 25px;
   }

   .footer-bottom p.copyright {
     color: #999;
     font-size: 0.75rem;
     margin: 6px 0 0;
   }

   .footer-bottom p.help {
     color: #fefefe;
     font-size: 1.4rem;
     font-weight: bold;
     margin: 0;
   }