.bg-gradient--customer {
    background: #8ea9db; /*Para internet explorer*/
    background: -webkit-linear-gradient(to left, #b4c6e7, #4472c4);
    background: -webkit-gradient(linear, right top, left top, from(#b4c6e7), to(#4472c4));
    background: -webkit-linear-gradient(right, #b4c6e7, #4472c4);
    background: -o-linear-gradient(right, #b4c6e7, #4472c4);
    background: linear-gradient(to left, #b4c6e7, #4472c4);
}

.bg-gradient--customer-inverse {
    background: #8ea9db; /*Para internet explorer*/
    background: -webkit-linear-gradient(to left, #4472c4, #b4c6e7);
    background: -webkit-gradient(linear, right top, left top, from(#4472c4), to(#b4c6e7));
    background: -webkit-linear-gradient(right, #4472c4, #b4c6e7);
    background: -o-linear-gradient(right, #4472c4, #b4c6e7);
    background: linear-gradient(to left, #4472c4, #b4c6e7);
}

.bg-gradient--customer-down {
    background: #8ea9db; /*Para internet explorer*/
    background: -webkit-linear-gradient(to left, #4472c4, #b4c6e7);
    background: -webkit-gradient(linear, right top, left top, from(#4472c4), to(#b4c6e7));
    background: -webkit-linear-gradient(right, #4472c4, #b4c6e7);
    background: -o-linear-gradient(right, #4472c4, #b4c6e7);
    background: linear-gradient(#4472c4, #b4c6e7);
}

.text-customer {
    color: #4472c4 !important;
}

.bg-customer {
    background-color: #4472c4;
}

.border-customer {
    border-color: #4472c4;
}

.btn-customer {
    color: #fff;
    background-color: #4472c4;
    border-color: #4472c4;
}

    .btn-customer:hover {
        color: #fff;
        box-shadow: 0 0 0 3px #8ea9db;
    }
    .btn-customer:focus {
        color: #fff;
        box-shadow: 0 0 0 3px #8ea9db;
    }

.tag-customer {
    color: #fff;
    background-color: #4472c4;
}