/* (c) 2019-2023 SAP SE or an SAP affiliate company. All rights reserved.*/

@font-face {
  font-family: "72";
  src: url('/login/assets/fonts/72-Regular.woff2') format('woff2'), url('/login/assets/fonts/72-Regular.woff') format('woff'), url('/login/assets/fonts/72-Regular.ttf') format('truetype');
}
/* Edge fix */
.login-fiori[data-fiori-login] input::-ms-clear,.login-fiori[data-fiori-login] input::-ms-reveal {
  display: none;
}

/* Reset code */
#vsystem-soft-login-content h1,
#vsystem-soft-login-content h2,
#vsystem-soft-login-content h3,
#vsystem-soft-login-content h4,
#vsystem-soft-login-content h5,
#vsystem-soft-login-content h6,
#vsystem-soft-login-content p,
#vsystem-login-ui h1,
#vsystem-login-ui h2,
#vsystem-login-ui h3,
#vsystem-login-ui h4,
#vsystem-login-ui h5,
#vsystem-login-ui h6,
#vsystem-login-ui p {
  margin: 0;
}
/* End */

#vsystem-login-ui .primary, #vsystem-soft-login-content .primary {
  width: 100%;
}

#vsystem-login-ui .login-dialog-parent, #vsystem-soft-login-content .login-dialog-parent {
  display: flex;
  align-items: center;
  justify-content: center;
}

#vsystem-login-ui .login-dialog, #vsystem-soft-login-content .login-dialog {
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0px 20px 80px 0px rgba(0, 0, 0, 0.3);
  width: 640px;
  max-height: 100%;
  overflow: auto;
}

#vsystem-login-ui .login-page, #vsystem-soft-login-content .soft-login-page, #vsystem-login-ui .change-password-page {
  padding: 60px 16px 54px;
}

/* Flex style */
#vsystem-login-ui .layout-row, #vsystem-soft-login-content .layout-row {
  display: flex;
}
#vsystem-login-ui .layout-column, #vsystem-soft-login-content .layout-column{
  display: flex;
  flex-direction: column;
}
#vsystem-login-ui .cross-center, #vsystem-soft-login-content .cross-center{
  align-items: center;
}
#vsystem-login-ui .main-center, #vsystem-soft-login-content .main-center{
  justify-content: center;
}
#vsystem-login-ui .main-sp-bn, #vsystem-soft-login-content .main-sp-bn{
  justify-content: space-between;
}
#vsystem-login-ui .cross-end, #vsystem-soft-login-content .cross-end{
  align-items: flex-end;
}
#vsystem-login-ui .main-end, #vsystem-soft-login-content .main-end{
  justify-content: flex-end;
}
/* end */

#vsystem-login-ui .login-tenant,#vsystem-login-ui .login-up-idp, #vsystem-soft-login-content .soft-login-up, #vsystem-soft-login-content .soft-login-idp, #vsystem-login-ui .cp-content, #vsystem-soft-login-content .soft-login-cp {
  width: 288px;
}

#vsystem-login-ui .show, #vsystem-soft-login-content .show {
  display: block;
}
#vsystem-login-ui .hide, #vsystem-soft-login-content .hide  {
  display: none;
}
#vsystem-login-ui .cur-ptr, #vsystem-soft-login-content .cur-ptr  {
  cursor: pointer;
}
#vsystem-login-ui .height-100, #vsystem-soft-login-content .height-100  {
  height: 100%;
}
#vsystem-login-ui .width-100, #vsystem-soft-login-content .width-100  {
  width: 100%;
}
#vsystem-login-ui .mg-rt, #vsystem-soft-login-content .mg-rt  {
  margin-right: 8px;
}

#vsystem-login-ui .mg-bt, #vsystem-soft-login-content .mg-bt  {
  margin-bottom: 8px;
}

#vsystem-login-ui .mg-tp, #vsystem-soft-login-content .mg-tp {
  margin-top: 8px;
}

#vsystem-login-ui .fd-input.is-error, #vsystem-soft-login-content .fd-input.is-error {
  outline: none;
}
#vsystem-login-ui .fd-input.is-error:hover, #vsystem-login-ui .fd-input.is-error:focus, #vsystem-soft-login-content .fd-input.is-error:hover, #vsystem-soft-login-content .fd-input.is-error:focus{
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: none;
}

#vsystem-login-ui .error-content, #vsystem-soft-login-content .error-content{
  margin: 8px 0;
}

#vsystem-login-ui .tenant-btn,#vsystem-login-ui .login-btn, #vsystem-soft-login-content .login-btn, #vsystem-soft-login-content .soft-login-idp-btn{
  padding-top: 16px;
}

#vsystem-login-ui .icon, #vsystem-soft-login-content .icon{
  background-repeat: no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
}

#vsystem-login-ui .error-icon, #vsystem-soft-login-content .error-icon {
  background-image: url('/login/assets/images/error.svg');
}

#vsystem-login-ui .success-icon, #vsystem-soft-login-content .success-icon {
  background-image: url('/login/assets/images/success.svg');
}

#vsystem-login-ui .password-show-icon, #vsystem-soft-login-content .password-show-icon {
  background-image: url('/login/assets/images/show-password.svg');
  height: 12px;
}
#vsystem-login-ui .password-hide-icon, #vsystem-soft-login-content .password-hide-icon {
  background-image: url('/login/assets/images/hide-password.svg');
  height: 12px;
}


#vsystem-login-ui .login-loader, #vsystem-soft-login-content .login-loader {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 11;
}
#vsystem-login-ui .loader-bg, #vsystem-soft-login-content .loader-bg {
  background-color: rgba(247, 247, 247, 0.72);
}

#vsystem-login-ui .loader-content, #vsystem-soft-login-content .loader-content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 12;
}

#vsystem-login-ui .loader-text, #vsystem-soft-login-content .loader-text {
  font-size: 14px;
  line-height: 1.42857;
  color: var(--sapTextColor, #32363a);
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  padding: 16px 24px;
}

#vsystem-login-ui .f-has-type-3, #vsystem-soft-login-content .f-has-type-3 {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
}

#vsystem-login-ui .bold, #vsystem-soft-login-content .bold {
  font-weight: 700;
}

#vsystem-login-ui .f-has-margin-bottom-small, #vsystem-soft-login-content .f-has-margin-bottom-small {
  margin-bottom: 16px !important;
}

#vsystem-login-ui .fd-input-group__addon .fd-input-group__button:focus, #vsystem-soft-login-content .fd-input-group__addon .fd-input-group__button:focus {
  outline: var(--sapContent_FocusColor, #000) var(--sapContent_FocusStyle, dotted) var(--sapContent_FocusWidth, .0625rem) !important;
  outline-offset: -.1875rem;
}