/*
@font-face {
    font-family: 'PorscheNextRegular';
    src: url('https://v4.pris.com.mx/assets/fuentes/Porsche') format('ttf');
    font-weight: normal;
    font-style: normal;
}
*/



@font-face {

    font-family: 'PorscheNext-Bold';
    src: url('https://v4.pris.com.mx/assets/fuentes/PorscheNext-Bold.otf') format('embedded-opentype');
    src: url('https://v4.pris.com.mx/assets/fuentes/PorscheNextTT-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}


@font-face {
    font-family: 'PorscheNext-BoldItalic';
    src: url('https://v4.pris.com.mx/assets/fuentes/PorscheNext-BoldItalic.otf') format('embedded-opentype');
    src: url('https://v4.pris.com.mx/assets/fuentes/PorscheNextTT-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}


@font-face {
    font-family: 'PorscheNextItalic';
    src: url('https://v4.pris.com.mx/assets/fuentes/PorscheNext-Italic.otf') format('embedded-opentype');
    src: url('https://v4.pris.com.mx/assets/fuentes/PorscheNextTT-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}


@font-face {
    font-family: 'PorscheNextRegular';
    src: url('https://v4.pris.com.mx/assets/fuentes/PorscheNext-Regular.otf') format('embedded-opentype');
    src: url('https://v4.pris.com.mx/assets/fuentes/PorscheNextTT-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'PorscheNext-Thin';
    src: url('https://v4.pris.com.mx/assets/fuentes/PorscheNext-Thin.otf') format('embedded-opentype');
    src: url('https://v4.pris.com.mx/assets/fuentes/PorscheNextTT-Thin.ttf') format('truetype');
    font-weight: lighter;
    font-style: normal;
}


@font-face {
    font-family: 'PorscheNext-ThinItalic';
    src: url('https://v4.pris.com.mx/assets/fuentes/PorscheNext-ThinItalic.otf') format('embedded-opentype');
    src: url('https://v4.pris.com.mx/assets/fuentes/PorscheNextTT-ThinItalic.ttf') format('truetype');
    font-weight: lighter;
    font-style: italic;
}










body {
    font-family: 'PorscheNextRegular' !important;
}




body,
table,
td,
th {
    font-family: 'PorscheNextRegular' !important;
}




#sidebar ul.menu-categories li.menu>.dropdown-toggle[aria-expanded=true] span {
    color: white !important;
}


#sidebar ul.menu-categories li.menu>.dropdown-toggle[aria-expanded=true]:hover svg {
    color: white !important;
    fill: white !important;


}

#sidebar ul.menu-categories li.menu>.dropdown-toggle[aria-expanded="true"] svg {
    color: white !important;
    fill: white !important;
}

#sidebar ul.menu-categories li.menu>.dropdown-toggle[aria-expanded=true] {
    background: black;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    border-radius: 6px;
    color: white;
}

#sidebar ul.menu-categories li.menu.active>.dropdown-toggle {
    background: black;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

#sidebar ul.menu-categories li.menu>.dropdown-toggle:hover svg:not(.badge-icon) {
    color: white;
}

#sidebar ul.menu-categories li.menu>.dropdown-toggle:hover {
    background: black;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    border-radius: 6px;
    color: white;
}

#sidebar ul.menu-categories li.menu>.dropdown-toggle svg:not(.badge-icon) {
    color: black;
    margin-right: 10px;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    stroke-width: 1.6;
}

#sidebar ul.menu-categories li.menu>.dropdown-toggle {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    font-size: 14px;
    color: black;
    padding: 10.2px 16px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 2px;
    border-radius: 8px;
    margin-top: 2px;
}

#sidebar ul.menu-categories li.menu ul.submenu>li a:hover {
    color: #B12B28;
}

#sidebar ul.menu-categories li.menu ul.submenu>li.active a {
    color: #B12B28;
}

#sidebar ul.menu-categories li.menu ul.submenu>li.active a:hover {
    color: #B12B28 !important;
}

