#logo{
}

body{
    background-color: #ebeff5;
}

.table th,
.table td {
    font-size: 14px;
    padding: 0.25rem;
    vertical-align: middle;
    border-top: 1px solid #dee2e6;
}
.pagination {
    font-size: 12px;
    justify-content: center;
}
.pagination.step-links {
    justify-content: space-between;
}


#total-orders{
    background-color: #335DFF;
}

.card-header {
    background-color: #335DFF;
}

#orders-delivered{
    background-color: #335DFF;
}

#orders-pending{
    background-color: #335DFF;
}

.django-ckeditor-widget{
    width: 100%;
}

/* Reemplazo de estilos de bootstrapp */


.btn-primary {
    background-color: #335DFF;
    border-color: #335DFF;
}
.btn-primary:hover {
    background-color: #153ace;
    border-color: #153ace;
}
.btn-outline-primary {
    color: #335DFF;
    border-color: #335DFF;
}
.btn-outline-primary:hover {
    background-color: #335DFF;
    border-color: #335DFF;
}
a {
    color: #335DFF;
}
a:hover {
    color: #153ace;
}

/********************************************/
/***************** TOOLTIPS *****************/
/********************************************/

/* Tooltip */
.test + .tooltip > .tooltip-inner {
background-color: #343a40; 
color: #FFFFFF; 
border: 1px solid #343a40; 
padding: 10px;
font-size: 20px;
}
/* Tooltip on top */
.test + .tooltip.top > .tooltip-arrow {
border-top: 5px solid #343a40;
}
/* Tooltip on bottom */
.test + .tooltip.bottom > .tooltip-arrow {
border-bottom: 5px solid #343a40;
}
/* Tooltip on left */
.test + .tooltip.left > .tooltip-arrow {
border-left: 5px solid #343a40;
}
/* Tooltip on right */
.test + .tooltip.right > .tooltip-arrow {
border-right: 5px solid #343a40;
}