@charset "UTF-8";

.form-label {

  margin-bottom: 0.5rem;

}



.col-form-label {

  padding-top: calc(0.375rem + var(--bs-border-width));

  padding-bottom: calc(0.375rem + var(--bs-border-width));

  margin-bottom: 0;

  font-size: inherit;

  line-height: 1.5;

}



.col-form-label-lg {

  padding-top: calc(0.5rem + var(--bs-border-width));

  padding-bottom: calc(0.5rem + var(--bs-border-width));

  font-size: 1.25rem;

}



.col-form-label-sm {

  padding-top: calc(0.25rem + var(--bs-border-width));

  padding-bottom: calc(0.25rem + var(--bs-border-width));

  font-size: 0.875rem;

}



.form-text {

  margin-top: 0.25rem;

  font-size: 0.875em;

  color: var(--bs-secondary-color);

}



.form-control {

  display: block;

  width: 100%;

  padding: 0.375rem 0.75rem;

  font-size: 1rem;

  font-weight: normal;

  line-height: 1.5;

  color: var(--bs-body-color);

  appearance: none;

  background-color: var(--bs-body-bg);

  background-clip: padding-box;

  border: var(--bs-border-width) solid var(--bs-border-color);

  border-radius: var(--bs-border-radius);

  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[type=file] {

  overflow: hidden;

}

.form-control[type=file]:not(:disabled):not([readonly]) {

  cursor: pointer;

}

.form-control:focus {

  color: var(--bs-body-color);

  background-color: var(--bs-body-bg);

  border-color: #c480fe;

  outline: 0;

  box-shadow: 0 0 0 0.25rem rgba(136, 0, 252, 0.25);

}

.form-control::-webkit-date-and-time-value {

  min-width: 85px;

  height: 1.5em;

  margin: 0;

}

.form-control::-webkit-datetime-edit {

  display: block;

  padding: 0;

}

.form-control::placeholder {

  color: var(--bs-secondary-color);

  opacity: 1;

}

.form-control:disabled {

  background-color: var(--bs-secondary-bg);

  opacity: 1;

}

.form-control::file-selector-button {

  padding: 0.375rem 0.75rem;

  margin: -0.375rem -0.75rem;

  margin-inline-end: 0.75rem;

  color: var(--bs-body-color);

  background-color: var(--bs-tertiary-bg);

  pointer-events: none;

  border-color: inherit;

  border-style: solid;

  border-width: 0;

  border-inline-end-width: var(--bs-border-width);

  border-radius: 0;

  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.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(--bs-secondary-bg);

}



.form-control-plaintext {

  display: block;

  width: 100%;

  padding: 0.375rem 0;

  margin-bottom: 0;

  line-height: 1.5;

  color: var(--bs-body-color);

  background-color: transparent;

  border: solid transparent;

  border-width: var(--bs-border-width) 0;

}

.form-control-plaintext:focus {

  outline: 0;

}

.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {

  padding-right: 0;

  padding-left: 0;

}



.form-control-sm {

  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));

  padding: 0.25rem 0.5rem;

  font-size: 0.875rem;

  border-radius: var(--bs-border-radius-sm);

}

.form-control-sm::file-selector-button {

  padding: 0.25rem 0.5rem;

  margin: -0.25rem -0.5rem;

  margin-inline-end: 0.5rem;

}



.form-control-lg {

  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));

  padding: 0.5rem 1rem;

  font-size: 1.25rem;

  border-radius: var(--bs-border-radius-lg);

}

.form-control-lg::file-selector-button {

  padding: 0.5rem 1rem;

  margin: -0.5rem -1rem;

  margin-inline-end: 1rem;

}



textarea.form-control {

  min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));

}

textarea.form-control-sm {

  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));

}

textarea.form-control-lg {

  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));

}



.form-control-color {

  width: 3rem;

  height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));

  padding: 0.375rem;

}

.form-control-color:not(:disabled):not([readonly]) {

  cursor: pointer;

}

.form-control-color::-moz-color-swatch {

  border: 0 !important;

  border-radius: var(--bs-border-radius);

}

.form-control-color::-webkit-color-swatch {

  border: 0 !important;

  border-radius: var(--bs-border-radius);

}

.form-control-color.form-control-sm {

  height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));

}

.form-control-color.form-control-lg {

  height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));

}



.form-select {

  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");

  display: block;

  width: 100%;

  padding: 0.375rem 2.25rem 0.375rem 0.75rem;

  font-size: 1rem;

  font-weight: normal;

  line-height: 1.5;

  color: var(--bs-body-color);

  appearance: none;

  background-color: var(--bs-body-bg);

  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);

  background-repeat: no-repeat;

  background-position: right 0.75rem center;

  background-size: 16px 12px;

  border: var(--bs-border-width) solid var(--bs-border-color);

  border-radius: var(--bs-border-radius);

  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}

@media (prefers-reduced-motion: reduce) {

  .form-select {

    transition: none;

  }

}

.form-select:focus {

  border-color: #c480fe;

  outline: 0;

  box-shadow: 0 0 0 0.25rem rgba(136, 0, 252, 0.25);

}

.form-select[multiple], .form-select[size]:not([size="1"]) {

  padding-right: 0.75rem;

  background-image: none;

}

.form-select:-moz-focusring {

  color: transparent;

  text-shadow: 0 0 0 var(--bs-body-color);

}



.form-select-sm {

  padding-top: 0.25rem;

  padding-bottom: 0.25rem;

  padding-left: 0.5rem;

  font-size: 0.875rem;

  border-radius: var(--bs-border-radius-sm);

}



.form-select-lg {

  padding-top: 0.5rem;

  padding-bottom: 0.5rem;

  padding-left: 1rem;

  font-size: 1.25rem;

  border-radius: var(--bs-border-radius-lg);

}



[data-bs-theme=dark] .form-select {

  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");

}



.form-check {

  display: block;

  min-height: 1.5rem;

  padding-left: 1.5em;

  margin-bottom: 0.125rem;

}

.form-check .form-check-input {

  float: left;

  margin-left: -1.5em;

}



.form-check-reverse {

  padding-right: 1.5em;

  padding-left: 0;

  text-align: right;

}

