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;}
.sapUiBody {
    background-color: #eaedee; color: #333333; font-family: Arial, Helvetica, sans-serif;
    font-size: 0.875rem; -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.png") /*background-image: #eaedee;*/
}
.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: #0070f2;
    border-color: #0070f2; color: #ffffff;}
.sapUiButton:hover {background-color: #ebebeb;border-color: #ababab;}
.sapUiButton:focus {background-color: #427cac;border-color: #427cac;}
.sapUiButtonEmphasized {color: #ffffff; background-color: #0070f2;
    border: 0; text-shadow: 0 0 0 0 transparent; font-weight: bold; font-size: 0.875rem;}
.sapUiButtonEmphasized:hover {background-color: #085caf; border: 0}
.sapUiButtonEmphasized:focus {background-color: #085caf; border: 0; 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.25rem;line-height: 0;margin: 0.45rem 0;border-radius: 0.25rem;}
.loginHiddenAccessible {position: absolute;left: -150%;height: 1px;width: 1px;overflow: hidden;}
.loginInputField {height: 100%;width: 288px;box-sizing: border-box;border-radius: 0.25rem;background: #eff1f2;border: none;padding: 0 0.625rem;}
.loginInputField:focus {border-color: #0070f2;box-shadow: inset 0 0 0 2px #0070f2;background: #fff;outline: none;}
.loginInputField:hover {background: #fff;outline: none;}
.loginDisplayInput {height: 1.5rem;line-height: 1.5rem;margin: 0.75rem 0 0.5rem;color: #ffffff;}
.loginDisabledInput {opacity: 0.5;}
.loginSelect {width: 288px;height: 2.25rem;padding: 0 3rem 0 0.625rem;box-sizing: border-box;border: 1px solid #bfbfbf;border-radius: 0.25rem;background: #eff1f2;}
.loginSelect:focus {border-color: #0070f2;box-shadow: inset 0 0 0 2px #0070f2;background: #fff;outline: none;}
.loginSelect:hover {background: #fff;outline: none;}
.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.25rem;border-radius: 0.5rem;cursor: pointer;padding: 0 0.75rem;}
.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(8,84,160, 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(8,84,160, 1);}
    40% {-webkit-transform: scale(1);background: rgba(8,84,160, 0.1);/*box-shadow: inset 0 0 2px 1px rgba(8,84,160, 0.8);*/}
    80%,100% {-webkit-transform: scale(0.4);}
}
@-moz-keyframes busyAnimation {
    0% {-moz-transform: scale(0.4);background: rgba(8,84,160, 1);}
    40% {-moz-transform: scale(1);background: rgba(8,84,160, 0.1);/*box-shadow: inset 0 0 2px 1px rgba(8,84,160, 0.8);*/}
    80%,100% {-moz-transform: scale(0.4);}
}
@keyframes busyAnimation {
    0% {transform: scale(0.4);background: rgba(8,84,160, 1);}
    40% {transform: scale(1);background: rgba(8,84,160, 0.1);/*box-shadow: inset 0 0 2px 1px rgba(8,84,160, 0.8);*/}
    80%,100% {transform: scale(0.4);}
}
@media (max-height: 399px) {.sapUiSraLoginHeight7 footer {display: none;}}
@media (max-height: 379px) {.sapUiSraLoginHeight6 footer {display: none;}}
@media (max-height: 359px) {.sapUiSraLoginHeight5 footer {display: none;}}
@media (max-height: 339px) {.sapUiSraLoginHeight4 footer {display: none;}}
@media (max-height: 319px) {.sapUiSraLoginHeight3 footer {display: none;}}
@media (max-height: 299px) {footer {display: none;}}
.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}