.fruity .btn-check:active+.btn-primary, .fruity .btn-check:checked+.btn-primary, .fruity .btn-check:focus+.btn-primary, .fruity .btn-primary.active, .fruity .btn-primary.active.active, .fruity .btn-primary.active:focus, .fruity .btn-primary:active, .fruity .btn-primary:focus, .fruity .btn-primary:hover, .fruity .open .dropdown-toggle.btn-primary{
      background-color: white !important;
    border-color: white;
    color:black!important;
}

.logo-container>img {
    max-height: 100px!important;
    padding: 5px!important;
    width: auto;
}

/* ===== BOTONES PRINCIPALES ===== */
.question-text {
        color:black;
    font-size:18px;
}
.ls-questionhelp{
    color:black;
    font-size:15px;
}
.form-check-label,
.fw-bold{
    color:black;
}

.form-check-label a{
    color:black;
}

    /* Change the color of the checked radio button's inner circle */
    .radio-item input[type="radio"]:checked + label::after {
        background: #000000; /* Red color for the inner circle */
    }

    /* Change the border color of the checked radio button */
    .radio-item input[type="radio"]:checked + label::before {
        border-color: #000000; /* Red color for the border */
    }

.btn-primary,
.btn-submit,
.btn-default,
.ls-button,
input[type="submit"],
button[type="submit"] {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 2px solid #000000 !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    transition: all 0.3s ease !important;
}

.btn-primary:hover,
.btn-submit:hover,
.btn-default:hover,
.ls-button:hover,
input[type="submit"]:hover,
button[type="submit"]:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 2px solid #000000 !important;
}

/* ===== BOTONES SECUNDARIOS ===== */
.btn-secondary,
.btn-clear,
.btn-reset,
input[type="reset"],
button[type="reset"] {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 2px solid #000000 !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    transition: all 0.3s ease !important;
}

.btn-secondary:hover,
.btn-clear:hover,
.btn-reset:hover,
input[type="reset"]:hover,
button[type="reset"]:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 2px solid #000000 !important;
}

/* ===== BARRAS DE PROGRESO ===== */
.progress-bar,
.ls-progress-bar,
#progressbar .ui-progressbar-value {
    background-color: #000000 !important;
    border: 1px solid #000000 !important;
}

.progress,
.ls-progress,
#progressbar {
    background-color: #ffffff !important;
    border: 1px solid #000000 !important;
}

/* ===== BARRAS DE NAVEGACIÓN ===== */
.navbar-default,
.ls-navbar {
    background-color: #ffffff !important;
    border-color: #000000 !important;
}

.navbar-default .navbar-nav > li > a {
    color: #000000 !important;
    font-weight: bold !important;
}

.navbar-default .navbar-nav > li > a:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}


/* ===== BARRAS DE DESLIZAMIENTO (SLIDERS) ===== */
.ui-slider .ui-slider-range {
    background-color: #000000 !important;
}

.ui-slider .ui-slider-handle {
    background-color: #000000 !important;
    border: 2px solid #ffffff !important;
}

.ui-slider {
    background-color: #f0f0f0 !important;
    border: 1px solid #000000 !important;
}

/* ===== BOTONES DE GRUPO (BUTTON GROUPS) ===== */
.btn-group .btn {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #000000 !important;
}

.btn-group .btn.active {
    background-color: #000000 !important;
    color: #ffffff !important;
}

.btn-group .btn:hover {
    background-color: #333333 !important;
    color: #ffffff !important;
}

/* ===== BOTONES DE PESTAÑAS (TABS) ===== */
.nav-tabs > li > a {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #000000 !important;
}

.nav-tabs > li.active > a {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #000000 !important;
}

.nav-tabs > li > a:hover {
    background-color: #333333 !important;
    color: #ffffff !important;
}

/* ===== BOTONES DE ACORDEÓN ===== */
.panel-heading {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #000000 !important;
}

.panel-heading a {
    color: #000000 !important;
    font-weight: bold !important;
}

.panel-heading a:hover {
    color: #333333 !important;
    text-decoration: none !important;
}

/* ===== BOTONES DE ORDENACIÓN ===== */
.sortable-handle {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #000000 !important;
}

/* ===== BOTONES DE MENÚ LATERAL ===== */
.list-group-item {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #000000 !important;
}

.list-group-item.active {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #000000 !important;
}

.list-group-item:hover {
    background-color: #f8f8f8 !important;
}

/* ===== BOTONES DE PAGINACIÓN ===== */
.pagination > li > a {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #000000 !important;
}

.pagination > li > a:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #000000 !important;
}

.pagination > li.active > a {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #000000 !important;
}

/* ===== BOTONES ESPECIALES LIMESURVEY ===== */
#ls-button-submit,
#ls-button-previous,
#ls-button-next,
#ls-button-save {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 2px solid #000000 !important;
    padding: 10px 20px !important;
    font-size: 16px !important;
    margin: 5px !important;
}

#ls-button-submit:hover,
#ls-button-previous:hover,
#ls-button-next:hover,
#ls-button-save:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
}

/* ===== BARRAS DE BÚSQUEDA ===== */
.form-control,
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select {
    border: 1px solid #000000 !important;
    background-color: #ffffff !important;
    color: #000000 !important;
}

.form-control:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
    border: 2px solid #000000 !important;
    background-color: #f8f8f8 !important;
    outline: none !important;
}

/* ===== ESTILOS RESPONSIVE ===== */
@media (max-width: 768px) {
    .btn-primary,
    .btn-submit,
    .btn-default,
    .ls-button,
    input[type="submit"],
    button[type="submit"] {
        width: 100% !important;
        margin-bottom: 10px !important;
    }
}

/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/