.form-check-reverse .form-check-input {

  float: right;

  margin-right: -1.5em;

  margin-left: 0;

}



.form-check-input {

  --bs-form-check-bg: var(--bs-body-bg);

  width: 1em;

  height: 1em;

  margin-top: 0.25em;

  vertical-align: top;

  appearance: none;

  background-color: var(--bs-form-check-bg);

  background-image: var(--bs-form-check-bg-image);

  background-repeat: no-repeat;

  background-position: center;

  background-size: contain;

  border: var(--bs-border-width) solid var(--bs-border-color);

  print-color-adjust: exact;

}

.form-check-input[type=checkbox] {

  border-radius: 0.25em;

}

.form-check-input[type=radio] {

  border-radius: 50%;

}

.form-check-input:active {

  filter: brightness(90%);

}

.form-check-input:focus {

  border-color: #c480fe;

  outline: 0;

  box-shadow: 0 0 0 0.25rem rgba(136, 0, 252, 0.25);

}

.form-check-input:checked {

  background-color: #8800fc;

  border-color: #8800fc;

}

.form-check-input:checked[type=checkbox] {

  --bs-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='%23fff' 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] {

  --bs-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='%23fff'/%3e%3c/svg%3e");

}

.form-check-input[type=checkbox]:indeterminate {

  background-color: #8800fc;

  border-color: #8800fc;

  --bs-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='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");

}

.form-check-input:disabled {

  pointer-events: none;

  filter: none;

  opacity: 0.5;

}

.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {

  cursor: default;

  opacity: 0.5;

}



.form-switch {

  padding-left: 2.5em;

}

.form-switch .form-check-input {

  --bs-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");

  width: 2em;

  margin-left: -2.5em;

  background-image: var(--bs-form-switch-bg);

  background-position: left center;

  border-radius: 2em;

  transition: background-position 0.15s ease-in-out;

}

@media (prefers-reduced-motion: reduce) {

  .form-switch .form-check-input {

    transition: none;

  }

}

.form-switch .form-check-input:focus {

  --bs-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='%23c480fe'/%3e%3c/svg%3e");

}

.form-switch .form-check-input:checked {

  background-position: right center;

  --bs-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='%23fff'/%3e%3c/svg%3e");

}

.form-switch.form-check-reverse {

  padding-right: 2.5em;

  padding-left: 0;

}

.form-switch.form-check-reverse .form-check-input {

  margin-right: -2.5em;

  margin-left: 0;

}



.form-check-inline {

  display: inline-block;

  margin-right: 1rem;

}



.btn-check {

  position: absolute;

  clip: rect(0, 0, 0, 0);

  pointer-events: none;

}

.btn-check[disabled] + .btn, .btn-check:disabled + .btn {

  pointer-events: none;

  filter: none;

  opacity: 0.65;

}



[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {

  --bs-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%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");

}



.form-range {

  width: 100%;

  height: 1.5rem;

  padding: 0;

  appearance: none;

  background-color: transparent;

}

.form-range:focus {

  outline: 0;

}

.form-range:focus::-webkit-slider-thumb {

  box-shadow: 0 0 0 1px #f7f7f9, 0 0 0 0.25rem rgba(136, 0, 252, 0.25);

}

.form-range:focus::-moz-range-thumb {

  box-shadow: 0 0 0 1px #f7f7f9, 0 0 0 0.25rem rgba(136, 0, 252, 0.25);

}

.form-range::-moz-focus-outer {

  border: 0;

}

.form-range::-webkit-slider-thumb {

  width: 1rem;

  height: 1rem;

  margin-top: -0.25rem;

  appearance: none;

  background-color: #8800fc;

  border: 0;

  border-radius: 1rem;

  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}

@media (prefers-reduced-motion: reduce) {

  .form-range::-webkit-slider-thumb {

    transition: none;

  }

}

.form-range::-webkit-slider-thumb:active {

  background-color: #dbb3fe;

}

.form-range::-webkit-slider-runnable-track {

  width: 100%;

  height: 0.5rem;

  color: transparent;

  cursor: pointer;

  background-color: var(--bs-tertiary-bg);

  border-color: transparent;

  border-radius: 1rem;

}

.form-range::-moz-range-thumb {

  width: 1rem;

  height: 1rem;

  appearance: none;

  background-color: #8800fc;

  border: 0;

  border-radius: 1rem;

  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}

@media (prefers-reduced-motion: reduce) {

  .form-range::-moz-range-thumb {

    transition: none;

  }

}

.form-range::-moz-range-thumb:active {

  background-color: #dbb3fe;

}

.form-range::-moz-range-track {

  width: 100%;

  height: 0.5rem;

  color: transparent;

  cursor: pointer;

  background-color: var(--bs-tertiary-bg);

  border-color: transparent;

  border-radius: 1rem;

}

.form-range:disabled {

  pointer-events: none;

}

.form-range:disabled::-webkit-slider-thumb {

  background-color: var(--bs-secondary-color);

}

.form-range:disabled::-moz-range-thumb {

  background-color: var(--bs-secondary-color);

}



.form-floating {

  position: relative;

}

.form-floating > .form-control,

.form-floating > .form-control-plaintext,

.form-floating > .form-select {

  height: calc(3.5rem + calc(var(--bs-border-width) * 2));

  min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));

  line-height: 1.25;

}

.form-floating > label {

  position: absolute;

  top: 0;

  left: 0;

  z-index: 2;

  height: 100%;

  padding: 1rem 0.75rem;

  overflow: hidden;

  text-align: start;

  text-overflow: ellipsis;

  white-space: nowrap;

  pointer-events: none;

  border: var(--bs-border-width) solid transparent;

  transform-origin: 0 0;

  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;

}

@media (prefers-reduced-motion: reduce) {

  .form-floating > label {

    transition: none;

  }

}

.form-floating > .form-control,

.form-floating > .form-control-plaintext {

  padding: 1rem 0.75rem;

}

.form-floating > .form-control::placeholder,

.form-floating > .form-control-plaintext::placeholder {

  color: transparent;

}

.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: 0.625rem;

}

