/*** agrega aqui los estilos necesarios para modificar el template ***/

/*** Paginación ***/
/* color de números e íconos */
.page-link {
    color: grey;
}

/* color al clickear un botón */
.page-link:focus {
    box-shadow: none;
}

/* color de la página actual */
.page-item.active .page-link {
    background-color: #112886;
    border-color: #112886;
}
.alert-primary {
    color: #fff;
    background-color: #63B0D9;
    border-color: #fff;
}
.bs-header-topnav span {
    color: #252525;
}
.bs-menu-lv1, .bs-menu-lv2, .bs-menu-lv3 {
    color: #4C5166;
}
.bs-menu-lv1:hover, .bs-menu-lv1:focus {
    color: #1A80B6;
    text-shadow: 0 0px 0px #212529;
    transition: .3s;
}
.btn-link {
    color: #4c5166;
    text-decoration: none;
}
.btn-link:hover {
    color: #1A80B6;
    text-decoration: none;
    transition: .3s;
}
.bs-footer .list-group .list-group-item:hover {
    color: #1b7fb4;
    text-shadow: 0 3px 3px #67676790;
    transition: .3s;
}
.bs-footer .bs-social-media a {
    font-size: 2rem;
    color: #C2C6D3;
}
.bs-footer .bs-social-media a:hover {
    color: #fff;
}
.btn-bsale {
    color: #858997;
}
.btn-bsale:hover {
    color: #fff;
}
.btn.disabled, .btn:disabled {
    opacity: 1;
}
.btn-primary:hover, .btn-primary:focus, .btn-primaty:active, .btn-primary:disabled, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled):focus {
    background-color: #4c5166;
    color: white;
    border-color: #4c5166;
}
.bs-trunc {
    width: 100%;
    white-space: normal;
}
.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}
.bs-collection .bs-stock {
    position: absolute;
    background: #20988B;
}
.btn-secondary {
    background: #1A80B6;
    border-color: #1A80B6;
    color: #fff;
}
.btn-primary {
    color: #fff;
    background-color: #1A80B6;
    border-color: #1A80B6;
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary:disabled, .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled):focus {
    background-color: #4c5166;
    color: white;
    border-color: #4c5166;
}
.noUi-connect {
    background: #4c5166;
}
.bs-borde:hover {
    border: 1px solid #1A80B6;
    transition: .5s;
}
.bs-product-info .badge {
    color: #fff;
    border: 1px solid;
    background-color: #1A80B6;
}
.page-item.active .page-link {
    background-color: #fff;
    border-color: #4e4e4e;
    color: #1b1a1a;
}
.page-link:hover {
    color: #1A80B6;
    background-color: #fff;
    border-color: #1A80B6;
}
.bs-discount.star::before, .bs-discount.star::after, .bs-discount.star span::before, .bs-discount.star span::after, .bs-discount.star strong::before, .bs-discount.star strong::after, .bs-discount.star, .bs-discount.star span, .bs-discount.star strong {
    background: #1A80B6;
}
.btn-danger {
    color: #fff;
    background: #1A80B6;
    border-color: #1A80B6;
}
.bs-header-navbar {
    padding: 0;
    width: 100%;
    background: #f3f3f3a6;
}
.custom-control-label::after {
    background: no-repeat #20988B 50%/50% 50%;
}
.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
    font-size: 14px;
}
.h1, h1 {
    font-size: 26px;
}
.bs-footer {
    background: #4C5166;
    padding: 1rem 0;
    color: #858997;
}
@media screen and (min-width: 768px){
.bs-footer .list-group-item {
    padding: .0;
    border: none 0;
    background: transparent;
    color: #fff;
}}
.btn-light {
    color: #4c5166;
}
@media screen and (max-width: 992px){
.bs-footer .bs-chat a {
    box-shadow: 0 0 0 0 transparent;
    color: #c2c6d3;
}}
#usermenu li:hover {
    color: #2a8296;
    transition: .3s;
}
.list-group-item+.list-group-item {
    border-top-width: 0;
    color: #fff;
}
.bs-banners .bs-banner-title {
    font-size: 22px;
}
a.btn.btn-link.email.list-group-item {
    color: #4c5166;
}
.list-group-item:first-child {
    color: #fff;
}
.custom-control-label::after {
    background: no-repeat #4c5166 50%/50% 50%;
}
[data-bs="filter.range.size"] {
    display: flex;
    justify-content: space-between;
    margin-top: .25rem;
    color: black;
}
.custom-select, .input-group>.input-group-append>.btn {
    font-size: 13.5px;
}
@media only screen and (max-width : 900px) {
.bs-banners .bs-banner-title {
    font-size: 12px;
}
}
li.info.list-group-item {
    color: black;
}