body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
  }

  main {
    flex: 1 0 auto;
  }

  body {
    background: #fbfbfb;
  }

  .apple-green { 
    background-color : #78be20;
  }

  .absa-red {
    background-color: #DD0035;
  }

  .btn { 
    background-color :  black;
  }

  .btn:focus { 
    background-color : rgb(15, 15, 15);
  }

  .btn:hover { 
    background-color : rgb(15, 15, 15);
  }

  .card-panel { 
    background-color : #78be20;
  }

  

  /* label color */
  .input-field label {
    color: #000;
  }
  /* label focus color */
  .input-field input[type=text]:focus + label {
    color: #000;
  }
  /* label underline focus color */
  .input-field input[type=text]:focus {
    border-bottom: 1px solid #000;
    box-shadow: 0 1px 0 0 #000;
  }
  /* valid color */
  .input-field input[type=text].valid {
    border-bottom: 1px solid #000;
    box-shadow: 0 1px 0 0 #000;
  }
  /* invalid color */
  .input-field input[type=text].invalid {
    border-bottom: 1px solid #000;
    box-shadow: 0 1px 0 0 #000;
  }
  /* icon prefix focus color */
  .input-field .prefix.active {
    color: #000;
  }

  /*
  .input-field input[type=date]:focus + label,
  .input-field input[type=text]:focus + label,
  .input-field input[type=email]:focus + label,
  .input-field input[type=password]:focus + label {
    color: #e91e63;
  }

  .input-field input[type=date]:focus,
  .input-field input[type=text]:focus,
  .input-field input[type=email]:focus,
  .input-field input[type=password]:focus {
    border-bottom: 2px solid #e91e63;
    box-shadow: none;
  }*/

  header, main, footer {
    padding-left: 300px;
  }

  @media only screen and (max-width : 992px) {
    header, main, footer {
      padding-left: 0;
    }
  }

  a.logoutLink, a.logoutLink:link, a.logoutLink:visited, a.logoutLink:hover, a.logoutLink:focus, a.logoutLink:active{
    color:red;
  }

  a.resetLink, a.resetLink:link, a.resetLink:visited, a.resetLink:hover, a.resetLink:focus, a.resetLink:active{
    color:red;
  }