/* ========================================================================
   Component: Form
 ========================================================================== */
.api-qa .api-form .api-required{ color: #f00; font: normal 18px/1 Tahoma, Arial, sans-serif; margin-left: 1px }
.api-qa .api-form [type="text"],
.api-qa .api-form textarea,
.api-qa .api-form select{ outline: none; width: 100%; max-width: 100%; padding: 4px 10px; font: inherit; border: 1px solid #c0c0be; }
.api-qa .api-form [type="text"]{ height: 36px; line-height: 36px; }
.api-qa .api-form [type="checkbox"]{margin: 0; padding: 0; vertical-align: middle}
.api-qa .api-form textarea{ min-height: 76px; transition: none; overflow: hidden; display: block; resize: none; }
.api-qa .api-form [type="text"]:focus,
.api-qa .api-form textarea:focus{ background: #fafafa; color: rgba(0, 0, 0, .85); border-color: rgba(0, 0, 0, .2); -webkit-box-shadow: 4px 0 0 0 rgba(0, 0, 0, .2) inset; -moz-box-shadow: 4px 0 0 0 rgba(0, 0, 0, .2) inset; box-shadow: 4px 0 0 0 rgba(0, 0, 0, .2) inset; }
.api-qa .api-form [type="text"][readonly],
.api-qa .api-form textarea[readonly],
.api-qa .api-form select[readonly]{ background-color: #fafafa; color: #999; border: 1px solid #ddd; text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.api-qa .api-form .api-row + .api-row{ margin-top: 15px;}
.api-qa .api-form .api-label{ font-weight: bold;}
.api-qa .api-form .api-controls{overflow: hidden}
.api-qa .api-form .api-field{ -webkit-transition: background-color .3s ease-out, box-shadow .2s ease, border-color .2s ease; -moz-transition: background-color .3s ease-out, box-shadow .2s ease, border-color .2s ease; -ms-transition: background-color .3s ease-out, box-shadow .2s ease, border-color .2s ease; -o-transition: background-color .3s ease-out, box-shadow .2s ease, border-color .2s ease; transition: background-color .3s ease-out, box-shadow .2s ease, border-color .2s ease; }
.api-qa .api-form .api-field-error{ border: 1px solid #d95c5c !important; background: #fffafa !important; -webkit-box-shadow: 3px 0 0 0 #d95c5c inset !important; -moz-box-shadow: 3px 0 0 0 #d95c5c inset !important; box-shadow: 3px 0 0 0 #d95c5c inset !important; }