/*-----------------------------------------------------------------------------
 [TABLE OF CONTENTS]
    =form
-----------------------------------------------------------------------------*/

/**
*
* =form
*
**/

input[type="button"], input[type="reset"],
input[type="submit"], input[type="image"] {
    letter-spacing: 0.15mm;
    cursor: pointer;
}

input[type="search"], input[type="text"],
input[type="password"], input[type="number"],
select {
    height: 24px;
    border: 1px double #ccc;
    background-color: #fff;
}

textarea {
    border: 1px double #ccc;
    background-color: #fff;
}

input[type="search"]::-webkit-search-decoration {
    display: none;
}

input[type="radio"], input[type="checkbox"] {
    cursor: pointer;
}

/**
*
* =length
*
**/

form .length-min,
form .length-xxs,
form .length-xs,
form .length-s,
form .length-m,
form .length-l,
form .length-xl,
form .length-xxl,
form .length-max,
form .length-full {
    background-color: #fff;
    color: #000;
}

form .length-min {
    width: 18px;
}

form .length-xxs {
    width: 30px;
}

form .length-xss {
    width: 60px;
}

form .length-xs {
    width: 90px;
}

form .length-s {
    width: 150px;
}

form .length-m {
    width: 214px;
}

form .length-l {
    width: 250px;
}

form .length-xl {
    width: 300px;
}

form .length-xxl {
    width: 400px;
}

form .length-max {
    width: 95%;
}

form .length-full {
    width: 100%;
}