.form-floating > .form-control:-webkit-autofill,

.form-floating > .form-control-plaintext:-webkit-autofill {

  padding-top: 1.625rem;

  padding-bottom: 0.625rem;

}

.form-floating > .form-select {

  padding-top: 1.625rem;

  padding-bottom: 0.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 {

  color: rgba(var(--bs-body-color-rgb), 0.65);

  transform: scale(0.85) translateY(-0.5rem) translateX(0.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 {

  position: absolute;

  inset: 1rem 0.375rem;

  z-index: -1;

  height: 1.5em;

  content: "";

  background-color: var(--bs-body-bg);

  border-radius: var(--bs-border-radius);

}

.form-floating > .form-control:-webkit-autofill ~ label {

  color: rgba(var(--bs-body-color-rgb), 0.65);

  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);

}

.form-floating > .form-control-plaintext ~ label {

  border-width: var(--bs-border-width) 0;

}

.form-floating > :disabled ~ label,

.form-floating > .form-control:disabled ~ label {

  color: #6c757d;

}

.form-floating > :disabled ~ label::after,

.form-floating > .form-control:disabled ~ label::after {

  background-color: var(--bs-secondary-bg);

}



.input-group {

  position: relative;

  display: flex;

  flex-wrap: wrap;

  align-items: stretch;

  width: 100%;

}

.input-group > .form-control,

.input-group > .form-select,

.input-group > .form-floating {

  position: relative;

  flex: 1 1 auto;

  width: 1%;

  min-width: 0;

}

.input-group > .form-control:focus,

.input-group > .form-select:focus,

.input-group > .form-floating:focus-within {

  z-index: 5;

}

.input-group .btn {

  position: relative;

  z-index: 2;

}

.input-group .btn:focus {

  z-index: 5;

}



.input-group-text {

  display: flex;

  align-items: center;

  padding: 0.375rem 0.75rem;

  font-size: 1rem;

  font-weight: normal;

  line-height: 1.5;

  color: var(--bs-body-color);

  text-align: center;

  white-space: nowrap;

  background-color: var(--bs-tertiary-bg);

  border: var(--bs-border-width) solid var(--bs-border-color);

  border-radius: var(--bs-border-radius);

}



.input-group-lg > .form-control,

.input-group-lg > .form-select,

.input-group-lg > .input-group-text,

.input-group-lg > .btn {

  padding: 0.5rem 1rem;

  font-size: 1.25rem;

  border-radius: var(--bs-border-radius-lg);

}



.input-group-sm > .form-control,

.input-group-sm > .form-select,

.input-group-sm > .input-group-text,

.input-group-sm > .btn {

  padding: 0.25rem 0.5rem;

  font-size: 0.875rem;

  border-radius: var(--bs-border-radius-sm);

}



.input-group-lg > .form-select,

.input-group-sm > .form-select {

  padding-right: 3rem;

}



.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 {

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

}

.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 {

  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(--bs-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 {

  border-top-left-radius: 0;

  border-bottom-left-radius: 0;

}



.valid-feedback {

  display: none;

  width: 100%;

  margin-top: 0.25rem;

  font-size: 0.875em;

  color: var(--bs-form-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;

  color: #fff;

  background-color: var(--bs-success);

  border-radius: var(--bs-border-radius);

}



.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(--bs-form-valid-border-color);

  padding-right: calc(1.5em + 0.75rem);

  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' 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-repeat: no-repeat;

  background-position: right calc(0.375em + 0.1875rem) center;

  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);

}

.was-validated .form-control:valid:focus, .form-control.is-valid:focus {

  border-color: var(--bs-form-valid-border-color);

  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);

}



.was-validated textarea.form-control:valid, textarea.form-control.is-valid {

  padding-right: calc(1.5em + 0.75rem);

  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);

}



.was-validated .form-select:valid, .form-select.is-valid {

  border-color: var(--bs-form-valid-border-color);

}

.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {

  --bs-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='%23198754' 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");

  padding-right: 4.125rem;

  background-position: right 0.75rem center, center right 2.25rem;

  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);

}

.was-validated .form-select:valid:focus, .form-select.is-valid:focus {

  border-color: var(--bs-form-valid-border-color);

  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);

}



.was-validated .form-control-color:valid, .form-control-color.is-valid {

  width: calc(3rem + calc(1.5em + 0.75rem));

}



.was-validated .form-check-input:valid, .form-check-input.is-valid {

  border-color: var(--bs-form-valid-border-color);

}

.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {

  background-color: var(--bs-form-valid-color);

}

.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {

  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);

}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {

  color: var(--bs-form-valid-color);

}



.form-check-inline .form-check-input ~ .valid-feedback {

  margin-left: 0.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,

.input-group > .form-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 {

  display: none;

  width: 100%;

  margin-top: 0.25rem;

  font-size: 0.875em;

  color: var(--bs-form-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;

  color: #fff;

  background-color: var(--bs-danger);

  border-radius: var(--bs-border-radius);

}



.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(--bs-form-invalid-border-color);

  padding-right: calc(1.5em + 0.75rem);

  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='%23dc3545'%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='%23dc3545' stroke='none'/%3e%3c/svg%3e");

  background-repeat: no-repeat;

  background-position: right calc(0.375em + 0.1875rem) center;

  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);

}

.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {

  border-color: var(--bs-form-invalid-border-color);

  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);

}



.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {

  padding-right: calc(1.5em + 0.75rem);

  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);

}



.was-validated .form-select:invalid, .form-select.is-invalid {

  border-color: var(--bs-form-invalid-border-color);

}

.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {

  --bs-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='%23dc3545'%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='%23dc3545' stroke='none'/%3e%3c/svg%3e");

  padding-right: 4.125rem;

  background-position: right 0.75rem center, center right 2.25rem;

  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);

}

.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {

  border-color: var(--bs-form-invalid-border-color);

  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);

}



.was-validated .form-control-color:invalid, .form-control-color.is-invalid {

  width: calc(3rem + calc(1.5em + 0.75rem));

}



.was-validated .form-check-input:invalid, .form-check-input.is-invalid {

  border-color: var(--bs-form-invalid-border-color);

}

