strong {
    font-weight: bold !important;
}

@font-face {
    font-family: "Nunito";
    font-style: normal;
    font-weight: 200;
    src: URL("../fonts/Nunito/Nunito-ExtraLight.ttf") format("truetype");
}

@font-face {
    font-family: "Nunito";
    font-style: normal;
    font-weight: 300;
    src: URL("../fonts/Nunito/Nunito-Light.ttf") format("truetype");
}

@font-face {
    font-family: "Nunito";
    font-style: normal;
    font-weight: 400;
    src: URL("../fonts/Nunito/Nunito-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "Nunito";
    font-style: normal;
    font-weight: 600;
    src: URL("../fonts/Nunito/Nunito-SemiBold.ttf") format("truetype");
}

@font-face {
    font-family: "Nunito";
    font-style: normal;
    font-weight: 700;
    src: URL("../fonts/Nunito/Nunito-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "Nunito";
    font-style: normal;
    font-weight: 800;
    src: URL("../fonts/Nunito/Nunito-ExtraBold.ttf") format("truetype");
}

@font-face {
    font-family: "Nunito";
    font-style: normal;
    font-weight: 900;
    src: URL("../fonts/Nunito/Nunito-Black.ttf") format("truetype");
}

body,
html {
    height: 100% !important;
    font-family: "Inter", sans-serif !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    background: #f5f5f5 !important;
    color: #242931 !important;
}

.bg-image {
    background-color: rgba(0, 0, 0, 0.6);
    background-size: cover;
    background-position: center center;
}

.h1_xl {
    font-size: calc(2em + 2vw);
}

.p_general {
    padding: 0 calc(2.5em + 2.5vw);
}

#logo {
    float: left;
    background: url(img/logotop.jpg) no-repeat;
    min-width: 220px;
    padding-top: 15px;
}

.auxNegrita {
    font-weight: 700;
}

.a_blanco {
    color: white;
}

.input_login {
    border-top: 0px !important;
    border-right: 0px !important;
    border-left: 0px !important;
    border-radius: 0 !important;
    border-bottom: 2px solid #3b86ff !important;
}

.input_login::placeholder {
    font-weight: 600 !important;
    color: #3c3a43 !important;
    font-size: 1.2em;
}

a,
a:hover,
a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}

.navbar {
    padding: 15px 10px;
    background: #fff;
    border: none;
    border-radius: 0;
    margin-bottom: 40px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}

.nav-top a[aria-expanded="true"] {
    border-style: none !important;
}

.nav-top .dropdown-menu {
    left: -4em;
}

i,
span {
    display: inline-block;
}

.c_celeste {
    color: #3b86ff;
}

.c_morado {
    color: #723be2;
}

.c_verde {
    color: #61cece;
}

.c_gris {
    color: #e9e9e9;
}

.c_grisOscuro {
    color: #9f9f9f;
}

.c_grisN {
    color: #242931 !important;
}

.c_amarillo {
    color: #ffcc00;
}

.c_naranjo {
    color: #f87e50;
}

.b_amarillo {
    background: #ffcc00;
}

.b_azul_1 {
    background: #A0C7E5;
}

.b_azul_2 {
    background: #0F9ED5;
}

.b_azul_3 {
    background: #0A82B0;
}

.b_naranjo {
    background: #f87e50;
}

.badge_redondo_chico {
    width: 14px;
    height: 14px;
    display: inline-grid;
    border-radius: 50%;
    margin-right: 5px;
    top: 2px;
    position: relative;
}

.badge_redondo_grande {
    width: 30px;
    height: 30px;
    display: inline-grid;
    border-radius: 50%;
    margin-right: 5px;
    top: 2px;
    position: relative;
}

.icon_indicador {
    vertical-align: middle !important;
    font-size: 3em;
}

.indicador {
    font-size: 2.5em;
    font-weight: 900;
    line-height: 1;
}

.indicador_porcentaje {
    font-size: 1.6em;
    font-weight: 700;
    bottom: 4px;
    position: relative;
}

.menu-tabs {
    font-weight: 700 !important;
    color: #242931;
}

.menu-tabs .nav-tabs .nav-link.active {
    border-color: #788395 #788395 #fff !important;
}

.menu-tabs .nav-tabs .nav-link {
    border: 1px solid transparent !important;
}

