@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');
@font-face {
    font-family: 'montserrat';
    src: url('../fonts/montserrat-variablefont_wght.ttf') format('truetype');
}


html, body {
    font-family: 'montserrat';
}
input {
    font-family: 'montserrat';
}

a {
    font-family: 'montserrat';
}

h1:focus {
    outline: none;
}

.content {
    padding-top: 1.1rem;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }

/******************************************************/
/*                 MENSAJES BLAZOR                    */
/******************************************************/
#components-reconnect-modal {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index:10000;
}

    #components-reconnect-modal.components-reconnect-show,
    #components-reconnect-modal.components-reconnect-failed,
    #components-reconnect-modal.components-reconnect-rejected {
        display: flex;
    }

    #components-reconnect-modal .components-messages {
        color: black;
        margin: auto;
        text-align: center;
        background-color: #f0f0f0;
        padding: 25px;
        border-radius: 20px;
        padding: 20px 50px;
    }

        #components-reconnect-modal .components-messages h2 {
            color: black;
            font-size: 24px;
            font-weight: bold;
            margin-top: 10px;
            margin-bottom: 10px;
        }

        #components-reconnect-modal .components-messages h3 {
            color: black;
            font-size: 14px;            
            text-align:center;
            margin-top:30px;
        }

        #components-reconnect-modal .components-messages a {
            
            text-decoration: none;
            border-bottom: 1px dotted white;
        }

        #components-reconnect-modal .components-messages #btnIniciaSesion{
            width:400px;
            border-radius:8px;
        }

        #components-reconnect-modal .msgFinal {
            width: 500px;
            text-align:center;
        }

            #components-reconnect-modal .msgFinal a {
                text-align: center;
                display: contents;
                color: rgba(72, 127, 255, 1);
                font-size: 14px;
            }

    #components-reconnect-modal .components-reconnecting,
    #components-reconnect-modal .components-failed,
    #components-reconnect-modal .components-rejected {
        display: none;
    }

    #components-reconnect-modal.components-reconnect-show .components-reconnecting,
    #components-reconnect-modal.components-reconnect-failed .components-failed,
    #components-reconnect-modal.components-reconnect-rejected .components-rejected {
        display: block;
    }

#blazor-error-ui {
    background-color: orange;
    color: white;
}

#components-imgSesionCerrada {    
    height: 40vh;
}

headerMsg .image-text {
    display: flex;
    align-items: center;
}

headerMsg .logo-text {
    /* display: flex;*/
    flex-direction: column;
}

headerMsg .image-text .empresa {
    margin-top: 20px;
    margin-left: 10px;
    font-size: 36px;
    font-weight: bolder;
    color: var(--text-color-logo);
}

headerMsg .image-text .empresa .lnkMenu {
    color: var(--text-color-logo);
}

headerMsg .image-text .lema {
    font-size: 14px;
    margin-top: -8px;
    margin-left: 12px;
    display: block;
    color: var(--text-color-logo);
}

headerMsg .image-text .lema .lnkMenu {
    color: var(--text-color-logo);
}

headerMsg .image {
    display: flex;
    align-items: center;
    justify-content: center;
}

    headerMsg .image img {
        border-radius: 6px;
    }
/******************************************************/
/*           TITULO FLOTANTE DEL AMBIENTE             */
/******************************************************/

.ambiente-header {
    position: fixed; /* Mantiene el elemento fijo en la ventana del navegador. */
    top: 0; /* Lo ubica en la parte superior. */
    left: calc(50% - 1px); /* Lo ubica a la izquierda. */
    /*width: 200px;             Ocupa todo el ancho. */
    overflow: hidden; /* Oculta cualquier contenido que se salga del contenedor. */
}

.ambiente-header-main {
    position: fixed; /* Mantiene el elemento fijo en la ventana del navegador. */
    top: 0; /* Lo ubica en la parte superior. */
    left: 20px; /* Lo ubica a la izquierda. */
    width: 200px;
    overflow: hidden; /* Oculta cualquier contenido que se salga del contenedor. */
    z-index: 1000;
}

