.form-input { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; border-width: 1px; border-radius: .25rem; padding-top: .5rem; padding-right: .75rem; padding-bottom: .5rem; padding-left: .75rem; font-size: 1rem; line-height: 1.5 }
.form-input::-webkit-input-placeholder { color: #a0aec0; opacity: 1 }
.form-input::-moz-placeholder { color: #a0aec0; opacity: 1 }
.form-input:-ms-input-placeholder { color: #a0aec0; opacity: 1 }
.form-input::-ms-input-placeholder { color: #a0aec0; opacity: 1 }
.form-input::placeholder { color: #a0aec0; opacity: 1 }
.form-input:focus { outline: 0; box-shadow: 0 0 0 3px rgba(245,158,11,.5); border-color: #10B981 }
.form-textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; border-width: 1px; border-radius: .25rem; padding-top: .5rem; padding-right: .75rem; padding-bottom: .5rem; padding-left: .75rem; font-size: 1rem; line-height: 1.5 }
.form-textarea::-webkit-input-placeholder { color: #a0aec0; opacity: 1 }
.form-textarea::-moz-placeholder { color: #a0aec0; opacity: 1 }
.form-textarea:-ms-input-placeholder { color: #a0aec0; opacity: 1 }
.form-textarea::-ms-input-placeholder { color: #a0aec0; opacity: 1 }
.form-textarea::placeholder { color: #a0aec0; opacity: 1 }
.form-multiselect { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; border-color: #059669; border-width: 1px; border-radius: .25rem; padding-top: .5rem; padding-right: .75rem; padding-bottom: .5rem; padding-left: .75rem; font-size: 1rem; line-height: 1.5 }
.form-multiselect:focus { outline: 0; box-shadow: 0 0 0 3px rgba(245,158,11,.5); border-color: #10B981 }
.form-select { width: 100%; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23a0aec0'%3e%3cpath d='M15.3 9.3a1 1 0 0 1 1.4 1.4l-4 4a1 1 0 0 1-1.4 0l-4-4a1 1 0 0 1 1.4-1.4l3.3 3.29 3.3-3.3z'/%3e%3c/svg%3e"); -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; color-adjust: exact; background-repeat: no-repeat; background-color: #fff; border-color: #ddd; border-width: 1px; border-radius: .25rem; padding-top: .5rem; padding-right: 2.5rem; padding-bottom: .5rem; padding-left: .75rem; font-size: 1rem; line-height: 1.5; background-position: right .5rem center; background-size: 1.5em 1.5em }
.form-select::-ms-expand { color: #a0aec0; border: none }
.form-input[type="datetime-local"] { height: 2.5em; }

@media not print {
    .form-select::-ms-expand { display: none }
}

@media print and (-ms-high-contrast:active),print and (-ms-high-contrast:none) {
    .form-select { padding-right: .75rem }
}

.form-select:focus { outline: 0; box-shadow: 0 0 0 3px rgba(245,158,11,.5) }
.form-checkbox { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; color-adjust: exact; display: inline-block; vertical-align: middle; background-origin: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; flex-shrink: 0; color: #059669; background-color: #fff; border-color: #059669; border-width: 1px; border-radius: .25rem; height: 1em; width: 1em; }
.form-checkbox:checked { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3e%3c/svg%3e"); border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat }

@media not print {
    .form-checkbox::-ms-check { border-width: 1px; color: transparent; background: inherit; border-color: inherit; border-radius: inherit }
}

.form-checkbox:focus { outline: 0; box-shadow: 0 0 0 3px rgba(245,158,11,.5) }
.form-radio { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; color-adjust: exact; display: inline-block; vertical-align: middle; background-origin: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; flex-shrink: 0; border-radius: 100%; height: 1em; width: 1em; color: #059669; background-color: #fff; border-color: #059669; border-width: 1px }
.form-radio:checked { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e"); border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat }

@media not print {
    .form-radio::-ms-check { border-width: 1px; color: transparent; background: inherit; border-color: inherit; border-radius: inherit }
}

.form-radio:focus { outline: 0; box-shadow: 0 0 0 3px rgba(245,158,11,.5); border-color: #10B981 }

.form-select:disabled, .form-input:disabled, .form-textarea:disabled { background-color: #f6f6f6; color: #555; opacity: 1; resize: none }
.form-checkbox:disabled, .form-radio:disabled { border-color: #999; color: #999 }

.form-radio { margin-left: 10px; z-index: 1 }
.form-radio + label { margin-left: -35px; padding-left: 34px; border: 1px solid #ddd; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; border-radius: 4px; }
.form-radio:not(:disabled) + label:hover { background-color: #fafafa; cursor: pointer; }
.form-radio:checked + label { border-color: #059669; }
.form-radio:disabled + label { border-color: #999; }
.form-radio:disabled:checked + label { background-color: #fafafa }

.form-button { text-align: center; border-radius: 6px; background-color: #6ea80b; color: #fff; padding: .5rem 1rem; font-weight: 500; line-height: 1.25rem; font-size: .875rem; cursor: pointer; display: inline-block; }
.form-button:focus { outline-color: transparent; outline-offset: 0px; outline-width: 0px; box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgb(99, 102, 241) 0px 0px 0px 4px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px; }
.form-button:disabled { opacity: .5; text-decoration: line-through; cursor: not-allowed; }

.form-button-gray { background-color: #e5e7eb; color: #000; }

.form-validation-error-warning { display: none }
.form-validation-error .form-validation-error-warning { display: block; color: #f00; }

.validation-summary-errors { color: #f00; margin-bottom: 20px; }