@import url("https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;700&family=Roboto+Mono&family=Roboto:wght@400;700&display=swap");
*,
::after,
::before {
  box-sizing: border-box;
}

body {
  background-color: #efefef;
  height: 100%;
  margin: 0;
  padding: 0;
}
body::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
body::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 0.375rem;
  -webkit-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out;
}
body::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.25);
}
body::-webkit-scrollbar-track {
  background: transparent;
  padding: 10px;
}
body {
  scrollbar-face-color: transparent;
  scrollbar-track-color: transparent;
}
body.modal-open {
  overflow: auto !important;
}
body.modal-open[style] {
  padding-right: 0px !important;
}

:root {
  font-size: 16px !important;
}

h1 {
  font-family: "Baloo 2", sans-serif;
  font-size: 2.618rem;
  font-weight: 700;
  color: #12355b;
  letter-spacing: -0.03em;
  line-height: 2.618rem;
  position: relative;
}
h1 span.highlighted {
  background: linear-gradient(90deg, #24b8ce, #3930b1, #24b8ce);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  background-size: 300%;
  background-position: -150%;
  animation: grooveText 5s infinite alternate-reverse;
}

.text-center h1::after {
  width: 8%;
  left: 50%;
  transform: translateX(-50%);
}

@media (min-width: 992px) {
  .text-lg-start h1::after {
    left: 0;
    transform: none;
  }
}

h2 {
  font-family: "Roboto", sans-serif;
  font-size: 1.618rem;
  font-weight: 700;
  color: #12355b;
  line-height: 1.2;
}

h3 {
  font-family: "Roboto", sans-serif;
  font-size: 1.1rem;
  font-weight: 700;
  color: #12355b;
  line-height: 1.618rem;
}

h4 {
  font-family: "Roboto", sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  color: #12355b;
  line-height: 0.75rem;
  letter-spacing: 1.25px;
  text-transform: uppercase;
  margin-bottom: 0;
}

h5 {
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  color: #12355b;
  line-height: 1.2em;
  margin-bottom: 0;
}

p {
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: #767676;
  line-height: 1.618rem;
}
p.highlighted {
  padding: 0.618em 1.618em;
  border-radius: 1.618rem;
  font-size: 1rem;
  line-height: 1.618em;
}
@media (min-width: 992px) {
  p.highlighted {
    padding: 1.618em 2.618em;
    font-size: 1.618rem;
  }
}
p.highlighted.violet {
  color: #3930b1;
  background-color: #e9e7f9;
}
p.small {
  font-size: 0.8rem;
  line-height: 1.2;
}
p.link {
  color: #24b8ce;
  text-decoration: underline;
}

a {
  color: #24b8ce;
  transition: color 0.15s ease-in-out;
}
a:hover {
  color: #3930b1;
}

strong.pill {
  font-family: "Roboto", sans-serif;
  font-size: 0.618rem;
  font-weight: 700;
  color: #00004b;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 0.382em 1em;
  border-radius: 0.375rem;
  display: inline-block;
}
strong.pill.grey {
  color: #091a12;
  background-color: rgba(9, 26, 18, 0.2);
}
strong.pill.blue {
  color: #2d85e5;
  background-color: rgba(45, 133, 229, 0.2);
}
strong.pill.cyan {
  color: #24b8ce;
  background-color: rgba(36, 184, 206, 0.2);
}
strong.pill.violet {
  color: #3930b1;
  background-color: #e9e7f9;
}
strong.pill.white {
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.2);
}
strong.pill.pill-xl {
  display: inline-block;
  font-family: "Baloo 2", sans-serif;
  font-size: 2.618rem;
  font-weight: 400;
  color: #746ec8;
  line-height: 2.618rem;
  letter-spacing: -0.03em;
  padding: 0.618rem;
  text-align: center;
  margin-bottom: 1.618rem;
}

label {
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: #767676;
}

.form-control {
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: #00004b;
}
.form-control::-moz-placeholder {
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: #767676;
}
.form-control::placeholder {
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: #767676;
}

.small,
small {
  font-family: "Roboto", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  color: #767676;
  line-height: 1;
}

.text-muted {
  opacity: 1;
  color: #767676 !important;
}

