/* Links */

a {
    text-decoration: none;
}

/* React-rainbow Datepicker styling */

.datepicker-range input {
    border-radius: 4px;
    border: none;
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14),
        0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    padding-right: 1rem;
    text-transform: none;
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: 0.39998px;
}

.datepicker-range input:hover {
    box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
}

.datepicker-range input:focus {
    padding-right: 1rem;
}

.datepicker-range span {
    display: none;
}

.datepicker-range input::placeholder {
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: 0.39998px;
}

/* Matrix-like background for demo page */
@keyframes colorPulse {
    0% {
      color: lighten(#336699, 70%);
    }
    40% {
      color: #336699;
    }
    50% {
      color: darken(#336699, 5%);
    }
    100% {
      color: darken(#336699, 20%);
    }
}
  
.matrix-column {
    & > * {
        display: block;
        animation: 3s infinite colorPulse;
        padding: 0 0.125em;
    }
}