textarea, input, select {
    padding: 0.2vw;
    font-family: 'Open Sans',sans-serif;
    font-weight: 300;
}

    input.fastselect {
        padding: 10vw;
    }




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


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

    select.datatype-integer option,
    select.datatype-decimal option{
        text-align: right;
        direction: rtl;
    }

    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: 622px;
        max-width: 90%;
    }


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


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



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


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


.row.is-invalid > div > input,
.row.is-invalid > div > textarea,
.row.is-invalid > div > select,
.row.is-invalid .fstElement {
    border-color: #f58585 !important;
}



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


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

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



/* END OF INPUT DEFINITIONS*/