.btn {
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  color: #ffffff;
  line-height: 1rem;
  background-color: #3930b1;
  border: 1px solid transparent;
  color: #ffffff;
  padding: 1em 1.5em;
  transition: color 0.15s ease-in-out , background-color 0.15s ease-in-out , box-shadow 0.15s ease-in-out , transform 0.15s ease-in-out , border-color 0.15s ease-in-out;
  box-shadow: 0px 0px 0px rgba(57, 48, 177, 0.35);
  transform: translateY(0);
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  gap: 0.5rem;
  height: 3rem;
  white-space: nowrap;
  -webkit-appearance: button;
     -moz-appearance: button;
          appearance: button;
  cursor: pointer;
}
@media (min-width: 768px) {
  .btn {
    width: auto;
  }
}
.btn:hover {
  background-color: #3930b1;
  border-color: #3930b1;
  box-shadow: 0px 6px 16px rgba(57, 48, 177, 0.35);
  transform: translateY(-0.146rem);
  color: #ffffff;
}
.btn:active, .btn:first-child:active {
  color: #ffffff !important;
  background-color: #3930b1 !important;
  border-color: #3930b1 !important;
}
.btn:not(:has(span)) {
  padding: 1em;
  width: auto;
}
.btn i,
.btn .icon {
  width: 1em;
  height: 1em;
}
.btn span,
.btn i {
  transition: color 0.15s ease-in-out;
}
.btn.btn-secondary {
  background-color: #e9e7f9;
  border-color: #e9e7f9;
  color: #3930b1;
}
.btn.btn-secondary:hover {
  transform: translate(0);
  box-shadow: none;
  border-color: #3930b1;
  background-color: #3930b1;
  color: #ffffff;
}
.btn.btn-terciary, .btn.btn-user {
  background-color: transparent;
  border-color: transparent;
  color: #3930b1;
}
.btn.btn-terciary .icon path, .btn.btn-user .icon path {
  fill: #3930b1;
}
.btn.btn-terciary .icon.caret path, .btn.btn-user .icon.caret path {
  fill: #3930b1;
}
.btn.btn-terciary:hover, .btn.btn-user:hover, .btn.btn-terciary:active, .btn.btn-user:active, .btn.btn-terciary.show, .btn.show.btn-user {
  transform: translate(0);
  box-shadow: none;
  border-color: rgba(0, 0, 75, 0.05);
  background-color: rgba(0, 0, 75, 0.1) !important;
  color: #3930b1 !important;
}
.btn.btn-terciary:hover span, .btn.btn-user:hover span, .btn.btn-terciary:active span, .btn.btn-user:active span, .btn.btn-terciary.show span, .btn.show.btn-user span {
  color: #3930b1;
}
.btn.btn-terciary:hover .icon path, .btn.btn-user:hover .icon path, .btn.btn-terciary:active .icon path, .btn.btn-user:active .icon path, .btn.btn-terciary.show .icon path, .btn.show.btn-user .icon path {
  fill: #3930b1;
}
.btn.btn-terciary:focus, .btn.btn-user:focus {
  box-shadow: 0 0 0 0.25rem rgba(0, 0, 75, 0.5);
}
.btn.btn-terciary.danger, .btn.danger.btn-user {
  color: #e63137;
}
.btn.btn-terciary.danger i, .btn.danger.btn-user i,
.btn.btn-terciary.danger span,
.btn.danger.btn-user span {
  color: #e63137;
}
.btn.btn-terciary.danger:hover, .btn.danger.btn-user:hover, .btn.btn-terciary.danger:active, .btn.danger.btn-user:active {
  color: #e63137 !important;
  border-color: #fce7e8 !important;
  background-color: #fce7e8 !important;
}
.btn.btn-terciary.danger:hover i, .btn.danger.btn-user:hover i,
.btn.btn-terciary.danger:hover span,
.btn.danger.btn-user:hover span, .btn.btn-terciary.danger:active i, .btn.danger.btn-user:active i,
.btn.btn-terciary.danger:active span,
.btn.danger.btn-user:active span {
  color: #e63137;
}
.btn.btn-outline {
  background-color: transparent;
  border: 1px solid #3930b1;
  color: #3930b1;
}
.btn.btn-outline i,
.btn.btn-outline span,
.btn.btn-outline .icon {
  color: #3930b1;
}
.btn.btn-outline i path,
.btn.btn-outline span path,
.btn.btn-outline .icon path {
  fill: #3930b1;
}
.btn.btn-outline:hover {
  transform: translate(0);
  box-shadow: none;
  border-color: #3930b1;
  background-color: #e9e7f9;
  color: #3930b1;
}
.btn.btn-outline:hover i,
.btn.btn-outline:hover span,
.btn.btn-outline:hover .icon {
  color: #3930b1;
}
.btn.btn-outline:hover i path,
.btn.btn-outline:hover span path,
.btn.btn-outline:hover .icon path {
  fill: #3930b1;
}
.btn.btn-outline:active, .btn.btn-outline.show {
  border-color: #3930b1 !important;
  background-color: #3930b1 !important;
  color: #ffffff !important;
}
.btn.btn-outline:active i,
.btn.btn-outline:active span,
.btn.btn-outline:active .icon, .btn.btn-outline.show i,
.btn.btn-outline.show span,
.btn.btn-outline.show .icon {
  color: #ffffff;
}
.btn.btn-outline:active i path,
.btn.btn-outline:active span path,
.btn.btn-outline:active .icon path, .btn.btn-outline.show i path,
.btn.btn-outline.show span path,
.btn.btn-outline.show .icon path {
  fill: #ffffff;
}
.btn.btn-outline.grey {
  border-color: #767676;
}
.btn.btn-outline.grey i,
.btn.btn-outline.grey span,
.btn.btn-outline.grey .icon {
  color: #767676;
}
.btn.btn-outline.grey i path,
.btn.btn-outline.grey span path,
.btn.btn-outline.grey .icon path {
  fill: #767676;
}
.btn.btn-outline.grey:hover, .btn.btn-outline.grey:active {
  color: #ffffff !important;
  border-color: #3930b1 !important;
}
.btn.btn-outline.grey:hover i,
.btn.btn-outline.grey:hover span,
.btn.btn-outline.grey:hover .icon, .btn.btn-outline.grey:active i,
.btn.btn-outline.grey:active span,
.btn.btn-outline.grey:active .icon {
  color: #ffffff;
}
.btn.btn-outline.grey:hover i path,
.btn.btn-outline.grey:hover span path,
.btn.btn-outline.grey:hover .icon path, .btn.btn-outline.grey:active i path,
.btn.btn-outline.grey:active span path,
.btn.btn-outline.grey:active .icon path {
  fill: #ffffff;
}
.btn.btn-outline.grey:hover:hover, .btn.btn-outline.grey:active:hover {
  background-color: #3930b1;
  border-color: #3930b1;
  color: #ffffff;
}
.btn.btn-outline.grey.show {
  border-color: #3930b1;
}
.btn.btn-outline.grey.show i,
.btn.btn-outline.grey.show span,
.btn.btn-outline.grey.show .icon {
  color: #ffffff;
}
.btn.btn-outline.grey.show i path,
.btn.btn-outline.grey.show span path,
.btn.btn-outline.grey.show .icon path {
  fill: #ffffff;
}
.btn.btn-outline.grey:active {
  color: #ffffff !important;
  border-color: #3930b1 !important;
}
.btn.btn-outline.grey:active i,
.btn.btn-outline.grey:active span,
.btn.btn-outline.grey:active .icon {
  color: #ffffff;
}
.btn.oauth {
  width: 100%;
  max-width: 300px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1rem;
  padding: 0.5rem 1.5rem;
  height: inherit;
}
.btn.oauth.google {
  background-color: #ffffff;
  border: 1px solid #efefef;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn.oauth.google span {
  color: #767676;
}
.btn.oauth.google:hover {
  background-color: #ffffff;
  border: 1px solid #efefef;
}
.btn.oauth.linkedin {
  background-color: #0a66c2;
  border: 1px solid #0a66c2;
}
.btn.oauth.linkedin span {
  color: #ffffff;
}
.btn.oauth.linkedin:hover {
  background-color: #0a66c2;
  border: 1px solid #0a66c2;
}
.btn.oauth.facebook {
  background-color: #0077B5;
  border: 1px solid #0077B5;
}
.btn.oauth.facebook span {
  color: #ffffff;
}
.btn.oauth.facebook:hover {
  background-color: #0077B5;
  border: 1px solid #0077B5;
}
.btn.oauth.microsoft {
  background-color: #ffffff;
  border: 1px solid #8c8c8c;
}
.btn.oauth.microsoft span {
  color: #5e5e5e;
}
.btn.oauth.microsoft:hover {
  background-color: #ffffff;
  border: 1px solid #8c8c8c;
}
.btn.oauth.apple {
  background-color: #000000;
  border: 1px solid #000000;
}
.btn.oauth.apple span {
  color: #ffffff;
}
.btn.oauth.apple:hover {
  background-color: #000000;
  border: 1px solid #000000;
}
.btn.oauth .logo {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 1rem;
}
.btn.btn-input {
  background-color: #ffffff;
  border: 1px solid #767676;
  color: #767676;
  font-weight: 400;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 3rem;
  height: auto;
  padding: 1em 0.75em;
}
.btn.btn-input:hover, .btn.btn-input:active {
  transform: translate(0);
  box-shadow: none;
  background-color: #ffffff !important;
  color: #767676 !important;
}
.btn.btn-input .highlighted {
  font-weight: 700;
  color: #091a12;
}
.btn.btn-input.not-validated {
  border-color: #e63137;
  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.64L6 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);
  background-color: #fce7e8 !important;
  border-top-right-radius: 0;
}
.btn.btn-input.not-validated:focus {
  border-color: #e63137;
  box-shadow: 0 0 0 0.25rem rgba(230, 49, 55, 0.25);
}
.btn.btn-input.not-validated:focus ~ .label {
  color: #e63137;
}
.btn.btn-input.not-validated ~ .label {
  color: #e63137;
}
.btn.btn-input .label {
  transition: transform 0.2s cubic-bezier(0, 0, 0.2, 1) , color 0.2s cubic-bezier(0, 0, 0.2, 1) , top 0.2s cubic-bezier(0, 0, 0.2, 1);
}
.btn.btn-input .wrapper {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.btn.btn-input:has(.wrapper) .label {
  position: absolute;
  text-shadow: 2px 2px 1px #ffffff, 2px -2px 1px #ffffff, -2px 2px 1px #ffffff, -2px -2px 1px #ffffff, 2px 0px 1px #ffffff, 0px 2px 1px #ffffff, -2px 0px 1px #ffffff, 0px -2px 1px #ffffff;
  transform: scale(0.85) translateX(-0.5em);
  top: -0.5em;
}
.btn.btn-input.show {
  border-color: #746ec8;
  box-shadow: 0 0 0 2px #746ec8;
}
.btn.btn-input.show .label {
  color: #746ec8;
}
.btn.btn-user {
  border-radius: 100px;
  padding: 0.375em 0.75em 0.375em 0.375em;
}
.btn.btn-user .avatar {
  border-radius: 100%;
  overflow: hidden;
  box-shadow: none;
  transition: box-shadow 0.15s ease-in-out;
}
.btn.btn-user .avatar img {
  width: 2.375em;
  height: 2.375em;
}
.btn.btn-user span {
  color: #767676;
  display: none;
  max-width: 144px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: color 0.15s ease-in-out;
}
@media (min-width: 768px) {
  .btn.btn-user span {
    display: block;
  }
}
.btn.btn-user.show {
  border-color: #e9e7f9;
  background-color: #e9e7f9;
}
.btn.btn-user.show .avatar {
  box-shadow: 0 0 0 3px #3930b1;
}
.btn.btn-xs {
  font-size: 0.875rem;
  line-height: 1em;
  padding: 0.75em 1.375em;
  height: 2.375rem;
  border-radius: 0.1875rem;
}
.btn.btn-xs:not(:has(span)) {
  padding: 0.75em;
}
.btn.btn-lg {
  font-size: 1.25rem;
  line-height: 1em;
  padding: 1.25em 2.25em;
  height: 3.75rem;
  border-radius: 0.5rem;
}
.btn.btn-lg:not(:has(span)) {
  padding: 1.25em;
}
.btn.btn-success {
  background-color: #5bbb84;
  border-color: #5bbb84;
}
.btn.btn-success.btn-secondary {
  background-color: #D6EEE0;
  border-color: #D6EEE0;
  color: #31754e;
}
.btn.btn-success.btn-secondary:hover, .btn.btn-success.btn-secondary:active, .btn.btn-success.btn-secondary:first-child:active {
  border-color: #5bbb84 !important;
  background-color: #5bbb84 !important;
  color: #ffffff !important;
}
.btn.btn-success.btn-terciary, .btn.btn-success.btn-user {
  background-color: transparent;
  border-color: transparent;
  color: #5bbb84;
}
.btn.btn-success.btn-terciary .icon path, .btn.btn-success.btn-user .icon path {
  fill: #5bbb84;
}
.btn.btn-success.btn-terciary .icon.caret path, .btn.btn-success.btn-user .icon.caret path {
  fill: #5bbb84;
}
.btn.btn-success.btn-terciary:hover, .btn.btn-success.btn-user:hover, .btn.btn-success.btn-terciary:active, .btn.btn-success.btn-user:active, .btn.btn-success.btn-terciary.show, .btn.btn-success.show.btn-user {
  border-color: rgba(49, 117, 78, 0.05) !important;
  background-color: #D6EEE0 !important;
  color: #31754e !important;
}
.btn.btn-success.btn-terciary:hover span, .btn.btn-success.btn-user:hover span, .btn.btn-success.btn-terciary:active span, .btn.btn-success.btn-user:active span, .btn.btn-success.btn-terciary.show span, .btn.btn-success.show.btn-user span {
  color: #31754e;
}
.btn.btn-success.btn-terciary:hover .icon path, .btn.btn-success.btn-user:hover .icon path, .btn.btn-success.btn-terciary:active .icon path, .btn.btn-success.btn-user:active .icon path, .btn.btn-success.btn-terciary.show .icon path, .btn.btn-success.show.btn-user .icon path {
  fill: #31754e;
}
.btn.btn-success.btn-terciary:focus, .btn.btn-success.btn-user:focus {
  box-shadow: 0 0 0 0.25rem rgba(49, 117, 78, 0.5);
}
.btn.btn-success.btn-outline {
  background-color: transparent;
  border: 1px solid #5bbb84;
  color: #31754e;
}
.btn.btn-success.btn-outline i,
.btn.btn-success.btn-outline span,
.btn.btn-success.btn-outline .icon {
  color: #5bbb84;
}
.btn.btn-success.btn-outline i path,
.btn.btn-success.btn-outline span path,
.btn.btn-success.btn-outline .icon path {
  fill: #5bbb84;
}
.btn.btn-success.btn-outline:hover, .btn.btn-success.btn-outline:active {
  border-color: #5bbb84 !important;
  background-color: rgba(91, 187, 132, 0.2) !important;
  color: #5bbb84;
}
.btn.btn-success.btn-outline:hover i,
.btn.btn-success.btn-outline:hover span,
.btn.btn-success.btn-outline:hover .icon, .btn.btn-success.btn-outline:active i,
.btn.btn-success.btn-outline:active span,
.btn.btn-success.btn-outline:active .icon {
  color: #5bbb84;
}
.btn.btn-success.btn-outline:hover i path,
.btn.btn-success.btn-outline:hover span path,
.btn.btn-success.btn-outline:hover .icon path, .btn.btn-success.btn-outline:active i path,
.btn.btn-success.btn-outline:active span path,
.btn.btn-success.btn-outline:active .icon path {
  fill: #5bbb84;
}
.btn.btn-danger {
  background-color: #e63137;
  border-color: #e63137;
}
.btn.btn-danger.btn-secondary {
  background-color: #fce7e8;
  border-color: #fce7e8;
  color: #e63137;
}
.btn.btn-danger.btn-secondary:hover, .btn.btn-danger.btn-secondary:active, .btn.btn-danger.btn-secondary:first-child:active {
  border-color: #e63137 !important;
  background-color: #e63137 !important;
  color: #ffffff !important;
}
.btn.btn-danger.btn-terciary, .btn.btn-danger.btn-user {
  background-color: transparent;
  border-color: transparent;
  color: #e63137;
}
.btn.btn-danger.btn-terciary .icon path, .btn.btn-danger.btn-user .icon path {
  fill: #e63137;
}
.btn.btn-danger.btn-terciary .icon.caret path, .btn.btn-danger.btn-user .icon.caret path {
  fill: #e63137;
}
.btn.btn-danger.btn-terciary:hover, .btn.btn-danger.btn-user:hover, .btn.btn-danger.btn-terciary:active, .btn.btn-danger.btn-user:active, .btn.btn-danger.btn-terciary.show, .btn.btn-danger.show.btn-user {
  background-color: #fce7e8 !important;
  border-color: #fce7e8 !important;
  color: #e63137 !important;
}
.btn.btn-danger.btn-terciary:hover span, .btn.btn-danger.btn-user:hover span, .btn.btn-danger.btn-terciary:active span, .btn.btn-danger.btn-user:active span, .btn.btn-danger.btn-terciary.show span, .btn.btn-danger.show.btn-user span {
  color: #e63137;
}
.btn.btn-danger.btn-terciary:hover .icon path, .btn.btn-danger.btn-user:hover .icon path, .btn.btn-danger.btn-terciary:active .icon path, .btn.btn-danger.btn-user:active .icon path, .btn.btn-danger.btn-terciary.show .icon path, .btn.btn-danger.show.btn-user .icon path {
  fill: #e63137;
}
.btn.btn-danger.btn-terciary:focus, .btn.btn-danger.btn-user:focus {
  box-shadow: 0 0 0 0.25rem rgba(230, 49, 55, 0.5);
}
.btn.btn-danger.btn-outline {
  background-color: transparent;
  border: 1px solid #e63137;
  color: #e63137;
}
.btn.btn-danger.btn-outline i,
.btn.btn-danger.btn-outline span,
.btn.btn-danger.btn-outline .icon {
  color: #e63137;
}
.btn.btn-danger.btn-outline i path,
.btn.btn-danger.btn-outline span path,
.btn.btn-danger.btn-outline .icon path {
  fill: #e63137;
}
.btn.btn-danger.btn-outline:hover, .btn.btn-danger.btn-outline:active {
  border-color: #e63137 !important;
  background-color: rgba(230, 49, 55, 0.2) !important;
  color: #e63137;
}
.btn.btn-danger.btn-outline:hover i,
.btn.btn-danger.btn-outline:hover span,
.btn.btn-danger.btn-outline:hover .icon, .btn.btn-danger.btn-outline:active i,
.btn.btn-danger.btn-outline:active span,
.btn.btn-danger.btn-outline:active .icon {
  color: #e63137;
}
.btn.btn-danger.btn-outline:hover i path,
.btn.btn-danger.btn-outline:hover span path,
.btn.btn-danger.btn-outline:hover .icon path, .btn.btn-danger.btn-outline:active i path,
.btn.btn-danger.btn-outline:active span path,
.btn.btn-danger.btn-outline:active .icon path {
  fill: #e63137;
}
.btn.btn-warning {
  background-color: #f3a905;
  border-color: #f3a905;
}
.btn.btn-warning.btn-secondary {
  background-color: #FEEDC6;
  border-color: #FEEDC6;
  color: #aa5509;
}
.btn.btn-warning.btn-secondary:hover, .btn.btn-warning.btn-secondary:active, .btn.btn-warning.btn-secondary:first-child:active {
  border-color: #f3a905 !important;
  background-color: #f3a905 !important;
  color: #ffffff !important;
}
.btn.btn-warning.btn-terciary, .btn.btn-warning.btn-user {
  background-color: transparent;
  border-color: transparent;
  color: #f3a905;
}
.btn.btn-warning.btn-terciary .icon path, .btn.btn-warning.btn-user .icon path {
  fill: #f3a905;
}
.btn.btn-warning.btn-terciary .icon.caret path, .btn.btn-warning.btn-user .icon.caret path {
  fill: #f3a905;
}
.btn.btn-warning.btn-terciary:hover, .btn.btn-warning.btn-user:hover, .btn.btn-warning.btn-terciary:active, .btn.btn-warning.btn-user:active, .btn.btn-warning.btn-terciary.show, .btn.btn-warning.show.btn-user {
  border-color: rgba(170, 85, 9, 0.05) !important;
  background-color: #FEEDC6 !important;
  color: #aa5509 !important;
}
.btn.btn-warning.btn-terciary:hover span, .btn.btn-warning.btn-user:hover span, .btn.btn-warning.btn-terciary:active span, .btn.btn-warning.btn-user:active span, .btn.btn-warning.btn-terciary.show span, .btn.btn-warning.show.btn-user span {
  color: #aa5509;
}
.btn.btn-warning.btn-terciary:hover .icon path, .btn.btn-warning.btn-user:hover .icon path, .btn.btn-warning.btn-terciary:active .icon path, .btn.btn-warning.btn-user:active .icon path, .btn.btn-warning.btn-terciary.show .icon path, .btn.btn-warning.show.btn-user .icon path {
  fill: #aa5509;
}
.btn.btn-warning.btn-terciary:focus, .btn.btn-warning.btn-user:focus {
  box-shadow: 0 0 0 0.25rem rgba(170, 85, 9, 0.5);
}
.btn.btn-warning.btn-outline {
  background-color: transparent;
  border: 1px solid #f3a905;
  color: #aa5509;
}
.btn.btn-warning.btn-outline i,
.btn.btn-warning.btn-outline span,
.btn.btn-warning.btn-outline .icon {
  color: #f3a905;
}
.btn.btn-warning.btn-outline i path,
.btn.btn-warning.btn-outline span path,
.btn.btn-warning.btn-outline .icon path {
  fill: #f3a905;
}
.btn.btn-warning.btn-outline:hover, .btn.btn-warning.btn-outline:active {
  border-color: #f3a905 !important;
  background-color: rgba(243, 169, 5, 0.2) !important;
  color: #f3a905;
}
.btn.btn-warning.btn-outline:hover i,
.btn.btn-warning.btn-outline:hover span,
.btn.btn-warning.btn-outline:hover .icon, .btn.btn-warning.btn-outline:active i,
.btn.btn-warning.btn-outline:active span,
.btn.btn-warning.btn-outline:active .icon {
  color: #f3a905;
}
.btn.btn-warning.btn-outline:hover i path,
.btn.btn-warning.btn-outline:hover span path,
.btn.btn-warning.btn-outline:hover .icon path, .btn.btn-warning.btn-outline:active i path,
.btn.btn-warning.btn-outline:active span path,
.btn.btn-warning.btn-outline:active .icon path {
  fill: #f3a905;
}
.btn.btn-link {
  color: #24b8ce;
  border-color: transparent;
  background-color: transparent;
  font-weight: 400;
  transition-duration: 0;
}
.btn.btn-link:hover, .btn.btn-link:active, .btn.btn-link:focus {
  color: #3930b1 !important;
  background-color: transparent !important;
  border-color: transparent !important;
  transform: none;
  box-shadow: none;
}
.btn.btn-link span {
  transition: none;
}
.btn.btn-processing {
  pointer-events: none;
}
.btn.btn-processing .fa-spin {
  animation-duration: 0.75s;
}
.btn:disabled {
  opacity: 0.4;
  pointer-events: none;
}

.card {
  background-color: #ffffff;
  border-radius: 0.375rem;
  border: none;
  padding: 1rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.card p {
  margin: 0;
  color: #00004b;
  font-size: 0.875rem;
}
.card p.id {
  font-weight: 700;
}
.card p > i {
  color: #24b8ce;
}

code {
  border-radius: 0.375rem;
  background-color: #23241F;
  padding: 1rem;
  margin: 0 1rem;
  width: 100%;
  font-family: "Roboto Mono", monospace;
  font-size: 0.8rem;
  font-weight: 400;
  color: #ffffff;
}

@keyframes showMenu {
  0% {
    opacity: 0;
    max-height: 0;
  }
  100% {
    max-height: 50vh;
    opacity: 1;
  }
}
.dropdown,
.dropup {
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: #767676;
}
.dropdown .dropdown-toggle::after,
.dropup .dropdown-toggle::after {
  display: none;
}
.dropdown .dropdown-toggle .caret,
.dropup .dropdown-toggle .caret {
  transition: transform 0.15s ease-in-out;
}
.dropdown .dropdown-toggle.show .caret,
.dropup .dropdown-toggle.show .caret {
  transform: rotate(180deg);
}
.dropdown .dropdown-menu,
.dropup .dropdown-menu {
  box-shadow: 0 10px 20px rgba(0, 0, 75, 0.19), 0px 6px 6px rgba(0, 0, 75, 0.23);
  overflow-y: auto;
  border: none;
  border-radius: 0.375rem;
  animation: showMenu 300ms ease-in-out both;
}
.dropdown .dropdown-menu .dropdown-header,
.dropup .dropdown-menu .dropdown-header {
  color: #767676;
  font-size: 0.75rem;
}
.dropdown .dropdown-menu .dropdown-item,
.dropup .dropdown-menu .dropdown-item {
  color: #091a12;
  transition: color 0.15s ease-in-out , background-color 0.15s ease-in-out;
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0.5rem 1rem;
  position: relative;
  line-height: 1.2;
  justify-content: flex-start;
}
.dropdown .dropdown-menu .dropdown-item:hover,
.dropup .dropdown-menu .dropdown-item:hover {
  background-color: #e9e7f9;
}
.dropdown .dropdown-menu .dropdown-item:hover .icon-app,
.dropup .dropdown-menu .dropdown-item:hover .icon-app {
  background-color: #3930b1;
}
.dropdown .dropdown-menu .dropdown-item.active, .dropdown .dropdown-menu .dropdown-item:active,
.dropup .dropdown-menu .dropdown-item.active,
.dropup .dropdown-menu .dropdown-item:active {
  background-color: #24b8ce;
  color: #ffffff;
}
.dropdown .dropdown-menu .dropdown-item.active .icon-app, .dropdown .dropdown-menu .dropdown-item:active .icon-app,
.dropup .dropdown-menu .dropdown-item.active .icon-app,
.dropup .dropdown-menu .dropdown-item:active .icon-app {
  background-color: #ffffff;
}
.dropdown .dropdown-menu .dropdown-item.active .icon-app .icon, .dropdown .dropdown-menu .dropdown-item:active .icon-app .icon,
.dropup .dropdown-menu .dropdown-item.active .icon-app .icon,
.dropup .dropdown-menu .dropdown-item:active .icon-app .icon {
  color: #24b8ce;
}
.dropdown .dropdown-menu .dropdown-item.active .icon-app .icon path, .dropdown .dropdown-menu .dropdown-item:active .icon-app .icon path,
.dropup .dropdown-menu .dropdown-item.active .icon-app .icon path,
.dropup .dropdown-menu .dropdown-item:active .icon-app .icon path {
  fill: #24b8ce;
}
.dropdown .dropdown-menu .dropdown-item.active .icon-app i, .dropdown .dropdown-menu .dropdown-item:active .icon-app i,
.dropup .dropdown-menu .dropdown-item.active .icon-app i,
.dropup .dropdown-menu .dropdown-item:active .icon-app i {
  color: #24b8ce;
}
.dropdown .dropdown-menu .dropdown-item.active > i, .dropdown .dropdown-menu .dropdown-item:active > i,
.dropup .dropdown-menu .dropdown-item.active > i,
.dropup .dropdown-menu .dropdown-item:active > i {
  color: #ffffff;
}
.dropdown .dropdown-menu .dropdown-item.active > a, .dropdown .dropdown-menu .dropdown-item:active > a,
.dropup .dropdown-menu .dropdown-item.active > a,
.dropup .dropdown-menu .dropdown-item:active > a {
  color: #ffffff;
}
.dropdown .dropdown-menu .dropdown-item.active > a i, .dropdown .dropdown-menu .dropdown-item:active > a i,
.dropup .dropdown-menu .dropdown-item.active > a i,
.dropup .dropdown-menu .dropdown-item:active > a i {
  color: #ffffff;
}
.dropdown .dropdown-menu .dropdown-item:has(.btn, input),
.dropup .dropdown-menu .dropdown-item:has(.btn, input) {
  overflow: visible;
}
.dropdown .dropdown-menu .dropdown-item:has(.btn, input):hover, .dropdown .dropdown-menu .dropdown-item:has(.btn, input):active,
.dropup .dropdown-menu .dropdown-item:has(.btn, input):hover,
.dropup .dropdown-menu .dropdown-item:has(.btn, input):active {
  background-color: #ffffff;
}
.dropdown .dropdown-menu .dropdown-item a,
.dropup .dropdown-menu .dropdown-item a {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 1rem;
  color: #091a12;
}
.dropdown .dropdown-menu .dropdown-item a i,
.dropup .dropdown-menu .dropdown-item a i {
  color: #3930b1;
}
.dropdown .dropdown-menu .dropdown-checks,
.dropup .dropdown-menu .dropdown-checks {
  list-style: none;
  padding: 0;
  display: flex;
  gap: 0.5rem;
  flex-direction: column;
  max-height: 14vh;
  overflow: scroll;
  width: 100%;
  margin: 0;
}

@keyframes inputUp {
  0% {
    opacity: 0;
    transform: translateY(30%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.form-floating {
  position: relative;
  flex: 1 0 0;
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  overflow: hidden;
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  transform-origin: 0 0;
  border: 1px solid transparent;
  transition: border-color 0.1s ease-in-out , box-shadow 0.1s ease-in-out , color 0.1s ease-in-out;
}
.form-floating > .form-control {
  font-size: 1rem;
  border-color: #767676;
  color: #767676;
  border-radius: 0.375rem;
  height: 3em;
  min-height: unset;
  padding: 1em 0.75em;
  line-height: 1.2;
  transition: box-shadow 0.1s ease-out , color 0.1s ease-out;
}
.form-floating > .form-control:focus, .form-floating > .form-control.focus {
  border-color: #746ec8;
  box-shadow: 0 0 0 2px #746ec8;
  color: #00004b;
  outline: 0;
  padding-top: 1rem;
}
.form-floating > .form-control:focus ~ label, .form-floating > .form-control.focus ~ label {
  color: #746ec8;
  transform: scale(0.85) translateY(-0.6em) translateX(0);
  padding: 0 0.75em;
}
.form-floating > .form-control:focus ~ label::after, .form-floating > .form-control.focus ~ label::after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: #ffffff;
}
.form-floating > .form-control:focus:not(:-moz-placeholder-shown) ~ label, .form-floating > .form-control.focus:not(:-moz-placeholder-shown) ~ label {
  color: #746ec8;
  transform: scale(0.85) translateY(-0.6em) translateX(0);
  padding: 0 0.75em;
}
.form-floating > .form-control:focus:not(:placeholder-shown) ~ label, .form-floating > .form-control.focus:not(:placeholder-shown) ~ label {
  color: #746ec8;
  transform: scale(0.85) translateY(-0.6em) translateX(0);
  padding: 0 0.75em;
}
.form-floating > .form-control:not(:-moz-placeholder-shown) {
  padding-top: 0.625em;
}
.form-floating > .form-control:not(:placeholder-shown) {
  padding-top: 0.625em;
}
.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
  color: #767676;
  transform: scale(0.85) translateY(-0.6em) translateX(0);
  padding: 0 0.75em;
}
.form-floating > .form-control:not(:placeholder-shown) ~ label {
  color: #767676;
  transform: scale(0.85) translateY(-0.6em) translateX(0);
  padding: 0 0.75em;
}
.form-floating > .form-control:disabled,
.form-floating > .form-control :disabled {
  background-color: #ffffff;
  color: rgba(118, 118, 118, 0.5);
  pointer-events: none;
}
.form-floating > .form-control::-moz-placeholder {
  color: transparent;
}
.form-floating > .form-control::placeholder {
  color: transparent;
}
.form-floating > .form-control ~ label {
  background-color: transparent;
  display: inline-block;
  width: auto;
  max-width: 100%;
  height: auto;
  line-height: 1;
  text-shadow: 2px 2px 1px #ffffff, 2px -2px 1px #ffffff, -2px 2px 1px #ffffff, -2px -2px 1px #ffffff, 2px 0px 1px #ffffff, 0px 2px 1px #ffffff, -2px 0px 1px #ffffff, 0px -2px 1px #ffffff;
  transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1) , transform 0.2s cubic-bezier(0, 0, 0.2, 1) , color 0.2s cubic-bezier(0, 0, 0.2, 1) , padding 0.2s cubic-bezier(0, 0, 0.2, 1);
  font-family: "Roboto", sans-serif;
  font-size: 1em;
  font-weight: 400;
  color: #767676;
  transform: scale(1) translateY(0) translateX(0);
  padding: 1em 0.75em;
}
.form-floating > .form-control.form-control-xs {
  font-size: 0.875rem;
  line-height: 1em;
  padding: 0.75em 1.375em;
  height: 2.375rem;
  border-radius: 0.1875rem;
}
.form-floating > .form-control.form-control-xs ~ label {
  font-size: 0.875rem;
  transform: scale(1) translateY(0) translateX(0);
  padding: 0.75em 0.75em;
}
.form-floating > .form-control.form-control-xs:not(:-moz-placeholder-shown) ~ label {
  transform: scale(0.85) translateY(-0.6em) translateX(0);
  padding: 0 0.75em;
}
.form-floating > .form-control.form-control-xs:focus ~ label, .form-floating > .form-control.form-control-xs.focus ~ label, .form-floating > .form-control.form-control-xs:not(:placeholder-shown) ~ label {
  transform: scale(0.85) translateY(-0.6em) translateX(0);
  padding: 0 0.75em;
}
.form-floating > .form-control.form-control-lg {
  font-size: 1.25rem;
  line-height: 1em;
  height: 3.75rem;
  border-radius: 0.5rem;
}
.form-floating > .form-control.form-control-lg ~ label {
  font-size: 1.25rem;
  transform: scale(1) translateY(0) translateX(0);
  padding: 1em 0.75em;
}
.form-floating > .form-control.form-control-lg:not(:-moz-placeholder-shown) ~ label {
  transform: scale(0.85) translateY(-0.6em) translateX(0);
  padding: 0 0.75em;
}
.form-floating > .form-control.form-control-lg:focus ~ label, .form-floating > .form-control.form-control-lg.focus ~ label, .form-floating > .form-control.form-control-lg:not(:placeholder-shown) ~ label {
  transform: scale(0.85) translateY(-0.6em) translateX(0);
  padding: 0 0.75em;
}

.input-group {
  border-radius: 0.375rem;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  transition: box-shadow 0.1s ease-out , color 0.1s ease-out;
}
.input-group .input-group-text {
  display: flex;
  align-items: center;
  text-align: center;
  white-space: nowrap;
  padding: 1em 0.75em;
  height: 3rem;
  background-color: #ffffff;
  border: 1px solid #767676;
  border-radius: 0.375rem;
  font-family: "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  color: #767676;
}
.input-group .input-group-text i {
  font-size: 1rem;
}
.input-group .input-group-text + .form-floating .form-control {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group .input-group-text + .input-group-text {
  border-left: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group .form-floating:not(:last-child) > .form-control {
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group .form-floating > .form-control:focus, .input-group .form-floating > .form-control.focus {
  box-shadow: none;
}
.input-group .form-floating > .form-control:focus ~ label, .input-group .form-floating > .form-control.focus ~ label {
  transform: scale(0.85) translateY(-0.6em) translateX(0);
  padding: 0 0.75em;
}
.input-group .form-floating:has(.form-control:focus, .form-control.focus, .form-control:not(:-moz-placeholder-shown)) {
  position: unset;
}
.input-group .form-floating:has(.form-control:focus, .form-control.focus, .form-control:not(:placeholder-shown)) {
  position: unset;
}
.input-group > :not(:first-child) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}
.input-group > :not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}
.input-group:has(.form-control:focus, .form-control.focus, .form-control:active) {
  box-shadow: 0 0 0 2px #746ec8;
}
.input-group:has(.form-control:focus, .form-control.focus, .form-control:active) .input-group-text {
  color: #746ec8;
}
.input-group:has(.form-control-xs) .input-group-text {
  font-size: 0.75rem;
  height: 2.375rem;
}
.input-group:has(.form-control-lg) .input-group-text {
  font-size: 1rem;
  height: 3.75rem;
}

.not-validated .form-control {
  border-color: #e63137;
  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.64L6 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);
  background-color: #fce7e8;
  border-top-right-radius: 0;
}
.not-validated .form-control:focus, .not-validated .form-control.focus {
  border-color: #e63137;
  box-shadow: 0 0 0 0.25rem rgba(230, 49, 55, 0.25);
}
.not-validated .form-control:focus ~ label, .not-validated .form-control.focus ~ label {
  color: #e63137;
}
.not-validated .form-control:focus:not(:-moz-placeholder-shown) ~ label, .not-validated .form-control.focus:not(:-moz-placeholder-shown) ~ label {
  color: #e63137;
}
.not-validated .form-control:focus:not(:placeholder-shown) ~ label, .not-validated .form-control.focus:not(:placeholder-shown) ~ label {
  color: #e63137;
}
.not-validated .form-control ~ label {
  color: #e63137;
}
.not-validated .form-control:not(:-moz-placeholder-shown) ~ label {
  color: #e63137;
}
.not-validated .form-control:not(:placeholder-shown) ~ label {
  color: #e63137;
}
.not-validated.input-group {
  border-top-right-radius: 0;
}
.not-validated.input-group .form-control,
.not-validated.input-group .input-group-text {
  border-top-right-radius: 0;
}
.not-validated.input-group .input-group-text {
  background-color: #fce7e8;
  color: #e63137;
  border-color: #e63137;
}
.not-validated.input-group:has(.form-control:focus, .form-control.focus) {
  border-color: #e63137;
  box-shadow: 0 0 0 0.25rem rgba(230, 49, 55, 0.25);
}
.not-validated.input-group:has(.form-control:focus, .form-control.focus) .input-group-text {
  color: #e63137;
}
.not-validated::after {
  content: attr(data-error);
  position: absolute;
  bottom: 100%;
  right: 0;
  padding: 0.125rem 0.5rem;
  line-height: 1;
  background-color: #e63137;
  border-radius: 0.1875rem 0.1875rem 0 0;
  animation: inputUp 0.2s ease-out both;
  font-family: "Roboto", sans-serif;
  font-size: 0.618rem;
  font-weight: 400;
  color: #ffffff;
}

.shadow-1 {
  box-shadow: 0px 1px 1px rgba(0, 0, 75, 0.25), 0px 1px 3px 1px rgba(0, 0, 75, 0.2);
}

.shadow-2 {
  box-shadow: 0 10px 20px rgba(0, 0, 75, 0.19), 0px 6px 6px rgba(0, 0, 75, 0.23);
}

.shadow-3 {
  box-shadow: 0px 14px 28px rgba(0, 0, 75, 0.25), 0px 10px 10px rgba(0, 0, 75, 0.22);
}

.shadow-4 {
  box-shadow: 0px 19px 38px rgba(0, 0, 75, 0.3), 0px 15px 12px rgba(0, 0, 75, 0.22);
}

@keyframes dash {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 46.75;
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 187;
    transform: rotate(450deg);
  }
}
@keyframes colors {
  0%, 100% {
    stroke: #2d85e5;
  }
  25% {
    stroke: #24b8ce;
  }
  75% {
    stroke: #3930b1;
  }
}
.spinner {
  animation: rotator 0.75s linear infinite;
  width: 24px;
  height: 24px;
}
.spinner circle {
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  stroke: #24b8ce;
  transform-origin: center;
  animation: dash 0.75s ease-in-out infinite, colors 0.75s ease-in-out infinite;
}

.form-floating {
  position: relative;
}
.form-floating > textarea.form-control {
  resize: none;
  height: 6rem;
}
.form-floating > textarea.form-control.form-control-xs {
  height: 4rem;
}
.form-floating > textarea.form-control.form-control-lg {
  height: 8rem;
}

@keyframes aurora {
  0% {
    background-position: left top;
  }
  25% {
    background-position: right top;
  }
  50% {
    background-position: right bottom;
  }
  75% {
    background-position: left bottom;
  }
  100% {
    background-position: left top;
  }
}
.aurora {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
.aurora.outer {
  background: linear-gradient(30deg, #9de3ee 0%, #deddf2 50%, #3080d6 100%);
  background-size: 200%;
}
@media (min-width: 768px) {
  .aurora.outer {
    animation: aurora 7s infinite;
  }
}
.aurora.inner {
  background: radial-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15));
  background-size: 200%;
}
@media (min-width: 768px) {
  .aurora.inner {
    animation: aurora 5s infinite;
  }
}
.aurora.overlay {
  background: linear-gradient(180deg, #ffffff 0%, transparent 30%);
}

@keyframes shakeIt {
  10%, 90% {
    transform: translate3d(-2px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(4px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-6px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(6px, 0, 0);
  }
}
@keyframes showIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.authentication {
  text-align: center;
  display: flex;
  align-items: center;
  height: 100vh;
}
.authentication .sign-in {
  width: 100%;
  max-width: 90vw;
  padding: 2rem;
  margin: auto;
  border-radius: 0.5rem;
  background-color: #ffffff;
  box-shadow: 0 14px 28px rgba(57, 48, 177, 0.25), 0 10px 10px rgba(36, 184, 206, 0.22);
  z-index: 1;
}
@media (min-width: 768px) {
  .authentication .sign-in {
    max-width: 400px;
  }
}
.authentication .sign-in .login-header {
  display: flex;
  width: 100%;
  justify-content: space-around;
  margin-bottom: 2rem;
}
.authentication .sign-in .login-header .ga-logo {
  max-width: 163px;
  width: 100%;
  height: auto;
}
.authentication .sign-in .login-body {
  text-align: left;
}
.authentication .sign-in .login-body h3 {
  margin-bottom: 2rem;
}
.authentication .sign-in.shake {
  animation: shakeIt 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}
.authentication .sign-in .processing {
  display: flex;
  justify-content: center;
  gap: 1rem;
}
.authentication .showIn {
  animation: showIn 0.25s ease-in;
}

@keyframes showFeedback {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes showFeedbackText {
  0% {
    opacity: 0;
    transform: scale3d(0.9, 0.9, 0.9);
  }
  100% {
    opacity: 1;
  }
}
@keyframes checkmark-circle {
  0% {
    stroke-dashoffset: 176;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes checkmark-path {
  0% {
    stroke-dashoffset: 64;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes xmark {
  0% {
    stroke-dashoffset: 45.25;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
.feedback-wrapper {
  padding-top: 6rem;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
  z-index: 10;
}
.feedback-wrapper .feedback {
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 1rem;
  flex-direction: column;
  padding: 0 1rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}
.feedback-wrapper .feedback::before {
  content: "";
  position: absolute;
  width: 2000px;
  height: 2000px;
  border-radius: 100%;
  transform: scale(0);
}
.feedback-wrapper .feedback .feedback-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  opacity: 0;
}
.feedback-wrapper .feedback .feedback-text h2 {
  margin: 0;
  color: #ffffff;
}
.feedback-wrapper .feedback .feedback-text p {
  color: #ffffff;
}
.feedback-wrapper .feedback .feedback-text i {
  font-size: 3rem;
  color: #ffffff;
}
.feedback-wrapper .feedback.show::before {
  animation: showFeedback 0.8s ease-in-out forwards;
}
.feedback-wrapper .feedback.show .feedback-text {
  animation: showFeedbackText 0.5s ease-in-out 0.2s forwards;
}
.feedback-wrapper .feedback.show #check-icon circle {
  animation: checkmark-circle 0.5s ease-in-out forwards;
}
.feedback-wrapper .feedback.show #check-icon path {
  animation: checkmark-path 0.5s 0.3s ease-in-out forwards;
}
.feedback-wrapper .feedback.show #x-icon line:nth-child(1) {
  animation: xmark 0.5s 0.3s ease-in-out forwards;
}
.feedback-wrapper .feedback.show #x-icon line:nth-child(2) {
  stroke-dashoffset: -45.25;
  animation: xmark 0.5s 0.5s ease-in-out forwards;
}

#feedbackOk::before {
  background-color: #5bbb84;
}

#feedbackError::before {
  background-color: #e63137;
}

#check-icon {
  width: 4rem;
  height: 4rem;
  z-index: 1;
}
#check-icon circle {
  stroke-dasharray: 176;
  stroke-dashoffset: -176;
  stroke-width: 4;
  stroke: #ffffff;
  fill: none;
}
#check-icon path {
  stroke-dasharray: 64;
  stroke-dashoffset: 64;
  stroke-width: 4;
  stroke: #ffffff;
  fill: none;
}

#x-icon {
  width: 4rem;
  height: 4rem;
  z-index: 1;
}
#x-icon line {
  stroke-dasharray: 45.25;
  stroke-dashoffset: 45.25;
  stroke-width: 4;
  stroke: #ffffff;
  fill: none;
}