.menu-tabs .nav-tabs {
    border-bottom: 1px solid #788395;
}

.sub-menu .nav-link.active,
.sub-menu .show>.nav-link {
    background-color: #242931 !important;
}

.sub-menu .nav-link {
    border: solid 1px #242931 !important;
}

.sub-menu li {
    margin-right: 1em;
}

.color-table thead {
    background: #f5f5f5;
}

.color-table th {
    padding: 10px 5px;
}

/* ---------------------------------------------------
      SIDEBAR STYLE
      ----------------------------------------------------- */

.wrapper {
    display: flex;
    align-items: stretch;
}

#sidebar {
    min-width: 260px;
    max-width: 260px;
    background: #e9e9e9;
    color: #242931;
    /*transition: all 0.3s;*/
}

#sidebar.active {
    min-width: 60px;
    max-width: 60px;
    text-align: center;
}

#sidebar.active .sidebar-header h3,
#sidebar.active .sidebar-header h5,
#sidebar.active .CTAs {
    display: none;
}

#sidebar.active .sidebar-header strong {
    display: block;
}

#sidebar ul li {
    height: 53px;
    max-height: 53px;
    margin-bottom: 20px;
}

#sidebar .pisa li {
    height: 40px;
    max-height: 53px;
    margin-bottom: 0px;
}

#sidebar ul li a {
    text-align: left;
}

#sidebar.active ul li a {
    padding-left: 15px;
    display: flex;
}

#sidebar.active ul li a label {
    display: none;
}

#sidebar .pisa {
    height: 90vh;
    flex-wrap: nowrap;
    overflow-y: auto;
    overflow-x: hidden;
}

#sidebar.active ul.pisa li a h3 {
    display: inherit !important;
}

#sidebar.active ul li a i {
    margin-right: 0;
    display: block;
    margin-bottom: 5px;
}

#sidebar.active ul ul a {
    padding: 10px !important;
}

#sidebar.active .dropdown-toggle::after {
    top: auto;
    bottom: 10px;
    right: 50%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
}

#sidebar .sidebar-header {
    padding: 10px 14px;
    background: #242931;
    max-height: 58px;
    height: 58px;
    color: white;
}

#sidebar .sidebar-header strong {
    display: none;
    font-size: 1.4em;
}

#sidebar .sidebar-header i,
#sidebar .sidebar-header svg {
    font-size: 1.85em !important;
    top: 4px;
    position: relative;
}

#sidebar .sidebar-header h3 {
    font-size: 1.7rem;
    font-weight: 900;
    letter-spacing: 2px;
    margin: 0px;
    position: relative;
    top: -4px;
}

#sidebar .sidebar-header h5 {
    font-size: 0.8rem;
    font-weight: 300;
    margin: 0px;
    position: relative;
    top: -8px;
    letter-spacing: 2px;
}

#sidebar ul.components {
    padding: 20px 0;
}

#sidebar ul li a {
    padding-left: 15px;
    height: 53px;
    max-height: 53px;
    display: flex;
}

#sidebar ul li a i,
#sidebar ul li a svg {
    margin: auto 0;
    font-size: 1.7em;
}

#sidebar ul li a label {
    margin: auto 10px;
    font-size: 1em;
}

#sidebar ul li a:hover {
    /*color: #7386D5;*/
    background: #fff;
}

#sidebar ul li a i {
    margin-right: 10px;
}

#sidebar ul li.active>a,
a[aria-expanded="true"] {
    /*display: flex;*/
    color: #242931;
    background: #f5f5f5;
    border-left-color: #242931;
    border-style: none none none solid;
    border-width: 5px;
    padding-left: 10px;
}

a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    /*display: block;
   position: absolute;
   top: 50%;
   right: 20px;
   transform: translateY(-50%);*/
    display: none;
}

ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background: #6d7fcc;
}

ul.CTAs {
    padding: 20px;
}

ul.CTAs a {
    text-align: center;
    font-size: 0.9em !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px;
}

a.download {
    background: #fff;
    color: #7386d5;
}

a.article,
a.article:hover {
    background: #6d7fcc !important;
    color: #fff !important;
}

/* ---------------------------------------------------
      CONTENT STYLE
      ----------------------------------------------------- */

