:root {
    --main-font: 'Lato';
    --main-font-style: normal;
    --main-font-weight: 400;
    --color-green: #048459;
}

.show {
    display: block !important;
}

.login-title {
    font-size: 20px;
    line-height: 120%;

    color: #048459;

    font-family: var(--main-font), sans-serif;
    font-style: var(--main-font-style);
    font-weight: var(--main-font-weight);

    margin-bottom: 20px;
}

.login-background {
    background: linear-gradient(180deg, rgba(45, 197, 146, 0.15) 0%, rgba(45, 197, 146, 0) 28.65%), #FFFFFF;
}

.login-form {
    margin-top: 80px;
}

.login-form .form-control {
    font-family: var(--main-font), sans-serif;
    font-style: var(--main-font-style);
    font-weight: var(--main-font-weight);

    font-size: 16px;
    height: auto;

    background: #F5F5F9;
    border: 1px solid #C9D0E0;
    border-radius: 4px;
    padding: 16px 20px;
}

.login-form .btn-success {
    background: var(--color-green);
    border-radius: 4px;
    padding: 19px 114px;
}

.login-password {
    position: absolute;
    top: 50%; right: 10px;

    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    cursor: pointer;
}