/* Estilos para el texto del encabezado */
.ambiente-mensaje {
    background: linear-gradient( to right, #9c2d22 0%, /* Borde izquierdo oscuro */
    #e74c3c 20%, /* Tono medio */
    #ff6b6b 50%, /* Centro brillante */
    #e74c3c 80%, /* Tono medio */
    #9c2d22 100% /* Borde derecho oscuro */
    );
    color: white; /* Color del texto. */
    padding: 0px 40px 10px 40px; /* Espacio interno. */
    text-align: center; /* Centra el texto. */
    font-size: 30px; /* Tamaño de la fuente. */
    transition: transform 0.4s ease-in-out; /* Aplica una transición suave al movimiento. */
    border-radius: 0% 0% 50% 50%;
}
.ambiente-mensaje-main {
    background: linear-gradient( to right, #4a3fca 0%, #695cfe 20%, #938aff 50%, #695cfe 80%, #4a3fca 100% );
    /*background: linear-gradient( to right, 
    rgba(72, 127, 255, 1) 0%,*/ /* Tono más oscuro */
    /*rgba(141, 178, 255, 1) 50%,*/ /* Tono más claro para el reflejo */
    /*rgba(72, 127, 255, 1) 100%*/ /* Tono más oscuro */
    /*);*/
    color: white; /* Color del texto. */
    padding: 0px 40px 5px 40px; /* Espacio interno. */
    text-align: center; /* Centra el texto. */
    font-size: 16px; /* Tamaño de la fuente. */
    transition: transform 0.7s ease-in-out; /* Aplica una transición suave al movimiento. */
    border-radius: 0% 0% 50% 50%;
}

/* Efecto al pasar el mouse */
.ambiente-header:hover .ambiente-mensaje {
    transform: translateY(-100%); /* Mueve el elemento 100% de su altura hacia arriba. */
}
.ambiente-header-main:hover .ambiente-mensaje-main {
    transform: translateY(-100%); /* Mueve el elemento 100% de su altura hacia arriba. */
}

/******************************************************/
/*                ELEMENTOS GENERAES                  */
/******************************************************/
.divSeparador {
    height: 15px;
}

.divEstatus {
    padding: 6px 10px 6px 10px;
    border: 1px 0px 0px 0px;
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(219, 219, 219, 1);
}
.fondoPrincipal {
    background-color: #f4f7fc;
    min-height: 100vh;
}

.fondoGraficas {
    background-color: #fff;
    min-height: 100vh;
}

div.dt-container .dt-paging .dt-paging-button {
     padding: 1px 2px !important;     
}

.msgCambios {
    color: rgba(72, 127, 255, 1);
}

.facturaSel{
    font-size: 14px;
    font-weight: 400;
    background: rgba(245, 235, 255, 1);
    padding: 5px;
    margin: 5px 0px;
}
/******************************************************/
/*                LAYOUT                  */
/******************************************************/
.page {
    position: relative;
    display: flex;
    flex-direction: column;
}

main {
    flex: 1;
}

.sidebar {
    /*background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);*/
}

.fondoPrincipal {
    background-color: #f4f7fc;
    min-height: 100vh;
}

.top-row-main {
    color: #707070;
    background-color: #fff;
    border-bottom: 1px solid #d6d5d5;
    justify-content: space-between;
    height: 3.5rem;
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: 500;
}

.top-row-big {
    color: #707070;
    background-color: #fff;
    border-bottom: 1px solid #d6d5d5;
    justify-content: space-between;
    height: 4.5rem;    
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    padding-top:12px;
}

.top-row {
    color: #707070;
    background-color: #fff;
    border-bottom: 1px solid #d6d5d5;
    justify-content: space-between;
    height: 3.5rem;
    display: flex;
    align-items: center;
    font-size:19px;
    font-weight:500;
}

    .top-row ::deep a, .top-row .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth) {
        display: none;
    }

    .top-row.auth {
        justify-content: space-between;
    }

    .top-row a, .top-row .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page {
        flex-direction: row;
    }

    .sidebar {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row, article {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}



/*****************************************************/
/*                VENTANAS DE DIALOGOS              */
/*****************************************************/
.dialogGral{
    font-size:14px;
}


/*****************************************************/
/*                CONSULTA TABLES CARDS              */
/*****************************************************/
/*Consulta del solicitante*/
.tableCard{
    width:100%;
    font-size:28px;
}

    .tableCard th,
    .tableCard td {
        border-bottom: 1px solid rgba(0, 0, 0, .125);
        text-align: left;
        font-size: 14px;
    }

        .tableCard td:last-of-type {
            border-left: 1px solid rgba(0, 0, 0, .125);
            padding-left: 5px;
            text-align: left;
        }

        .tableCard td span {
            font-size: 14px;
        }

.renglon-verde {
    background-color: #d1e7dd;
    height: 40px;
    border-color: #bcd0c7;
    color:#000  ;
}

.renglon-azul {
    background-color: #cfe2ff;
    height: 40px;
    border-color: #bacbe6;
    color: #000;
}
.text-observaciones {
    font-size: 11px;
}
/*Listados generales*/
.tableGral {
    width: 100%;
}
    .tableGral thead th,
    .tableGral thead td,
    .tableGral tfoot th,
    .tableGral tfoot td {
        margin-top:5px;
        color:#fff;
        background-color: rgba(149, 141, 255, 1) !important;
        height:40px;
        font-size:13.5px;
        font-weight:600;
        vertical-align:middle;
    }

.rowTotales {
    background-color: #eeeeee;
    font-weight:600;
}

/******************************************************/
/*                    BOTONES                         */
/******************************************************/
/*.table-success {
    background-color: #d1e7dd;
    color: #000;
    border-color: #bcd0c7;
}*/

/******************************************************/
/*                    BOTONES                         */
/******************************************************/
a, .btn-link {
    color: #0071c1;
}

.btn-primary {
    color: #fff;
    background-color: rgba(72, 127, 255, 1);
    border-color: rgba(72, 127, 255, 1);
    border-radius: 30px;
    font-size: 16px;
}

    .btn-primary:hover {
        color: #fff;
        background-color: rgba(54, 106, 229, 1);
        border-color: rgba(54, 106, 229, 1);
    }

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.btn-borrar-icon {
    background-color: #FFEDE8;
    color: #EF876A;
}

    .btn-borrar-icon:hover,
    .btn-borrar-icon:focus {
        background-color: #ffd0c2;
        color: #EF876A;
    }

    .btn-borrar-icon:active {
        background-color: #ff825f;
        color: #FFF;
    }
.btnDocumentos{
    margin-left:5px;
}

.btn-primary {
    color: #fff;
    background-color: rgba(72, 127, 255, 1);
    border-color: rgba(72, 127, 255, 1);
    border-radius: 30px;
    font-size: 16px;
}

    .btn-primary:hover {
        color: #fff;
        background-color: rgba(54, 106, 229, 1);
        border-color: rgba(54, 106, 229, 1);
    }

    .btn-primary:disabled {
        background-color: rgb(100 163 255);
        border-color: rgb(177 177 177);
        color: white;
    }

.btn-secondary {
    color: #fff;
    background-color: rgba(149, 141, 255, 1);
    border-color: rgba(149, 141, 255, 1);
    border-radius: 30px;
    font-size: 16px;
}

    .btn-secondary:hover {
        color: #fff;
        background-color: rgba(125, 115, 253, 1);
        border-color: rgba(125, 115, 253, 1);
    }

.btn-danger {
    color: #fff;
    background-color: rgba(236, 110, 45, 1);
    border-color: rgba(236, 110, 45, 1);
    border-radius: 30px;
    font-size: 16px;
}

    .btn-danger:hover {
        color: #fff;
        background-color: rgba(235, 88, 12, 1);
        border-color: rgba(235, 88, 12, 1);
    }

.btn-light {
    color: #fff;
    background-color: rgba(197, 197, 197, 1);
    border-color: rgba(197, 197, 197, 1);
    border-radius: 30px;
    font-size: 16px;
}

    .btn-light:hover {
        color: #fff;
        background-color: rgba(235, 88, 12, 1);
        border-color: rgba(235, 88, 12, 1);
    }

.btn-success {
    color: #fff;
    background-color: rgba(91, 207, 117, 1);
    border-color: rgba(91, 207, 117, 1);
    border-radius: 30px;
    font-size: 16px;
}

    .btn-success:hover {
        color: #fff;
        background-color: rgba(49, 199, 82, 1);
        border-color: rgba(49, 199, 82, 1);
    }

.btn-success-validar {
    color: #fff;
    background-color: rgba(91, 207, 117, 1);
    border-color: rgba(91, 207, 117, 1);
    
}

    .btn-success-validar:hover {
        color: #fff;
        background-color: rgba(49, 199, 82, 1);
        border-color: rgba(49, 199, 82, 1);
    }


.btn-outline-primary {
/*    color: rgba(72, 127, 255, 1);
    border-color: rgba(72, 127, 255, 1);*/
    border-radius: 30px;
/*    border: 1.5px;
    font-size: 16px;*/
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: rgba(72, 127, 255, 1);
        border-color: rgba(72, 127, 255, 1);
    
        }

.btn-outline-success {
    /*    color: rgba(72, 127, 255, 1);
    border-color: rgba(72, 127, 255, 1);*/
    border-radius: 30px;
    /*    border: 1.5px;
    font-size: 16px;*/
}

    .btn-outline-success:hover {
        color: #fff;
        background-color: rgba(49, 199, 82, 1);
        border-color: rgba(49, 199, 82, 1);
    }

.btn-outline-primary-modificar {
        color: rgba(72, 127, 255, 1);
        border-color: rgba(72, 127, 255, 1);

    /*font-size: 16px;*/
}

.btn-outline-primary-modificar:hover {
    color: #fff;
    background-color: rgba(72, 127, 255, 1);
    border-color: rgba(72, 127, 255, 1);
}


.btn-outline-secondary {
    color: #fff;
    background-color: white;
    border-color: rgba(217, 217, 217, 1);
    border-radius: 30px;
    border: 1.5px;
    font-size: 16px;
}

.btn-outline-secondary-color:hover {
    color: #fff;
    background-color: rgba(149, 141, 255, 1);
    border-color: rgba(149, 141, 255, 1);
}

.btn:focus, .btn:active:focus, .btn-link.
:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

a, .btn-link {
    color: #0071c1;
}

.btn-Upload {
    color: #fff;
    background-color: rgba(72, 127, 255, 1);
    border-color: rgba(72, 127, 255, 1);
    border-radius: 5px;
    font-size: 16px;
    left:668px;
}
/******************************************************/
/*                        CHECK                       */
/******************************************************/

.verde {
    border-color: #26C281;
    color: #26C281;
    background: none;
}

.checkboxAzul {
    accent-color: rgba(72, 127, 255, 1);
    width: 18px;
    height: 18px;
}

/*****************************************************/
/*                ALERTAS                            */
/*****************************************************/
.alert-rom {
    font-size: small;
    background-color: white;
    border: solid 1px rgba(255, 230, 151, 1);
    border-radius: 10px;
    align-content: center;
    align-items: center;
}
.txt-img-alert {
    text-align: center;
    background: rgba(255, 230, 151, 1);
    border-radius: 0px 30px 30px 0px;
}

.txt-fecha-alert {
    text-align: center;
    font-size:10px;
}

.icono-calendary {
    height: 18px;
    width: 15px;

}

.div-fecha-alert{
    text-align: center;
    border: solid 1px rgba(38, 50, 56, 1);
    border-radius: 5px;
}

.alert-warning {
    color: #664d03;
    background-color: #fff3cd;
    border-color: #ffe69c;
}

/*****************************************************/
/*                SPINNER EN API-CALLS               */
/*****************************************************/
.marcospinner {
    width: 150px;
    height: 40px;
    top: 4px;
    left: calc(50vw - 20px);
    position: fixed;
    z-index: 10000;
    background: rgb(72, 127, 255);
    opacity: .9;
    border: 0px solid black;
    border-radius: 10px;
    padding: 10px;
    color: white;
    font-size:12px;
}

.spinner {
    border: 4px solid white;
    border-top: 4px solid #b0b0b0;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin 700ms linear infinite;
    z-index: 10000;    
}


@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.spinnerCard {
    border: 8px solid #4596ff7c;
    border-top: 8px solid #487FFF;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 700ms linear infinite;
    z-index: 10000;
    
}

.nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius: .25rem;
    text-align: left;
    display:flex;
}