.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {

  background-color: var(--bs-form-invalid-color);

}

.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {

  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);

}

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {

  color: var(--bs-form-invalid-color);

}



.form-check-inline .form-check-input ~ .invalid-feedback {

  margin-left: 0.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,

.input-group > .form-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;

}



.alert {

  --bs-alert-bg: transparent;

  --bs-alert-padding-x: 1rem;

  --bs-alert-padding-y: 1rem;

  --bs-alert-margin-bottom: 1rem;

  --bs-alert-color: inherit;

  --bs-alert-border-color: transparent;

  --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);

  --bs-alert-border-radius: var(--bs-border-radius);

  --bs-alert-link-color: inherit;

  position: relative;

  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);

  margin-bottom: var(--bs-alert-margin-bottom);

  color: var(--bs-alert-color);

  background-color: var(--bs-alert-bg);

  border: var(--bs-alert-border);

  border-radius: var(--bs-alert-border-radius);

}



.alert-heading {

  color: inherit;

}



.alert-link {

  font-weight: 700;

  color: var(--bs-alert-link-color);

}



.alert-dismissible {

  padding-right: 3rem;

}

.alert-dismissible .btn-close {

  position: absolute;

  top: 0;

  right: 0;

  z-index: 2;

  padding: 1.25rem 1rem;

}



.alert-primary {

  --bs-alert-color: var(--bs-primary-text-emphasis);

  --bs-alert-bg: var(--bs-primary-bg-subtle);

  --bs-alert-border-color: var(--bs-primary-border-subtle);

  --bs-alert-link-color: var(--bs-primary-text-emphasis);

}



.alert-secondary {

  --bs-alert-color: var(--bs-secondary-text-emphasis);

  --bs-alert-bg: var(--bs-secondary-bg-subtle);

  --bs-alert-border-color: var(--bs-secondary-border-subtle);

  --bs-alert-link-color: var(--bs-secondary-text-emphasis);

}



.alert-success {

  --bs-alert-color: var(--bs-success-text-emphasis);

  --bs-alert-bg: var(--bs-success-bg-subtle);

  --bs-alert-border-color: var(--bs-success-border-subtle);

  --bs-alert-link-color: var(--bs-success-text-emphasis);

}



.alert-info {

  --bs-alert-color: var(--bs-info-text-emphasis);

  --bs-alert-bg: var(--bs-info-bg-subtle);

  --bs-alert-border-color: var(--bs-info-border-subtle);

  --bs-alert-link-color: var(--bs-info-text-emphasis);

}



.alert-warning {

  --bs-alert-color: var(--bs-warning-text-emphasis);

  --bs-alert-bg: var(--bs-warning-bg-subtle);

  --bs-alert-border-color: var(--bs-warning-border-subtle);

  --bs-alert-link-color: var(--bs-warning-text-emphasis);

}



.alert-danger {

  --bs-alert-color: var(--bs-danger-text-emphasis);

  --bs-alert-bg: var(--bs-danger-bg-subtle);

  --bs-alert-border-color: var(--bs-danger-border-subtle);

  --bs-alert-link-color: var(--bs-danger-text-emphasis);

}



.alert-light {

  --bs-alert-color: var(--bs-light-text-emphasis);

  --bs-alert-bg: var(--bs-light-bg-subtle);

  --bs-alert-border-color: var(--bs-light-border-subtle);

  --bs-alert-link-color: var(--bs-light-text-emphasis);

}



.alert-dark {

  --bs-alert-color: var(--bs-dark-text-emphasis);

  --bs-alert-bg: var(--bs-dark-bg-subtle);

  --bs-alert-border-color: var(--bs-dark-border-subtle);

  --bs-alert-link-color: var(--bs-dark-text-emphasis);

}



textarea {

  resize: vertical;

}



.form-control {

  display: block;

  font-family: var(--bs-font-family);

  width: 100%;

  padding: 0.5rem 0.9rem !important;

  font-size: 0.8125rem;

  font-weight: 400;

  line-height: 1.5;

  background-color: transparent;

  background-clip: padding-box;

  border: 1px solid var(--bs-border-color) !important;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  border-radius: 0.25rem;

  height: auto !important;

}

.form-control::placeholder {

  opacity: 0.7;

}

.form-control:focus {

  background-color: transparent;

  border-color: var(--bs-primary-300) !important;

  box-shadow: none !important;

}



.field-textarea textarea {

  overflow: auto !important;

  scrollbar-width: thin;

  resize: vertical !important;

}

.field-textarea textarea::-webkit-scrollbar {

  -webkit-appearance: unset;

  width: 5px;

}

.field-textarea textarea::-webkit-scrollbar-thumb {

  background-color: rgba(0, 0, 0, 0.075);

  border-radius: 8px;

}

.field-textarea textarea::-webkit-scrollbar-track {

  border-radius: 8px;

}

.field-textarea textarea:focus {

  box-shadow: none !important;

}



.form-select {

  display: block;

  width: 100%;

  -moz-padding-start: calc(0.9rem - 3px);

  font-size: 0.8125rem;

  font-weight: 400;

  padding: 0.5rem 0.9rem !important;

  line-height: 1.5;

  background-color: white;

  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");

  background-repeat: no-repeat;

  background-position: right 0.9rem center !important;

  background-size: 16px 12px;

  border: 1px solid var(--bs-border-color) !important;

  border-radius: 0.25rem;

  appearance: none;

}

.form-select:focus {

  box-shadow: none !important;

  border-color: var(--bs-primary) !important;

}

.form-select .ts-control {

  padding: 0 !important;

  height: 37px !important;

}

.form-select .ts-dropdown [data-selectable].option {

  padding: 0.5rem 1rem;

}

.form-select .ts-dropdown-content {

  padding: 0;

  scrollbar-width: thin;

}

.form-select .ts-dropdown-content::-webkit-scrollbar {

  -webkit-appearance: unset;

  width: 5px;

}

.form-select .ts-dropdown-content::-webkit-scrollbar-thumb {

  background-color: rgba(0, 0, 0, 0.075);

  border-radius: 8px;

}

