body {
}

.blazored-modal {
    padding: 10px !important; /* Cambia el padding de la modal */
}

/*.blazored-modal-content {
        padding: 40px !important;*/ /* Ajusta el padding interno del contenido */
/*}*/

.custom-modal {
    max-width: 100%; /* Ancho máximo del modal */
    max-height: 95%; /* Alto máximo del modal */
    height: auto; /* Ajusta la altura del contenido */
    width: auto; /* Ajusta el ancho según el contenido */
    /* Asegurarse de que el modal esté centrado */
    display: block; /* Asegura que el modal se trate como un bloque */
    margin-left: auto; /* Centrado horizontal */
    margin-right: auto; /* Centrado horizontal */
    /* Opcionalmente, también puedes usar flexbox o posicionamiento absoluto */
    position: absolute;
    top: 2%; /* Centrado vertical */
    left: 10%; /* Centrado horizontal */
    transform: translate(-5%, -5%); /* Ajuste para el centrado perfecto */
}

.custom-modal_m {
    max-width: 80%; /* Ancho máximo del modal */
    max-height: 95%; /* Alto máximo del modal */
    height: auto; /* Ajusta la altura del contenido */
    width: auto; /* Ajusta el ancho según el contenido */
    /* Asegurarse de que el modal esté centrado */
    display: block; /* Asegura que el modal se trate como un bloque */
    margin-left: auto; /* Centrado horizontal */
    margin-right: auto; /* Centrado horizontal */
    /* Opcionalmente, también puedes usar flexbox o posicionamiento absoluto */
    position: absolute;
    top: 2%; /* Centrado vertical */
    left: 10%; /* Centrado horizontal */
    transform: translate(-5%, -5%); /* Ajuste para el centrado perfecto */
}


.btn_reducido {
    height: 37px;
    margin-bottom: 1px;
    margin-left: 2px;
}

.btn_grilla {
    padding: 0.15rem 0.35rem;
    font-size: 0.83rem;
    line-height: 1.1;
}


.card-header {
    background-color: rgb(0, 180, 216) !important;
}
/*   DIV EN PARALELO*/
.colordiv {
    background: rgb(169, 214, 229) !important;
}

.colordiv2 {
    background: #d9fbf7 !important;
}

.contenedor {
    width: 100%;
}

.div-derecha {
    margin-left: 49%;
    height: 100px;
}

.div-izquierda {
    width: 49%;
    height: 100px;
    float: left;
}

/*  estilo grilla */

/* Fondo para la cabecera */
.grid th {
    background-color: rgba(72, 202, 228); /* El color que desees para la cabecera */
    color: #333; /* Puedes cambiar el color del texto si lo deseas */
}

/* Subtle stripe effect */
tr:nth-child(even) {
    /* background: rgba(255,255,255,0.4); */
    background: rgba(202, 240, 248);
}



/* Fix height and enable scrolling */
.grid {
    /*height: 45rem;*/
    /* overflow-y: auto;*/
}

    .grid.align-right {
        text-align: right;
    }

    .grid.align-left {
        text-align: left;
    }

    .grid.align-center {
        text-align: center;
    }

    .grid table {
        min-width: 100%;
    }

.grid-width-2 {
    width: 2%;
}

.grid-width-5 {
    width: 5%;
}

.grid-width-10 {
    width: 10%;
}

.grid-width-20 {
    width: 20%;
}

.grid-width-30 {
    width: 30%;
}

.grid-width-40 {
    width: 40%;
}

.grid-width-50 {
    width: 50%;
}

.grid-width-60 {
    width: 60%;
}

.grid-width-70 {
    width: 70%;
}

.grid-width-80 {
    width: 80%;
}

.grid-width-90 {
    width: 90%;
}