/* NB: The following styles are related-only to the demo and not the datepicker */

body {
    padding: 3rem;
    font-family:'Roboto';
    background-color:#333;
}
h1 { color:#fff;}

.field {
    position: relative;
    min-width: 25rem;
    max-width:50rem;
    height: 3rem;
}

.field > input {
    width: 100%;
}

input {
    box-shadow: inset 0 0 10px rgba(0, 0, 0, .025);
    font-family: 'Helvetica Neue', arial, sans-serif;
    font-size: 1.5rem;
    padding: .3em .5em;
    border: 1px solid #ddd;
    border-radius: 1px;
    height: 3rem;
}

input:focus {
    outline: 0 none;
}

.datepicker {
    margin-top: .5rem;
    position: absolute;
}