#content {
    width: 100%;
    background: #f5f5f5;
    min-height: 100vh;
    transition: all 0.3s;
}

#navTop {
    height: 58px;
    max-height: 58px;
}

.btn-collapse {
    background: transparent;
    font-size: 20px;
}

.btn-collapse:focus {
    box-shadow: none;
}

.card-principal {
    box-shadow: 0 7px 10px 0 rgb(0 0 0 / 10%);
    border-radius: 15px;
    background: white;
    padding: 1rem 2rem;
}

.col-contenido {
    margin-right: 3% !important;
    flex: 0 0 75% !important;
    max-width: 75% !important;
}

.col-filtro {
    flex: 0 0 22% !important;
    max-width: 22% !important;
}

.col-contenido-cuest {
    margin-right: 3% !important;
    flex: 0 0 80% !important;
    max-width: 80% !important;
}

.col-filtro-cuest {
    flex: 0 0 17% !important;
    max-width: 17% !important;
}

.card-gris {
    background: #e9e9e9;
    border-radius: 10px;
}

.col-mitad {
    width: 48%;
}

.card-azul {
    background: #ebf0f8;
    border-radius: 10px;
    border: 1px solid #3b86ff;
    color: #3b86ff;
    font-size: 14px;
}

.atencion {
    font-size: 16px;
    font-weight: bold;
    margin: auto 20px auto 0;
}

.azul-text {
    margin: auto 0;
}

.btn-ver {
    background: #3b86ff 0% 0% no-repeat padding-box;
    border-radius: 5px;
    opacity: 1;
    color: #ffffff;
    letter-spacing: 0.18px;
    font: normal normal bold 18px Nunito;
    padding: 10px 35px;
    margin-top: 11px;
}

.btn-ver:hover {
    color: #ffffff;
    background-color: #80b0ff;
}

/* ---------------------------------------------------
   Header
----------------------------------------------------- */
.icon-header {
    background-color: #242931;
    margin-top: -1px;
    color: #ffffff;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 15px;
}

/* ---------------------------------------------------
   Pestañas
----------------------------------------------------- */
.menu {
    border-bottom: 1px solid #000000;
    display: flex;
}

.menu p {
    margin-right: 2rem;
    cursor: pointer;
}

.menu2 {

    display: flex;
}

.menu2 p {
    margin-right: 2rem;
    cursor: pointer;
}

[data-target] {
    color: #242931;
    font-size: 14px;
    font-weight: 900;
    margin-bottom: -1px;
    padding: 10px;
    border-top: 1px solid #E1E1E1;
    border-right: 1px solid #E1E1E1;
    border-left: 1px solid #E1E1E1;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    background-color: #ffffff;
    border-bottom: 1px solid #000000;
    box-shadow: 4px 0px 10px rgb(0 0 0 / 12%);


}

.active[data-target] {
    border-bottom: 1px solid #ffffff;

    border-top: 1px solid #788395;
    border-right: 1px solid #788395;
    border-left: 1px solid #788395;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    background-color: #ffffff;
    box-shadow: 1px 1px 3px rgb(255, 255, 255);

}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    background-color: #e7f1ff !important;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease
}

@media (prefers-reduced-motion:reduce) {
    .accordion-button {
        transition: none
    }
}

.accordion-button:not(.collapsed) {
    color: #0c63e4;
    background-color: #fff !important;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125)
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg)
}

.accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .accordion-button::after {
        transition: none
    }
}

.accordion-button:hover {
    z-index: 2
}

.accordion-button:focus {
    z-index: 3;
    border-color: #86b7fe !important;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.accordion-header {
    margin-bottom: 0
}