.alert-warning-a {
    background: rgba(255, 255, 255, 1);
    border-color: rgba(255, 230, 151, 1);
    border-radius: 10px;
}

.color-div {
    background: rgba(255, 230, 151, 1);
    border-color: rgba(255, 230, 151, 1);
    border-radius: .25rem;
}
/********************************************************************/
/*        MODIFICANDO EL DEFAULT DDED accordion DE BOOSTRAP         */
/********************************************************************/
.accordion-button:not(.collapsed) {
    color: #fff;
    background-color: rgba(72, 127, 255, 1);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}

    .accordion-button:not(.collapsed)::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
        transform: rotate(-180deg);
    }

.accordion-button {
    padding: 8px 20px;
}
/*****************************************************/
/*       COPIA DE COMPONENTS.MIN        */
/*****************************************************/
.mt-comments .mt-comment {
    padding: 10px;
    margin: 0 0 10px
}

    .mt-comments .mt-comment .mt-comment-img {
        width: 40px;
        float: left
    }

        .mt-comments .mt-comment .mt-comment-img > img {
            border-radius: 50% !important
        }

    .mt-comments .mt-comment .mt-comment-body {
        padding-left: 20px;
        position: relative;
        overflow: hidden
    }

        .mt-comments .mt-comment .mt-comment-body .mt-comment-info:after, .mt-comments .mt-comment .mt-comment-body .mt-comment-info:before {
            content: " ";
            display: table
        }

        .mt-comments .mt-comment .mt-comment-body .mt-comment-info:after {
            clear: both
        }

        .mt-comments .mt-comment .mt-comment-body .mt-comment-info .mt-comment-author {
            display: inline-block;
            float: left;
            margin: 0 0 10px;
            color: #060606;
            font-weight: 600
        }

        .mt-comments .mt-comment .mt-comment-body .mt-comment-info .mt-comment-date {
            display: inline-block;
            float: right;
            margin: 0;
            color: #BABABA
        }

        .mt-comments .mt-comment .mt-comment-body .mt-comment-text {
            color: #999
        }

        .mt-comments .mt-comment .mt-comment-body .mt-comment-details {
            margin: 10px 0 0
        }

            .mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-status {
                text-transform: uppercase;
                float: left
            }

                .mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-status.mt-comment-status-pending {
                    color: #B8C0F5
                }

                .mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-status.mt-comment-status-approved {
                    color: #6BD873
                }

                .mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-status.mt-comment-status-rejected {
                    color: red
                }

            .mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-actions {
                display: none;
                list-style: none;
                margin: 0;
                padding: 0;
                float: right
            }

                .mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-actions > li {
                    float: left;
                    padding: 0 5px;
                    margin: 0
                }

                    .mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-actions > li > a {
                        text-transform: uppercase;
                        color: #999
                    }

                        .mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-actions > li > a:hover {
                            color: #666;
                            text-decoration: none
                        }

    .mt-comments .mt-comment:hover {
        background: #f9f9f9
    }

        .mt-comments .mt-comment:hover .mt-comment-body .mt-comment-details .mt-comment-actions {
            display: inline-block
        }

