html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

/*.page-wrapper {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 347px);
}*/

.page-wrapper {
    min-height: calc(100vh - 103px);
    display: flex;
    justify-content: center;
    align-items: center;
}

._login-container {
    height: 600px;
    /*width: 627.66px;*/
    /*position: absolute;*/
    transition: .3s;
    overflow: hidden;
}

    ._login-container ._formbox, ._formbox {
        /*position: absolute;*/
        /*display: flex;*/
        justify-content: center;
        align-items: center;
        height: 100%;
        width: 100%;
        /*padding-left: 10px;
        padding-right: 10px;*/
    }

        ._login-container ._formbox._login {
            transition: .3s;
            transform: translateY(0);
            transition-delay: .2s;
        }

            ._login-container ._formbox._login.inactive {
                transition: .3s;
                transform: translateY(-672.48px);
                /*transform: translateY(-576.47px);*/
                transition-delay: .2s;
            }

        ._login-container ._formbox._forgotPassword {
            transition: .3s;
            transform: translateY(-450px);
            transition-delay: .2s;
        }

            ._login-container ._formbox._forgotPassword.inactive {
                transition: .3s;
                transform: translateY(600px);
                transition-delay: .2s;
            }