.slick-challenges .item .bread p,
.novelties .card-novelties .p {
    display: inline;
}

.disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
}

.portfolio-category a,
.portfolio-references a {
    cursor: default;
    text-decoration: none;
}

label.error {
    color: red;
    font-size: 0.8rem;
    display: block;
}

input.error,
select.error {
    border: 1px solid red !important;
    color: red !important;
    margin-bottom: 0 !important;
}

.clients-table {
    display: block !important;
    overflow-x: auto !important;
    width: 100% !important;
}

.edit-icon img {
    max-width: 50%;
}

.firma{
    width: 22rem;
    position:absolute;
    top:10%;
    left:50%;
}

@media only screen and (min-width: 1280px) {
    .edit-icon img {
        max-width: 70%;
    }
}

@media only screen and (min-width: 1700px) {
    .edit-icon img {
        max-width: 15%;
    }
}

.coupon-code span::selection {
    background: #fd7e14;
    color: #000000;
}

.pagePedidos [name="Botmaker"] {
    display: none !important;
}

.select-photo {
    position: absolute;
    display: block;
}

.slick-prev:before,
.slick-next:before {
    color: black !important;
}

.edit-icon-challenges img {
    max-width: 15%;
}

@media only screen and (max-width: 1280px) {
    .edit-icon-challenges img {
        max-width: 70%;
    }
    .firma{
        position: unset;
        top: 0;
        left: 0;

     }
}

section.footerIcons .col-12 .m19 {
    background: url("../img/menu/8off_reto.svg") no-repeat;
    background-size: 32px;
}
section.footerIcons .col-12 .m19:active,
section.footerIcons .col-12 .m19:hover {
    background: url("../img/menu/8on_reto.svg") no-repeat;
    background-size: 32px;
}

.challenge-content-words{
    height: 150px;
}

/* voyager-styles */
.btn-outline-primary {
    color: #007bff;
    background-color: transparent;
    background-image: none;
    border-color: #007bff;
}

.d-none {
    display: none;
}

.w-600 {
    font-weight: 600;
}
.btn-enable {
    background-color: #32CD32; /* Verde lima */
    color: white;
}

.btn-enable:hover {
    background-color: #2E8B57; /* Verde lima oscuro */
    color: white;
}

/* Botón Calificación */
.btn-disabled {
    background-color: #f1753f; /* Naranja */
    color: white;
}

.btn-disabled:hover {
    background-color: #d66435; /* Naranja oscuro */
    color: white;
}

/* Botón Descartar */
.btn-qualification {
    background-color: #800080 !important; /* Púrpura */
    color: white !important;
}

.btn-qualification:hover {
    background-color: #4B0082 !important; /* Púrpura oscuro */
    color: white !important;
}
.btn-outline-secondary {
    color: #6c757d !important;
    border-color: #6c757d !important;
}

.btn-outline-secondary:hover {
    color: #fff !important;
    background-color: #6c757d !important;
    border-color: #6c757d !important;
}

.btn-outline-secondary:focus, .btn-outline-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}
.btn-outline-success {
    color: #28a745 !important;
    border-color: #28a745 !important;
}

.btn-outline-success:hover {
    color: #fff !important;
    background-color: #28a745 !important;
    border-color: #28a745 !important;
}

.btn-outline-success:focus, .btn-outline-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5) !important;
}
.btn-outline-danger {
    color: #dc3545 !important;
    border-color: #dc3545 !important;
}

.btn-outline-danger:hover {
    color: #fff !important;
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
}

.btn-outline-danger:focus, .btn-outline-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5) !important;
}
.btn-outline-info {
    color: #17a2b8 !important;
    border-color: #17a2b8 !important;
}

.btn-outline-info:hover {
    color: #fff !important;
    background-color: #17a2b8 !important;
    border-color: #17a2b8 !important;
}

.btn-outline-info:focus, .btn-outline-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5) !important;
}
.btn-secondary {
    color: #fff !important; /* Color del texto */
    background-color: #6c757d !important; /* Color de fondo */
    border-color: #6c757d !important; /* Color del borde */
}

.btn-secondary:hover {
    color: #fff !important; /* Color del texto en hover */
    background-color: #5a6268 !important; /* Color de fondo en hover */
    border-color: #545b62 !important; /* Color del borde en hover */
}

.btn-secondary:focus, .btn-secondary.focus {
    color: #fff !important;
    background-color: #5a6268 !important;
    border-color: #545b62 !important;
    box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); /* Sombra en focus */
}
.btn-custom-sm {
    padding: 5px 10px;
    font-size: 0.875rem;
    border-radius: 0.2rem;
}
.btn-custom-lg {
    padding: 10px 20px;
    font-size: 1.25rem;
    border-radius: 0.3rem;
}

.btn-custom-md {
    padding: 8px 16px;
    font-size: 1rem;
    border-radius: 0.25rem;
}
/* end */