@media screen and (min-width: 1366px) and (max-width: 1366px),
screen and (min-height: 768px) and (max-height: 768px) {
    body {
        zoom:  100%;
        /*-moz-transform: scale(0.75);*/
        /*-webkit-transform: scale(0.75);*/
        /*transform: scale(0.75);*/
    }
}




label.btn input[type="file"] {
    display: none;
}

.cuerpo_modal_eliminar {
    width: auto;
    font-family: 'Helvetica', sans-serif; /* Fuente sencilla y legible */
    background-color: #ffcccc; /* Fondo rojo claro para llamar la atención */
    color: #333; /* Texto oscuro para contraste */
    border: 2px solid red; /* Borde rojo para resaltar la importancia */
    border-radius: 15px; /* Bordes redondeados */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); /* Sombra más pronunciada para añadir profundidad */
    padding: 20px; /* Espacio en blanco alrededor del contenido */
    transition: all 0.3s ease-out; /* Transición suave para cambios de estilo */
}




.modal-content #imageInput {
    width: 100%;
    /* Ajustado para ocupar todo el espacio disponible en la columna */
    height: auto;
}

.modal-content input,
.modal-content textarea {
    width: 100%;
    margin-bottom: 10px;
}

.bt_activar_alumno {
    background-color: #5B8E4A;
    color: white;
    padding: 10px 20px;
}

.modal-content .column {
    float: left;
    width: 50%;
    padding: 10px;
}

.modal-content .row:after {
    content: "";
    display: table;
    clear: both;
}

.modal-content .full-width {
    width: 100%;
    box-sizing: border-box;
    /* Include padding and border in the element's width */
}


