#signatureCanvas{
  border: 1px solid black !important;  
 
}
.col{
  margin-bottom: 1rem;
}

.siglab{
  display: block;
  text-align: center;
}
#map{
  width: 100%;
  height: 200px;
}
#textarea1{
  min-height: 100px;
}

img{
  max-height: 150px;
}

.main{
  height: 150px;
}
ul li >a{
  height: 150px;
}
.input-field, .search{
  margin-top: 1rem;
  border-radius: 1rem !important;
  margin-bottom: 1rem;
}
.sidenav-trigger {
  position: fixed;
  top: 0;
  right: 0;
  transform: translate(0, 50%);
}

.sidenav-trigger i.material-icons {
  font-size: 2em;
  color: black;
}
.waves-effect{
  margin:0.5rem;
}
.hidden{  
  display: none;
}
.changePass{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgb(66, 66, 66);
  padding: 1rem;
  border-radius: .5rem;
  color: white;
}
input{
  padding: 1rem;
  color: black;
}

@media print {
  /* hide navigation elements */
  nav, .sidenav-trigger {
    display: none;
  }
  
  /* hide footer */
  footer {
    display: none;
  }
  button{
    display: none !important;
  }
  .map{
    display: none !important;
  }
  .collapsible-header{
    display: none;
  }
  h3,h5{
    font-size: 1rem !important;
  }
  body{
    margin: 0 !important;
    padding: 0 !important;
    text-align: center;
  }
  #textarea1{
    min-height: 0;
  }
  .jobcards * {
    box-shadow: none !important;    
    border: none !important;
    margin: 0;
  }
  .jobcards{
    box-shadow: none !important;
    padding: 0 !important;
    border: none !important;
    margin-top: -20px;
    margin-bottom: 0;
    padding-bottom: 0;    
  }
  h3{
    padding: 2rem;
  }
  
}