.focal input {
    font-family: Gotham !important;
    font-size: 12px !important;
}

input:disabled {
    color: -internal-light-dark !important;
}

input {
    font-family: arial !important; 
    font-size:12px !important;
    color:#333 !important;
    border: 1px solid #ccc;
    padding: 2px 2px 3px !important;
    outline:medium none !important;
    width:inherit;
    line-height:normal;
}

input.xxs {
    width:3em;
}

input.xs {
    width:4em;
}

input.s {
    width:5em;
}

input.m {
    width:6em;
}

input.l {
    width:7em;
}

input.xl {
    width:8.5em;
}

input.xxl {
    width:10em;
}

input.invalid { 
    color:red; 
    border:2px solid red; 
}

input[type="number"] {
    text-align: center;
}

input[type="text"].center {
    text-align: center;
}

input[type="text"] {
    white-space: nowrap;
}