body {
  direction: ltr;
}
input,
select,
button {
  font-family: inherit;
  font-size: inherit;
}
input[type="checkbox"] {
  margin: 0 0.5rem 0 0.75rem;
}
.hspan {
  height: 100vh;
  width: 1px;
  background-color: transparent;
  visibility: hidden;
}
.loginDisplayNone {
  display: none;
}
.loginHidden {
  visibility: hidden;
}
.ltrInput {
  direction: ltr;
}
.sapUiBody {
  background-color: #fafafa;
  color: #333333;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1rem;
  -webkit-tap-highlight-color: transparent;
  width: 100%;
  margin: 0;
}
.sapUiBackground {
  background-size: cover;
  -webkit-background-size: cover;
  background-attachment: scroll;
  background-image: url("img/background.jpg");
}
.sapUiContentForegroundTextColor {
  color: #333333;
}
.sapUiLightestBG {
  background-color: #ffffff;
}
.sapUiSuccess {
  background-color: #e4f6e4;
  outline: none;
  border: 1px solid #abe2ab;
}
.sapUiNeutral {
  background-color: #f4f5f6;
  outline: none;
  border: 1px solid #d3d7d9;
}
.sapUiWarning {
  background-color: #fef0db;
  outline: none;
  border: 1px solid #fabd64;
}
.sapUiError {
  background-color: #ffe4e4;
  outline: none;
  border: 1px solid #ff8888;
}
.sapUiSuccess:hover,
.sapUiSuccess:focus {
  border-color: #38a338;
}
.sapUiNeutral:hover,
.sapUiNeutral:focus {
  border-color: #5e696e;
}
.sapUiWarning:hover,
.sapUiWarning:focus {
  border-color: #f9a429;
}
.sapUiError:hover,
.sapUiError:focus {
  border-color: #ee0000;
}
.sapUiButton {
  background-color: #f7f7f7;
  border: 1px solid #ababab;
  color: #346187;
}
.sapUiButton:hover {
  background-color: #ebebeb;
  border-color: #ababab;
}
.sapUiButton:focus {
  background-color: #427cac;
  border-color: #427cac;
}
.sapUiButtonEmphasized {
  color: #ffffff;
  background-color: #5496cd;
  border: 1px solid #367db8;
  text-shadow: 0 1px #000000;
}
.sapUiButtonEmphasized:hover {
  background-color: #367db8;
  border-color: #367db8;
}
.sapUiButtonEmphasized:focus {
  background-color: #427cac;
  border-color: #427cac;
  text-shadow: none;
}
.sapUiButtonLite {
  color: #346187;
  background-color: transparent;
  border: 1px solid transparent;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.sapUiButtonLite:hover {
  background-color: rgba(191, 191, 191, 0.5);
  border-color: rgba(191, 191, 191, 0.5);
}
.sapUiButtonLite:focus {
  color: #ffffff;
  background-color: #427cac;
  border-color: #427cac;
  text-shadow: none;
}
.sapMLabel {
  color: #666666;
  font-size: 0.875rem;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
}
.sapUiSraTextError {
  color: rgb(229, 41, 41);
}
.sapUiList {
  background-color: #ffffff;
  padding: 0;
  margin: 0;
}
.sapUiListTitle {
  width: 288px;
  padding: 0 0.75rem;
  font-size: 1.25rem;
  color: #666666;
  height: 2.5rem;
  line-height: 2.5rem;
  border-bottom: 1px solid #cccccc;
  box-sizing: border-box;
}
.sapUiListTitle:hover,
.sapUiListTitle:focus {
  outline: none;
  border: 1px solid #427ca7;
}
.sapUiListRow {
  padding: 0 0.75rem;
  height: 2rem;
  line-height: 2rem;
  box-sizing: border-box;
}
.sapUiListRow:hover,
.sapUiListRow:focus {
  outline: none;
  border: 1px solid #427ca7;
}
.sapUiDeleteSessions {
  color: #333333;
}
header {
  position: absolute;
  top: 0;
}
.loginLogo {
  margin: 0.75rem 1rem;
}
footer {
  position: absolute;
  bottom: 0;
  right: 0;
}
.loginCopyright {
  position: relative;
  right: 0;
  padding: 1rem;
}
main {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  margin: 0;
}
.loginForm {
  margin: 0 auto;
  width: 288px;
}
.sapUiSraAfterLogin .loginForm {
  opacity: 0.3;
}
.loginInput {
  height: 2.5rem;
  line-height: 2.5rem;
  margin: 0.5rem 0;
}
.loginHiddenAccessible {
  position: absolute;
  left: -150%;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.loginInputField {
  height: 2.5rem;
  width: 288px;
  padding: 0 0.75rem;
  box-sizing: border-box;
  border: 1px solid #bfbfbf;
}
.loginInputField:hover,
.loginInputField:focus {
  outline: none;
  border-color: #427ca7;
}
.loginDisplayInput {
  height: 1.5rem;
  line-height: 1.5rem;
  margin: 0.75rem 0 0.5rem;
}
.loginDisabledInput {
  opacity: 0.5;
}
.loginSelect {
  width: 288px;
  height: 2.5rem;
  padding: 0 0.75rem;
  box-sizing: border-box;
  border: 1px solid #bfbfbf;
}
.loginSelect:hover,
.loginSelect:focus {
  border-color: #427ca7;
}
.loginMessage {
  position: relative;
  width: 288px;
  margin: 0.75rem auto;
  padding: 0.4375rem 0.75rem;
  box-sizing: border-box;
  border-radius: 0.25rem;
}
.loginMessageContainer {
  position: relative;
  width: 288px;
  margin: 0.75rem auto;
  box-sizing: border-box;
  border-radius: 0.25rem;
}
.loginMessageButton {
  position: absolute;
  top: 0.125rem;
  right: 0.125rem;
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1rem;
  border-radius: 0.25rem;
  cursor: pointer;
  padding: 0;
  text-align: center;
}
.loginButtonRow {
  margin: 0.75rem 0 0.5rem;
}
.loginButton {
  width: 288px;
  height: 2.5rem;
  border-radius: 0.25rem;
  cursor: pointer;
  padding: 0 0.75rem;
}
.loginLink {
  width: 288px;
  text-align: center;
}
.loginLink a {
  text-decoration: none;
  color: #0070b1;
}
.loginLink a:hover {
  text-decoration: underline;
  color: #0070b1;
}
.loginLink a:visited {
  text-decoration: none;
  color: #0070b1;
}
.busyAnimation {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 9999;
  width: 3rem;
  height: 1rem;
  margin: 0 auto;
  display: none;
}
.sapUiSraShowLogonAnimation .busyAnimation {
  display: block;
}
.busyAnimation > div {
  width: 16px;
  height: 16px;
  border-radius: 100%;
  box-shadow: inset 0 0 3px 16px rgba(66, 124, 172, 1);
  display: inline-block;
  margin: 0;
  position: relative;
  -webkit-animation: busyAnimation 1.8s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  -moz-animation: busyAnimation 1.8s infinite ease-in-out;
  -moz-animation-fill-mode: both;
  animation: busyAnimation 1.8s infinite ease-in-out;
  animation-fill-mode: both;
}
.busyAnimation > div:nth-child(1) {
  -webkit-animation-delay: -0.32s;
  -moz-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.busyAnimation > div:nth-child(2) {
  -webkit-animation-delay: -0.16s;
  -moz-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
@-webkit-keyframes busyAnimation {
  0% {
    -webkit-transform: scale(0.4);
    background: rgba(66, 124, 172, 1);
  }
  40% {
    -webkit-transform: scale(1);
    background: rgba(66, 124, 172, 0.1);
    box-shadow: inset 0 0 2px 1px rgba(66, 124, 172, 0.8);
  }
  80%,
  100% {
    -webkit-transform: scale(0.4);
  }
}
@-moz-keyframes busyAnimation {
  0% {
    -moz-transform: scale(0.4);
    background: rgba(66, 124, 172, 1);
  }
  40% {
    -moz-transform: scale(1);
    background: rgba(66, 124, 172, 0.1);
    box-shadow: inset 0 0 2px 1px rgba(66, 124, 172, 0.8);
  }
  80%,
  100% {
    -moz-transform: scale(0.4);
  }
}
@keyframes busyAnimation {
  0% {
    transform: scale(0.4);
    background: rgba(66, 124, 172, 1);
  }
  40% {
    transform: scale(1);
    background: rgba(66, 124, 172, 0.1);
    box-shadow: inset 0 0 2px 1px rgba(66, 124, 172, 0.8);
  }
  80%,
  100% {
    transform: scale(0.4);
  }
}
@media (max-height: 499px) {
  .sapUiSraPwdHeight header {
    display: none;
  }
  .sapUiSraPwdHeight footer {
    display: none;
  }
}
@media (max-height: 469px) {
  .sapUiSraLoginHeight7 header {
    display: none;
  }
  .sapUiSraLoginHeight7 footer {
    display: none;
  }
}
@media (max-height: 449px) {
  .sapUiSraLoginHeight6 header {
    display: none;
  }
  .sapUiSraLoginHeight6 footer {
    display: none;
  }
}
@media (max-height: 429px) {
  .sapUiSraLoginHeight5 header {
    display: none;
  }
  .sapUiSraLoginHeight5 footer {
    display: none;
  }
}
@media (max-height: 409px) {
  .sapUiSraLoginHeight4 header {
    display: none;
  }
  .sapUiSraLoginHeight4 footer {
    display: none;
  }
}
@media (max-height: 389px) {
  .sapUiSraLoginHeight3 header {
    display: none;
  }
  .sapUiSraLoginHeight3 footer {
    display: none;
  }
}
@media (max-height: 369px) {
  header {
    display: none;
  }
  footer {
    display: none;
  }
}
@media (max-height: 429px) {
  .sapUiSraPwdHeight main {
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    -moz-transform: none;
    transform: none;
  }
}
@media (max-height: 399px) {
  .sapUiSraLoginHeight7 main {
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    -moz-transform: none;
    transform: none;
  }
}
@media (max-height: 379px) {
  .sapUiSraLoginHeight6 main {
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    -moz-transform: none;
    transform: none;
  }
}
@media (max-height: 359px) {
  .sapUiSraLoginHeight5 main {
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    -moz-transform: none;
    transform: none;
  }
}
@media (max-height: 339px) {
  .sapUiSraLoginHeight4 main {
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    -moz-transform: none;
    transform: none;
  }
}
@media (max-height: 319px) {
  .sapUiSraLoginHeight3 main {
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    -moz-transform: none;
    transform: none;
  }
}
@media (max-height: 299px) {
  main {
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    -moz-transform: none;
    transform: none;
  }
}