body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
  }

  main {
    flex: 1 0 auto;
  }

  body {
    background: white;
  }

  .btn { 
    background-color :  black;
  }

  .btn:focus { 
    background-color : rgb(15, 15, 15);
  }

  .btn:hover { 
    background-color : rgb(15, 15, 15);
  }

  

  /* 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;
  }

  @media (max-width: 600px) {
    .navbar-material .nav-wrapper .brand-logo img {
      height: 30px;
    }
  }


  #search_engine {
    margin-top: 80px;
 }
  #search_engine .se-engine {
    position: relative;
    background: white;
    z-index: 10;
    width: 850px;
    margin: 0 auto;
    box-shadow: 0 0 10px 3px rgba(0,0,0,0.3);
 }
  #search_engine .se-engine .special-pad {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    height: 120px;
 }
  #search_engine .se-engine .l-bord {
    padding-left: 20px;
    border-right: 1px solid #ccc;
 }
  #search_engine .se-engine input {
    border-bottom: none;
    font-size: 1.4rem;
    cursor: pointer;
 }
  #search_engine .se-engine select {
    text-align: center;
 }
  #search_engine .se-engine .row {
    margin-bottom: 0px;
 }
  #search_engine .se-engine .bg-green {
    height: 120px;
 }
  #search_engine .se-engine .bg-green .btn {
    margin: 0 auto;
 }

  
/*
#search_engine{
  margin-top: 80px;
  
  .se-engine{
  position: relative;
  background: white;
  z-index: 10;
  width: 850px;
  margin: 0 auto;
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.3);
  .special-pad{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  height: 120px;
  }
  .l-bord{
  padding-left: 20px;
  border-right: 1px solid #ccc;
  }
  input{
  border-bottom: none;
  font-size: 1.4rem;
  cursor: pointer;
  }
  select{
  text-align: center;
  }
  .row{
  margin-bottom: 0px;
  }
  .bg-green{
  height: 120px;
  .btn{
  margin: 0 auto;
  }
  }
  }
  }*/