.datefield {
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 0.375rem;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #333333;
    display: block;
    font-size: 15px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 170px;
}

    .datefield * {
        display: inline-block;
    }

    .datefield input {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: medium none;
        color: #555;
        width: 2em;
    }

        .datefield input.datefield-year {
            width: 3em;
        }

        .datefield input.datefield-month {
            width: 2em;
        }

        .datefield input:focus {
            outline: medium none;
        }

    .datefield.readonly {
        background-color: #eee;
    }