#sidebar ul.menu-categories ul.submenu>li a {
    position: relative;
    display: flex;
    justify-content: flex-start;
    padding: 10px 12px 10px 48px;
    padding-left: 24px;
    margin-left: 0px;
    color: black;
}

.widget-content-area {
    height: 100%;
}


.modalInventarioUpdate .modal-lg,
.modal-xl {
    --bs-modal-width: 90%;
}

.sku-error {
    border: 2px solid red !important;
    border-radius: 4px;
}




.wrap-text {
    word-wrap: break-word !important;
    /* Rompe palabras largas si es necesario */
    white-space: normal !important;
    /* Permite saltos de línea */
    overflow-wrap: break-word !important;
    /* Alternativa para navegadores modernos */
    max-width: 200px !important;
    /* Ajusta según el tamaño deseado de la celda */
}


.form-check-input:checked {
    background-color: #EC2428;
    border-color: #EC2428;

}



.noseoculta:hover {
    color: black !important;
}



.tabla-montos {
    width: 100%;
    table-layout: fixed;
    /* fuerza que todas las columnas midan igual */
}

.tabla-montos th {
    width: 33.333%;
}

.etiqueta-superior-derecha {
    position: absolute;
    top: 0.25rem;
    right: 0.25rem;
    background-color: #dc3545;
    /* rojo tipo Bootstrap danger */
    color: white;
    padding: 0.25rem 0.5rem;
    font-size: 0.725rem;
    border-radius: 0.25rem;
    z-index: 10;
}


.iconoMensaje {
    font-size: 3rem;
    text-align: end;
    margin: 1rem;
}

/* Animación para mostrar/ocultar */
#div_Nuevo_Alias {
    opacity: 0;
    max-height: 0;
}

#div_Nuevo_Alias.show {
    opacity: 1;
    max-height: 500px;
    /* ajusta según tu contenido */
}




.modalGuiaDetalles .modal-lg,
.modal-xl {
    --bs-modal-width: 70%;
}


.modalGuiasEspeciales .modal-lg,
.modal-xl {
    --bs-modal-width: 70%;
}


.abrirModalGuia:hover {
    cursor: pointer;
}



#FechaBot {
    padding: 3px 8px;
    position: absolute;
    top: -12px;
    left: -10px;
    color: rgb(0, 0, 0);
    background-color: #e0e6ed;
    font-size: 1.1em;
    font-weight: bold;
    border-radius: 3px;
    font-weight: bold;
}

/*
#ticketDisponibles {
    font-size: 1.8rem;
    border: 2px red solid;
    border-radius: 50%;
}
*/









.sp-bubble {
    position: fixed;
    z-index: 99999;
    max-width: 360px;
    padding: 8px 10px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, .12);
    font: 12px/1.3 system-ui, sans-serif;
}

.sp-bubble.hidden {
    display: none;
}

.sp-bubble .sp-head {
    font-weight: 600;
    margin-bottom: 6px;
}

.sp-bubble .sp-item {
    padding: 4px 0;
    cursor: pointer;
}

.sp-bubble .sp-item:hover {
    background: #f5f5f5;
}

.sp-badge {
    position: absolute;
    right: 6px;
    bottom: 6px;
    background: #e53935;
    color: #fff;
    font: 10px/1 system-ui;
    padding: 2px 5px;
    border-radius: 10px;
    pointer-events: none;
}

.sp-wrap {
    position: relative;
    display: inline-block;
    width: 100%;
}






























.avatar-sm {
    width: 2rem;
    height: 2.5rem;
}

.form-select {
    border: 1px solid #ced4da;
    /* Color del borde */
    border-radius: 0.25rem;
    /* Radio de las esquinas */
    color: #495057;
    /* Color del texto */
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    /* Relleno interno */
    background-color: #fff;
    /* Color de fondo */
    background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="none" stroke="#495057" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2 5l6 6 6-6"/></svg>');
    /* Icono de flecha */
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 1.25em;
    appearance: none;
    /* Elimina el estilo por defecto del navegador */
}

.form-select:focus {
    border-color: #86b7fe;
    /* Color del borde al enfocar */
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    /* Sombra al enfocar */
}




