@font-face {
  font-family: 'TTNormsRegular';
  src: url('/live/oe_/https://cloud.adminjs.co/fonts/TTNormsPro-Regular.woff'), url('/live/oe_/https://cloud.adminjs.co/fonts/TTNormsPro-Regular.woff2');
}

@font-face {
  font-family: 'TTNormsMedium';
  src: url('/live/oe_/https://cloud.adminjs.co/fonts/TTNormsPro-Medium.woff'), url('/live/oe_/https://cloud.adminjs.co/fonts/TTNormsPro-Medium.woff2');
}

@font-face {
  font-family: 'TTNormsBold';
  src: url('/live/oe_/https://cloud.adminjs.co/fonts/TTNormsPro-Bold.woff'), url('/live/oe_/https://cloud.adminjs.co/fonts/TTNormsPro-Bold.woff2');
}

@font-face {
  font-family: 'TTNormsExtraBold';
  src: url('/live/oe_/https://cloud.adminjs.co/fonts/TTNormsPro-ExtraBold.woff'), url('/live/oe_/https://cloud.adminjs.co/fonts/TTNormsPro-ExtraBold.woff2');
}

@font-face {
  font-family: 'TTNormsItalic';
  src: url('/live/oe_/https://cloud.adminjs.co/fonts/TTNormsPro-Italic.woff'), url('/live/oe_/https://cloud.adminjs.co/fonts/TTNormsPro-Italic.woff2');
}

@font-face {
  font-family: 'TTNormsBoldItalic';
  src: url('/live/oe_/https://cloud.adminjs.co/fonts/TTNormsPro-BoldItalic.woff'), url('/live/oe_/https://cloud.adminjs.co/fonts/TTNormsPro-BoldItalic.woff2');
}

@font-face {
  font-family: 'TTNormsMediumItalic';
  src: url('/live/oe_/https://cloud.adminjs.co/fonts/TTNormsPro-MediumItalic.woff'), url('/live/oe_/https://cloud.adminjs.co/fonts/TTNormsPro-MediumItalic.woff2');
}

.login-container li, a {
  font-family: 'TTNormsRegular', Roboto !important;
}

.login-container h2 {
  font-family: 'TTNormsBold', Roboto !important;
}

.login-container button {
  font-family: 'TTNormsItalic', Roboto !important;
}

