body {
  align-items: center;
  background-image: linear-gradient(119.77deg, #eff7ff 19.45%, #fff6f3 82.62%);
  display: flex;
  height: 100%;
  font-family: 'Nunito', 'Open Sans', sans-serif;
  font-style: normal;
  justify-content: center;
  margin: 0;
  width: 100%;
}

.adh-page-container {
  background-color: #f2f9ff;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0 24px;
  text-align: center;
  width: 100%;
}

.adh-page-footer,
.adh-page-header {
  color: #1a487d;
  display: flex;
  font-size: 12px;
  line-height: 16px;
  padding: 8px 0;
}

.adh-page-footer {
  justify-content: center;
}

.adh-page-app-name {
  padding-left: 4px;
  align-self: center;
}

.adh-login-header {
  color: #1a487d;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  margin: 0;
  padding-bottom: 24px;
}

.adh-login-container-inner {
  align-items: center;
  background: linear-gradient(107.84deg, #EFF7FF 19.45%, #FFF6F3 82.62%);
  display: flex;
  flex: 1 1;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 120px;
  text-align: center;
  width: 100%;
}

@media screen and (max-height: 640px) {
  .adh-login-container-inner {
    padding-bottom: 0;
  }
}

.adh-forbidden-container-inner {
  align-items: center;
  border-radius: 16px;
	box-shadow: 0 0 20px rgba(176, 192, 211, 0.4);
	background-color: #fff;
  display: flex;
  flex: 1 1;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  width: 100%;
}

.adh-login-box {
  align-items: center;
  background-color: #fff;
  box-shadow: 0 2px 6px rgba(228, 228, 228, 0.4);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 200px;
  min-width: 490px;
}

.adh-login-logo {
  margin-bottom: 40px;
  top: 25%;
  width: 80px;
  height: 80px;
}

@media screen and (max-height: 400px) {
  .adh-login-logo {
    display: none;
  }
}

.adh-forbidden-container-cta {
  display: flex;
}

.adh-button {
  -webkit-box-pack: center;
  -webkit-box-align: center;
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  flex-shrink: 0;
  font-family: Nunito, sans-serif;
  justify-content: center;
  margin: 0 8px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-rendering: optimizelegibility;
  touch-action: manipulation;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
  outline: none;
  text-transform: unset;
}

.adh-cta-primary {
  border: 1px solid transparent;
  border-radius: 1.25rem;
  font-size: 0.8rem;
  font-weight: 600;
  line-height: 1;
  overflow: hidden;
  transition: transform 0.15s ease-in-out 0s;
  background-color: rgb(41, 83, 129);
  color: rgb(255, 255, 255);
  font-size: 14px;
}

.adh-cta-secondary {
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(41, 83, 129);
  border-radius: 1.25rem;
  color: rgb(41, 83, 129);
  font-size: 0.8rem;
  font-weight: 600;
  height: 2rem;
  line-height: 1;
  overflow: hidden;
  transition: transform 0.15s ease-in-out 0s;
}

.adh-login-cta-primary {
  padding: 1em 4.5em;
}

.adh-forbidden-cta-primary {
  padding: 8px 16px;
}

.adh-forbidden-cta-secondary {
  padding: 0px 1rem;
}

.adh-cta-primary:hover {
  background-color: rgb(57, 116, 181);
  box-shadow: rgb(57 116 181 / 35%) 0px 2px 7px;
  transform: translateY(-1px);
}

.adh-cta-secondary:hover:hover {
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 7px;
  transform: translateY(-1px);
}

.adh-forbidden-container-image {
  max-width: 540px;
}

.adh-forbidden-container-header {
  color: #6d6d6d;
  display: flex;
  font-size: 24px;
  margin-bottom: 8px;
  white-space: 'break-spaces';
}

.adh-forbidden-description {
  color: #999;
  display: flex;
  font-size: 16px;
  margin-bottom: 32px;
  white-space: 'break-spaces';
}