/* body, html... Not needed... already exists in Milana - BEGIN */
body, html {
  overflow: hidden !important;
  width: 100%;
  height: 100%;
  position: relative;
  margin:0;
}
/* body, html... Not needed... already exists in Milana - END */

/* ==== LOGIN styling - Begin */
#login {
  background: radial-gradient(ellipse at -25% 25%, #000000 20%, #590090 90%, yellow 100%);
  min-height: 100vh;
  padding: initial;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: 150% 200%;
}

#login:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  mask-image: linear-gradient(to bottom, transparent, black);
  background: radial-gradient(ellipse at 0% 75%, #00fff1 -15%, #354bc6 30%, black 100%);
   background-size: 150% 150%;
}

#login:after{
  content:"";
  background-image: url("../images/aderant-logo-reverse-rgb.svg");
  background-size: 550px;
  background-repeat: no-repeat;
  background-position: right bottom;
  position: fixed;
  z-index: 0;
  mix-blend-mode: overlay;
  opacity: 0.5;
  width: 550px;
  height: 100vh;
  right: -100px;
  bottom: -120px;
}

    #login .form-wrapper {
        z-index: 1;
        box-shadow: 0 30px 80px rgba(0,0,0,0.25);
        border-radius: 10px 10px;
    }

    #login .form-wrapper .header {
        border-radius: 10px 10px 0px 0px;
        background: transparent;
    }

#login .form-wrapper .main-section {
    background-color: transparent;
}

    #login .btn-secondary {
        border-radius: 5px;
        height: 44px;
        letter-spacing: .04em;
    }
/* ==== LOGIN styling - End */