body, html {
    height: 100%;    
    background-color: rgba(103, 103, 103, 0.1);
    overflow-y: auto !important;
}

input, select, button.btn.btn-primary, a {
    -webkit-user-select:initial;
    -moz-user-select: initial;
    -ms-user-select:initial;
    -o-user-select: initial;
    user-select: initial;     
}
div.outer {  
    z-index: 9999;
    display: table;
    position: absolute;
    height: 100%;
    width: 100%; 
}
div.middle {
    display: table-cell;
    vertical-align: middle;
}
div.inner { 
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    padding-bottom: 15px;
    text-align:center;   
    z-index:9999; 
}
div.inner img {
    margin-bottom: 10px;
}
    div.inner div.box {
        text-align: left;
        margin-bottom: 20px;
        background: #fff;
        padding-bottom: 0px;
        box-shadow: 0 35px 40px 0 rgba(0,0,0,0.1);
        overflow: hidden;
    }
        div.inner div.box h1 {
            margin: 0;
            color: white;
            padding: 10px 25px 10px;
            text-align: center;
            font-weight: 300;
        }
div.inner div.box h3 {
    margin: 0;
}
div.inner .btn.btn-primary {
    margin: 0px;
    margin-top: 10px;
    width: 100%;
    max-width: 500px !important;
}
div.inner .btn.btn-primary.width-auto {
    margin-right: 10px;
    margin-top: 0px;
    width: auto;
}
div.inner div.form-group input.form-control {
    max-width: 500px !important;
}
div.inner div.links {
    text-align: left;
    margin-left: 10px;
    margin-right: 10px;
}
.outer-multifactor .inner, .outer-multifactor .box {
    width:365px!important;
}
.login-options {
    padding-bottom: 15px;
}
.box #form {
    padding: 20px 15px 20px;
}
.box label {
    font-weight: 400;
}
.links a {
    color: rgb(103, 103, 103);
}
.box .poweredby {
    height: 25px;
    width: 110px;
    position: relative;
    margin: auto;
}
#LoginLogo {
    height: 35px !important;
    margin: 20px auto 10px;
}

.forgotten_password-link {
    display: block;
    text-align: center;
    margin: 0 0 10px;
}

    .forgotten_password-link a {
        color: #969696;
    }

.powered_by_text {
    font-size: 11px;
    margin-top: 15px;
}

.mitrefinch_bottom_logo {
    display: flex;
    justify-content: center;
    margin-top: 7px;
}

@media screen and (min-width:370px) {
    div.inner {
        width: 340px;
    }
    #LoginLogo {
        margin-bottom: 20px !important;
    }

    div.inner div.box {
        padding-bottom: 0px;
    }

    div.inner div.box h1 {
        padding: 25px 25px 20px;
    }
    .forgotten_password-link {
        margin: 8px 0 25px;
    }
    .powered_by_text {
        margin-top: 40px;
    }
}