/* Ocultar los botones de incremento/decremento en navegadores WebKit */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Ocultar los botones de incremento/decremento en Firefox */
input[type=number] {
    -moz-appearance: textfield;
}











@font-face {
    font-family: 'PorscheNextTT-Titulos';
    src: url('https://v4.pris.com.mx/assets/fuentes/PorscheNextTT-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PorscheNextTT-parrafos';
    src: url('https://v4.pris.com.mx/assets/fuentes/PorscheNextTT-Thin.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body,
p {
    font-family: 'PorscheNextRegular' !important;
}

.mnsm,
.btn {
    font-family: 'PorscheNextRegular' !important;
}

button {
    font-family: 'PorscheNextRegular' !important;
}


.modal-content .modal-body a:not(.btn) {
    color: black !important;
}


.modal-content .modal-body a:hover {
    color: white !important;
}


.modal-content .modal-body a.link-negro:hover {
    color: black !important;
}



.btnInfo {
    cursor: pointer;
    border-radius: 6px;
    padding: 10px;
    font-size: 15px;

    display: inline-block;
    text-align: center;
}

.contenedor-transicion {
    opacity: 0;
    height: 0;
    overflow: hidden;
    transition: height 0.4s ease, opacity 0.4s ease;
    pointer-events: none;
    /* Evita interacción cuando está oculto */
}

.contenedor-transicion.visible {
    pointer-events: auto;
}


.headerRA {
    aspect-ratio: 21 / 5;
}

.imagenesRegion {
    max-width: 150px;
}

.full-height {
    height: 100vh;
}

.card-body form input:focus {
    border: #EC2428 solid 1px !important;
}

.card-body form button:hover {
    background-color: black;
    color: white;
}

.imagenfondoprosche {
    background-image: url("https://v4.pris.com.mx//images/PA24P5DOX0002_low_1.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

}

.estiloboton {
    background-color: black;
    color: white;
    font-size: 1.3rem;
}

.estiloboton:hover {
    background-color: #737279 !important;
    color: white;
    font-size: 1.3rem;
}


.imagenCarta {
    width: 100%;
    /* La imagen toma el ancho completo del contenedor */
    height: auto;
    /* Altura automática */
    aspect-ratio: 3 / 4;
    /* Relación de aspecto 4:3 */
    object-fit: cover;
    /* Ajusta la imagen sin distorsión, recortando si es necesario */
}

@media (orientation: landscape) {
    .imagenCarta {
        max-width: 182px;
        max-height: 262px;
        aspect-ratio: 3 / 4;
        /* Mantiene la relación de aspecto 4:3 */
        object-fit: cover;
    }
}


.tarjetaMaterial {
    transition: all 0.5s ease;
}

.modalTickets {
    --bs-modal-width: 70% !important;
}

.tarjetaMaterial:hover {
    transform: scale(1.05);
    z-index: 1000;
}

.fotoPerfilG {
    width: 100%;
    height: auto;
    max-width: 350px;
    padding: 2.5%;
}

.circulo {
    height: 30px;
    width: 30px;
    background-color: red;
    border-radius: 50%;
}


.fondonegro {
    background-color: black !important;
}

.fondorojo {
    background-color: #EC2428 !important;
}

.letrasnegras {
    color: black !important;
}

.centrarletras {
    text-align: center;
}

.btn-secondary {
    color: #fff !important;
    background-color: #FF6E00;
    border-color: #FF6E00;
    box-shadow: 0 10px 20px -10px rgba(225, 110, 0, 1);

}

#sidebar ul.menu-categories li.menu>.dropdown-toggle[aria-expanded=true] svg {
    color: #030305;
    fill: transparent;

}

.imgopciones {
    width: 120px;
    aspect-ratio: 1 / 1;
    /* relación 1:1 cuadrada */
    object-fit: cover;
    /* recorta sin deformar */
    border-radius: 8px;
    /* opcional, esquinas redondeadas */
}

#sidebar {
    height: 100vh;
    padding-right: 10px;
}

.header-container {
    width: calc(100% - 212px);
    right: 0;
}

.secondary-nav {
    width: calc(100% - 212px);
    left: auto;
    background-color: #eff0f3;
}

.sidebar-wrapper {
    top: 0;
}


/*
.active svg{
    fill: transparent !important;
}

.fondorojo:hover{
    fill: white !important;
}
*/
.btn-secondary:hover,
.btn-secondary:focus {
    color: #fff !important;
    background-color: #FF6E00 !important;
    box-shadow: none;
    border-color: #FF6E00 !important;
}

.rectangulogordo {
    padding-top: 5rem !important;
}

.cardredondo {
    border-radius: 50px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #ffffff;
    font-family: 'PorscheNextRegular' !important;
}

label {
    font-family: 'PorscheNextRegular' !important;
}

.btn-rojo {
    background-color: #EC2428;
}

.fondoRojoPorsche {
    background-color: #EC2428;
}

.letraRojaporsche {
    color: #EC2428 !important;
}


#sidebar ul.menu-categories li.menu.active>.dropdown-toggle[aria-expanded=true]:hover {
    background: #bfc9d4 !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
    border-radius: 6px !important;
    color: black !important;
    fill: black !important;
}

.menuv .fondorojo div svg:hover {
    fill: black !important;
}


.menuv .fondorojo div span:hover {
    color: black !important;
}





.colorblancoletras {
    color: white !important;
}

.fondoblanco {
    background-color: white !important;
}

p,
a {
    font-family: 'PorscheNextRegular' !important;
}

.textoNaranjaBD {
    color: #FF6E00;
}

.header-container {
    background-color: #ffffff;
}

.centrarVH {
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
}

/* Contenedor de las tarjetas */
.tarjetaPaises {
    padding: 20px;
    background-color: #fff;
    transition: all 0.3s ease;
    border-radius: 24px;
    width: 300px;
    max-width: 500px;
    /* Tamaño uniforme de las tarjetas */
    height: 320px;
    /* Altura fija para todas las tarjetas */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    /* Sombra ligera */
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
    margin: 15px;
    /* Espacio entre tarjetas */
}

/* Hover para cambiar el color */
.tarjetaPaises:hover {
    background-color: #060A3D;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
    /* Intensifica la sombra */
    transform: scale(1.1);
}

.tarjetaPaises:hover h2 {
    font-weight: bold;
    color: white;
}

.text-center button i {
    font-size: 30px;
}

/* Estilo de las imágenes */
.tarjetaPaises img {
    max-width: 100%;
    /* Se ajusta al ancho de la tarjeta */
    max-height: 100%;
    /* No excede la altura del contenedor */
    object-fit: contain;
    /* Mantiene proporciones sin recortar */
    border-radius: 12px;
    /* Bordes redondeados */
}




/* Aplica solo a la tabla dentro de .tablaInformacion */
.tablaInformacion .table {
    width: 100%;
    border-collapse: collapse;
    font-family: 'PorscheNextRegular' !important;
    font-size: 14px;
    background-color: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    table-layout: fixed;
    /* Todas las columnas tienen el mismo ancho */
}

/* Encabezado de la tabla */
.tablaInformacion .table thead {
    background-color: #75b0dc;
    /* Azul elegante */
    color: white;
    text-align: left;
}

/* Celdas del encabezado */
.tablaInformacion .table th {
    padding: 12px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}

/* Celdas de la tabla */
.tablaInformacion .table td {
    padding: 12px;
    border-bottom: 1px solid #ddd;
    text-align: center;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* Ajuste específico para la columna "Comentario" */
.tablaInformacion .table td:first-child {
    /* Primera columna = Comentario */
    white-space: normal;
    /* Permite saltos de línea */
    word-break: break-word;
    width: 40%;
    /* La columna Comentario tendrá más espacio */
    max-width: 40%;
    text-align: left;
    /* Alineación izquierda para facilitar lectura */
}

/* Ajuste del tamaño de las otras columnas */
.tablaInformacion .table th,
.tablaInformacion .table td {
    width: 20%;
    /* Distribuye el espacio restante entre Dealer, Consecionario y Modelo */
    max-width: 20%;
}

/* Alternancia de colores en filas */
.tablaInformacion .table tbody tr:nth-child(even) {
    background-color: #f8f9fa;
    /* Gris claro */
}

/* Estilo al pasar el cursor sobre una fila */
.tablaInformacion .table tbody tr:hover {
    background-color: #e9ecef;
    /* Un tono más oscuro */
    transition: background 0.3s ease-in-out;
}

/* Bordes redondeados */
.tablaInformacion .table-bordered {
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
}


.logoporscheEncuesta {
    position: absolute;
    top: 50%;
    left: 15%;

}


.imgCargadorGenerico1 {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}



/* Tabs tipo carpeta (alzadas, sin fundirse con la hoja) */
.tabsCarpetaInventario {
    --tab-bg: #f6f6f6;
    --tab-active-bg: #fff;
    --tab-border: #d0d0d0;
    --accent: #EC2428;
    /* cambia al color de tu marca */
}

/* Rail con scroll horizontal, sin cortar el borde redondeado */
.tabsCarpetaInventario .tabs-rail {
    overflow-x: auto;
    overflow-y: visible;
    padding-bottom: .25rem;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.tabsCarpetaInventario .tabs-rail::-webkit-scrollbar {
    display: none;
}

.tabsCarpetaInventario .nav-tabs {
    border: 0;
    gap: .5rem;
    flex-wrap: nowrap;
    overflow: visible;
    /* deja ver el “alzado” y la sombra */
}

.tabsCarpetaInventario .nav-link {
    position: relative;
    border: 1px solid var(--tab-border);
    border-bottom: 1px solid var(--tab-border);
    /* NO se fusiona con la hoja */
    border-radius: .75rem .75rem 0 0;
    background: var(--tab-bg);
    padding: .5rem 1rem;
    color: #333;
    white-space: nowrap;
    transition: transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease;
}

.tabsCarpetaInventario .nav-link:hover {
    background: #fff;
}

/* Activa: se “alza” y se marca con color */
.tabsCarpetaInventario .nav-link.active {
    background: var(--tab-active-bg) !important;
    color: #000 !important;
    z-index: 3;
    transform: translateY(-6px);
    /* alzada visible */
    box-shadow: 0 8px 16px rgba(0, 0, 0, .10) !important;
    border-color: var(--accent);
    /* borde de color para indicar activa */
}

/* Indicador de pestaña activa (barrita inferior) */
.tabsCarpetaInventario .nav-link.active::after {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: -3px;
    height: 3px;
    background: var(--accent);
    border-radius: 3px;
}

/* La hoja mantiene su borde completo (no fusiona) */
.tabsCarpetaInventario .tab-content {
    border: 1px solid var(--tab-border);
    border-radius: .5rem;
    background: #fff !important;
    padding: 1rem;
    margin-top: .5rem;
    /* espacio para la tab alzada */
    position: relative;
    z-index: 1;
}



/* --- Anti-clipping específico de este modal --- */
#modalEditarInventario .modal-content,
#modalEditarInventario .modal-body {
    overflow: visible !important;
    /* evita que recorten la pestaña alzada */
}

/* Deja “aire” para que la pestaña suba sin salirse del rail */
.tabsCarpetaInventario .tabs-rail {
    padding-top: .5rem;
    /* ~8px */
}

/* Asegura orden de apilamiento */
.tabsCarpetaInventario .nav-tabs {
    position: relative;
    z-index: 2;
}

.tabsCarpetaInventario .tab-content {
    position: relative;
    z-index: 1;
}







/* Ajuste para pantallas pequeñas */
@media screen and (max-width: 767px) {

    .logoporscheEncuesta {
        padding: 20px;
        position: static;
        transform: translate(0%, 0%) !important;
    }

    .textologoporscheEncuesta {
        padding: 10px 0px 10px 0px;
    }


    .imgCargadorGenerico1 {
        object-position: right;
    }



    .tablaInformacion .table {
        font-size: 12px;
    }
}













@media (max-width: 767px) {
    footer {
        position: static !important;
        bottom: 0;
        width: 100%;
    }

    .tarjetaPaises {
        width: 100px;
        height: 160px;
    }

    .tarjetaPaises h2 {
        font-size: 15px;
    }

    .fondoblanco {
        background-color: white !important;
    }

    #selectPrioridad,
    #selectProveedor,
    #labelPrioridad,
    #labelEstatus {
        width: 90% !important;
    }

}

@media (max-width: 1199px) {
    .ticketresponsivo {
        flex-direction: column-reverse !important;
        gap: 10px;
    }

    #tabla-containerAuto {
        display: block;
    }

    .header-container {
        width: 100% !important;
        right: 0;
    }

    .secondary-nav {
        width: 100% !important;
        left: auto;
    }

    .contenedor {
        flex-direction: row;
        /* En pantallas grandes, coloca los elementos en fila */
    }

    .imagenfondoprosche {
        order: 1;
        /* La imagen se muestra después en pantallas grandes */
    }

    .formulario {
        order: 2;
        /* El formulario se muestra primero en pantallas grandes */
    }
}

