/* body{
    background-color:forestgreen ;
} */

.login-box {
    margin-top: 10vh;
    text-align: center;
    min-height: calc(90vh - 60px - 76px - 50px);
}

.systemlogo{
    background-image: url(/images/auth_thru.png?b6a2eeff344c6d1c9ae94c62f297d24d);
    background-size: contain;
    background-repeat: no-repeat;
    height: 60px;
    width: 80px;
}


.article-box {
    display: inline-block;
    padding:30px;
    border-radius: 25px;
    background-color: white;
    width: 400px;
}
    /* .article-box__article-body h5{
        background: #dfefff;
        box-shadow: 0px 0px 0px 5px #dfefff;
        border: dashed 1px #96c2fe;
        padding: 0.2em 0.5em;
        color: #454545;

        
    } */

    .article-box__article-body div{
        display:block ;
        height: 50px;
    }

    /* .article-box__article-body label{  
        margin-top: 15px;
        padding-left: 10px;  
        text-align: left;
        font-weight: bold;
        display: block;
        border-left:double 5px rgb(80,88,223);
        background: rgb(80,88,223);
        background: linear-gradient(48deg, rgba(80,88,223,1) 0%, rgba(21,135,226,1) 23%, rgba(255,255,255,1) 60%);
        width: 250px;
    } */

    /* .article-box__article-body input{
        text-align: left;
        display: block;
        margin-left: 50px;
        width: 230px;
    } */

    .article-box__article-footer {
        margin-bottom: 10px;
        float:right;    
    }
    
    .footer {
        height: 60px;
        text-align: center;
        margin-top: 30px;
    }

    .footer>a {
        padding: 0px 30px 0px 20px;
        flex-grow: 1;
        height: 60px;
        line-height: 24px;
        text-decoration: underline;
        color: #818896;
    }