@import "errorPage.base.css";

@font-face {
  font-family: Fira Sans;
  src: url(/fonts/FiraSans-Regular.woff) format("woff"),
  url(/fonts/FiraSans-Regular.ttf) format("truetype"),
  url(/fonts/FiraSans-Regular.eot),
  url(/fonts/FiraSans-Regular.woff2) format("woff2");
}

@font-face {
  font-family: Fira Sans;
  src: url(/fonts/FiraSans-Medium.woff) format("woff"),
  url(/fonts/FiraSans-Regular.ttf) format("truetype"),
  url(/fonts/FiraSans-Medium.eot),
  url(/fonts/FiraSans-Medium.woff2) format("woff2");
  font-weight: 500;
}

body {
  font-family: Fira Sans, sans-serif;
  font-feature-settings: "ss04", "ss05";
  overflow-x: auto !important;
  background: #F4F4F4;
}

.container-maintenance-logo {
  background: #fff;
  width: 100%;
  height: 4.4375rem;
}

.container-maintenance-box {
  background: #F3F3F3;
}

img.logo {
  margin-top: .3125rem;
  width: 15.9375rem;
  height: 3.75rem;
  margin-left: 1rem;
}

.container {
  overflow: auto;
  height: calc(100% - 4.4375rem);
  min-height: calc(100% - 4.4375rem);
}

a.error-a {
  background-color: #9C0F68;
  color: white;
  border: .0625rem solid #9C0F68;
}

a.error-a:hover {
  background-color: #72004A;
}

a.error-a:focus {
  color: #FFFFFF;
  background-color: #9C0F68;
  border-color: #72004A;
  box-shadow: inset 0 0 0 .0625rem #FFFFFF, 0 0 0 0 #9C0F68;
  -webkit-box-shadow: inset 0 0 0 .0625rem #FFFFFF, 0 0 0 0 #9C0F68;
}