body {
    background-color: #f2f2f2;
    width: 100%;
    height: 80vh;
    font-family: Montserrat;
}

.container {

}

.loginBox {
    width: 400px;
    display: flex;
    flex-direction: column;
}

.logo {
    padding: 10px 5px;
}

.logo img {
    width: 80px;
}

.images {
    padding: 0px 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.images img {
    width: 60px;
    height: 65px;
}

.innerBox {
    background-color: white;
    padding: 30px 50px;
    -webkit-box-shadow: 0 0 10px #a0a0a0;
    box-shadow: 0 0 10px #a0a0a0;
    text-align: center;
    display: flex;
    flex-direction: column;
}

.ibraBtn {
    height: 38px;
}

.passwordContainer {
    position: relative;
}

.forgotLink {
    font-size: 0.7rem;
    position: absolute;
    right: 10px;
    top: 10px;
}

.register {
    text-align: center;
}

.register a {
    color: #7F7F7F;
}

:-webkit-autofill::first-line,
:-webkit-autofill,
:-webkit-autofill:hover,
:-webkit-autofill:focus,
:-webkit-autofill:active {
    font-family: Montserrat !important;
    font-size: 1rem;
}