.spinnerx.show {
    opacity: 0.5;
}

.spinnerx.fade {
    opacity: 0;
}

.spinnerx {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    width: 100vw;
    height: 100vh;
    background-color: #00000040;
}
.centered-element {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.sidebar-link, .card {
    border: 1px solid #6c6c6c29 !important;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

@keyframes parpadeo {
  0% {
    border-color: transparent;
    box-shadow: 0 0 0 0 transparent;
  }
  50% {
    border-color: #007bff; /* Color del borde del botón */
    box-shadow: 0 0 5px 5px rgba(0, 123, 255, 0.5); /* Sombra del borde del botón */
  }
  100% {
    border-color: transparent;
    box-shadow: 0 0 0 0 transparent;
  }
}

.parpadeo {
  animation: parpadeo 1s infinite;
  border: 2px solid transparent; /* Define el ancho del borde del botón */
}

.modal_encuesta .modal-dialog {
    width: 80%; /* Puedes ajustar el valor según tus necesidades, por ejemplo, 80% para hacerlo más ancho */
    margin-left: auto;
    margin-right: auto;
    border: 2px solid white; /* Borde azul (puedes cambiar el color) */
    padding: 5px; /* Espaciado interno */
    overflow-y: auto !important;
    height: auto;
    font-size: 17px;
}


.grupo_alternativas{
    margin: 20px 0 20px 2%;
}
#divAlineacion {
    display: contents;
}

/* Media query para tablet y teléfonos móviles */
@media screen and (max-width: 768px) {
    #divAlineacion {
        display: flex;
    }
}