/**
 * Content wrapper styles for dev.html
 * Extracted from inline styles to comply with CSP (no 'unsafe-inline')
 */
.content-wrapper {
  display: block;
  width: 100%;
  height: 100%;
}

/* Logout page styles */
.logoutLink {
  color: white;
}

.msgTitle {
  font-size: 4rem;
}

.msgContainer {
  position: relative;
}

.sapUiMedia-Std-Desktop .msgContainer,
.sapUiMedia-Std-Tablet .msgContainer {
  vertical-align: bottom;
  height: 214px;
}

.sapUiMedia-Std-Desktop .msgContent,
.sapUiMedia-Std-Tablet .msgContent {
  bottom: 20px;
  position: absolute;
}

.sapUiMedia-Std-Phone .fan {
  float: right;
}

.sapUiMedia-Std-Desktop .page404 .Grid,
.sapUiMedia-Std-Tablet .page404 .Grid {
  position: absolute;
  top: calc(50% - 150px);
  left: 0;
  right: 0;
}

.sapUiMedia-Std-Tablet .page404 .Grid div {
  overflow: visible;
}

.sapUiMedia-Std-Phone .page404 .Grid {
  margin-top: 2rem;
}

.sapMPageHeader::before {
  display: none !important;
}