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

  main {
    flex: 1 0 auto;
  }

  body {
    background: #ffffff;
  }
  
  .nedbank-green { 
    background-color : #006341;
  }

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

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

  .btn, .btn-large, .btn-small {
    background-color : #006341;
  }

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

  .btn:focus, .btn-large:focus, .btn-small:focus {
    background-color : #78be20;
  }

  .btn:hover, .btn-large:hover, .btn-small:hover {
    background-color : #78be20;
  }

  /* label color */
  .input-field label {
    color: #000 ;
  }
  /* label focus color */
  .input-field input[type=text]:focus + label {
    color: #78be20 !important;
  }
  /* label underline focus color */
  .input-field input[type=text]:focus {
    border-bottom: 1px solid #78be20 !important;
    box-shadow: 0 1px 0 0 #78be20 !important;
  }

  /* label focus color */
  .input-field input[type=password]:focus + label {
    color: #78be20 !important;
  }
  /* label underline focus color */
  .input-field input[type=password]:focus {
    border-bottom: 1px solid #78be20 !important;
    box-shadow: 0 1px 0 0 #78be20 !important;
  }

  /* label underline focus color */
  .custom_number:focus {
    border-bottom: 1px solid #78be20 !important;
    box-shadow: 0 1px 0 0 #78be20 !important;
  }

  /* icon prefix focus color */
 .input-field .prefix.active {
   color: #78be20;
 }

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

  a {
    color: #78be20;
  }

  .switch label input[type=checkbox]:checked+.lever {
    background-color: #78be20;
  }

  .switch label input[type=checkbox]:checked+.lever:after {
    background-color: #006341; 
  }

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

  @font-face {
    font-family: 'MarkPro-Heavy';
    src: url('/static/fonts/MarkPro-Heavy.eot?#iefix') format('embedded-opentype'),  url('/static/fonts/MarkPro-Heavy.otf')  format('opentype'),
         url('/static/fonts/MarkPro-Heavy.woff') format('woff'), url('/static/fonts/MarkPro-Heavy.ttf')  format('truetype'), url('/static/fonts/MarkPro-Heavy.svg#MarkPro-Heavy') format('svg');
    font-weight: normal;
    font-style: normal;
  }
.tab a.active {
  color: black !important;
}

.tabs .tab a {
  color:  black !important;
  /*Custom Text Color*/
}

.tabs .tab a:hover {
  color:#78be20;
  /*Custom Color On Hover*/
}

.tabs .tab a:focus.active {
  color:#78be20;
  /*Custom Text Color While Active*/
  background-color: rgba(38, 166, 154, 0.2);
  /*Custom Background Color While Active*/
}

.tabs .indicator {
  background-color:#78be20;
  /*Custom Color Of Indicator*/
}