textarea, input, select {
    padding: 0.2vw;
    font-family: 'Roboto', sans-serif;
}

    input.fastselect {
        padding: 10vw;
    }




    input[readonly] {
        border: 0px;
        background-color: #e0e0e0;
    }


    input[type='text'].datatype-integer,
    input[type='text'].datatype-decimal {
        width: 150px;
        text-align: right;
    }

    input[type='text'].datatype-datetime.date {
        width: 120px;
        text-align: right;
        display: inline;
    }

    input[type='text'].datatype-datetime.time {
        width: 60px;
        text-align: right;
        display: inline;
        max-width: 90%;
    }



    select.datatype-boolean {
        width: 105px;
        height: 65px;
        text-align: right;
        max-width: 90%;
    }

    input[type='text'].datatype-guid {
        width: 550px;
        max-width: 90%;
    }


    input[type='text'].datasize-small {
        width: 550px;
        max-width: 90%;
    }


    input[type='text'].datasize-medium {
        width: 1000px;
        max-width: 90%;
    }



    textarea.datasize-large {
        width: 550px;
        max-width: 90%;
        height: 300px;
    }


    textarea.datasize-huge {
        width: 1000px;
        max-width: 90%;
        height: 500px;
    }






th.datatype-guid {
    width: 200px;
}


th.datatype-datetime{
    width: 140px;
}

td.datatype-guid {
    font-size: 9px;
    white-space: nowrap;
}



/* END OF INPUT DEFINITIONS*/