@charset "UTF-8";

/* Dimentions */
/* Colors, Fonts variables */
/* Images */
/* Colors */
/* Fonts */
/* Dimensions of blocks */
/* reset -------------------------- */
html,
body,
div,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
dfn,
del,
p,
blockquote,
fieldset,
input,
textarea,
select,
article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
button,
canvas,
video {
  margin: 0;
  padding: 0; }

h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
address,
caption,
cite,
code,
th,
dfn,
del {
  font-weight: normal;
  font-style: normal; }

fieldset,
img {
  border: none; }

caption,
th {
  text-align: left; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

input[type="button"],
input[type="submit"],
input[type="reset"],
button {
  cursor: pointer;
  line-height: normal; }

button,
input {
  line-height: normal; }

input[type="hidden"],
[hidden],
.hidden {
  display: none; }

textarea {
  overflow: auto;
  resize: none; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
.clearfix {
  display: block; }

audio,
canvas,
video {
  display: inline-block; }

a > img {
  vertical-align: bottom; }

strong,
b {
  font-weight: bold; }

em,
i {
  font-style: italic; }

del {
  text-decoration: line-through; }

:focus {
  outline: none; }

html, body, #app {
  height: 100%; }

body {
  font: 12px/1.4em Arial, sans-serif;
  color: #666666;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: hidden; }
  body img {
    max-width: 100%;
    height: auto; }
  body a {
    color: #0057D2;
    text-decoration: underline; }
    body a:hover {
      cursor: pointer; }
  body .disabled {
    opacity: 0.5;
    pointer-events: none; }
.page--login {
    min-height: 100vh;
    padding-top: 0;
    display: flex;
    background: #F9F9FA;
}
.page--login__description {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.maintenance-error-container {
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 960px;
    padding: 8px;
    margin: 0 auto;
    align-items: flex-start;
}
.page--login__description .maintenance-error-container {
  position: relative;
  margin: auto;
  top: -36px;
}
.maintenance-error-content {
  max-width: 656px;
  font: 14px/24px "ConvBentonSansMedium", Arial, sans-serif;
  color: #12171C;
}
.error_image {
    width: 240px;
    margin-left: auto;
}
.modal-backdrop,
.ajax-progress-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    height: 100%; }
.page--login__description .sap-logo {
    min-width: 60px;
    width: 72px;
    margin: 32px; }