.datetime {
    margin-bottom: 16px;
}
.datetime::after {
    left: 0;
    right: 0;
    bottom: 0;
    content: "\A0";
    position: absolute;
    transition: border-bottom-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    border-bottom: 1px solid rgba(0, 0, 0, 0.42);
    pointer-events: none;
}
.datetime:hover::after {
    content: "\A0";
    border-bottom: 2px solid #000;
}
.datetime input {
    width: 100%;
    font-size: 17px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.87);
    border: none;
    padding: 5px 0;
}*, *:before, *:after {
  box-sizing: border-box;
  text-transform: none;
}


html, body, #root, #root>div  {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  -webkit-overflow-scrolling: touch;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance:textfield;
}
ul {
  margin: 0;
  padding: 0;
  position: relative;
  list-style: none;
}

@page {
  margin: 16px;
}
/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJpbmRleC5jc3MiLCJzb3VyY2VSb290IjoiIn0=*/