.navbar a {
  text-decoration: none;
}
.navbar a:hover {
  color: #021048;
}
.navbar-brand svg .text {
  fill: #0b151e;
}
.navbar-brand svg .letter {
  fill: #4d70eb;
}
.navbar-nav a.nav-link, a.nav-link:active, a.nav-link:visited {
  color: #021048 !important;
  font-family: 'TTNormsMedium', Roboto !important;
}
.dropdown-toggle:after {
  background-image: svg-bg('<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z" fill="#021048"/></svg>');
}
.navbar-toggler:not(.navbar-static &):after {
  background-image: svg-bg('<svg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h40v40H0z"/><g transform="translate(5.5 8.75)" fill="#021048"><rect width="29" height="2.5" rx="1.25"/><rect y="10" width="18" height="2.5" rx="1.25"/><rect y="20" width="26" height="2.5" rx="1.25"/></g></g></svg>');
}
.btn-demo--light {
  color: #021048;
  border-color: #021048;
  background-color: #fff;
}
.btn-demo--light:hover {
  color: #021048;
  background-color: #86fcd6;
  border-color: #86fcd6;
}
.navbar {
  transition: top 0s ease-in-out, background 0s ease-in-out;
  box-sizing: border-box;
  position: absolute;
  height: 104px;
  display: flex;
  align-items: center;
  background-color: #fff;
  color: #021048;
  width: 100%;
  font-family: 'TTNormsRegular', Roboto !important;
}
.transition.scroll .navbar {
  transition: top 0.25s ease-in-out, background 0s ease-in-out;
}
.transition.scroll .navbar .slack-box h3 {
  color: #021048;
}
.transition.scroll-up.scroll .navbar {
  box-shadow: 1px 5px 14px 0px rgba(0, 0, 0, 0.2);
}
.transition.mm-show .navbar .slack-box h3 {
  color: #021048;
}
.navbar.navbar-static:not(.mm-show) {
  position: relative;
  background-color: #fff;
  border-bottom: 1px solid #e0e1e3;
}
.scroll:not(.mm-show) .navbar {
  background-color: #fff;
  position: fixed;
  top: -104px;
}
.scroll-up .navbar {
  top: 0 !important;
  position: fixed;
}
.scroll-down .navbar {
  top: -110px;
  position: fixed;
}
.navbar .navbar-brand {
  margin-right: 97px;
}
.navbar .dropdown-menu .dropdown-item {
  padding: 12px 24px;
}
.navbar .dropdown-menu[data-bs-popper] {
  top: calc(100% + 30px);
}
.navbar .navbar-nav {
  margin-right: 79px;
  flex-direction: row;
}
.navbar .navbar-nav .nav-link {
  color: #021048;
  font-size: 16px;
  letter-spacing: 0;
}
.navbar .navbar-nav .nav-link:hover {
  color: #021048;
}
.navbar .navbar-nav .nav-item:not(:last-child) {
  margin-right: 27px;
}
.navbar .container {
  max-width: none;
  margin-top: 2px;
  padding: 0 25px;
}
.github-box {
  height: 32px;
  border: 1px solid #fff;
  border-radius: 4px;
  color: #021048;
  display: flex;
  margin-left: auto;
  margin-right: 39px;
  position: relative;
}
.navbar-static .github-box, .scroll .github-box {
  border-color: #d9d9db;
}
.navbar-static .github-box svg path, .scroll .github-box svg path {
  fill: #021048;
}
.navbar-static .github-box__label, .scroll .github-box__label {
  color: #021048;
}
.navbar-static .github-box__col-1, .scroll .github-box__col-1 {
  border-right: 1px solid #d9d9db;
  background-color: #f8f9fe;
}
.navbar-static .github-box__col-2 span, .scroll .github-box__col-2 span {
  color: #021048;
}

.app-footer {
  display: flex;
  width: 100%;
  justify-content: center;
  flex-direction: row;
  color: #6B7781;
  mix-blend-mode: normal;
  opacity: 1;
  text-align: center;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  padding: 20px 0;
  font-family: 'TTNormsRegular', Roboto;
  z-index: 11;
}

.app-footer > span:nth-of-type(2), .app-footer > span:nth-of-type(3) {
  margin: 0 8px;
}

.app-footer > span:nth-of-type(4) {
  margin-right: 4px;
}

.lds-grid {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-grid div {
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #4d70eb;
  animation: lds-grid 1.2s linear infinite;
}
.lds-grid div:nth-child(1) {
  top: 8px;
  left: 8px;
  animation-delay: 0s;
}
.lds-grid div:nth-child(2) {
  top: 8px;
  left: 32px;
  animation-delay: -0.4s;
}
.lds-grid div:nth-child(3) {
  top: 8px;
  left: 56px;
  animation-delay: -0.8s;
}
.lds-grid div:nth-child(4) {
  top: 32px;
  left: 8px;
  animation-delay: -0.4s;
}
.lds-grid div:nth-child(5) {
  top: 32px;
  left: 32px;
  animation-delay: -0.8s;
}
.lds-grid div:nth-child(6) {
  top: 32px;
  left: 56px;
  animation-delay: -1.2s;
}
.lds-grid div:nth-child(7) {
  top: 56px;
  left: 8px;
  animation-delay: -0.8s;
}
.lds-grid div:nth-child(8) {
  top: 56px;
  left: 32px;
  animation-delay: -1.2s;
}
.lds-grid div:nth-child(9) {
  top: 56px;
  left: 56px;
  animation-delay: -1.6s;
}
@keyframes lds-grid {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}