.accordion-item {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.accordion-item:first-of-type {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.accordion-item:not(:first-of-type) {
    border-top: 0
}

.accordion-item:last-of-type {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.accordion-item:last-of-type .accordion-collapse {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.accordion-body {
    padding: 1rem 1.25rem
}

.accordion-flush .accordion-collapse {
    border-width: 0
}

.accordion-flush .accordion-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.accordion-flush .accordion-item:first-child {
    border-top: 0
}

.accordion-flush .accordion-item:last-child {
    border-bottom: 0
}

.accordion-flush .accordion-item .accordion-button {
    border-radius: 0
}

[data-content] {
    border-top: 1px solid #ffffff;
    display: none;
}

.active[data-content] {
    display: block;
}

.btn-cerrada {
    background: #ffffff 0% 0% no-repeat padding-box !important;
    border: 1px solid #242931 !important;
    border-radius: 5px !important;
    opacity: 1 !important;
    color: #242931 !important;
    letter-spacing: 0.18px !important;
    font: normal normal bold 14px Nunito !important;
    padding: 10px 35px !important;
    margin-top: 11px !important;
    margin-right: 10px;
}


.btn-cerrada:hover {
    color: #242931 !important;
    background-color: #f5f5f5 !important;
}

.active.btn-cerrada {
    background-color: #242931 !important;
    color: #ffffff !important;
}

.contenedor-info {
    background-color: #f5f5f5;
    color: #242931;
    font-size: 14px;
    height: fit-content;
    width: fit-content;
    border-radius: 10px;
}

.info-doble {
    padding: 15px 15px 15px 25px;
    border-radius: 10px;
    margin-top: 5px;
}

.info-doble-chico {
    padding: 20px 25px 15px 40px;
    margin-right: 30%;
    margin-left: 30%;
    margin-top: 35px;
}

.info-single {
    padding: 20px 25px 15px 40px;
    margin-right: 30%;
    margin-left: 30%;
}

.info-single-ancho {
    padding: 20px 25px 15px 40px;
    margin-right: 15%;
    margin-left: 15%;
}

.info-single-correlacion {
    padding: 20px 25px 20px 30px;
    margin-right: 15%;
    margin-left: 0%;
}

.info-single.cuestionario {
    padding: 20px 25px 15px 40px;
    margin-right: 30%;
    margin-top: 30px;
    margin-left: 3%;
}

.btn-download {
    color: #3b86ff;
    font-weight: bold;
    font-size: 14px;
}

.btn-download:hover {
    background-color: #eaf1fc !important;
    color: #3b86ff;
}

.cuestionario-numero {
    font-size: 18px;
    color: #242931;
    font-weight: bold;
}

.cuestionario .rad-text {
    color: #242931;
    font-weight: normal;
    font-size: 12px;
    text-transform: none !important;
}

.pcpg-abierta-disabled {
    color: hsl(0, 0%, 60%);
    font-size: 14px;
    font-weight: 900;
    padding: 10px;
}

/* ---------------------------------------------------
   Radio
----------------------------------------------------- */

.rad-label {
    display: flex;
    align-items: center;

    border-radius: 10px;
    padding: 5px 5px;
    margin: 5px 0;

    cursor: pointer;
    transition: 0.3s;
}

.rad-label:hover,
.rad-label:focus-within {
    background: hsla(0, 0%, 80%, 0.14);
}

.rad-input {
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 1px;
    opacity: 0;
    z-index: -1;
}

.rad-design {
    width: 22px;
    height: 22px;
    border-radius: 100px;

    background: linear-gradient(to right bottom,
            hsl(224, 97%, 62%),
            hsl(225, 65%, 79%));
    position: relative;
}

.rad-design::before {
    content: "";

    display: inline-block;
    width: inherit;
    height: inherit;
    border-radius: inherit;

    background: hsl(0, 0%, 90%);
    transform: scale(1.1);
    transition: 0.3s;
}

.rad-input:checked+.rad-design::before {
    transform: scale(0);
}

.rad-text {
    color: hsl(0, 0%, 60%);
    margin-left: 14px;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 900;

    transition: 0.3s;
}

.rad-input:checked~.rad-text {
    color: hsl(0, 0%, 40%);
}

#sidebar {
    background: transparent;
}

/* ---------------------------------------------------
      HEADER
      ----------------------------------------------------- */
.header-btn-back {
    font-size: 18px;
    font-weight: bold;
    margin-left: 30px;
    width: 100px;
    color: #3b86ff;
}

.arrow-btn-back {
    margin-right: 10px;
}

/*.header-btn-back:hover {
   font-size: 18px;
   font-weight: bold;
   margin-left: 30px;
   width: 115px;
   color: #3B86FF;
   background-color: #EAF1FC;
   padding: 10px 5px 10px 12px;
  }*/
.txt-universidad {
    text-align: center;
    margin: 0 auto;
    font-weight: bold;
    color: #242931 !important;
    text-transform: uppercase;
}

/* ---------------------------------------------------
      MEDIAQUERIES
      ----------------------------------------------------- */

@media (max-width: 768px) {
    #sidebar {
        min-width: 80px;
        max-width: 80px;
        text-align: center;
        margin-left: -80px !important;
    }

    .dropdown-toggle::after {
        top: auto;
        bottom: 10px;
        right: 50%;
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%);
    }

    #sidebar.active {
        margin-left: 0 !important;
    }

    #sidebar .sidebar-header h3,
    #sidebar .sidebar-header h5,
    #sidebar .CTAs {
        display: none;
    }

    #sidebar .sidebar-header strong {
        display: block;
    }

    #sidebar ul li a {
        padding: 20px 10px;
    }

    #sidebar ul li a span {
        font-size: 0.85em;
    }

    #sidebar ul li a i {
        margin-right: 0;
        display: block;
    }

    #sidebar ul ul a {
        padding: 10px !important;
    }

    #sidebar ul li a i {
        font-size: 1.3em;
    }

    #sidebar {
        margin-left: 0;
    }

    #sidebarCollapse span {
        display: none;
    }
}

