html,
body {
    height: 100%;
    font-family: "Roboto", sans-serif !important;
}

.background {
    background-image:  url("/assets/images/login_background.png");
}

.login {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08);
    background-color: #FFFFFF;
    border-radius: 10px;
    width: 600px;
    margin: 15px;
}

.login-container {
    margin-left: 57px; 
    margin-right: 57px; 
}

.mt-logo {
    margin-top: 71.07px;
}

.mb-formulario {
    margin-bottom: 48px;
}

.mt-input {
    margin-top: 10px;
}

.mb-input {
    margin-bottom: 21px;
}

.mb-form {
    margin-bottom: 76px;
}

.login-button {
    background-color: #BFBFBF;
    height: 60px;
}

.login-session {
    font-size: 18px;
    color: #F6F6F6;
}

::-webkit-input-placeholder {
    color: black !important;
}

.input-text-grey {
    color: #686868;
}

.form-control {
    border: 1px solid #d7d7d7 !important;
    border-bottom-color: #BFBFBF !important;
    border-bottom-width: 3px !important;
}

.form-control:focus {
    border-bottom-color: #5895FF !important;
}

::selection {
    background: #3297FD !important;
}

.mb-45 {
    margin-bottom: 45px;
}

.mb-20 {
    margin-bottom: 20px;
}

.arrow{
    margin-left: 68%; !important
}