html {
    min-height: 100vh;
  }
  body {
    font-family: sans-serif;
    margin: 0;
    min-height: 100vh;
    background: rgba(0,255,255,.2);
    padding:15px;
    box-sizing: border-box;
  }
  select, button {
    height: 40px;
    font-size:  16px;
    padding: 5px 10px;
  }
  .title {
    text-align: center;
    margin:0 0 20px;
  }
  .datepicker {
    overflow: hidden;
    display: inline-block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
  }
  .datepicker > div {
    /* float: left; */
    padding: 0 10px;
    display: inline-block;
    /*display: flex;*/
    margin-bottom:20px;
    /*flex-direction: column;*/
  }
  .datepicker > div > label {
    display: block;
    text-align: center;
    margin-bottom: 5px;
  }
  .form {
    /*position: relative;*/
    /*top: 50%;*/
    /*transform: translateY(-50%);*/
  }
  #result {
    max-width: 800px;
    margin: 20px auto;
  }

  .result-title {
    text-align: center;
  }

  .result-table {
    border-collapse: collapse;
    background-color: rgba(255,255,255,.8);
    border:1px solid #ccc;
    width:100%;
  }
    .result-table tr {
      border:1px solid #ccc;
    }
    .result-table tr:nth-child(even) {
      background: rgba(220,220,220,.2);
    }      
    .result-table th {
      text-align: right;
      padding:10px;
    } 
    .result-table td {
      padding:10px;
    }
    .button-wrapper {
      width:100%;
      box-sizing: border-box;
    }
    .button-go {
      width:100%;
      cursor: pointer;
    }