/*  ***************************************************************** INICIO variables iniciales para form-control-sm  */


/*  ***************************************************************** FINAL variables iniciales para form-control-sm  */

.centrarImg {
    padding-top: 7px;
    display: flex; 
    justify-content: center;
    align-items: center;
}
/* table table-sm table-hover table-striped table-responsive rz-datatable-data*/

/* para radzen*/
.miCard {
    padding: 4px;
}

.miCardAltoFijo {
    height: 353px;
   /* overflow-y: auto;*/ /* Opcional: agrega scroll si el contenido es mayor al alto */
}
.miCardAltoFijo2 {
    height: 450px;
}

/*  ********************************* configuracion para la tabla con datatable javascript  */
/*#mitabla tbody tr {*/
    /*height: 20px;*/ /* Ajusta el valor según lo que necesites */
/*}
#mitabla td, #mitabla th {
    padding-top: 2px;
    padding-bottom: 2px;*/
    /*font-size: 1rem;*/ /* Opcional: reduce el tamaño de fuente */
/*}*/
/*  ***************************************************************** FIN  configuracion para la tabla con datatable javascript  */




/* CODIGO PARA DEFINIR EL PADING Y EL ALTO DE LOS INPUTS*/
.input-group-sm .form-control {
    height: 23px !important; /* Ajusta el alto según lo que necesites */
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    /*font-size: 0.65rem;*/ /* Opcional: reduce el tamaño de fuente */
}

.input-group-sm .input-group-text {
    height: 23px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    /*font-size: 0.65rem;*/
}
.form-control-sm {
    padding-top: 0;
    padding-bottom: 0;
}



/******************** desc param los iconos defs las tablas ********************************/

.icon-accion {
    font-size: 1.3rem; /* Tamaño grande */
    cursor: pointer; /* Manito al pasar */
    transition: color 0.2s; /* Suaviza el cambio de color */
}

.icon-editar {
    color: #ff6a00; /* Amarillo Bootstrap */
}

.icon-eliminar {
    color: #fb4859; /* Rojo Bootstrap */
}

.icon-accion:hover {
    filter: brightness(0.75);
}

/* ************************************************************* CODIGO PARA CENTRAR UN CARD */
.center-page {
    min-height: calc(100vh - 2rem); /* Ocupa toda la altura de la ventana  el menu superio tiene 3rem pero yo aumente a 5rem y asi recien se elimina el scroll*/
    display: flex;
    align-items: center; /* Centra verticalmente */
    justify-content: center; /* Centra horizontalmente */
}


.icon-btn {
    font-size: 2rem;
    color: #ff6a00; /* Amarillo */
    cursor: pointer;
    margin-right: 10px;
    transition: color 0.2s;
}

    .icon-btn:hover {
        color: #ff0000; /* Naranja al pasar el mouse */
    }

/*.btnwalk {
    width: 90px;
}*/

.card {
    box-shadow: 0px 0px 0px 0px rgb(0, 0, 0, 0), 6px 6px 10px -2px rgb(52, 52, 52);
}
.card-header {
    background: rgb(128, 128, 128, 0.5);
    color: #000000;
    font-weight: bold;
    font-size: 1rem;
    padding: 4px;
}

/*************************** aqui definimos el alto de las filas de todas las tablas SIN PAGINACION del sistema*/

.rz-grid-table tr > th {
    height: 30px;
    padding-top: 2px;
    padding-bottom: 2px;
    /*font-size: 0.80rem; */ /*usa 12px si prefieres */
    vertical-align: middle;
    color: #ffffff !important;
    background: #ff6a00;
}

.rz-grid-table tr > td {
    height: auto;
    vertical-align: middle;
    padding-top: 1.5px;
    padding-bottom: 1.5Px;
    /*font-size: 0.80rem;*/ /* O usa 12px si prefieres */
}

.rz-grid-table th,
.rz-grid-table thead th {
    color: #fff !important;
    background-color: #e0ddda !important;
}

.rz-grid-table tbody tr td {
    color: #fff !important;
}

.rz-grid-table tbody tr:hover td {
    background-color: #a3ccf6 !important;
    color: #fff !important;
    cursor: pointer;
}