body {
    background-color:#eee !important;
}
.formi-holder {
    background-color:#fff;
    margin:5px;
    padding:10px;
    border-radius:5px;
    margin:0 auto;
}
@media only screen and (min-width: 600px) {
  .formi-holder {
    width:75%;
  }
}
@media only screen and (max-width: 800px) {
  .jatka-nappi {
    margin:0;
    float:none !important;
  }
}
@media only screen and (max-width: 800px) {
  .mob-center {
 text-align:center !important;
  }
}
.stepwizard-row {
    display: table-row;
    -webkit-appearance:none !important;
}
.stepwizard {
    display: table;
    width: 100%;
    position: relative;
    -webkit-appearance:none !important;
}
.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    -webkit-appearance:none !important;
}
.stepwizard-row:before {
    top: 20px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;
    -webkit-appearance:none !important;
}
.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
    -webkit-appearance:none !important;
}
.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
    -webkit-appearance:none !important;
}

  
  
  /* Mark input boxes that gets an error on validation: */
  input.invalid {
    background-color: #ffdddd;
  }
  
  /* Hide all steps by default: */
  .tab {
    display: none;
  }
  
  
  /* Make circles that indicate the steps of the form: */
  .step {
    height: 25px;
    width: 25px;
    margin-top:8px;
    background-color: grey;
    border: none; 
    color:white;
    border-radius: 50%;
    display: inline-block;
    opacity: 1.0;
    -webkit-appearance:none !important;
  }
  
  .step.active {
    opacity: 1;
    background-color: #ff9400;
    border-color: #ff9400;
    -webkit-appearance:none !important;
  }
  
  /* Mark the steps that are finished and valid: */
  .step.finish {
    opacity: 1;
    background-color: #ff9400;
    border-color: #ff9400;
    -webkit-appearance:none !important;
  }
  * {
  font-family: 'Manrope', sans-serif;
  -webkit-appearance:none !important;
  }
  .main-btn {
      background-color:#009b5e !important;
      border-color: #009b5e !important;
  }
  .main-btn:hover {
    background-color:#067046 !important;
    border-color: #067046 !important;
  }
  .hide {
    display:none;
  }