*{
  margin: 0;
  padding: 0;
}
html{
  height: 100%;
  overflow-x: hidden;
}
body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
  }

  main {
    
    flex: 1 0 auto;
     }
  header>nav {
    padding-top:3px;
    height: 102px;
    line-height: 102px;
}
  a.brand-logo.right>img#logo{
      height:90px;
      margin-top: 4px;
  }
   .buttonimport{
 background-color: gold;
 }
  #landing{
    height: 80vh;
    width: 100vw;
    padding-top: 40px;
    background-color: #5f6b7e;
    background-image: url(../images/landing.jpg);
    background-size: cover;
    background-position: center;}

    #landing2{
      height: 100vh;
      width: 100vw;
      padding-top: 40px;
      background-color: #5f6b7e;
      background-image: url(../images/landing2.jpg);
      background-size: cover;
      background-position: center;}

    /*style for the sub links */
    .sublinks>li{
     display: inline-block;
     margin-top: 8px;
    }

    .sublinks>li>a:hover{
    background-color: #fdd835;
    }
    /* tabs*/
    .tabs .tab a{
      color:#000;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
  } /*Black color to the text*/

  .tabs .tab a:hover {
      background-color:#eee;
      color:#000;
  } /*Text color on hover*/

  .tabs .tab a#t1.active {
      background-color:#66bb6a;
      color:#000;
  } 
  .tabs .tab a#t2.active {
    background-color:#ffee58;
    color:#000;
}
.tabs .tab a#t3.active {
  background-color: #f44336;
  color:#000;
}/*Background and text color when a tab is active*/

  .tabs .indicator {
      background-color:#000;
  } /*Color of underline*/
/*bottom padding*/
div.b-padding{
  padding-bottom: 10px;
  
}

    /* below here we can change the input colours and more*/
    /* 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 rgb(87, 0, 0);
    box-shadow: 0 1px 0 0 rgb(87, 0, 0);
  }
  /* icon prefix focus color */
  .input-field .prefix.active {
    color: #3f51b5;
  }
  
  /* search*/
  div.dataTables_filter>label,div.dataTables_length>label,.label{
    color:#000;
    font-size: 13px;
    font-weight: 800;
  }

  /*sign pad*/
  .sigPad {
    width: 375px;
    margin: 0 auto;
  }
  .signed {
    width: 375px;
    margin: 0 auto;
  }
  .sigPad #submit {
    float: left;
    margin-top: 15px;
  }
  .sigPad #clear {
    float: right;
    margin-top: 15px;
  }
  .sigPad .sig.sigWrapper .pad {
    border: 1px dotted #999;	
  }
  .error { padding: 5px; background-color:#C00; color: #fff; width: 275px; }
  .current .pad {
    cursor: url(../images/pen.png) 8 8, crosshair;
  }