.form-select .ts-dropdown-content::-webkit-scrollbar-track {

  border-radius: 8px;

}



.form-action-search {

  height: 100%;

  display: grid;

  place-content: center;

  border: 1px solid var(--bs-border-color) !important;

  padding: 0 1rem;

  padding: 0.575rem 0.75rem;

  border-radius: 5px;

  width: fit-content;

}

.form-action-search:focus-within {

  border-color: var(--bs-primary) !important;

}

.form-action-search .form-control {

  border: hidden !important;

}



.ts-wrapper.form-control,

.ts-wrapper.form-select {

  padding-inline: 0.9rem !important;

  height: 37px !important;

}

.ts-wrapper.form-control:focus-within,

.ts-wrapper.form-select:focus-within {

  border: 1px solid var(--bs-primary) !important;

}



.form-group {

  padding: 0;

}



.form-action-search * {

  padding: 0 !important;

}



file .content-search-label .form-control {

  border: 0px !important;

}



.content-search-label {

  padding-left: 0.5rem !important;

}



.form-check {

  display: flex;

  gap: 0.25rem;

  place-items: center;

  margin-right: 0.5rem;

}

.form-check-input {

  margin-left: 0;

}

.form-check > * {

  margin: 0 !important;

  padding: 0 !important;

}



.filter-grp-select {

  padding-left: 1rem;

}



.form-tabs .nav-tabs .nav-link.active {

  box-shadow: inset 0 -1px 0 0 var(--link-color);

}



.form-control.bg-white, .form-control.form-gallery__input {

  background: white;

}



.form-gallery .form-control {

  visibility: hidden;

}

.form-gallery__input {

  display: block;

  font-family: var(--bs-font-family);

  width: 100%;

  padding: 0.5rem 0.9rem !important;

  font-size: 0.8125rem;

  font-weight: 400;

  line-height: 1.5;

  background-color: transparent;

  background-clip: padding-box;

  border: 1px solid var(--bs-border-color) !important;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  border-radius: 0.25rem;

  height: auto !important;

}

.form-gallery__input:focus {

  background-color: transparent;

  border-color: var(--bs-primary-300) !important;

  box-shadow: none !important;

}

.form-gallery__input:hover {

  cursor: pointer;

}

.form-gallery .group-label {

  display: grid;

  margin-bottom: 1rem;

  gap: 0.25rem;

}

.form-gallery .group-label .form-control-label {

  padding: 0;

}

.form-gallery .form-control-label {

  display: flex;

  place-items: center;

  gap: 1rem;

  place-content: space-between;

}

.form-gallery .form-control-label i {

  cursor: pointer;

  color: var(--gray-500);

  position: relative;

}

.form-gallery .form-control-label i::after {

  content: "Sélectionnez dans le champ pour afficher la fenêtre de la bibliothèque média. Cliquez sur le bouton d'upload pour télécharger des fichiers depuis votre ordinateur. Les fichiers téléchargés seront trouvés dans le dossier 'Média/upload'.";

  position: absolute;

  visibility: hidden;

  background: #4d4d4d;

  color: white;

  font-family: var(--font-family-base);

  font-weight: 400;

  font-size: 0.75rem;

  padding: 0.5rem;

  right: 0;

  line-height: 1.4;

  top: 100%;

  width: 315px;

  border-radius: 5px;

  z-index: 2;

  opacity: 0;

}

.form-gallery .form-control-label i:hover::after {

  visibility: visible;

  opacity: 1;

  transition: opacity 0.5s ease-in;

}

.form-gallery .input-group-prepend {

  position: absolute;

  top: 10px;

  padding-inline: 7px 3px;

  right: 0;

  background-color: white;

  margin-bottom: 0 !important;

  margin-right: 15px;

  opacity: 0;

  transition: opacity 0.5s ease-in-out;

}

.form-gallery .input-group-prepend i {

  background-color: white;

  color: var(--gray-500);

  transition: background-color 0.15s ease-in-out;

  font-size: 1.15rem;

}

.form-gallery .input-group-prepend i:hover {

  cursor: pointer;

  color: var(--gray-600);

}

.form-gallery .input-group-prepend + .no-file {

  display: none;

}

.form-gallery .fa.fa-trash-o::before {

  content: "\eb96";

  font-family: remixicon;

}

.form-gallery .file-view {

  width: 100%;

  height: auto;

  /* Maintain aspect ratio */

  max-height: 100%;

}

.form-gallery .file-view[src$=".svg"] {

  min-width: 100px;

}

.form-gallery .file-view__wrapper {

  --bg-color: #e3e3e3;

  display: inline-block;

  height: auto;

  max-height: 250px;

  margin-top: 0.5rem;

  position: absolute;

  top: 100%;

  left: 17px;

  background: var(--bg-color);

  padding: 0.5rem;

  max-width: 260px;

}

.form-gallery .file-view__wrapper::after {

  content: "";

  position: absolute;

  background: var(--bg-color);

  clip-path: polygon(49% 55%, 0% 100%, 100% 100%);

  top: -18px;

  width: 20px;

  aspect-ratio: 1/1;

  left: 18px;

}

.form-gallery .file-view__wrapper.bg-square img {

  background-image: linear-gradient(45deg, var(--bs-gray-500) 25%, transparent 25%), linear-gradient(-45deg, var(--bs-gray-500) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--bs-gray-500) 75%), linear-gradient(-45deg, rgba(223, 223, 223, 0.6980392157) 75%, var(--bs-gray-500) 75%);

  background-size: 20px 20px;

  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;

}

.form-gallery .form-control:hover {

  cursor: pointer;

}

.form-gallery .form-gallery__input-wrapper {

  position: relative;

}

.form-gallery .form-gallery__view {

  display: flex;

  gap: 0.25rem;

}

.form-gallery .form-gallery__view > * {

  margin: 0 !important;

}

.form-gallery .form-gallery__view .form-gallery__input-wrapper {

  width: 100%;

}

.form-gallery .form-gallery__view .btn-upload {

  width: fit-content;

}



.form-keywords .form-group {

  padding: 3px 0;

  position: relative;

}

.form-keywords .flex-fill {

  margin: 0;

}

