﻿#google_recaptcha {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
}

/* MudBlazor */
.mud_card_500 {
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
}

.mud_card_627 {
    margin-left: auto;
    margin-right: auto;
    max-width: 627px;
}

/* Selected Row */
/* Light */
.mud_row_selected_light > td {
    color: rgb(0 0 0) !important;
    font-weight: bold;
    text-shadow: rgb(0 0 0 / 0.063) 1px 1px 1px;
}

.mud_row_selected_batch_light > td {
    color: rgb(65 165 0) !important;
    font-weight: bold;
    text-shadow: rgb(65 165 0 / 0.063) 1px 1px 1px;
}

/* Light */

/* Dark */
.mud_row_selected_dark > td {
    color: rgb(255 255 255) !important;
    font-weight: bold;
    text-shadow: rgb(255 255 255 / 0.125) 1px 1px 1px;
}

.mud_row_selected_batch_dark > td {
    color: rgb(100 255 0) !important;
    font-weight: bold;
    text-shadow: rgb(100 255 0 / 0.063) 1px 1px 1px;
}

/* Dark */
/* Selected Row */

/* Secundary MudTable 1 */
/* Light */
.mud_table_background_1_light {
    min-width: 600px;
    max-width: 850px;
    background-color: rgb(237 245 245) !important;
    color: rgb(66 66 66) !important;
}

/* Light */

/* Dark */
.mud_table_background_1_dark {
    min-width: 600px;
    max-width: 850px;
    background-color: rgb(37 37 37) !important;
    color: rgb(178 176 191) !important;
}

/* Dark */
/* Secundary MudTable 1 */

/* Secundary MudTable 2 */
/* Light */
.mud_table_background_2_light {
    min-width: 600px;
    max-width: 850px;
    background-color: rgb(239 239 239) !important;
    color: rgb(66 66 66) !important;
}

/* Light */

/* Dark */
.mud_table_background_2_dark {
    min-width: 600px;
    max-width: 850px;
    background-color: rgb(40 40 40) !important;
    color: rgb(178 176 191) !important;
}

/* Dark */
/* Secundary MudTable 2 */
/* MudBlazor */

/* Google Maps */
.map {
    outline: 1px solid rgb(51 51 51);
    width: 100%;
}

/* Google Maps */

/* MapComponent */
.leaflet_container {
    cursor: pointer !important;
}

.leaflet_drag_target {
    cursor: pointer !important;
}

.leaflet_drag_moving {
    cursor: grabbing !important;
}

/* MapComponent */

.tar {
    text-align: right;
}

.tac {
    text-align: center;
}

.visible_above_450 {
    display: none;
    /* Oculto por defecto */
}

@media screen and (min-width: 451px) {
    .visible_above_450 {
        display: block;
        /* Visible cuando el ancho es mayor a 450px */
    }
}

.visible_above_350 {
    display: none;
    /* Oculto por defecto */
}

@media screen and (min-width: 351px) {
    .visible_above_350 {
        display: block;
        /* Visible cuando el ancho es mayor a 450px */
    }
}

.min-ellipsis {
    min-width: 100px;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

.min-ellipsis_400 {
    min-width: 100px;
    max-width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

.nav_menu {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.nav_menu_header {
    font-size: 18px;
}

.nav_menu_footer {
    margin-top: auto;
    margin-bottom: 8px;
    padding: 8px 16px;
}

@media print {
    body * {
        visibility: hidden !important;
        /* Oculta todo el cuerpo */
    }

    .printable-area, .printable-area * {
        visibility: visible !important; /* Muestra solo el div a imprimir */
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

    .printable-area {
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        font-size: 10px !important; /* Reduce el tamaño de fuente */
        overflow: visible !important; /* Permite que se vea todo */
        box-shadow: none !important; /* Elimina sombras */
    }

    .d-print-none {
        display: none !important;
    }

    /* Forzar repetición de header/footer en tablas */
    thead {
        display: table-header-group !important;
    }

    tfoot {
        display: table-footer-group !important;
    }

    /* Evitar cortes raros en filas */
    tr, td, th {
        page-break-inside: avoid;
        padding: 2px 4px !important; /* Reduce padding */
    }

    /* Elimina cabecera/pie que agrega el navegador */
    @page {
        margin: 10mm !important;

        @bottom-center {
            content: "Página " counter(page) " de " counter(pages);
        }
    }
}

/* En pantalla no se muestra */
@media screen {
    .only-print {
        display: none !important;
    }
}

.align-right-numeric input {
    text-align: right;
}

/* YouTube viwer */
.video-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
    overflow: hidden;
}

    .video-wrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
/* YouTube viwer */

.date_time_right {
    text-align: right;
    width: 250px;
    max-width: 250px;
}
