body {
    font-family: Arial;
}

.rz-spinner-input {
    color: inherit;
}

h3.TitulosPantallasyModales {
    color: #0077b6;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
}
a, input, button, i, select, switch, nav, div, text, textarea, menu, menuitem, main, body {
    touch-action: manipulation;
}


.text-right {
    text-align: right;
    width: 140px;
    font-weight: 600;
    margin-top: -5px;
}

.textbox-Small {
    width: 110px;
    border-radius: unset;
    height: 25px;
    padding: 2px 5px;
    font-size: 13px;
}

.textbox-Medium {
    width: 269px;
    border-radius: unset;
    height: 25px;
    padding: 2px 5px;
    font-size: 13px;
}

.textbox-large {
    width: 380px;
    border-radius: unset;
    height: 25px;
    padding: 2px 5px;
    font-size: 13px;
}

.CrfusionColumn {
    min-width: 150px;
    margin-top: 5px;
}

.CrfusionColumn1 {
    min-width: 150px;
    margin-top: 5px;
}

.CrfusionColumn2 {
    min-width: 300px;
    margin-top: 5px;
}

.CrfusionColumn3 {
    min-width: 450px;
    margin-top: 5px;
}

.CrfusionColumn4 {
    min-width: 600px;
    margin-top: 5px;
}

.CrfusionColumn5 {
    min-width: 750px;
    margin-top: 5px;
}

.CrfusionColumn6 {
    margin-top: 5px;
}

.CrfusionColumn7 {
    margin-top: 5px;
}

.CrfusionColumn11 {
    margin-top: 5px;
}

.CrfusionColumn12 {
    min-width: 100%;
    margin-top: 5px;
}

.Rows {
}

.CrfusionCard {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

.CrfusionCardJustificado {
    margin: auto;
}

.card-header {
    padding-top: 7px;
    padding-bottom: 7px;
}

.card-body {
    padding-top: 10px;
    padding-bottom: 7px;
}

.card-footer {
    padding-top: 7px;
    padding-bottom: 7px;
}

.nombre-del-tab {
    height: 50px;
}

/* Sangria en los nodos hijos del TreeNode*/
.rz-treenode-children {
    margin-left: 5px !important;
}

@media print {
    .ocultar-al-imprimir {
        display: none;
    }

    @page {
        size: landscape;
        width: auto;
    }

    body {
        overflow: visible; /* Puede ser necesario ajustarlo según tu diseño */
    }
}

footer {
    text-align: right;
    margin-bottom: -10px;
    padding-right: 10px;
    padding-top: 10px;
    background-color: transparent;
    position: fixed;
    bottom: 0;
    width: 100%;
    color: gray;
    font-size: 11px;
}

.BOTONERA {
    background-color: #e3efff !important;
    width: 120px !important;
    height: 33px !important;
    border-radius: unset !important;
    text-align: center !important;
    padding-top: 3px !important;
    color: black !important;
    font-size: 15px;
}

    .BOTONERA:hover {
        background-color: #73aaff !important;
    }

.BOTONERA_LARGE {
    background-color: #e3efff !important;
    width: 150px !important;
    height: 33px !important;
    border-radius: unset !important;
    text-align: center !important;
    padding-top: 3px !important;
    color: black !important;
    font-size: 15px;
}

    .BOTONERA_LARGE:hover {
        background-color: #73aaff !important;
    }


.BOTONERA_CTRL_GENERICO {
    background-color: #e3efff !important;
    height: 53px !important;
    width:130px;
    border-radius: unset !important;
    text-align: center !important;
    padding-top: 3px !important;
    color: black !important;
    font-size: 14px;
}

    .BOTONERA_CTRL_GENERICO:hover {
        background-color: #73aaff !important;
    }

.BOTONERA_SIN_HOVER {
    background-color: #e3efff;
}

.BOTONERA:active {
    position: relative !important;
    top: 1px !important;
}


.BotonTodosNinguno {
    background-color: #e3efff !important;
    border-radius: unset !important;
    text-align: center !important;
    color: black !important;
}

.BotonTodosNinguno:hover {
    background-color: #73aaff !important;
}

.BotonTodosNinguno:active {
    position: relative !important;
    top: 1px !important;
}

.ModalContainer {
    width: auto;
    margin: auto;
}

.DivContainer {
    margin: auto;
    max-width: 1500px;
    width: 100%;
}

.Crfusion-list-Columns-auto {
    column-count: auto; /* Define el número de columnas checklist*/
    column-width: 20rem;
}

.horizontal-checkbox-list {
    column-count: 4; /* Define el número de columnas checklist*/
}

ul[role=tablist] {
    flex-wrap: wrap;
}

.highlight {
    box-shadow: 0 0 2px 2px darkblue;
    position: relative;
    display: block; /* Resalta todo el contenedor con un efecto de sombra */
}

@media only screen and (max-width: 868px) { /*Witdh aproximado de un teléfono*/
    /* Estilos para teléfonos y dispositivos de pantalla pequeña */
    .ModalContainer {
        position: fixed;
        min-width: 100%;
        top: 0; /* Se posiciona en la parte superior */
        left: 0; /* Se posiciona en el borde derecho */
        overflow: auto; /* Agrega desplazamiento si el contenido excede el tamaño del contenedor */
    }

    .DivContainer {
        width: 100%;
        align-items: center;
    }

    .horizontal-checkbox-list {
        column-count: 2; /* Define el número de columnas del checklist*/
    }

    CrfusionColumn6 {
        margin-top: 5px;
    }

    .span-glowing {
        color: #00FF00;
        text-shadow: 4px 4px 12px rgba(0, 0, 0, 1.5);
        animation: glowing 1.5s infinite;
    }
}