body {
    padding-top: 87px;
    background-color: #F9F9FB;
}

.title {
    color: #87189d;
}

/*Bootstrap custom*/
.container {
    padding-top: 30px;
}

.card .card-title {
    color: #87189d;
    font-weight: bold;
}

.navbar {
    background-color: #87189d;
}

.navbar .navbar-brand {
    padding-left: 30px;
}

.navbar .navbar-brand img {
    max-width: 9.4rem;
}

.navbar .navbar-nav .nav-item img {
    max-width: 40px;
}

.list-view > * {
    width: 100%;
}

.list-view .card {
    display: flex;
    flex-direction: row;
    height: 15vh;
}

.list-view .custom-truncate {
    height: unset;
}

.btn-view {
    color: #ffffff;
    background-color: #87189d;
    border-color: #87189d;
}

.btn-view:hover {
    color: #ffffff;
    background-color: #91329b;
    border-color: #91329b;
}

.btn-view:focus + .btn, .btn:focus {
    box-shadow: 0 0 0 0.25rem rgb(135 24 157 / 33%);
}

.btn-view-outline {
    color: #87189d;
    border-color: #87189d;
}

.btn-view-outline:hover {
    color: #91329b;
    border-color: #91329b;
    background-color: #e8cced;
}

.btn-view-outline:focus + .btn, .btn:focus {
    box-shadow: 0 0 0 0.25rem rgb(135 24 157 / 33%);
}

.btn-back {
    width: 40px;
    color: #87189d;
}

.pl-2 {
    padding-left: 0.5rem !important;
}

hr {
    margin: 0;
}

.btn-wpp {
    min-width: 13rem;
    color: #ffffff;
    background-color: #20ab54;
}

.btn-wpp:hover {
    color: #ffffff;
    background-color: #1b8c45;
}
.alert {
    color: #87189d;
    background-color: #f2e6f5;
}
.badge {
    background-color: #6c757d;
}
.inicieJornada {
    color: #87189d;
}
.btn-form {
    min-width: 13rem;
    color: #ffffff;
    background-color: #87189d;
}

.btn-form:hover {
    color: #ffffff;
    background-color: #73247b;
}

.custom-truncate {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 3rem;
}

@media screen and (max-width: 508px) {
    .br-widget a {
        width: 7% !important;
    }
}