/*
@media (max-width: 1200) {

}
*/
#sidebar ul.menu-categories li.menu.active>a {
    color: black;


}

/* Estilo para el hover en los elementos del menú */
#sidebar ul.menu-categories li.menu>a:hover {
    background-color: black;
    color: white;
}

/* Estilo base para los enlaces del menú */
#sidebar ul.menu-categories li.menu>a {
    font-weight: bold;
    background-color: white;
    border-radius: 10px !important;
    border: 2px solid black;
    color: black;
    display: flex;
    /* Asegura una alineación adecuada */
    align-items: center;
    padding: 10px 15px;
    /* Ajusta el espaciado */
    text-decoration: none;
    /* Quita subrayado */
    border-radius: 4px;
    /* Suaviza los bordes */
}

/* Iconos dentro del menú */
#sidebar ul.menu-categories li.menu>a svg:not(.badge-icon) {
    color: white;
    margin-right: 10px;
    /* Espaciado entre el icono y el texto */
}

#sidebar ul.menu-categories li.menu.active>a svg:not(.badge-icon) {

    stroke: white;
}

/* Hover para los iconos del menú */
#sidebar ul.menu-categories li.menu>a:hover svg:not(.badge-icon) {
    color: white;
}

#sidebar ul.menu-categories li.menu.active>a:hover svg:not(.badge-icon) {
    color: black;
}