.form-keywords .form-control {

  border-radius: 100px;

  padding: 0 1.75rem 0 0.75rem !important;

  background: var(--bs-primary-200);

  color: #fff;

  width: 180px;

  border: 0 !important;

  box-shadow: unset;

  height: 30px !important;

}

.form-keywords .form-control:hover {

  background: white !important;

  border: 3px solid var(--bs-primary-200) !important;

  color: var(--bs-body-color);

}

.form-keywords .form-control:focus {

  transition: all 0.25s ease-out;

  background: white;

  border: 3px solid var(--bs-primary-200) !important;

  color: var(--bs-body-color);

  width: 230px;

}

.form-keywords .form-control:focus + .field-collection-delete-button {

  color: var(--bs-body-color);

}

.form-keywords .form-widget .form-control {

  background: var(--bs-primary);

}

.form-keywords .form-widget .form-control:focus {

  background: white;

  border-color: var(--bs-primary);

}

.form-keywords .field-collection-delete-button {

  color: #fff;

  position: absolute;

  top: 0;

  bottom: 0;

  margin-block: auto;

  right: 0;

  border: 0;

  font-size: 0.75rem;

  opacity: 0.8;

}

.form-keywords .ea-form-collection-items,

.form-keywords .grid-container {

  display: inline-flex;

  flex-wrap: wrap;

  gap: 0.15rem;

}

.form-keywords .flex-fill,

.form-keywords label {

  display: none;

  font-weight: 500;

}



.ea-text-editor-wrapper:focus-within {

  border-color: var(--bs-primary) !important;

  box-shadow: none !important;

}



.trix-content:focus-visible {

  outline: transparent;

}



.trix-content {

  overflow-wrap: anywhere;

}



.dropdown-menu {

  padding: 5px 0;

}



.content-search-label .form-control {

  font-size: 1rem;

}



.form-control.is-invalid {

  border-color: var(--bs-text-danger) !important;

}



.content-header #menu-select {

  font-size: 1rem !important;

  padding: 0.575rem 0.75rem !important;

  min-width: calc(100% + 1rem);

}



