@charset "utf-8";

.form-container-main { width: 100%; max-width: 600px; margin: 0px auto; }

.form-container-main form { display: flex; flex-direction: column; gap: 10px; }

.form-container-main .u-form-group { width: 100%; margin-bottom: 0px !important; }

.form-container-main input { width: 100%; box-sizing: border-box; border: 1px solid rgb(204, 204, 204); padding: 10px 12px; border-radius: 4px; background-color: white; color: rgb(51, 51, 51); }

.form-container-main input:focus { outline: none; border-color: rgb(0, 123, 255); box-shadow: rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; background-color: white; color: rgb(51, 51, 51); }

.form-container-main input::placeholder { color: rgb(153, 153, 153); opacity: 1; }

.form-container-main input::-webkit-input-placeholder { color: rgb(153, 153, 153); }

.rf-form-button { width: 100%; box-sizing: border-box; padding: 10px 12px; border-radius: 4px; background-color: rgb(0, 123, 255); color: white; border: 1px solid rgb(0, 123, 255); font-size: 16px; font-weight: 500; cursor: pointer; transition: background-color 0.3s, border-color 0.3s; }

.rf-form-button:hover { background-color: rgb(0, 86, 179); border-color: rgb(0, 86, 179); }

.rf-form-button:active { background-color: rgb(0, 64, 133); border-color: rgb(0, 64, 133); }

.rf-form-button:focus { outline: none; box-shadow: rgba(0, 123, 255, 0.5) 0px 0px 0px 0.2rem; }

.u-form-vertical { display: flex; flex-wrap: wrap; align-items: flex-end; }

.u-form-vertical.u-form-spacing-10, .u-form-vertical.u-form-spacing-10 .u-form-step { margin-left: -10px; width: calc(100% + 10px); }

.u-form-vertical.u-form-spacing-10 .u-form-group, .u-form-vertical.u-form-spacing-10 .u-form-step .u-form-group { margin-bottom: 10px; }

.u-form-vertical.u-form-spacing-10 .u-form-group:not(.u-image):not(.u-form-progress), .u-form-vertical.u-form-spacing-10 .u-form-step .u-form-group:not(.u-image):not(.u-form-progress) { padding-left: 10px; }

.u-form-vertical.u-form-spacing-10 .u-form-group.u-image, .u-form-vertical.u-form-spacing-10 .u-form-step .u-form-group.u-image { margin-left: 10px !important; }

.u-form-vertical.u-form-spacing-10 .u-form-group.u-form-line, .u-form-vertical.u-form-spacing-10 .u-form-step .u-form-group.u-form-line { margin-left: 10px; }

.u-form-vertical.u-inner-form::before, .u-form-vertical.u-inner-form::after { content: ""; width: 100%; height: 0px; order: 1; }

@media (max-width: 767px) {
  .u-form-vertical .u-form-group.u-label-left { display: block; }
}

.u-input { display: block; width: 100%; padding: 10px 12px; background-image: none; background-clip: padding-box; border-width: 0px; border-radius: 3px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; color: inherit; height: auto; background-color: rgb(255, 255, 255) !important; }

.u-form ::placeholder { opacity: 0.5; }

.u-input-round { border-radius: 4px; }

.u-input-rectangle { border-radius: 0px; }

.u-form .u-form-group.u-form-checkbox, .u-form .u-form-group.u-form-agree { display: flex; }

.u-form .u-form-group.u-form-checkbox input[type="checkbox"], .u-form .u-form-group.u-form-agree input[type="checkbox"] { float: left; flex-shrink: 0; }

.u-form .u-form-group.u-form-checkbox label.u-field-label:last-child, .u-form .u-form-group.u-form-agree label.u-field-label:last-child, .u-form .u-form-group.u-form-checkbox label.u-label:last-child, .u-form .u-form-group.u-form-agree label.u-label:last-child { margin-left: 5px; }

.u-form .u-form-group.u-form-checkbox label.u-field-label:last-child a, .u-form .u-form-group.u-form-agree label.u-field-label:last-child a, .u-form .u-form-group.u-form-checkbox label.u-label:last-child a, .u-form .u-form-group.u-form-agree label.u-label:last-child a { margin-top: 0px; margin-bottom: 0px; }

.u-form .u-form-horizontal input[type="checkbox"] { width: 13px; max-width: 13px; margin-bottom: 3px; min-width: 13px; }

.u-form-select-wrapper { position: relative; }

.u-form-select-wrapper select { appearance: none; }

.u-form-select-wrapper .u-caret { position: absolute; top: 50%; transform: translateY(-50%); right: 10px; pointer-events: none; }

.u-form-select-wrapper select[size] ~ .u-caret { display: none; }

.u-form-file-upload input[type="file"] { display: none !important; }

.u-form-file-upload .u-file-template { display: none !important; }

.u-form-file-upload .u-file-input-wrapper, .u-form-file-upload .u-file-list, .u-form-file-upload .u-file-item { display: flex; }

.u-form-file-upload .u-file-input-wrapper { flex-wrap: wrap; }

.u-form-file-upload .u-file-item { align-items: center; }

.u-form-file-upload .u-file-name { overflow: hidden; text-overflow: ellipsis; overflow-wrap: normal; }

.u-form-file-upload .u-file-list { flex: 1 0 auto; flex-direction: column; max-width: 100%; }

.u-form-file-upload .u-file-remove { margin-left: 0.5em; cursor: pointer; }

.u-form-file-upload .u-upload-button { margin: 0px 0.5em 0px 0px; }

.u-label-left label:nth-child(1) { flex: 0 0 auto; min-width: 100px; }

.u-label-left label + input, .u-label-left label + textarea, .u-label-left label + .u-form-select-wrapper, .u-label-left label + div.u-input { flex-grow: 1; }

.u-label-left.u-form-agree label + input { flex-grow: 0; }

@media (max-width: 767px) {
  .u-form-vertical .u-form-group.u-label-left { display: block; }
}

.u-btn-submit, .u-btn-step { display: inline-block; }

.u-form .u-btn-submit, .u-form .u-btn-step { margin-top: 1px; margin-bottom: 1px; position: relative; }

.u-btn-submit-container { width: 100%; pointer-events: none; }

.u-form-submit.u-label-left label { pointer-events: none; }

.u-form-submit.u-label-left .u-btn-submit { pointer-events: auto; }

.u-form-horizontal .u-form-submit { display: flex; flex-grow: 0 !important; margin-right: 0px !important; }

.u-form-horizontal .u-form-submit label { display: none !important; }

.u-form-horizontal .u-form-group.u-label-top.u-form-submit { align-self: flex-end; }

.u-form-horizontal .u-form-group.u-form-submit { margin-right: 0px; }

@media (max-width: 767px) {
  .u-form-horizontal .u-btn-submit { flex-grow: 1; }
}