.form-control, .i18n-form-group input, .i18n-form-group textarea {display: block;width: 100%;height: calc(1.7em + 0.75rem + 2px);padding: 0.375rem 0.75rem;font-size: 1rem;font-weight: 400;line-height: 1.7;color: var(--input-color);background-color: var(--input-bg);background-clip: padding-box;border: 1px solid var(--input-border-color);border-radius: 0;transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) {.form-control, .i18n-form-group input, .i18n-form-group textarea {transition: none;} } .form-control::-ms-expand, .i18n-form-group input::-ms-expand, .i18n-form-group textarea::-ms-expand {background-color: transparent;border: 0; } .form-control:focus, .i18n-form-group input:focus, .i18n-form-group textarea:focus {color: var(--input-focus-color);background-color: var(--input-focus-bg);border-color: var(--input-focus-border-color);outline: 0;box-shadow: 0 0 0 0.2rem var(--input-btn-focus-color); } .form-control::placeholder, .i18n-form-group input::placeholder, .i18n-form-group textarea::placeholder {color: var(--input-placeholder-color);opacity: 1; } .form-control:disabled, .i18n-form-group input:disabled, .i18n-form-group textarea:disabled, .form-control[readonly], .i18n-form-group input[readonly], .i18n-form-group textarea[readonly] {background-color: var(--input-disabled-bg);opacity: 1; } select.form-control:focus::-ms-value {color: var(--input-color);background-color: var(--input-bg); } .form-control-file, .form-control-range {display: block;width: 100%; } .col-form-label {padding-top: calc(0.375rem + 1px);padding-bottom: calc(0.375rem + 1px);margin-bottom: 0;font-size: inherit;line-height: 1.7; } .col-form-label-lg {padding-top: calc(0.5rem + 1px);padding-bottom: calc(0.5rem + 1px);font-size: 1.25rem;line-height: 1.7; } .col-form-label-sm {padding-top: calc(0.25rem + 1px);padding-bottom: calc(0.25rem + 1px);font-size: 0.875rem;line-height: 1.7; } .form-control-plaintext {display: block;width: 100%;padding-top: 0.375rem;padding-bottom: 0.375rem;margin-bottom: 0;line-height: 1.7;color: var(--input-plaintext-color);background-color: transparent;border: solid transparent;border-width: 1px 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {padding-right: 0;padding-left: 0; } .form-control-sm {height: calc(1.7em + 0.5rem + 2px);padding: 0.25rem 0.5rem;font-size: 0.875rem;line-height: 1.7;border-radius: 0; } .form-control-lg {height: calc(1.7em + 1rem + 2px);padding: 0.5rem 1rem;font-size: 1.25rem;line-height: 1.7;border-radius: 0; } select.form-control[size], select.form-control[multiple] {height: auto; } textarea.form-control, .i18n-form-group textarea {height: auto; } .form-group {margin-bottom: 1rem; } .form-text {display: block;margin-top: 0.25rem; } .form-row {display: flex;flex-wrap: wrap;margin-right: -5px;margin-left: -5px; } .form-row > .col, .form-row > [class*=col-] {padding-right: 5px;padding-left: 5px; } .form-check {position: relative;display: block;padding-left: 1.25rem; } .form-check-input {position: absolute;margin-top: 0.3rem;margin-left: -1.25rem; } .form-check-input:disabled ~ .form-check-label {color: var(--text-muted); } .form-check-label {margin-bottom: 0; } .form-check-inline {display: inline-flex;align-items: center;padding-left: 0;margin-right: 0.75rem; } .form-check-inline .form-check-input {position: static;margin-top: 0;margin-right: 0.3125rem;margin-left: 0; } .valid-feedback {display: none;width: 100%;margin-top: 0.25rem;font-size: 77.5%;color: var(--form-feedback-valid-color); } .valid-tooltip {position: absolute;top: 100%;z-index: 5;display: none;max-width: 100%;padding: 0.25rem 0.5rem;margin-top: 0.1rem;font-size: 0.875rem;line-height: 1.7;color: var(--form-feedback-valid-color);background-color: var(--form-feedback-valid-bg);border-radius: 0; } .was-validated .form-control:valid, .was-validated .i18n-form-group input:valid, .i18n-form-group .was-validated input:valid, .was-validated .i18n-form-group textarea:valid, .i18n-form-group .was-validated textarea:valid, .form-control.is-valid, .i18n-form-group input.is-valid, .i18n-form-group textarea.is-valid {border-color: var(--form-feedback-valid-bg);padding-right: calc(1.7em + 0.75rem);background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath style='fill:var(--form-feedback-icon-valid-color)' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat: no-repeat;background-position: center right calc(0.425em + 0.1875rem);background-size: calc(0.85em + 0.375rem) calc(0.85em + 0.375rem); } .was-validated .form-control:valid:focus, .was-validated .i18n-form-group input:valid:focus, .i18n-form-group .was-validated input:valid:focus, .was-validated .i18n-form-group textarea:valid:focus, .i18n-form-group .was-validated textarea:valid:focus, .form-control.is-valid:focus, .i18n-form-group input.is-valid:focus, .i18n-form-group textarea.is-valid:focus {border-color: var(--form-feedback-valid-bg);box-shadow: 0 0 0 0.2rem var(--form-feedback-valid-bg); } .was-validated .form-control:valid ~ .valid-feedback, .was-validated .i18n-form-group input:valid ~ .valid-feedback, .i18n-form-group .was-validated input:valid ~ .valid-feedback, .was-validated .i18n-form-group textarea:valid ~ .valid-feedback, .i18n-form-group .was-validated textarea:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .was-validated .i18n-form-group input:valid ~ .valid-tooltip, .i18n-form-group .was-validated input:valid ~ .valid-tooltip, .was-validated .i18n-form-group textarea:valid ~ .valid-tooltip, .i18n-form-group .was-validated textarea:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .i18n-form-group input.is-valid ~ .valid-feedback, .i18n-form-group textarea.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip, .i18n-form-group input.is-valid ~ .valid-tooltip, .i18n-form-group textarea.is-valid ~ .valid-tooltip {display: block; } .was-validated textarea.form-control:valid, .was-validated .i18n-form-group textarea:valid, .i18n-form-group .was-validated textarea:valid, textarea.form-control.is-valid, .i18n-form-group textarea.is-valid {padding-right: calc(1.7em + 0.75rem);background-position: top calc(0.425em + 0.1875rem) right calc(0.425em + 0.1875rem); } .was-validated .custom-select:valid, .custom-select.is-valid {border-color: var(--form-feedback-valid-bg);padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath style='fill:var(--custom-select-indicator-color)' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath style='fill:var(--form-feedback-icon-valid-color)' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") var(--custom-select-bg) no-repeat center right 1.75rem/calc(0.85em + 0.375rem) calc(0.85em + 0.375rem); } .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {border-color: var(--form-feedback-valid-bg);box-shadow: 0 0 0 0.2rem var(--form-feedback-valid-bg); } .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip {display: block; } .was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip {display: block; } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {color: var(--form-feedback-valid-color); } .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip {display: block; } .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {color: var(--form-feedback-valid-color); } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {border-color: var(--form-feedback-valid-bg); } .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip {display: block; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {border-color: var(--form-feedback-valid-bg);background-color: var(--form-feedback-valid-bg); } .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {box-shadow: 0 0 0 0.2rem var(--form-feedback-valid-bg); } .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {border-color: var(--form-feedback-valid-bg); } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {border-color: var(--form-feedback-valid-bg); } .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip {display: block; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {border-color: var(--form-feedback-valid-bg);box-shadow: 0 0 0 0.2rem var(--form-feedback-valid-bg); } .invalid-feedback {display: none;width: 100%;margin-top: 0.25rem;font-size: 77.5%;color: var(--form-feedback-invalid-color); } .invalid-tooltip {position: absolute;top: 100%;z-index: 5;display: none;max-width: 100%;padding: 0.25rem 0.5rem;margin-top: 0.1rem;font-size: 0.875rem;line-height: 1.7;color: var(--form-feedback-invalid-color);background-color: var(--form-feedback-invalid-bg);border-radius: 0; } .was-validated .form-control:invalid, .was-validated .i18n-form-group input:invalid, .i18n-form-group .was-validated input:invalid, .was-validated .i18n-form-group textarea:invalid, .i18n-form-group .was-validated textarea:invalid, .form-control.is-invalid, .i18n-form-group input.is-invalid, .i18n-form-group textarea.is-invalid {border-color: var(--form-feedback-invalid-bg);padding-right: calc(1.7em + 0.75rem);background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='var(--form-feedback-icon-invalid-color)' viewBox='-2 -2 7 7'%3e%3cpath style='stroke: var(--form-feedback-icon-invalid-color)' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");background-repeat: no-repeat;background-position: center right calc(0.425em + 0.1875rem);background-size: calc(0.85em + 0.375rem) calc(0.85em + 0.375rem); } .was-validated .form-control:invalid:focus, .was-validated .i18n-form-group input:invalid:focus, .i18n-form-group .was-validated input:invalid:focus, .was-validated .i18n-form-group textarea:invalid:focus, .i18n-form-group .was-validated textarea:invalid:focus, .form-control.is-invalid:focus, .i18n-form-group input.is-invalid:focus, .i18n-form-group textarea.is-invalid:focus {border-color: var(--form-feedback-invalid-bg);box-shadow: 0 0 0 0.2rem var(--form-feedback-invalid-bg); } .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .i18n-form-group input:invalid ~ .invalid-feedback, .i18n-form-group .was-validated input:invalid ~ .invalid-feedback, .was-validated .i18n-form-group textarea:invalid ~ .invalid-feedback, .i18n-form-group .was-validated textarea:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .was-validated .i18n-form-group input:invalid ~ .invalid-tooltip, .i18n-form-group .was-validated input:invalid ~ .invalid-tooltip, .was-validated .i18n-form-group textarea:invalid ~ .invalid-tooltip, .i18n-form-group .was-validated textarea:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .i18n-form-group input.is-invalid ~ .invalid-feedback, .i18n-form-group textarea.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .i18n-form-group input.is-invalid ~ .invalid-tooltip, .i18n-form-group textarea.is-invalid ~ .invalid-tooltip {display: block; } .was-validated textarea.form-control:invalid, .was-validated .i18n-form-group textarea:invalid, .i18n-form-group .was-validated textarea:invalid, textarea.form-control.is-invalid, .i18n-form-group textarea.is-invalid {padding-right: calc(1.7em + 0.75rem);background-position: top calc(0.425em + 0.1875rem) right calc(0.425em + 0.1875rem); } .was-validated .custom-select:invalid, .custom-select.is-invalid {border-color: var(--form-feedback-invalid-bg);padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath style='fill:var(--custom-select-indicator-color)' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='var(--form-feedback-icon-invalid-color)' viewBox='-2 -2 7 7'%3e%3cpath style='stroke: var(--form-feedback-icon-invalid-color)' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") var(--custom-select-bg) no-repeat center right 1.75rem/calc(0.85em + 0.375rem) calc(0.85em + 0.375rem); } .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {border-color: var(--form-feedback-invalid-bg);box-shadow: 0 0 0 0.2rem var(--form-feedback-invalid-bg); } .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip {display: block; } .was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip {display: block; } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {color: var(--form-feedback-invalid-color); } .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip {display: block; } .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {color: var(--form-feedback-invalid-color); } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {border-color: var(--form-feedback-invalid-bg); } .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip {display: block; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {border-color: var(--form-feedback-invalid-bg);background-color: var(--form-feedback-invalid-bg); } .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {box-shadow: 0 0 0 0.2rem var(--form-feedback-invalid-bg); } .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {border-color: var(--form-feedback-invalid-bg); } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {border-color: var(--form-feedback-invalid-bg); } .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip {display: block; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {border-color: var(--form-feedback-invalid-bg);box-shadow: 0 0 0 0.2rem var(--form-feedback-invalid-bg); } .form-inline {display: flex;flex-flow: row wrap;align-items: center; } .form-inline .form-check {width: 100%; } @media (min-width: 576px) {.form-inline label {display: flex;align-items: center;justify-content: center;margin-bottom: 0;}.form-inline .form-group {display: flex;flex: 0 0 auto;flex-flow: row wrap;align-items: center;margin-bottom: 0;}.form-inline .form-control, .form-inline .i18n-form-group input, .i18n-form-group .form-inline input, .form-inline .i18n-form-group textarea, .i18n-form-group .form-inline textarea {display: inline-block;width: auto;vertical-align: middle;}.form-inline .form-control-plaintext {display: inline-block;}.form-inline .input-group,.form-inline .custom-select {width: auto;}.form-inline .form-check {display: flex;align-items: center;justify-content: center;width: auto;padding-left: 0;}.form-inline .form-check-input {position: relative;flex-shrink: 0;margin-top: 0;margin-right: 0.25rem;margin-left: 0;}.form-inline .custom-control {align-items: center;justify-content: center;}.form-inline .custom-control-label {margin-bottom: 0;} } .captcha {display: flex;flex-direction: column;align-items: center; } .form-group.required label {font-weight: bold; } .i18n-form-group input, .i18n-form-group textarea {margin-bottom: 1rem; } .i18n-form-group textarea {height: auto; } .selectwithcheckboxes {position: relative; } .selectwithcheckboxes .dropdown-toggle {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: left;cursor: default; } .selectwithcheckboxes .dropdown-toggle::after {content: none !important; } .selectwithcheckboxes .dropdown-menu {margin-top: -1px;width: 100%;max-height: 31.25rem;overflow: auto; } .selectwithcheckboxes .dropdown-menu .dropdown-item {font-size: 0.75rem;font-weight: normal;color: var(--custom-select-color);margin: 0;padding-left: 1rem; } .selectwithcheckboxes .dropdown-menu .dropdown-item .custom-checkbox {display: flex;align-items: center;position: relative; } .selectwithcheckboxes .dropdown-menu .dropdown-item .custom-control-label {margin-top: -1.5625rem; }