.form-control { display: block; width: 100%; height: calc(2.125rem + 2px); padding: 0.4375rem 1rem; font-size: 0.8125rem; font-weight: 400; line-height: 1.25rem; color: #000000; background-color: #fff; background-clip: padding-box; border: 1px solid #dbdfea; border-radius: 4px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

@media (prefers-reduced-motion: reduce) { .form-control { transition: none; } }

.form-control::-ms-expand { background-color: transparent; border: 0; }

.form-control:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000000; }

.form-control:focus { color: #000000; background-color: #fff; border-color: #000000; outline: 0; box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1); }

.form-control::placeholder { color: #bbb; opacity: 1; }

.form-control:disabled, .form-control[readonly] { background-color: #efefef; opacity: 1; }

select.form-control:focus::-ms-value { color: #000000; background-color: #fff; }

.form-control-file, .form-control-range { display: block; width: 100%; }

.col-form-label { padding-top: calc(0.4375rem + 1px); padding-bottom: calc(0.4375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.25rem; }

.col-form-label-lg { padding-top: calc(0.6875rem + 1px); padding-bottom: calc(0.6875rem + 1px); font-size: 0.9375rem; line-height: 1.25rem; }

.col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.75rem; line-height: 1.25rem; }

.form-control-plaintext { display: block; width: 100%; padding: 0.4375rem 0; margin-bottom: 0; font-size: 0.8125rem; line-height: 1.25rem; color: #000000; 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.75rem + 2px); padding: 0.25rem 1rem; font-size: 0.75rem; line-height: 1.25rem; border-radius: 3px; }

.form-control-lg { height: calc(2.625rem + 2px); padding: 0.6875rem 1rem; font-size: 0.9375rem; line-height: 1.25rem; border-radius: 5px; }

select.form-control[size], select.form-control[multiple] { height: auto; }

textarea.form-control { 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, .form-check-input:disabled ~ .form-check-label { color: #79796d; }

.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: 80%; color: rgb(29, 177, 54); }

.valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.75rem; margin-top: .1rem; font-size: 0.8125rem; line-height: 1.5; color: #fff; background-color: rgba(30, 224, 172, 0.9); border-radius: 3px; }

.was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip { display: block; }

.was-validated .form-control:valid, .form-control.is-valid { border-color: rgb(29, 177, 54); padding-right: 2.125rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%231ee0ac' 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: right add(0.3125rem, 0.21875rem) center; background-size: add(0.625rem, 0.4375rem) add(0.625rem, 0.4375rem); }

.was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: rgb(29, 177, 54); box-shadow: 0 0 0 0.2rem rgba(30, 224, 172, 0.25); }

.was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: 2.125rem; background-position: top add(0.3125rem, 0.21875rem) right add(0.3125rem, 0.21875rem); }

.was-validated .custom-select:valid, .custom-select.is-valid { border-color: rgb(29, 177, 54); padding-right: calc(0.75em + 2.65625rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 1rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%231ee0ac' 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") #fff no-repeat center right 2rem/add(0.625rem, 0.4375rem) add(0.625rem, 0.4375rem); }

.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: rgb(29, 177, 54); box-shadow: 0 0 0 0.2rem rgba(30, 224, 172, 0.25); }

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: rgb(29, 177, 54); }

.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: rgb(29, 177, 54); }

.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { border-color: rgb(29, 177, 54); }

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { border-color: #4ae7bd; background-color: #4ae7bd; }

.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 rgba(30, 224, 172, 0.25); }

.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: rgb(29, 177, 54); }

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: rgb(29, 177, 54); }

.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: rgb(29, 177, 54); box-shadow: 0 0 0 0.2rem rgba(30, 224, 172, 0.25); }

.invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #e85347; }

.invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.75rem; margin-top: .1rem; font-size: 0.8125rem; line-height: 1.5; color: #fff; background-color: rgba(232, 83, 71, 0.9); border-radius: 3px; }

.was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip { display: block; }

.was-validated .form-control:invalid, .form-control.is-invalid { border-color: #e85347; padding-right: 2.125rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23e85347' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23e85347' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right add(0.3125rem, 0.21875rem) center; background-size: add(0.625rem, 0.4375rem) add(0.625rem, 0.4375rem); }

.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #e85347; box-shadow: 0 0 0 0.2rem rgba(232, 83, 71, 0.25); }

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: 2.125rem; background-position: top add(0.3125rem, 0.21875rem) right add(0.3125rem, 0.21875rem); }

.was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #e85347; padding-right: calc(0.75em + 2.65625rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 1rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23e85347' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23e85347' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 2rem/add(0.625rem, 0.4375rem) add(0.625rem, 0.4375rem); }

.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #e85347; box-shadow: 0 0 0 0.2rem rgba(232, 83, 71, 0.25); }

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #e85347; }

.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: #e85347; }

.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #e85347; }

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: #ee7d74; background-color: #ee7d74; }

.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 rgba(232, 83, 71, 0.25); }

.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: #e85347; }

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #e85347; }

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: #e85347; box-shadow: 0 0 0 0.2rem rgba(232, 83, 71, 0.25); }

.form-inline { display: flex; flex-flow: row wrap; align-items: center; }

.form-inline .form-check { width: 100%; }

.form-label { font-size: 0.875rem; font-weight: 600; color: #000000; margin-bottom: .5rem; }

.form-gray {
    border: 1px solid rgba(255,255,255, 0.1);
    border-radius: 5px;
    background-color: rgba(255,255,255, 0.1);
    color: #000000;}

.form-gray:focus {background-color: rgba(255,255,255, 0.1);border: 1px solid rgba(255,255,255, 0.1);color: #bbb; }

@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 { 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; } }

.form-select { height: calc(2.125rem + 2px); }

.form-select:not(.form-control) { opacity: 0; }

.form-select-sm, .form-select[data-ui*="sm"] { height: calc(1.75rem + 2px); }

.form-select-lg, .form-select[data-ui*="lg"] { height: calc(2.625rem + 2px); }

.form-focus-none:focus { border-color: transparent; box-shadow: none; }

.form-action .btn + .btn { margin-left: 1.25rem; }

.custom-select { appearance: none; -webkit-appearance: none; }

.custom-select option { border-radius: 3px; padding: 5px .5rem; margin: 2px -.5rem; cursor: pointer; color: #000000; }

.custom-select option:last-child { margin-bottom: -0.5rem; }

.form-control-select { position: relative; }

.form-control-select .form-control { appearance: none; -webkit-appearance: none; }

.form-control-select-multiple .custom-select { padding-top: 0.375rem; padding-bottom: 0.875rem; }

.form-control-select-multiple .custom-select option { border-radius: 3px; padding: 5px .5rem; margin: 2px -.5rem; cursor: pointer; color: #000000; }

.form-control-select-multiple .custom-select option:last-child { margin-bottom: -0.5rem; }

.form-control-select:after { font-family: "Nioicon"; content: ""; pointer-events: none; position: absolute; display: inline-flex; justify-content: center; align-items: center; right: 0; top: 50%; transform: translateY(-50%); width: calc(1rem + 12px); height: calc(1rem + 12px); }

