/* xxxxxxxxxxxxxxxxxxxxx INPUT CONTROLS xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

input[type=text], input[type=password], select, textarea, select[multiple]{    
    border-radius   : 5px;
    padding-left    : 5px;
    padding-right   : 5px;
    height          : 28px;
    width           : 200px;
    font-size       : 14px;
    font-family     : 'Verdana';
    line-height     : 1.4em;    
}

select, select[multiple]{
    width           : 215px;
}

input[type=text].very_small, input[type=password].very_small, select.very_small, textarea.very_small, select[multiple].very_small{    
    width           : 100px;
}

input[type=text].small, input[type=password].small, select.small, textarea.small, select[multiple].small{    
    width           : 150px;
}

input[type=text].large, input[type=password].large, select.large, textarea.large, select[multiple].large{    
    width           : 250px;
}

input[type=text].very_large, input[type=password].very_large, select.very_large, textarea.very_large, select[multiple].very_large{    
    width           : 300px;
}

input[type=text].extra_large, input[type=password].extra_large, select.extra_large, textarea.extra_large, select[multiple].extra_large{    
    width           : 350px;
    max-width       : 90%;
}

input[type=text].full_width, input[type=password].full_width, select.full_width, textarea.full_width, select[multiple].full_width{    
    width           : 100%;
}

input[type=text].zamcard_control, input[type=password].zamcard_control, select.zamcard_control, textarea.zamcard_control, select[multiple].zamcard_control{
    width           : 400px;
}

textarea{
        height: 200px;
}

input[type=checkbox]{
    width : 18px;
    height: 18px;
}

/* xxxxxxxxxxxxxxxxxxxxx BUTTONS xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

input[type=submit], input[type=reset]{
    height          : 30px;
    text-align      : center;
    float           : left;
    margin          : 10px 20px 10px 0px;
    border          : none;
    box-shadow      : 1px 1px 1px #b7b7b7;
    color           : #ffffff;    
    background-color: #02c2bc;
    min-width       : 150px !important;
    font-size       : 16px;
    border-radius   : 5px;    
    cursor          : pointer;
}

input[type=submit].free_width, input[type=reset].free_width{
    width           : auto;
}

input[type=submit].full_free, input[type=reset].full_free{
    width           : auto;
    height          : auto;
    padding         : 10px;
}

input[type=submit].min_210, input[type=reset].min_210{
    min-width       : 210px;
}

@media(max-width: 900px){
        input[type=submit].min_210, input[type=reset].min_210{
                clear           : both;
        }
}

input[type=submit].purple, input[type=reset].purple{
    background-color: #673ab7;
}

input[type=submit].orange, input[type=reset].orange{
    background-color: #ff6f00;
}

input[type=submit].yellow, input[type=reset].yellow{
    background-color: #ffb300;
}

input[type=submit].pink, input[type=reset].pink{
    background-color: #ed668a;
}

input[type=submit]:disabled, input[type=reset]:disabled{
    background-color: #dad8d8;
}