#sidebar ul.menu-categories li.menu.active>a {
    background-color: black;
    color: white;
    display: flex;
    /* Asegura una alineación adecuada */
    align-items: center;
    padding: 10px 15px;
    /* Ajusta el espaciado */
    text-decoration: none;
    /* Quita subrayado */
    border-radius: 4px;
    /* Suaviza los bordes */
}

#sidebar ul.menu-categories li.menu>a svg:not(.badge-icon) {
    color: black;
}

/* Dropdown en el perfil de usuario */
.navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item:hover a {
    color: #EC2428;
}


.decimales {
    font-size: 0.7em;
    /* Reduce el tamaño de los decimales */
    /*vertical-align: super;  /* Sube ligeramente los decimales */

}

.iframeDashboards {
    width: 100%;
    height: 83vh;
    border: none;
    /* Elimina el borde del iframe */
}


.h3Negro {
    padding-top: 10px;
    color: black;
}

.btnblanco {
    border: 1px solid black;
    background-color: white;
    color: black;
}

.btnnegro {
    border: 1px solid black;
    background-color: black;
    color: white;
}


.btnnegro:hover {
    border: 1px solid black !important;
    background-color: black !important;
    color: white !important;
}


/*FOOTER*/
footer {
    position: static;
    bottom: 0;
    width: 100%;
}

