/* removing of the "eye" icon in the Edge and other MS browsers */
::-ms-reveal {
  display: none;
}

body {
  background-color: white !important;
  background: white !important;
  min-height: 100vh;
  height: 100vh !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

html:has(.spinner-layout),
body:has(.spinner-layout) {
  overflow: hidden;
}

body #container {
  box-shadow: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50% !important;
}

.dashletViewContentInnerLayout .dashletHeader {
  background-color: white !important;
  color: black !important;
  border-bottom: 1px solid grey;
}

.spinner-layout {
  background: #f4f4f4;
  width: 100vw;
  height: 100vh;
  position: absolute;
  z-index: 132;
}

form #loginInputFrame input.form-button {
  background: #afcce5;
  color: #2f2f2f;
  width: 120px;
  height: 23px;
  font-size: 14px;
  margin-top: 22px;
  text-align: center;
  vertical-align: middle;
}

#container #container-login {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  align-items: center;
}

.form-options {
  display: none;
}

#loginInputFrame {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

input.form-field {
  border-radius: 6px;
  background: white;
  margin-top: 12px;
}

span.password i.icon-eye {
  position: absolute;
  top: 50% !important;
}

.layout {
  background: #f4f4f4;
  width: 100vw;
  height: 100vh;
  position: absolute;
  z-index: 13;
}

.paragraph {
    align-self:start !important;
    color: #2F2D4A;
    position: relative;
    left: 100px;
    font-size: 18px;
}

.logo {
    position: relative;
    top: -30px;
}

input {
    border-radius: 10.5px !important; 
}

#loginForm > div.t-error.alert.alert-danger > ul > li {
    z-index: 123;
    position: relative;
    top: -15px;
}

.form-button {
  border-radius: 5px !important;
}