a{
    
    
    font-weight:bold ;
    
    
}
li {
    font-size: 18px;
}
.active{
    font-weight:bold ;
}
.navbar-collapse {        
    flex-grow: 0!important;
}
.navbar
{
    background-color: #fff!important;
}
nav.navbar.navbar-expand-lg.fixed-top {
    background-color: #fff!important;
}

.error{
    color:red;
    font-weight: bold;
}
i{
    font-size: 18px;

}
        .form-check .form-check-input {
            float: left;
            margin-left: 0;     
        }

        .form-check {
            margin-top: 20px;
            margin-bottom: 20px;
            margin-left: 25px;
            border-radius: 5px;
        }

        .form-check label {
            margin-top: 8px;
            margin-bottom: 8px;
        }

        .pregunta {
            font-size: 18px;
            padding-top: 15px;
            ;
            
            /*font-weight: bold;*/
        }

        #general,.preguntas{
            border-top: 5px solid #03a9f4!important;
        }

 #mensaje{

    font-size:18px;
    font-weight: bolder;
    text-align: center;
 }

        .row {
            border: 1px solid rgb(218, 220, 224);
            border-radius: 8px;
            margin-top: 15px;
            background-color: #fff;
        }

        .container {
            max-width: 800px;
            ;
        }

        body {
            /*background-color: rgb(246, 246, 246);*/
        }

        /* Aumenta el tamaño del radio button */
        input[type="radio"] {
            transform: scale(1.5);
            /* Aumenta el tamaño del radio button */
            margin-right: 10px;
            /* Añade un margen a la derecha para separar el radio button del texto */
            margin-top: 10px;

        }

        /* Ajusta el label */
        label {
            font-size: 16px;
            /* Ajusta el tamaño de la fuente */
            margin-right: 15px;
            /* Añade margen a la derecha del label */
            cursor: pointer;
            /* Cambia el cursor para indicar que es clickeable */
            display: inline-flex;
            /* Alinea el label con el radio button */
            align-items: center;
            /* Alinea el texto con el radio button */
        }

        /* Ajusta el espaciado entre los elementos */
        div.radio-container {
            display: flex;
            flex-direction: column;
            /* Opción vertical para los radio buttons */
            gap: 10px;
            /* Añade un espacio entre los elementos */
        }

        /* Si quieres cambiar el color de selección y agregar más personalización */
        input[type="radio"]:checked+label::before {
            background-color: #4caf50;
            /* Cambia el color cuando está seleccionado */
            border-color: #4caf50;
        }
        .invalid{
            border: red 1px solid;
        }