body {
    background-color: #ebebeb !important;
}

.login {
    border: 1px solid #d9d9d9;
    background-color: #fff;
}

.providers img{
    width: 20px;
    height: 20px;
}

.github {
    filter: invert(0);
}

.navbar {
    background: #712cf9;
    background-image: linear-gradient(to right bottom, #7b3afb, #7432f8, #6c29f5, #641ff1, #5c12ee);
}

.listPasswords__item {
    p {
        margin: 0;
        white-space: nowrap;
    }
}

.btn:not(.submit-password button, a.btn, .navbar .btn, form .btn) {
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;

}

.btn-primary {
    background-color: #9053ff;
    border-color: #9053ff;

    &:hover,
    &:active {
        background-color: #7b3afb !important;
        border-color: #7b3afb !important;
    }
}

.input-password, .input-password:disabled {
    background: transparent;
    border: none;
    outline: none;
    box-shadow: none;
    padding: 0;
}

.img-favicon {
    width: 24px;
    height: 24px;
}

@media (min-width: 768px) {
    .btn-delete {
        opacity: 0.2;
        &:hover {
            opacity: 1;
        }
    }
}