.hide {
    display: none;
}

/* ---------------------------------------------------
   Monitoreo
----------------------------------------------------- */
.ratio-card {
    background-color: #F8F8F8;
    border: transparent;
    transition: transform 0.2s ease-in-out;
}

.ratio-card:hover {
    transform: translateY(-3px);
}

.moni.active {
    color: #3B86FF;
    font-size: 14px;
    font-weight: bold;
    border-width: 2px;
    border-radius: 5px;
    padding: 5px 10px 5px 10px;
    border-style: solid;
    border-color: #E5EFFF;
    background-color: #E5EFFF;
}

.moni {
    color: #242931;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px 5px 10px;
    margin: auto;
}

.loading-spinner {
    width: 30px;
    height: 30px;
    border: 2px solid indigo;
    border-radius: 50%;
    border-top-color: #0001;
    display: inline-block;
    animation: loadingspinner .7s linear infinite;
}

@keyframes loadingspinner {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    max-height: calc(100vh);
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
}

.modal-header {
    padding: 15px 15px 0px 15px !important;
    color: #242931;
}

/* Modal Body */
.modal-body {
    padding: 2px 16px;
    max-height: calc(100vh);
    overflow-y: auto;
}

/* Modal Footer */
.modal-footer {
    padding: 2px 16px;
    color: #242931;
}

/* Modal Content */
.modal-content {
    color: #242931;
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 70% !important;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    animation-name: animatetop;
    animation-duration: 0.4s;
    max-height: 90vh;
}

/* Add Animation */
@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

html,
body {
    padding: 0;
    margin: 0;
}

.wrap {
    font: 12px Arial, san-serif;
}

h1.likert-header {
    padding-left: 4.25%;
    margin: 20px 0 0;
}

form .statement {
    display: block;
    font-size: 14px;
    padding: 30px 0 0 4.25%;
    margin-bottom: 10px;
}



form .likert {
    list-style: none;
    width: 100%;
    margin: 0;
    margin-bottom: 10px;
    display: block;
    border-bottom: 2px solid #efefef;
}

form .likert:last-of-type {
    border-bottom: 0;
}

form .likert:before {
    content: '';
    position: relative;
    top: 11px;
    left: 9.5%;
    display: block;
    height: 4px;
    width: 78%;
}

form .likert li {
    display: inline-block;
    width: 13%;
    text-align: center;
    vertical-align: top;
}

form .likert li input[type=radio] {
    display: block;
    position: relative;
    top: 0;
    left: 45%;
    margin-left: -6px;
    margin-top: 15px;
    margin-bottom: 5px;
    cursor: pointer;
}

form .likert li label {
    width: 100%;
}

/*input[type='radio']:after {
    cursor: pointer;
    width: 20px;
    height: 20px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #E0E9F8;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid #E0E9F8;
}

input[type='radio']:checked:after {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #3B86FF;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid #3B86FF;
}*/

.bolder {
    font-weight: bold;
}

/* TABLES */

.highcharts-data-table table {
    border-collapse: collapse;
    border-spacing: 0;
    background: white;
    min-width: 100%;
    margin-top: 10px;
    font-family: sans-serif;
    font-size: 0.9em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    border: 1px solid silver;
    padding: 0.5em;
}