footer {
  position: absolute;
  bottom: 0;
  display: flex;
  width: 100%;
  justify-content: space-between;
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: #767676;
}
footer a {
  color: #767676;
  text-decoration: none;
}
footer a:hover {
  color: #767676;
  text-decoration: underline;
}

.form-wrapper {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  box-sizing: content-box;
}
.form-wrapper::before {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  height: 2px;
  background-color: rgba(0, 0, 75, 0.2);
  z-index: 1;
  top: 0;
  display: block;
  bottom: 0;
}
.form-wrapper .form {
  overflow: auto;
  width: 100%;
  position: relative;
  box-sizing: content-box;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex-grow: 1;
  scroll-behavior: smooth;
}
.form-wrapper .form::before {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  height: 2px;
  background-color: #efefef;
  z-index: 2;
  top: 0;
  display: block;
}

@keyframes showImage {
  0% {
    opacity: 0;
    max-height: 0;
  }
  100% {
    max-height: 100vh;
    opacity: 1;
  }
}
.formPreviewWrapper {
  padding: 1rem;
  display: flex;
  justify-content: center;
  margin: 1rem 0;
  position: relative;
}
.formPreviewWrapper:not(:has(img[src])) {
  display: none;
}
.formPreviewWrapper:not(:has(img[src])) .btn {
  display: none;
}
.formPreviewWrapper .btn {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100000;
}
.formPreviewWrapper .formPreview {
  width: 100%;
  max-width: 400px;
  height: auto;
  max-height: 0;
}
.formPreviewWrapper .formPreview.loaded {
  animation: showImage 0.3s ease-in-out both;
}

