body {
    background: radial-gradient(var(--teal60), var(--teal80));
    margin: 0;
}

#LogoBottom {
    margin-right: 2.5rem;
    margin-bottom: 2.5rem;
}

#LoginFormContainer {
    align-items: center;
    display: flex;
    height: 100vh;
    justify-content: center;
    padding: 0 1rem 0 1rem;
    width: 100vw;
}

#LoginFormContainer .card {
    border-radius: 1rem;
    min-width: 375px;
}

#LoginLogo {
    height: 100px;
}

#LoginLogo img {
    height: 100px;
}

#LoginLogoProductName {
    font-size: 1rem;
    margin-right: 0px;
    margin-top: -15px;
}

.loginFormCard {
     padding: 1.5rem; 
     min-width: 300px; 
     max-width: 350px; 
}

#ElektaOneLogo {
    filter: brightness(0) invert(1);
    fill: var(--white100);
    color: var(--white100);
    height: 18px;
}

#ElektaOneSmartViewTitle {
    color: var(--white100);
    font-size: 1rem;
    letter-spacing: .08rem;
}

.verticalDivider-lg {
    border-color: var(--white100);
    height: 18px;
}