body {
  padding-top: 15px; }

input[type="date"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  min-height: 3.4rem;
  position: relative;
  padding: .5rem 1rem;
  background-color: #fff;
  border: .1rem solid #c4cdd5;
  border-radius: .3rem;
  color: #31373d;
  box-sizing: border-box;
  display: block;
  width: 100%;
  font-size: 1.6rem;
  line-height: 2.4rem;
  min-width: 7.5rem;
  vertical-align: baseline;
  height: auto;
  margin: 0;
  max-width: 100%;
  font-family: -apple-system, "BlinkMacSystemFont", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", sans-serif;
  box-shadow: 0 0 0 1px transparent, 0 1px 0 0 rgba(22, 29, 37, 0.05);
  -webkit-transition: box-shadow 0.2s cubic-bezier(0.64, 0, 0.35, 1);
  transition: box-shadow 0.2s cubic-bezier(0.64, 0, 0.35, 1); }
  input[type="date"]:focus {
    border-color: #5c6ac4;
    box-shadow: inset 0 0 0 0 transparent, 0 0 0 .1rem #5c6ac4;
    outline: none; }
  input[type="date"]:disabled {
    cursor: not-allowed;
    background-color: #F4F6F8;
    border: .1rem solid #DFE4E8;
    color: #C4CDD5; }

.error input[type="date"] {
  border-color: #5c6ac4; }

section {
  flex-wrap: wrap; }

.alert {
  width: 100%; }

.report-actions {
  display: none; }

#download-report-container {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-left: -8px; }
  #download-report-container a.button {
    padding-left: 30px;
    margin: 8px; }
    #download-report-container a.button::after {
      left: 15px; }

#btn-send-report[class*='icon-'] {
  padding-left: 40px; }
  #btn-send-report[class*='icon-']::after {
    left: 21px;
    top: 17px; }

button.lds-dual-ring {
  padding-right: 40px; }

.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 14px;
  height: 14px;
  /* margin: 8px; */
  border-radius: 50%;
  border: 2px solid #3fbaf4;
  border-color: #3fbaf4 transparent #3fbaf4 transparent;
  animation: lds-dual-ring 0.4s linear infinite;
  position: absolute;
  right: 11px;
  top: 9px; }

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
