@charset "utf-8";

/**
 *------------------------------------------------------------------------------
 * j5 BASE V-02 
 *------------------------------------------------------------------------------
 * @website		  j5 BASE
 * @file        forms.css
 * @authors     SKYTRAILS
 * @System      j!4
 *------------------------------------------------------------------------------
 */


 button, input, optgroup, select, textarea
{
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}
.input-group > .custom-select, .input-group > .form-control, .input-group > .form-select
{
  flex: 1 1 auto;
  min-width: 0;
  position: relative;
  width: 1%;
}
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu), .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu)
{
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}



/*////////////////////////////////////////////////////

-              GENERAL FORMS STYLE
////////////////////////////////////////////////////*/
/*A partir do original cassiopeia J5*/

:root {
  --border-width:  1px;
}

.form-label {
  margin-bottom:.5rem
}
.col-form-label {
  padding-top:calc(.6rem + var(--border-width));
  padding-bottom:calc(.6rem + var(--border-width));
  font-size:inherit;
  margin-bottom:0;
  line-height:1.5
}
.col-form-label-lg {
  padding-top:calc(.5rem + var(--border-width));
  padding-bottom:calc(.5rem + var(--border-width));
  font-size:1.25rem
}
.col-form-label-sm {
  padding-top:calc(.25rem + var(--border-width));
  padding-bottom:calc(.25rem + var(--border-width));
  font-size:.875rem
}
.form-text {
  color:var(--secondary-color);
  margin-top:.25rem;
  font-size:.875em
}
.form-control {
  color:var(--body-color);
  appearance:none;
  background-color:var(--body-bg);
  border: var(--border-width) solid #ced4da;
  border-radius: 0.25rem;
  background-clip:padding-box;
  width:100%;
  padding:.6rem 1rem;
  font-size:1rem;
  font-weight:400;
  line-height:1.5;
  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  display:block
}
@media (prefers-reduced-motion:reduce) {
  .form-control {
    transition:none
  }
}
.form-control[type=file] {
  overflow:hidden
}
.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor:pointer
}
.form-control:focus {
  color:var(--body-color);
  background-color:var(--body-bg);
  border-color:#8894aa;
  outline:0;
  box-shadow:0 0 0 .25rem #01015640
}
.form-control::-webkit-date-and-time-value {
  min-width:85px;
  height:1.5em;
  margin:0
}
.form-control::-webkit-datetime-edit {
  padding:0;
  display:block
}
.form-control::placeholder {
  color:var(--secondary-color);
  opacity:1
}
.form-control:disabled {
  background-color:var(--secondary-bg);
  opacity:1
}
.form-control::file-selector-button {
  color:var(--body-color);
  background-color:var(--tertiary-bg);
  pointer-events:none;
  border-color:inherit;
  border-style:solid;
  border-width:0;
  border-inline-end-width:var(--border-width);
  margin:-.6rem -1rem;
  border-radius:0;
  margin-inline-end:1rem;
  padding:.6rem 1rem;
  transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
  .form-control::file-selector-button {
    transition:none
  }
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color:var(--secondary-bg)
}
.form-control-plaintext {
  color:var(--body-color);
  border:solid #0000;
  border-width:var(--border-width)0;
  background-color:#0000;
  width:100%;
  margin-bottom:0;
  padding:.6rem 0;
  line-height:1.5;
  display:block
}
.form-control-plaintext:focus {
  outline:0
}
.form-control-plaintext.form-control-sm,
.form-control-plaintext.form-control-lg {
  padding-left:0;
  padding-right:0
}
.form-control-sm {
  min-height:calc(1.5em + .5rem + calc(var(--border-width)*2));
  border-radius:var(--border-radius-sm);
  padding:.25rem .5rem;
  font-size:.875rem
}
.form-control-sm::file-selector-button {
  margin:-.25rem -.5rem;
  margin-inline-end:.5rem;
  padding:.25rem .5rem
}
.form-control-lg {
  min-height:calc(1.5em + 1rem + calc(var(--border-width)*2));
  border-radius:var(--border-radius-lg);
  padding:.5rem 1rem;
  font-size:1.25rem
}
.form-control-lg::file-selector-button {
  margin:-.5rem -1rem;
  margin-inline-end:1rem;
  padding:.5rem 1rem
}
textarea.form-control {
  min-height:calc(1.5em + 1.2rem + calc(var(--border-width)*2))
}
textarea.form-control-sm {
  min-height:calc(1.5em + .5rem + calc(var(--border-width)*2))
}
textarea.form-control-lg {
  min-height:calc(1.5em + 1rem + calc(var(--border-width)*2))
}
.form-control-color {
  height:calc(1.5em + 1.2rem + calc(var(--border-width)*2));
  width:3rem;
  padding:.6rem
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor:pointer
}
.form-control-color::-moz-color-swatch {
  border-radius:var(--border-radius);
  border:0!important
}
.form-control-color::-webkit-color-swatch {
  border-radius:var(--border-radius);
  border:0!important
}
.form-control-color.form-control-sm {
  height:calc(1.5em + .5rem + calc(var(--border-width)*2))
}
.form-control-color.form-control-lg {
  height:calc(1.5em + 1rem + calc(var(--border-width)*2))
}
.form-select,
.custom-select {
  --form-select-bg-img:url(../images/select-bg.svg);
  color:var(--body-color);
  appearance:none;
  background-color:#eaedf0;
  background-image:var(--form-select-bg-img),var(--form-select-bg-icon,none);
  border:var(--border-width)solid #ced4da;
  border-radius:var(--border-radius);
  background-position:right 1rem center;
  background-repeat:no-repeat;
  background-size:116rem;
  width:100%;
  padding:.6rem 3rem .6rem 1rem;
  font-size:1rem;
  font-weight:400;
  line-height:1.5;
  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  display:block
}
@media (prefers-reduced-motion:reduce) {
  .form-select,
  .custom-select {
    transition:none
  }
}
.form-select:focus,
.custom-select:focus {
  border-color:#8894aa;
  outline:0;
  box-shadow:0 0 0 .25rem #01015640
}
.form-select[multiple],
[multiple].custom-select,
.form-select[size]:not([size="1"]),
[size].custom-select:not([size="1"]) {
  background-image:none;
  padding-right:1rem
}
.form-select:disabled,
.custom-select:disabled {
  background-color:var(--secondary-bg)
}
.form-select:-moz-focusring,
.custom-select:-moz-focusring {
  color:#0000;
  text-shadow:0 0 0 var(--body-color)
}
.form-select-sm {
  border-radius:var(--border-radius-sm);
  padding-top:.25rem;
  padding-bottom:.25rem;
  padding-left:.5rem;
  font-size:.875rem
}
.form-select-lg {
  border-radius:var(--border-radius-lg);
  padding-top:.5rem;
  padding-bottom:.5rem;
  padding-left:1rem;
  font-size:1.25rem
}
.form-check {
  min-height:1.5rem;
  margin-bottom:.125rem;
  padding-left:1.5em;
  display:block
}
.form-check .form-check-input {
  float:left;
  margin-left:-1.5em
}
.form-check-reverse {
  text-align:right;
  padding-left:0;
  padding-right:1.5em
}
.form-check-reverse .form-check-input {
  float:right;
  margin-left:0;
  margin-right:-1.5em
}
.form-check-input {
  --form-check-bg:var(--body-bg);
  vertical-align:top;
  appearance:none;
  background-color:var(--form-check-bg);
  background-image:var(--form-check-bg-image);
  border:var(--border-width)solid var(--border-color);
  print-color-adjust:exact;
  background-position:50%;
  background-repeat:no-repeat;
  background-size:contain;
  flex-shrink:0;
  width:1em;
  height:1em;
  margin-top:.25em
}
.form-check-input[type=checkbox] {
  border-radius:.25em
}
.form-check-input[type=radio] {
  border-radius:50%
}
.form-check-input:active {
  filter:brightness(90%)
}
.form-check-input:focus {
  border-color:#8894aa;
  outline:0;
  box-shadow:0 0 0 .25rem #01015640
}
.form-check-input:checked {
  background-color:#010156;
  border-color:#010156
}
.form-check-input:checked[type=checkbox] {
  --form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='hsl%280, 0%, 100%%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
}
.form-check-input:checked[type=radio] {
  --form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='hsl%280, 0%, 100%%29'/%3e%3c/svg%3e")
}
.form-check-input[type=checkbox]:indeterminate {
  --form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='hsl%280, 0%, 100%%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
  background-color:#010156;
  border-color:#010156
}
.form-check-input:disabled {
  pointer-events:none;
  filter:none;
  opacity:.5
}
.form-check-input[disabled]~.form-check-label,
.form-check-input:disabled~.form-check-label {
  cursor:default;
  opacity:.5
}
.form-switch {
  padding-left:2.5em
}
.form-switch .form-check-input {
  --form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  background-image:var(--form-switch-bg);
  background-position:0;
  border-radius:2em;
  width:2em;
  margin-left:-2.5em;
  transition:background-position .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
  .form-switch .form-check-input {
    transition:none
  }
}
.form-switch .form-check-input:focus {
  --form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%238894aa'/%3e%3c/svg%3e")
}
.form-switch .form-check-input:checked {
  --form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='hsl%280, 0%, 100%%29'/%3e%3c/svg%3e");
  background-position:100%
}
.form-switch.form-check-reverse {
  padding-left:0;
  padding-right:2.5em
}
.form-switch.form-check-reverse .form-check-input {
  margin-left:0;
  margin-right:-2.5em
}
.form-check-inline {
  margin-right:1rem;
  display:inline-block
}
.btn-check {
  clip:rect(0,0,0,0);
  pointer-events:none;
  position:absolute
}
.btn-check[disabled]+.btn,
.btn-check:disabled+.btn {
  pointer-events:none;
  filter:none;
  opacity:.65
}
.form-range {
  appearance:none;
  background-color:#0000;
  width:100%;
  height:1.5rem;
  padding:0
}
.form-range:focus {
  outline:0
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow:0 0 0 1px #fff,0 0 0 .25rem #01015640
}
.form-range:focus::-moz-range-thumb {
  box-shadow:0 0 0 1px #fff,0 0 0 .25rem #01015640
}
.form-range::-moz-focus-outer {
  border:0
}
.form-range::-webkit-slider-thumb {
  appearance:none;
  background-color:#010156;
  border:0;
  border-radius:1rem;
  width:1rem;
  height:1rem;
  margin-top:-.25rem;
  transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
  .form-range::-webkit-slider-thumb {
    transition:none
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color:#b8bfcc
}
.form-range::-webkit-slider-runnable-track {
  color:#0000;
  cursor:pointer;
  background-color:var(--secondary-bg);
  border-color:#0000;
  border-radius:1rem;
  width:100%;
  height:.5rem
}
.form-range::-moz-range-thumb {
  appearance:none;
  background-color:#010156;
  border:0;
  border-radius:1rem;
  width:1rem;
  height:1rem;
  transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
  .form-range::-moz-range-thumb {
    transition:none
  }
}
.form-range::-moz-range-thumb:active {
  background-color:#b8bfcc
}
.form-range::-moz-range-track {
  color:#0000;
  cursor:pointer;
  background-color:var(--secondary-bg);
  border-color:#0000;
  border-radius:1rem;
  width:100%;
  height:.5rem
}
.form-range:disabled {
  pointer-events:none
}
.form-range:disabled::-webkit-slider-thumb {
  background-color:var(--secondary-color)
}
.form-range:disabled::-moz-range-thumb {
  background-color:var(--secondary-color)
}
.form-floating {
  position:relative
}
.form-floating>.form-control,
.form-floating>.form-control-plaintext,
.form-floating>.form-select,
.form-floating>.custom-select {
  height:calc(3.5rem + calc(var(--border-width)*2));
  min-height:calc(3.5rem + calc(var(--border-width)*2));
  line-height:1.25
}
.form-floating>label {
  z-index:2;
  text-align:start;
  text-overflow:ellipsis;
  white-space:nowrap;
  pointer-events:none;
  border:var(--border-width)solid transparent;
  transform-origin:0 0;
  height:100%;
  padding:1rem;
  transition:opacity .1s ease-in-out,transform .1s ease-in-out;
  position:absolute;
  top:0;
  left:0;
  overflow:hidden
}
@media (prefers-reduced-motion:reduce) {
  .form-floating>label {
    transition:none
  }
}
.form-floating>.form-control,
.form-floating>.form-control-plaintext {
  padding:1rem
}
.form-floating>.form-control::placeholder,
.form-floating>.form-control-plaintext::placeholder {
  color:#0000
}
.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown),
.form-floating>.form-control-plaintext:focus,
.form-floating>.form-control-plaintext:not(:placeholder-shown) {
  padding-top:1.625rem;
  padding-bottom:.625rem
}
.form-floating>.form-control:-webkit-autofill,
.form-floating>.form-control-plaintext:-webkit-autofill {
  padding-top:1.625rem;
  padding-bottom:.625rem
}
.form-floating>.form-select,
.form-floating>.custom-select {
  padding-top:1.625rem;
  padding-bottom:.625rem
}
.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-control-plaintext~label,
.form-floating>.form-select~label,
.form-floating>.custom-select~label {
  color:rgba(var(--body-color-rgb),.65);
  transform:scale(.85)translateY(-.5rem)translate(.15rem)
}
.form-floating>.form-control:focus~label:after,
.form-floating>.form-control:not(:placeholder-shown)~label:after,
.form-floating>.form-control-plaintext~label:after,
.form-floating>.form-select~label:after,
.form-floating>.custom-select~label:after {
  z-index:-1;
  content:"";
  background-color:var(--body-bg);
  border-radius:var(--border-radius);
  height:1.5em;
  position:absolute;
  inset:1rem .5rem
}
.form-floating>.form-control:-webkit-autofill~label {
  color:rgba(var(--body-color-rgb),.65);
  transform:scale(.85)translateY(-.5rem)translate(.15rem)
}
.form-floating>.form-control-plaintext~label {
  border-width:var(--border-width)0
}
.form-floating>:disabled~label,
.form-floating>.form-control:disabled~label {
  color:#6d757e
}
.form-floating>:disabled~label:after,
.form-floating>.form-control:disabled~label:after {
  background-color:var(--secondary-bg)
}
.input-group {
  flex-wrap:wrap;
  align-items:stretch;
  width:100%;
  display:flex;
  position:relative
}
.input-group>.form-control,
.input-group>.form-select,
.input-group>.custom-select,
.input-group>.form-floating {
  flex:auto;
  width:1%;
  min-width:0;
  position:relative
}
.input-group>.form-control:focus,
.input-group>.form-select:focus,
.input-group>.custom-select:focus,
.input-group>.form-floating:focus-within {
  z-index:5
}
.input-group .btn {
  z-index:2;
  position:relative
}
.input-group .btn:focus {
  z-index:5
}
.input-group-text {
  color:var(--body-color);
  text-align:center;
  white-space:nowrap;
  background-color:var(--tertiary-bg);
  border:var(--border-width)solid #ced4da;
  border-radius:var(--border-radius);
  align-items:center;
  padding:.6rem 1rem;
  font-size:1rem;
  font-weight:400;
  line-height:1.5;
  display:flex
}
.input-group-lg>.form-control,
.input-group-lg>.form-select,
.input-group-lg>.custom-select,
.input-group-lg>.input-group-text,
.input-group-lg>.btn {
  border-radius:var(--border-radius-lg);
  padding:.5rem 1rem;
  font-size:1.25rem
}
.input-group-sm>.form-control,
.input-group-sm>.form-select,
.input-group-sm>.custom-select,
.input-group-sm>.input-group-text,
.input-group-sm>.btn {
  border-radius:var(--border-radius-sm);
  padding:.25rem .5rem;
  font-size:.875rem
}
.input-group-lg>.form-select,
.input-group-lg>.custom-select,
.input-group-sm>.form-select,
.input-group-sm>.custom-select {
  padding-right:4rem
}
.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.custom-select,
.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,
.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,
.input-group.has-validation>.form-floating:nth-last-child(n+3)>.custom-select {
  border-top-right-radius:0;
  border-bottom-right-radius:0
}
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left:calc(var(--border-width)*-1);
  border-top-left-radius:0;
  border-bottom-left-radius:0
}
.input-group>.form-floating:not(:first-child)>.form-control,
.input-group>.form-floating:not(:first-child)>.form-select,
.input-group>.form-floating:not(:first-child)>.custom-select {
  border-top-left-radius:0;
  border-bottom-left-radius:0
}
.valid-feedback {
  color:var(--form-valid-color);
  width:100%;
  margin-top:.25rem;
  font-size:.875em;
  display:none
}
.valid-tooltip {
  z-index:5;
  color:#fff;
  background-color:var(--success);
  border-radius:var(--border-radius);
  max-width:100%;
  margin-top:.1rem;
  padding:.25rem .5rem;
  font-size:.875rem;
  display:none;
  position:absolute;
  top:100%
}
.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:var(--form-valid-border-color);
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='hsl%28120, 32%, 39%%29' d='M2.3 6.73.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-position:right calc(.375em + .3rem) center;
  background-repeat:no-repeat;
  background-size:calc(.75em + .6rem) calc(.75em + .6rem);
  padding-right:calc(1.5em + 1.2rem)
}
.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
  border-color:var(--form-valid-border-color);
  box-shadow:0 0 0 .25rem rgba(var(--success-rgb),.25)
}
.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
  background-position:right calc(.375em + .3rem) top calc(.375em + .3rem);
  padding-right:calc(1.5em + 1.2rem)
}
.was-validated .form-select:valid,
.was-validated .custom-select:valid,
.form-select.is-valid,
.is-valid.custom-select {
  border-color:var(--form-valid-border-color)
}
.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .custom-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"],
.was-validated .custom-select:valid:not([multiple])[size="1"],
.form-select.is-valid:not([multiple]):not([size]),
.is-valid.custom-select:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"],
.is-valid.custom-select:not([multiple])[size="1"] {
  --form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='hsl%28120, 32%, 39%%29' d='M2.3 6.73.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-position:right 1rem center,right 3rem center;
  background-size:116rem,calc(.75em + .6rem) calc(.75em + .6rem);
  padding-right:5.5rem
}
.was-validated .form-select:valid:focus,
.was-validated .custom-select:valid:focus,
.form-select.is-valid:focus,
.is-valid.custom-select:focus {
  border-color:var(--form-valid-border-color);
  box-shadow:0 0 0 .25rem rgba(var(--success-rgb),.25)
}
.was-validated .form-control-color:valid,
.form-control-color.is-valid {
  width:calc(1.5em + 4.2rem)
}
.was-validated .form-check-input:valid,
.form-check-input.is-valid {
  border-color:var(--form-valid-border-color)
}
.was-validated .form-check-input:valid:checked,
.form-check-input.is-valid:checked {
  background-color:var(--form-valid-color)
}
.was-validated .form-check-input:valid:focus,
.form-check-input.is-valid:focus {
  box-shadow:0 0 0 .25rem rgba(var(--success-rgb),.25)
}
.was-validated .form-check-input:valid~.form-check-label,
.form-check-input.is-valid~.form-check-label {
  color:var(--form-valid-color)
}
.form-check-inline .form-check-input~.valid-feedback {
  margin-left:.5em
}
.was-validated .input-group>.form-control:not(:focus):valid,
.input-group>.form-control:not(:focus).is-valid,
.was-validated .input-group>.form-select:not(:focus):valid,
.was-validated .input-group>.custom-select:not(:focus):valid,
.input-group>.form-select:not(:focus).is-valid,
.input-group>.custom-select:not(:focus).is-valid,
.was-validated .input-group>.form-floating:not(:focus-within):valid,
.input-group>.form-floating:not(:focus-within).is-valid {
  z-index:3
}
.invalid-feedback {
  color:var(--form-invalid-color);
  width:100%;
  margin-top:.25rem;
  font-size:.875em;
  display:none
}
.invalid-tooltip {
  z-index:5;
  color:#fff;
  background-color:var(--danger);
  border-radius:var(--border-radius);
  max-width:100%;
  margin-top:.1rem;
  padding:.25rem .5rem;
  font-size:.875rem;
  display:none;
  position:absolute;
  top:100%
}
.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:var(--form-invalid-border-color);
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='hsl%283, 75%, 37%%29'%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='hsl%283, 75%, 37%%29' stroke='none'/%3e%3c/svg%3e");
  background-position:right calc(.375em + .3rem) center;
  background-repeat:no-repeat;
  background-size:calc(.75em + .6rem) calc(.75em + .6rem);
  padding-right:calc(1.5em + 1.2rem)
}
.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
  border-color:var(--form-invalid-border-color);
  box-shadow:0 0 0 .25rem rgba(var(--danger-rgb),.25)
}
.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
  background-position:right calc(.375em + .3rem) top calc(.375em + .3rem);
  padding-right:calc(1.5em + 1.2rem)
}
.was-validated .form-select:invalid,
.was-validated .custom-select:invalid,
.form-select.is-invalid,
.is-invalid.custom-select {
  border-color:var(--form-invalid-border-color)
}
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .custom-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"],
.was-validated .custom-select:invalid:not([multiple])[size="1"],
.form-select.is-invalid:not([multiple]):not([size]),
.is-invalid.custom-select:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"],
.is-invalid.custom-select:not([multiple])[size="1"] {
  --form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='hsl%283, 75%, 37%%29'%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='hsl%283, 75%, 37%%29' stroke='none'/%3e%3c/svg%3e");
  background-position:right 1rem center,right 3rem center;
  background-size:116rem,calc(.75em + .6rem) calc(.75em + .6rem);
  padding-right:5.5rem
}
.was-validated .form-select:invalid:focus,
.was-validated .custom-select:invalid:focus,
.form-select.is-invalid:focus,
.is-invalid.custom-select:focus {
  border-color:var(--form-invalid-border-color);
  box-shadow:0 0 0 .25rem rgba(var(--danger-rgb),.25)
}
.was-validated .form-control-color:invalid,
.form-control-color.is-invalid {
  width:calc(1.5em + 4.2rem)
}
.was-validated .form-check-input:invalid,
.form-check-input.is-invalid {
  border-color:var(--form-invalid-border-color)
}
.was-validated .form-check-input:invalid:checked,
.form-check-input.is-invalid:checked {
  background-color:var(--form-invalid-color)
}
.was-validated .form-check-input:invalid:focus,
.form-check-input.is-invalid:focus {
  box-shadow:0 0 0 .25rem rgba(var(--danger-rgb),.25)
}
.was-validated .form-check-input:invalid~.form-check-label,
.form-check-input.is-invalid~.form-check-label {
  color:var(--form-invalid-color)
}
.form-check-inline .form-check-input~.invalid-feedback {
  margin-left:.5em
}
.was-validated .input-group>.form-control:not(:focus):invalid,
.input-group>.form-control:not(:focus).is-invalid,
.was-validated .input-group>.form-select:not(:focus):invalid,
.was-validated .input-group>.custom-select:not(:focus):invalid,
.input-group>.form-select:not(:focus).is-invalid,
.input-group>.custom-select:not(:focus).is-invalid,
.was-validated .input-group>.form-floating:not(:focus-within):invalid,
.input-group>.form-floating:not(:focus-within).is-invalid {
  z-index:4
}
.form-control {
  background-color:#fff;
  max-width:100%
}