.main {
  padding-top: 4rem;
  height: 90svh;
  position: relative;
  display: flex;
  flex-direction: column;
  box-sizing: content-box;
  overflow: hidden;
}
@media (min-width: 992px) {
  .sidebar ~ .main {
    width: calc(100% - 15rem);
    margin-left: 15rem;
    transition: width 0.3s cubic-bezier(0.2, 0, 0, 1) , margin-left 0.3s cubic-bezier(0.2, 0, 0, 1);
  }
}
.main .heading {
  top: 0rem;
  padding-top: 2rem;
  margin-top: -2rem;
  background-color: #efefef;
  z-index: 10;
}
@media (min-width: 768px) {
  .main .heading {
    position: sticky;
  }
}
.main .heading .buttons-wrapper {
  display: flex;
  gap: 1rem;
  justify-content: flex-start;
  flex-direction: column;
}
@media (min-width: 768px) {
  .main .heading .buttons-wrapper {
    justify-content: flex-end;
    flex-direction: row;
  }
}

@keyframes toDown {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0%);
  }
}
.header {
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
  position: fixed;
  animation: toDown 0.2s ease-out both;
  box-shadow: 0 10px 20px rgba(0, 0, 75, 0.19), 0px 6px 6px rgba(0, 0, 75, 0.23);
}
.header.fixed-top {
  background-color: #ffffff;
  padding-right: 0px !important;
}
.header.fixed-top .navbar {
  padding-top: 0.618rem;
  padding-bottom: 0.618rem;
}
.header ~ .container-fluid .main {
  padding-top: 6rem;
}
.header ~ .container-fluid .main .heading {
  top: 4rem;
}
.header .navbar {
  justify-content: space-between;
  flex-wrap: nowrap;
  height: 4rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.header .navbar .brand {
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
.header .navbar .brand .ga-logo {
  width: 172px;
  height: auto;
  pointer-events: none;
}
.header .navbar .brand-wrapper {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
}

.screen-identification {
  flex-shrink: 0;
  position: relative;
  width: 100%;
  top: 0;
  left: 0;
  padding-top: 2rem;
  padding-bottom: 2rem;
  background-color: #efefef;
  z-index: 4;
}
.screen-identification i {
  color: #24b8ce;
}/*# sourceMappingURL=ga-styles.css.map */