.form-panel .field-column {

  padding: 0;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

@media (min-width: 576px) {

  .form-panel .field-column {

    gap: 2rem;

  }

}

.form-panel .field-column .form-control-label {

  flex: 1 1 20%;

}

.form-panel .field-column .form-widget {

  flex: 1 1 70%;

}

.form-panel .form-widget .form-help {

  font-size: smaller;

}

.form-panel .ea-text-editor-wrapper {

  max-height: 350px;

  overflow: auto;

  scrollbar-width: thin;

  resize: vertical;

}

.form-panel .ea-text-editor-wrapper::-webkit-scrollbar {

  -webkit-appearance: unset;

  width: 5px;

}

.form-panel .ea-text-editor-wrapper::-webkit-scrollbar-thumb {

  background-color: rgba(0, 0, 0, 0.075);

  border-radius: 8px;

}

.form-panel .ea-text-editor-wrapper::-webkit-scrollbar-track {

  border-radius: 8px;

}



.form-panel-header {

  align-items: center;

}



.form-control-label {

  font-weight: 500;

  margin-bottom: 0.5rem;

}



.form-panel-actions {

  position: relative;

}



.form-panel-help {

  color: var(--bs-text-color);

  margin-top: 0.5rem;

  z-index: 1;

  position: relative;

}



.form-slug .btn {

  order: 1;

  height: 100%;

  border-bottom-right-radius: 0px;

  border-top-right-radius: 0px;

  border: 0px !important;

}

.form-slug .btn:hover, .form-slug .btn:focus {

  height: 100%;

  border-color: transparent !important;

  box-shadow: unset !important;

  margin-top: 0px !important;

}

.form-slug .form-control {

  order: 2;

  margin-left: -1px;

  border-radius: 0;

  border: 0px !important;

  outline: 0px;

  box-shadow: unset !important;

}

.form-slug .form-control:focus {

  box-shadow: unset !important;

  border: 0px !important;

}

.form-slug .form-control[readonly=readonly] {

  border: 0px !important;

}

.form-slug .form-control:not([readonly=readonly]) {

  border-left: 1px solid var(--bs-border-color) !important;

}

.form-slug .input-group {

  border: 1px solid var(--bs-border-color);

  border-radius: 3px;

}

.form-slug .input-group:focus-within {

  border-color: var(--bs-primary);

}

.form-slug .fas.fa-lock.fa-fw::before {

  content: "\eecc";

  font-family: remixicon !important;

  font-style: normal;

  font-weight: normal;

  font-size: 1.5rem;

}

.form-slug .fas.fa-lock.fa-fw:hover::before {

  content: "\eecb";

}

.form-slug .fas.fa-lock-open.fa-fw::before {

  content: "\eed2";

  color: var(--bs-primary);

  font-family: remixicon !important;

  font-style: normal;

  font-weight: normal;

  font-size: 1.5rem;

}

.form-slug .fas.fa-lock-open.fa-fw:hover::before {

  content: "\eed1";

}



.form-check {

  padding-left: 0 !important;

}



.field-multiple-input .field-collection-item {

  display: flex;

}

.field-multiple-input .field-collection-item .btn {

  color: var(--bs-body-color);

  border: hidden;

}

.field-multiple-input .fa-trash-alt::before {

  content: "\eb99";

  font-family: remixicon;

}

.field-multiple-input .has-help {

  display: flex;

  flex-direction: column;

}

.field-multiple-input .form-help {

  order: 1;

}

.field-multiple-input .btn-add-element {

  order: 3;

  place-content: start;

}

.field-multiple-input .ea-form-collection-items {

  order: 2;

}



.form-switch {

  display: flex;

  place-content: space-between;

}



.CodeMirror-line [role=presentation] {

  word-break: break-all;

}



.form-switch .form-check-input:checked {

  border-color: var(--bs-primary);

}



.flash {

  --flash-theme: $flash-theme;

  position: absolute;

  top: 3%;

  right: -100%;

  background: white;

  z-index: 1050;

  border-left: 5px solid var(--flash-theme);

  border-top-left-radius: 7px;

  border-bottom-left-radius: 7px;

  box-shadow: var(--bs-box-shadow);

  color: #6b7280;

  font-size: 0.875rem;

  line-height: 1.5;

  min-width: 350px;

  max-width: 450px;

  transition: all 1s ease-in-out;

}

.flash-progress-bar {

  width: 100%;

  height: 2px;

  background: var(--flash-theme);

}

.flash-wrapper {

  display: flex;

  align-items: center;

  padding: 1rem 5rem 1rem 1rem;

  gap: 1rem;

}

.flash:after {

  content: "";

  position: absolute;

  background-color: transparent;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  z-index: -1;

}

.flash:hover {

  cursor: pointer;

}

.flash.dark-theme {

  background-color: var(--bs-body-color);

  color: #dbdbdb;

}

.flash.dark-theme .flash-title {

  color: white;

  font-weight: bold;

}

.flash.show {

  right: 0;

}

.flash b {

  font-weight: 600;

}

.flash-title {

  display: block;

  font-weight: normal;

  margin-bottom: 0.25rem;

  color: var(--flash-theme);

}

.flash-icon {

  font-family: remixicon !important;

  font-style: normal;

  font-size: 3rem;

  color: var(--flash-theme);

}

.flash-info {

  --flash-theme: var(--bs-text-info);

}

.flash-info:hover::after {

  --flash-bg: rgba(37, 99, 235, 0.05);

  background-color: var(--flash-bg);

  cursor: pointer;

}

.flash-info .flash-icon {

  animation: wrench 2.5s ease infinite;

}

.flash-info .flash-icon::before {

  content: "\ee58";

}

.flash-danger, .flash-error {

  --flash-theme: var(--bs-text-danger);

}

.flash-danger:hover::after, .flash-error:hover::after {

  --flash-bg: rgba(220, 53, 69, 0.05);

  background-color: var(--flash-bg);

  cursor: pointer;

}

.flash-danger .flash-icon, .flash-error .flash-icon {

  animation: blink 2s infinite both;

}

.flash-danger .flash-icon::before, .flash-error .flash-icon::before {

  content: "\ea20";

}

.flash-warning {

  --flash-theme: var(--bs-text-warning);

}

.flash-warning:hover::after {

  --flash-bg: rgba(255, 193, 7, 0.05);

  background-color: var(--flash-bg);

}

.flash-warning .flash-icon {

  animation: blink 2s infinite both;

}

.flash-warning .flash-icon::before {

  content: "\ea20";

}

.flash-success {

  --flash-theme: var(--bs-text-success);

}

.flash-success:hover::after {

  --flash-bg: rgba(26, 135, 84, 0.05);

  background-color: var(--flash-bg);

  cursor: pointer;

}

.flash-success .flash-icon {

  animation: tada 2s linear infinite;

  height: fit-content;

}

.flash-success .flash-icon::before {

  content: "\eb80";

}

.flash-primary {

  --flash-theme: var(--bs-primary);

}

.flash-primary:hover::after {

  --flash-bg: rgba(136, 0, 252, 0.05);

  background-color: var(--flash-bg);

  cursor: pointer;

}

.flash-primary .flash-icon {

  animation: bounce 2s ease infinite;

  height: fit-content;

}

.flash-primary .flash-icon::before {

  content: "\f206";

}

.flash-secondary {

  --flash-theme: var(--bs-secondary);

}

.flash-secondary:hover::after {

  --flash-bg: rgba(33, 37, 41, 0.05);

  background-color: var(--flash-bg);

  cursor: pointer;

}

.flash-secondary .flash-icon {

  animation: bounce 2s ease infinite;

  height: fit-content;

}

.flash-secondary .flash-icon::before {

  content: "\f206";

}



.alert {

  display: flex;

  border: 0;

  border-top: 3px solid var(--bs-alert-color);

  border-radius: 0;

  color: var(--bs-body-color);

  box-shadow: var(--bs-box-shadow);

  gap: 0.5rem;

}

.alert .btn-close {

  animation: blink 2s infinite both;

}

.alert-icon {

  font-size: 1.15rem;

}

.alert-title {

  display: block;

  color: var(--bs-alert-color);

  margin-bottom: 0.25rem;

  font-size: 0.95rem;

  padding-block: 0.15rem;

}

.alert-icon {

  font-family: remixicon !important;

  font-style: normal;

  font-size: 1.15rem;

  color: var(--bs-alert-color);

}

.alert-success {

  --bs-alert-color: var(--bs-text-success);

  --bs-alert-bg: #ebf7f1;

  --bs-alert-title-color: var(--bs-alert-color);

}

.alert-success:hover {

  --bs-alert-bg: rgba(26, 135, 84, 0.15);

}

.alert-success .alert-icon {

  animation: tada 2s linear infinite;

  height: fit-content;

}

.alert-success .alert-icon::before {

  content: "\eb80";

}

.alert-info {

  --bs-alert-color: var(--bs-text-info);

  --bs-alert-bg: #f0f5ff;

  --bs-alert-title-color: var(--bs-alert-color);

}

.alert-info:hover {

  --bs-alert-bg: rgba(37, 99, 235, 0.15);

}

.alert-info .alert-icon {

  animation: wrench 2.5s ease infinite;

}

.alert-info .alert-icon::before {

  content: "\ee58";

}

.alert-danger, .alert-error {

  --bs-alert-color: var(--bs-text-danger);

  --bs-alert-bg: #ffeeef;

  --bs-alert-title-color: var(--bs-alert-color);

}

.alert-danger:hover, .alert-error:hover {

  --bs-alert-bg: rgba(220, 53, 69, 0.15);

}

.alert-danger .alert-icon, .alert-error .alert-icon {

  animation: pulse 2s linear infinite;

  height: fit-content;

}

.alert-danger .alert-icon::before, .alert-error .alert-icon::before {

  content: "\eb96";

}

.alert-warning {

  --bs-alert-color: var(--bs-text-warning);

  --bs-alert-bg: rgba(255, 193, 7, 0.05);

  --bs-alert-title-color: var(--bs-alert-color);

}

.alert-warning:hover {

  --bs-alert-bg: rgba(255, 193, 7, 0.15);

  transition: 0.5s;

  cursor: pointer;

}

.alert-warning .alert-icon {

  -webkit-animation: blink 2s infinite both;

  animation: blink 2s infinite both;

}

.alert-warning .alert-icon::before {

  content: "\ea20";

}

.alert-primary {

  --bs-alert-bg: rgba(136, 0, 252, 0.05);

}

.alert-primary:hover {

  --bs-alert-bg: rgba(136, 0, 252, 0.15);

  transition: 0.5s;

  cursor: pointer;

}

.alert-primary .alert-icon {

  animation: bounce 2s ease infinite;

}

.alert-primary .alert-icon::before {

  content: "\f206";

}

.alert-secondary {

  --bs-alert-bg: rgba(33, 37, 41, 0.05);

}

.alert-secondary:hover {

  --bs-alert-bg: rgba(33, 37, 41, 0.15);

  transition: 0.5s;

  cursor: pointer;

}

.alert-secondary .alert-icon {

  animation: bounce 2s ease infinite;

}

.alert-secondary .alert-icon::before {

  content: "\f206";

}



/**

 * ----------------------------------------

 * animation of icons

 * ----------------------------------------

 */

@-webkit-keyframes blink {

  0%, 50%, 100% {

    opacity: 1;

  }

  25%, 75% {

    opacity: 0;

  }

}

@keyframes blink {

  0%, 50%, 100% {

    opacity: 1;

  }

  25%, 75% {

    opacity: 0;

  }

}

@keyframes pulse {

  0% {

    transform: scale(0.75);

  }

  70% {

    transform: scale(1);

  }

  100% {

    transform: scale(0.75);

  }

}

@keyframes wrench {

  0% {

    -webkit-transform: rotate(-3deg);

    transform: rotate(-3deg);

  }

  8% {

    -webkit-transform: rotate(3deg);

    transform: rotate(3deg);

  }

  10% {

    -webkit-transform: rotate(6deg);

    transform: rotate(6deg);

  }

  18% {

    -webkit-transform: rotate(-6deg);

    transform: rotate(-6deg);

  }

  20% {

    -webkit-transform: rotate(-6deg);

    transform: rotate(-6deg);

  }

  28% {

    -webkit-transform: rotate(6deg);

    transform: rotate(6deg);

  }

  30% {

    -webkit-transform: rotate(6deg);

    transform: rotate(6deg);

  }

  38% {

    -webkit-transform: rotate(-6deg);

    transform: rotate(-6deg);

  }

  40% {

    -webkit-transform: rotate(-6deg);

    transform: rotate(-6deg);

  }

  48% {

    -webkit-transform: rotate(6deg);

    transform: rotate(6deg);

  }

  50% {

    -webkit-transform: rotate(6deg);

    transform: rotate(6deg);

  }

  58% {

    -webkit-transform: rotate(-6deg);

    transform: rotate(-6deg);

  }

  60% {

    -webkit-transform: rotate(-6deg);

    transform: rotate(-6deg);

  }

  68% {

    -webkit-transform: rotate(6deg);

    transform: rotate(6deg);

  }

  100%, 75% {

    -webkit-transform: rotate(0);

    transform: rotate(0);

  }

}

@keyframes tada {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

  10%, 20% {

    -webkit-transform: scale(0.9) rotate(-8deg);

    transform: scale(0.9) rotate(-8deg);

  }

  30%, 50%, 70% {

    -webkit-transform: scale(1.3) rotate(8deg);

    transform: scale(1.3) rotate(8deg);

  }

  40%, 60% {

    -webkit-transform: scale(1.3) rotate(-8deg);

    transform: scale(1.3) rotate(-8deg);

  }

  100%, 80% {

    -webkit-transform: scale(1) rotate(0);

    transform: scale(1) rotate(0);

  }

}

@keyframes bounce {

  0%, 10%, 100%, 20%, 50%, 80% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

  40% {

    -webkit-transform: translateY(-15px);

    transform: translateY(-15px);

  }

  60% {

    -webkit-transform: translateY(-15px);

    transform: translateY(-15px);

  }

}

body {

  overflow: hidden;

  text-rendering: optimizeLegibility;

  -webkit-font-smoothing: antialiased;

}



.register .alert p {

  margin: 0;

}

.register .alert a {

  font-weight: 500;

  text-decoration: none;

  color: #f2b80b;

}

.register-bg {

  height: 350px;

  width: 100vmax;

  position: relative;

}

.register-bg::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-image: url(../images/login-bg.jpg);

  background-size: cover;

  background-repeat: no-repeat;

  background-color: var(--bs-primary);

  background-blend-mode: luminosity;

}