.highcharts-data-table tr:nth-child(even),
.highcharts-data-table thead tr {
    background: #f8f8f8;
}

.highcharts-data-table tr {
    cursor: pointer;
}

.highcharts-data-table tr:hover {
    background: #eff;
}

.highcharts-data-table caption {
    border-bottom: none;
    font-size: 1.1em;
    font-weight: bold;
}

.highcharts-sort-ascending::after {
    content: " ↓";
}

.highcharts-sort-descending::after {
    content: " ↑";
}

.highcharts-table-caption {
    display: none !important;
}

.highcharts-number {
    text-align: center;
}

.ocultarTabla {
    display: none !important;
}

.table-striped {
    border-style: solid 1px;
    border-color: silver;
    border-collapse: collapse;
    min-width: 100%;
    margin-top: 10px;
    font-family: sans-serif;
    font-size: 0.9em;
}

.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
    background-color: #fff;
    padding: 0.5em;
    border-style: solid;
    border-left: solid 1px;
    border-right: solid 1px;
    border-top: solid 1px;
    border-bottom: solid 1px;
    border-color: silver;
    border-collapse: collapse
}

.table-striped tbody tr:nth-child(even) td,
.table-striped tbody tr:nth-child(even) th {
    background-color: #f8f8f8;
    padding: 0.5em;
    border-style: solid;
    border-left: solid 1px;
    border-right: solid 1px;
    border-top: solid 1px;
    border-bottom: solid 1px;
    border-color: silver;
    border-collapse: collapse
}

.table-striped thead th {
    background-color: #f8f8f8;
    padding: 0.5em;
    border-style: solid;
    border-left: solid 1px;
    border-right: solid 1px;
    border-top: solid 1px;
    border-bottom: solid 1px;
    border-color: silver;
    border-collapse: collapse
}

.vertical-line {
    border-left: 1px solid #6c757d;
    height: 100%;
    position: absolute;
    margin-left: -10px;
    opacity: 40%;
}

.tooltip-container {
    position: relative;
    display: inline-block;
}

.tooltip {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    background-color: rgba(30, 30, 30, 0.9);
    color: #f1f1f1;
    text-align: justify !important;
    padding: 12px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    position: absolute;
    z-index: 20;


    transform: translateX(-50%);
    width: 500px;
    font-size: 0.9rem;
    line-height: 1.4;
    backdrop-filter: blur(6px);
    /* Efecto de desenfoque */
    -webkit-backdrop-filter: blur(6px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: opacity 0.3s ease-in-out;
    display: none;
}

.info-icon-container {
    position: absolute;
    top: 70px;
    /* Ajusta esta distancia según necesites */
    right: 20px;
    /* Lo pega al borde derecho */
}

.icon-button:hover+.tooltip {
    visibility: visible;
    opacity: 1;
}

.tooltip-container:hover .tooltip,
.tooltip-container:focus-within .tooltip {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(5px);
}

.tooltip::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent #333 transparent;
}

.icon-button {
    background: transparent;
    border: none;
    padding: 12px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    transition: background 0.3s;
}

.icon-button i {
    color: #007BFF;
    font-size: 40px;
    transition: color 0.3s, transform 0.2s;
}

.icon-button-2 {
    background: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
}

.icon-button-2 i {
    color: #ffcc00;
    font-size: 35px;
    transition: color 0.3s, transform 0.2s;
}


.icon-svg {
    width: 45px;
    height: 45px;
}

.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.modal-content {
    background-color: white;
    margin: 15% auto;
    padding: 20px;
    width: 80%;
    max-width: 500px;
    text-align: center;
    border-radius: 10px;
}

.close {
    color: red;
    float: right;
    font-size: 20px;
    cursor: pointer;
}

.modalButton {
    background: transparent;
    border-radius: 5px !important;
    color: blue !important;
    font: normal normal bold 14px Nunito !important;
    border: transparent;
}

.modalButton:hover {
    color: #80b0ff;
}

.icon-button-modal {
    background: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
}

.icon-button-modal i {
    color: #007BFF;
    font-size: 35px;
    transition: color 0.3s, transform 0.2s;
}


.no-scroll {
    overflow: hidden;
    height: 100vh;
}

