/** Signup Signin Page Styles **/

.social .intro {
    display: none;
}

.entry-item {
    margin-bottom: 1rem;
}

.create {
    margin-top: 1rem;
    font-size: .875rem;
}

button {
    height: 45px;
    width: 100%;
    margin: 1rem 0 1rem 0;
}

button#next {
    margin-bottom: 0;
}

button#MultivacAzureAD {
    color: var(--cta-color);
    border: 0.125rem solid var(--cta-color);
    background-color: transparent;
    margin-bottom: 0;
    box-shadow: none;
}
button#MultivacAzureAD:hover:not(:disabled):not([aria-disabled="true"]) {
    color: var(--cta-focus-color);
    border-color: var(--cta-focus-color);
}
button#MultivacAzureAD:focus-visible:not(:disabled):not([aria-disabled="true"]) {
    color: var(--cta-color);
     border-color: var(--cta-focus-color);
}

#password {
    margin-bottom: 1rem;
}

#createAccount {
    float: right;
}

.rememberMe {
    position: relative;
    padding-left: 2.75rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
}

.rememberMe label {
    cursor: pointer;
}

.rememberMe input#rememberMe {
    box-sizing: border-box;
    padding: 0;
}

.rememberMe input#rememberMe {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 2.25rem;
    height: 1.825rem;
    opacity: 0;
}

.rememberMe input#rememberMe:checked ~ label::before {
    color: #ffffff;
    border-color: #B2B2B2;
    background-color: #ffffff;
}

.rememberMe label::before {
    border-radius: 0.3125rem;
}

.rememberMe label::before {
    position: absolute;
    top: -0.3rem;
    left: 0;
    display: block;
    width: 2rem;
    height: 2rem;
    pointer-events: none;
    content: "";
    background-color: #ffffff;
    border: #B2B2B2 solid 1px;
    box-shadow: none;
}

.rememberMe:focus-within label::before, .rememberMe label:focus::before, .rememberMe input#rememberMe:focus ~ label::before {
    border-color: var(--cta-color);
    box-shadow: 0 0 0 0.0625rem var(--cta-color);
    outline: none;
}

.rememberMe input#rememberMe:checked ~ label::after {
    background-image: url(./checkbox-tick-28.svg);
}
.rememberMe label::after {
    position: absolute;
    top: -0.3rem;
    left: 0;
    display: block;
    width: 2rem;
    height: 2rem;
    content: "";
    background: no-repeat 50% / 1.5rem;
}