.blinking {
    /* animation: blinker 1.5s linear infinite; */
    background-color: #F5ED76;
    }
    .sbp-preview-content {
        padding: 1.5rem;
        border-bottom: 1px solid #e0e5ec;
        position: relative;
    }

    .timeline .timeline-item {
        display: flex;
        align-items: flex-start;
    }

    .timeline .timeline-item .timeline-item-marker {
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-bottom: 2rem;
    }

    .timeline .timeline-item .timeline-item-marker .timeline-item-marker-text {
        font-size: 0.875rem;
        width: 6rem;
        color: #a7aeb8;
        text-align: center;
        margin-bottom: 0.5rem;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .timeline .timeline-item .timeline-item-marker .timeline-item-marker-indicator {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 3rem;
        width: 3rem;
        background-color: #6BB7F7;
        border-radius: 100%;
    }

    .timeline .timeline-item .timeline-item-content {
        padding-top: 0;
        padding-bottom: 2rem;
        padding-left: 5rem;
        width: 100%;
    }

    .timeline .timeline-item:last-child .timeline-item-content {
        padding-bottom: 0 !important;
    }

    @media (min-width: 576px) {
        .timeline .timeline-item .timeline-item-marker {
            flex-direction: row;
            transform: translateX(1.625rem);
            margin-bottom: 0;
        }

        .timeline .timeline-item .timeline-item-marker .timeline-item-marker-text {
            margin-right: 0.5rem;
            margin-bottom: 0;
        }

        .timeline .timeline-item .timeline-item-content {
            padding-top: 0.75rem;
            padding-bottom: 3rem;
            padding-left: 3rem;
            border-left: solid 0.25rem #f2f6fc;
        }

        .timeline .timeline-item:last-child .timeline-item-content {
            border-left-color: transparent;
        }
    }

    .timeline.timeline-sm .timeline-item .timeline-item-marker {
        transform: translateX(0.875rem);
    }

    .timeline.timeline-sm .timeline-item .timeline-item-marker .timeline-item-marker-text {
        width: 10rem;
        font-size: 1.7rem;
    }

    .timeline.timeline-sm .timeline-item .timeline-item-marker .timeline-item-marker-indicator {
        height: 1.5rem;
        width: 1.5rem;
        font-size: 0.875rem;
    }

    .timeline.timeline-sm .timeline-item .timeline-item-marker .timeline-item-marker-indicator .feather {
        height: 0.75rem;
        width: 0.75rem;
    }

    .timeline.timeline-sm .timeline-item .timeline-item-content {
        font-size: 0.875rem;
        padding-top: 0.15rem;
        padding-bottom: 1rem;
        padding-left: 1.5rem;
    }

    .timeline.timeline-xs .timeline-item .timeline-item-marker {
        transform: translateX(0.5625rem);
    }

    .timeline.timeline-xs .timeline-item .timeline-item-marker .timeline-item-marker-text {
        width: 11rem;
        /* font-size: 1.0rem; */
    }

    .timeline.timeline-xs .timeline-item .timeline-item-marker .timeline-item-marker-indicator {
        height: 0.875rem;
        width: 0.875rem;
        font-size: 0.875rem;
        border: 0.125rem solid #fff;
        margin-top: -0.125rem;
    }

    .timeline.timeline-xs .timeline-item .timeline-item-content {
        font-size: 0.875rem;
        padding-top: 0;
        padding-bottom: 1rem;
        padding-left: 1.5rem;
    }


    .odd {
        background-color: #f9f9f9;
    }

    .even {
        background-color: #ffffff;
    }



    .chat-container {
        padding: 10px;
        background-color: #f9f9f9;
        border-radius: 5px;
    }

    .chat-message {
        display: flex;
        align-items: center;
        padding: 8px 12px;
        border-radius: 20px;
        margin-bottom: 5px;
        max-width: 80%;
    }

    .chat-message.received {
        background-color: #ececec;
        justify-content: start;
        text-align: left;
    }

    .chat-message.sent {
        background-color: #dcf8c6;
        justify-content: end;
        text-align: right;
        margin-left: auto;
        /* Push the 'sent' message to the right */
    }

    .img-profile {
        width: 40px;
        height: 40px;
        object-fit: cover;
        margin-right: 10px;
        /* Space between image and text */
    }





    #estadoTicket{
        border-color: #0d6efd;
        padding-right: calc(1.5em + 0.75rem);
        background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="orange"%3E%3Cpath stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 2a5 5 0 00-5 5v2a5 5 0 01-2.5 4.33M12 2a5 5 0 015 5v2a5 5 0 002.5 4.33M12 22v-2m-2 0h4m-6-4h8a2 2 0 001-3.73V9a7 7 0 10-14 0v5.27A2 2 0 006 16h8m-4 6a1 1 0 01-1-1h2a1 1 0 01-1 1z" /%3E%3C/svg%3E');
        background-repeat: no-repeat;
        background-position: right calc(0.375em + 0.1875rem) center;
        background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);

    }


    #nombreTecnico{
        border-color: #0d6efd;
        padding-right: calc(1.5em + 0.75rem);
        background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="orange"%3E%3Cpath stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 2a5 5 0 00-5 5v2a5 5 0 01-2.5 4.33M12 2a5 5 0 015 5v2a5 5 0 002.5 4.33M12 22v-2m-2 0h4m-6-4h8a2 2 0 001-3.73V9a7 7 0 10-14 0v5.27A2 2 0 006 16h8m-4 6a1 1 0 01-1-1h2a1 1 0 01-1 1z" /%3E%3C/svg%3E');
        background-repeat: no-repeat;
        background-position: right calc(0.375em + 0.1875rem) center;
        background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);

    }


/* 
    .alert-warning {
        color: #721c24;
        background-color: #f8d7da;
        border-color: #f5c6cb;
        border: 1px solid #f5c6cb;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.06), 0 0 0 4px rgba(248, 215, 218, 0.5);
        padding: 0.75rem 1.25rem;
        border-radius: 4.25rem;
        transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    }
    .alert-warning:hover
    {
        transform: translateY(-3px);
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15), 0 3px 6px rgba(0, 0, 0, 0.1);
    }
 */




    .alert-danger {
        color: #721c24;
        background-color: #f8d7da;
        border-color: #f5c6cb;
        border: 1px solid #f5c6cb;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.06), 0 0 0 4px rgba(248, 215, 218, 0.5);
        padding: 0.75rem 1.25rem;
        border-radius: 4.25rem;
        transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    }

    .alert-danger:hover {
        transform: translateY(-3px);
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15), 0 3px 6px rgba(0, 0, 0, 0.1);
    }