﻿body {
}

/* Mantener altura de las páginas y agregar color de fondo */
.custom-pages {
    height: 400px !important; /* Ajusta la altura de las páginas */
    background-color: white; /* Color de fondo general */
    border: 0px solid #ccc;
    border-radius: 5px;
    padding: 15px;
}

/* Estilizar cada PageView */
/* Mantener altura fija y activar scroll si el contenido excede */
.page-content {
    height: 100%;
    max-height: 380px; /* Ajusta según necesites */
    background-color: white;
    padding: 15px;
    border-radius: 5px;
    overflow-y: auto; /* Agrega scroll vertical si el contenido es mayor */
}

/* Estilos para las pestañas */
.custom-tabs {
    /*background-color: #333 !important;*/
    border-bottom: 1px solid #808080; /* Línea inferior para separación */
}

    .custom-tabs .rtsUL {
        /*background-color: #222 !important;*/
    }

    .custom-tabs .rtsLI {
/*        color: white !important;
        font-weight: 100;
        padding: 10px;*/
    }

    .custom-tabs .rtsSelected {
/*        background-color: cornflowerblue !important;
        color: cornflowerblue !important;*/
    }

.form-container {
    max-width: 400px; /* Ajusta el ancho del formulario */
    padding: 15px;
    border-radius: 5px;
    /*background-color: #f9f9f9;*/
}

.form-table {
    width: 100%;
    border-collapse: collapse;
}

    .form-table td {
        padding: 8px 10px;
        vertical-align: middle;
    }

    .form-table label {
        /*font-weight: 100;*/
        min-width: 140px; /* Asegura alineación uniforme */
        display: inline-block;
    }

.checkbox-container {
    display: flex;
    align-items: center;
}


/* Mantener altura de las páginas y agregar color de fondo */
.custom-pages-2 {
    height: 600px !important; /* Ajusta la altura de las páginas */
    background-color: white; /* Color de fondo general */
    border: 0px solid #ccc;
    border-radius: 5px;
    padding: 15px;
}

/* Estilizar cada PageView */
/* Mantener altura fija y activar scroll si el contenido excede */
.page-content-2 {
    height: 100%;
    max-height: 580px; /* Ajusta según necesites */
    background-color: white;
    padding: 15px;
    border-radius: 5px;
    overflow-y: auto; /* Agrega scroll vertical si el contenido es mayor */
}