.mt-actions .mt-action {
    margin: 0;
    padding: 15px 0;
    border-bottom: 1px solid #f7f8f9
}

    .mt-actions .mt-action:last-child {
        border-bottom: 0
    }

    .mt-actions .mt-action .mt-action-img {
        width: 40px;
        float: left
    }

        .mt-actions .mt-action .mt-action-img > img {
            border-radius: 50% !important;
            margin-bottom: 2px
        }

    .mt-actions .mt-action .mt-action-body {
        padding-left: 15px;
        position: relative;
        overflow: hidden
    }

        .mt-actions .mt-action .mt-action-body .mt-action-row {
            display: table;
            width: 100%
        }

            .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info {
                display: table-cell;
                vertical-align: top
            }

                .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info .mt-action-icon {
                    display: table-cell;
                    padding: 6px 20px 6px 6px
                }

                    .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info .mt-action-icon > i {
                        display: inline-block;
                        position: relative;
                        top: 10px;
                        font-size: 25px;
                        color: #78E0E8
                    }

                .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info .mt-action-details {
                    display: table-cell;
                    vertical-align: top
                }

                    .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info .mt-action-details .mt-action-author {
                        color: #060606;
                        font-weight: 600
                    }

                    .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info .mt-action-details .mt-action-desc {
                        margin-bottom: 0;
                        color: #999b9b
                    }

            .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-datetime {
                vertical-align: top;
                display: table-cell;
                text-align: center;
                width: 150px;
                white-space: nowrap;
                padding-top: 15px;
                color: #A6A8A8
            }

                .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-datetime .mt-action-dot {
                    display: inline-block;
                    width: 10px;
                    height: 10px;
                    background-color: red;
                    border-radius: 50% !important;
                    margin-left: 5px;
                    margin-right: 5px
                }

            .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-buttons {
                vertical-align: top;
                display: table-cell;
                text-align: center;
                width: 160px;
                white-space: nowrap;
                padding-top: 10px;
            }



@media print {
    body * {
        visibility: hidden; /* Oculta todo */
    }

    #printArea, #printArea * {
        visibility: visible; /* Solo muestra el printArea */
    }

    #printArea {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding: 20px;
    }

        /* Bordes de tabla */
        #printArea table {
            width: 100%;
            border-collapse: collapse;
        }

            #printArea table td,
            #printArea table th {
                border: 1px solid #000;
                padding: 6px;
                font-size: 12px;
            }

        /* Código de barras */
        #printArea .barcode {
            margin-top: 30px;
            text-align: center;
        }

    /* Ocultar botones */
    .btn {
        display: none !important;
    }
}