/* ===== TEXTO DE BIENVENIDA Y DESCRIPCIÓN ===== */
.survey-welcome,
.survey-welcome.h5,
.survey-welcome.text-primary,
.h5.text-primary.survey-welcome {
    color: #000000 !important;
    font-weight: bold !important;
}

.survey-description,
.survey-description.text-info,
.text-info.survey-description,
.survey-description.text-center {
    color: #000000 !important;
    font-weight: normal !important;
}

/* ===== SOBREESCRIBIR CLASES BOOTSTRAP PREDEFINIDAS ===== */
.text-primary {
    color: #000000 !important;
}

.text-info {
    color: #000000 !important;
}

/* ===== TEXTOS SECUNDARIOS QUE PUEDEN SER AZULES ===== */
.text-muted {
    color: #333333 !important;
}

.text-success {
    color: #000000 !important;
}

.text-warning {
    color: #000000 !important;
}

/* ===== TÍTULOS Y ENCABEZADOS ===== */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    color: #000000 !important;
}

/* ===== TEXTO DE PREGUNTAS ===== */
.ls-question-text {
    color: #000000 !important;
}

.ls-question-help {
    color: #333333 !important;
}

/* ===== BOTONES PRINCIPALES ===== */
.btn-primary,
.btn-submit,
.btn-default,
.ls-button,
input[type="submit"],
button[type="submit"] {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 2px solid #000000 !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    transition: all 0.3s ease !important;
}

.btn-primary:hover,
.btn-submit:hover,
.btn-default:hover,
.ls-button:hover,
input[type="submit"]:hover,
button[type="submit"]:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 2px solid #000000 !important;
}

/* ===== BOTONES SECUNDARIOS ===== */
.btn-secondary,
.btn-clear,
.btn-reset,
input[type="reset"],
button[type="reset"] {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 2px solid #000000 !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    transition: all 0.3s ease !important;
}

.btn-secondary:hover,
.btn-clear:hover,
.btn-reset:hover,
input[type="reset"]:hover,
button[type="reset"]:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 2px solid #000000 !important;
}

/* ===== BARRAS DE PROGRESO ===== */
.progress-bar,
.ls-progress-bar,
#progressbar .ui-progressbar-value {
    background-color: #000000 !important;
    border: 1px solid #000000 !important;
}

.progress,
.ls-progress,
#progressbar {
    background-color: #ffffff !important;
    border: 1px solid #000000 !important;
}

/* ===== BARRAS DE NAVEGACIÓN ===== */
.navbar-default,
.ls-navbar {
    background-color: #ffffff !important;
    border-color: #000000 !important;
}

.navbar-default .navbar-nav > li > a {
    color: #000000 !important;
    font-weight: bold !important;
}

.navbar-default .navbar-nav > li > a:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}



/* ===== BARRAS DE DESLIZAMIENTO (SLIDERS) ===== */
.ui-slider .ui-slider-range {
    background-color: #000000 !important;
}

.ui-slider .ui-slider-handle {
    background-color: #000000 !important;
    border: 2px solid #ffffff !important;
}

.ui-slider {
    background-color: #f0f0f0 !important;
    border: 1px solid #000000 !important;
}

/* ===== BOTONES DE GRUPO (BUTTON GROUPS) ===== */
.btn-group .btn {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #000000 !important;
}

.btn-group .btn.active {
    background-color: #000000 !important;
    color: #ffffff !important;
}

.btn-group .btn:hover {
    background-color: #333333 !important;
    color: #ffffff !important;
}

/* ===== BOTONES DE PESTAÑAS (TABS) ===== */
.nav-tabs > li > a {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #000000 !important;
}

.nav-tabs > li.active > a {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #000000 !important;
}

.nav-tabs > li > a:hover {
    background-color: #333333 !important;
    color: #ffffff !important;
}

/* ===== BOTONES DE ACORDEÓN ===== */
.panel-heading {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #000000 !important;
}

.panel-heading a {
    color: #000000 !important;
    font-weight: bold !important;
}

.panel-heading a:hover {
    color: #333333 !important;
    text-decoration: none !important;
}

/* ===== BOTONES DE ORDENACIÓN ===== */
.sortable-handle {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #000000 !important;
}

/* ===== BOTONES DE MENÚ LATERAL ===== */
.list-group-item {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #000000 !important;
}

.list-group-item.active {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #000000 !important;
}

.list-group-item:hover {
    background-color: #f8f8f8 !important;
}

/* ===== BOTONES DE PAGINACIÓN ===== */
.pagination > li > a {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #000000 !important;
}

.pagination > li > a:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #000000 !important;
}

.pagination > li.active > a {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #000000 !important;
}

/* ===== BOTONES ESPECIALES LIMESURVEY ===== */
#ls-button-submit,
#ls-button-previous,
#ls-button-next,
#ls-button-save {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 2px solid #000000 !important;
    padding: 10px 20px !important;
    font-size: 16px !important;
    margin: 5px !important;
}

#ls-button-submit:hover,
#ls-button-previous:hover,
#ls-button-next:hover,
#ls-button-save:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
}

/* ===== BARRAS DE BÚSQUEDA ===== */
.form-control,
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select {
    border: 1px solid #000000 !important;
    background-color: #ffffff !important;
    color: #000000 !important;
}

.form-control:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
    border: 2px solid #000000 !important;
    background-color: #f8f8f8 !important;
    outline: none !important;
}

/* ===== ESTILOS RESPONSIVE ===== */
@media (max-width: 768px) {
    .btn-primary,
    .btn-submit,
    .btn-default,
    .ls-button,
    input[type="submit"],
    button[type="submit"] {
        width: 100% !important;
        margin-bottom: 10px !important;
    }
}