:root {
  --sb-logo-lightblue: #0085ca; /* Pantone Blue C */
  --sb-logo-darkblue: #2c0089; /* Pantone 2735 C */

  --sb-bg-color-bright: #0098e3; /* HSL V+5 */
  --sb-bg-color: var(--sb-logo-lightblue);
  --sb-bg-color-dark: #0076b0; /* HSL V-5 */
  --sb-tab-text: var(--sb-logo-darkblue);
}
.text-blue {
  color: var(--sb-bg-color);
}
.logo-color-lightblue {
  color: var(--sb-logo-lightblue);
}
.logo-color-darkblue {
  color: var(--sb-logo-darkblue);
}
.bg-blue-bright {
  background-color: var(--sb-bg-color-bright);
}
.bg-blue {
  background-color: var(--sb-bg-color);
}
.button-blue {
  color: white;
  background-color: var(--sb-bg-color);
  border-color: var(--sb-bg-color);
}
.button-blue:hover,
.button-blue:active,
.button-blue:hover:active {
  color: white;
  background-color: var(--sb-bg-color-dark);
  border-color: var(--sb-bg-color-dark);
}
.button-blue:disabled {
  color: white;
  background-color: var(--sb-bg-color-bright);
  border-color: var(--sb-bg-color-bright);
}
.button-outline-blue {
  color: var(--sb-bg-color);
  border-color: var(--sb-bg-color);
}
.button-outline-blue:hover {
  color: white;
  background-color: var(--sb-bg-color);
  border-color: var(--sb-bg-color);
}
input:invalid {
  background-color: pink;
}
.postfix-box-arrow-up-right-icon::after {
  margin-left: 0.25rem !important;

  display: inline-block;
  font-family: bootstrap-icons !important;
  vertical-align: -0.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f1c5";
}

@keyframes fadeInAnimation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

body > section.bg-body-tertiary {
  animation: fadeInAnimation ease 0.3s;
}

.dropdown-menu.show {
  animation: fadeInAnimation ease 0.3s;
}