.footer {
    padding: 0.9375rem 0;
    text-align: center;
    display: -webkit-flex;
    display: flex;
}

.footer2 {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 0.9375rem 0;
    text-align: center;
    display: -webkit-flex;
    display: flex;

}


.info-icon {
    position: absolute;
    top: 5px;
    /* Ajusta la posición superior */
    right: 5px;
    /* Ajusta la posición derecha */
    font-size: 1.5rem;
    cursor: pointer;
    color: #333;
    /* Color opcional */
}


.tooltip .tooltip-inner {
    background-color: #333 !important;
    /* Fondo oscuro */
    color: #fff !important;
    /* Texto blanco */
    font-size: 14px !important;
    /* Tamaño de fuente */
    padding: 10px 15px !important;
    /* Más espacio interno */
    border-radius: 8px !important;
    /* Bordes redondeados */
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2) !important;
    /* Sombra */
}



.textoPerfil {
    font-weight: bold;
}

.ticketAbierto {
    background-color: #5BBE6B !important;
}


.ticketCerrado {
    background-color: #B33726 !important;
}


.ticketEspera {
    background-color: #4289F7 !important;
}



.ticketEnviado {
    background-color: #F5C142 !important;
}

.ticketEnviadoBorde:hover {
    cursor: pointer;
}