.register-content {

  border-radius: var(--bs-border-radius);

  height: fit-content;

  margin-inline: auto;

  margin-top: -110px;

  position: relative;

  z-index: 1;

  border: 1px solid var(--bs-border-color);

  overflow: hidden;

}

@media (min-width: 550px) {

  .register-content {

    width: 550px;

  }

}

.register-header {

  display: grid;

  place-content: center;

  background-color: rgba(73, 80, 87, 0.7);

  padding-block: 2rem 1rem;

}

.register h2 {

  font-weight: 500;

}

.register-body__top {

  display: grid;

  gap: 0.5rem;

}

.register p {

  color: var(--bs-text-color);

}

.register .btn {

  width: 100%;

  margin-top: 0.25rem;

}

.register .alert {

  margin-bottom: 1.5rem;

}

.register-body {

  background-color: var(--bs-card-bg);

  padding: 2rem;

}

.register-body__top {

  margin-bottom: 2rem;

}

.register-body__top > * {

  margin: 0;

  text-align: center;

}

.register-field {

  margin-bottom: 1rem;

  display: grid;

}

.register-field > * {

  display: block;

}

.register-field label {

  margin-bottom: 0.5rem;

  font-weight: 500;

}

.register .form-control {

  width: auto;

}

.register .aggre-terms {

  display: flex;

  margin-bottom: 1rem;

  gap: 0.25rem;

}

.register .aggre-terms > :first-child {

  order: 2;

}