.sign-in {
    font-size: 0.9rem;
    height: 100vh;
    margin: 0;
}

.sign-in > .banner {
    height: 65px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

    .sign-in > .banner .logo {
        background-image: url(/img/common/ct_logo_r_w.svg);
        background-repeat: no-repeat;
        background-size: auto 50px;
        height: 50px;
        left: 50px;
        position: absolute;
        top: 15px;
        width: 200px;
    }

.sign-in > .wrapper {
    align-items: center;
    background-image: url("/img/signin/bg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100%;
    padding: 75px 20px 20px 20px;
    width: 100%;
}

.sign-in > .wrapper > .formContent {
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.3);
    background: #fbfbfa;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.3);
    max-width: 350px;
    padding: 30px;
    position: relative;
    width: 90%;
}

.sign-in > .wrapper > .formContent .logo {
    margin: 0 auto 10px auto;
    width: 50%;
}

.sign-in > .wrapper > .formContent button { margin: 0.75rem; }

.btn-default-green {
    color: #ffffff;
    background-color: #00852c;
    flex: 1 1 auto;
}

.btn-default-green:hover {
    color: #ffffff;
    background-color: #28a745;
}