.ticketCancelado {
    background-color: #8659C5 !important;
}

.ticketAlta {
    background-color: #E55048 !important;
}


.ticketMedia {
    background-color: #F5C142 !important;
}


.ticketBaja {
    background-color: #4D87B5 !important;
}






.borderazul {
    border: 1px solid #4289F7 !important;
}


.ticketAbiertoBorde {
    border: 2px solid #5BBE6B !important;
}


.ticketCerradoBorde {
    border: 2px solid #B33726 !important;
}


.ticketEsperaBorde {
    border: 2px solid #4289F7 !important;
}


.ticketEnviadoBorde {
    border: 2px solid #F5C142 !important;
}



.ticketCanceladoBorde {
    border: 2px solid #8659C5 !important;
}








.ticketAbiertoBorde:hover {
    cursor: pointer;
}


.ticketCerradoBorde:hover {
    cursor: pointer;
}


.ticketEsperaBorde:hover {
    cursor: pointer;
}


.ticketCanceladoBorde:hover {
    cursor: pointer;
}

.table:not(.dataTable) thead tr th:first-child {

    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}

.table:not(.dataTable) thead tr th:last-child {

    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}




.page-item.active .page-link {
    background-color: white !important;
    border: 1px solid black !important;
    color: black;
}

div.dataTables_wrapper div.dataTables_info {
    color: black !important;
}

.page-item.next:not(.disabled) .page-link,
.page-item.previous:not(.disabled) .page-link {
    background: #000000 !important;
}

.filtro-activo {
    box-shadow: 0px 0px 10px !important;

    transition: all 0.3s ease-in-out;
}


.filtrodealer {
    margin-bottom: 1rem;
}

.filtrodealer select {
    display: inline-block;
    width: auto;
    margin-left: 0.5rem;
    appearance: auto;
    -webkit-appearance: menulist;
}


.bandera-meta {
    position: absolute;
    top: -10px;
    right: -10px;
    background-color: red;
    color: white;
    padding: 3px 8px;
    font-size: 1.3em;
    font-weight: bold;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}


select.form-control {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="black" d="M2 5L0 3h4z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 1.5rem center;
    background-size: 0.65em auto;
    padding-right: 2.5rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#selectPrioridad,
#selectProveedor,
#labelPrioridad,
#labelEstatus {
    width: 50%;
}

/* Estilos para el área de subida */
.upload-area {
    border: 2px dashed #ccc;
    border-radius: 10px;
    padding: 5px;
    text-align: center;
    background-color: #fafafa;
    transition: border-color 0.3s;
    cursor: pointer;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.upload-area.dragover {
    border-color: #0062cc;
    background-color: #e9ecef;
}

.upload-label {
    color: #999;
    font-size: 16px;
    cursor: pointer;
}

.upload-label span {
    display: block;
    font-weight: bold;
    color: #555;
    margin-bottom: 10px;
}

.upload-label p {
    font-size: 14px;
}

.file-input {
    display: none;
}