.modal-pdf-mode {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxOTIwIDEwODAiPgogIDwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyOS40LjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiAyLjEuMCBCdWlsZCAxNTIpICAtLT4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLnN0MCB7CiAgICAgICAgZmlsbDogI2Q4ZmY1NjsKICAgICAgfQoKICAgICAgLnN0MSB7CiAgICAgICAgZmlsbDogbm9uZTsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPGcgaWQ9IlJlY3TDoW5ndWxvXzE1MjQiPgogICAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTEwNjQuOCwyMzUuNWwtMTI0LjctNjMuNSw2My41LTEyNC43LDEyNC43LDYzLjUtNjMuNSwxMjQuN1pNOTQzLjgsMTcwLjlsMTE5LjksNjEuMSw2MS4xLTExOS45LTExOS45LTYxLjEtNjEuMSwxMTkuOVoiLz4KICA8L2c+CiAgPHJlY3QgaWQ9IlJlY3TDoW5ndWxvXzE1MjUiIGNsYXNzPSJzdDAiIHg9IjExMy41IiB5PSIzMzIiIHdpZHRoPSI3OS44IiBoZWlnaHQ9Ijc5LjgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMzggOTQuNikgcm90YXRlKC0yNCkiLz4KICA8ZyBpZD0iUG9sw61nb25vXzEiPgogICAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTEzODYuNSwxNzYuNGwtMTcyLjUsMTguMSwxMDIsMTQwLjQsNzAuNS0xNTguNU0xMzkwLjgsMTczLjJsLTc0LjIsMTY3LTEwNy41LTE0Ny45LDE4MS43LTE5LjFaIi8+CiAgPC9nPgogIDxwYXRoIGlkPSJQb2zDrWdvbm9fMiIgY2xhc3M9InN0MCIgZD0iTTE5MDQuMiwxMTEuOGwtMTM5LjksNDUuNSwzMC42LTE0NCwxMDkuMyw5OC41WiIvPgogIDxjaXJjbGUgaWQ9IkVsaXBzZV81IiBjbGFzcz0ic3QwIiBjeD0iMTgzNC4yIiBjeT0iNTcyIiByPSI1Ny4xIi8+CiAgPGc+CiAgICA8ZyBpZD0iRWxpcHNlXzQiPgogICAgICA8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSIxNjM0LjciIGN5PSIyNzIuMiIgcj0iNTcuMSIvPgogICAgICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTYzNC43LDMyOS4zYy0zMS41LDAtNTcuMS0yNS42LTU3LjEtNTcuMXMyNS42LTU3LjEsNTcuMS01Ny4xLDU3LjEsMjUuNiw1Ny4xLDU3LjEtMjUuNiw1Ny4xLTU3LjEsNTcuMVpNMTYzNC43LDIxNy43Yy0zMCwwLTU0LjUsMjQuNC01NC41LDU0LjVzMjQuNCw1NC41LDU0LjUsNTQuNSw1NC41LTI0LjQsNTQuNS01NC41LTI0LjQtNTQuNS01NC41LTU0LjVaIi8+CiAgICA8L2c+CiAgICA8ZyBpZD0iRWxpcHNlXzMiPgogICAgICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTYzNC43LDM1Mi44Yy00NC41LDAtODAuNi0zNi4yLTgwLjYtODAuNnMzNi4yLTgwLjYsODAuNi04MC42LDgwLjYsMzYuMiw4MC42LDgwLjYtMzYuMiw4MC42LTgwLjYsODAuNlpNMTYzNC43LDE5NC4yYy00MywwLTc4LDM1LTc4LDc4czM1LDc4LDc4LDc4LDc4LTM1LDc4LTc4LTM1LTc4LTc4LTc4WiIvPgogICAgPC9nPgogIDwvZz4KICA8cmVjdCBjbGFzcz0ic3QxIiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI4MDIuMSIvPgo8L3N2Zz4=");
    background-repeat: no-repeat;
    background-position: 25% 5%;
    color: #fff;
    padding: 20px;
}

.highcharts-xaxis path[d*="14.5"] {
    stroke: none !important;
}

/* ✅ Oculta líneas horizontales indeseadas (solo si son duplicadas) */
.highcharts-xaxis path[d*="10.5"] {
    stroke: none !important;
}