.btn-dark {
  background-color: #343a40; /* Un color oscuro de ejemplo */
  border-color: #343a40;
  color: white;
}

.btn-dark:hover {
  background-color:  #343a40;
  border-color: #23272b;
  color: white;
}

.styled-select {
  font-size: 16px; /* Tamaño de fuente deseado para el select */
}

.styled-select optgroup {
  font-size: 16px; /* Tamaño de fuente deseado para las opciones */
}

#login {
  /* Quita el margen y el padding por defecto */
  margin: 0;
  padding: 0;
  /* Establece la imagen de fondo */
  background-image: url('Vistas/img/curso_superior.png');
  /* Centra la imagen */
  background-position: center center;
  /* Evita que la imagen se repita */
  background-repeat: no-repeat;
  /* Hace que la imagen cubra toda la pantalla */
  background-size: cover;
  /* Fija la imagen para que no se mueva al hacer scroll */
  background-attachment: fixed;
  /* Asegura que el body ocupe toda la altura disponible */
  min-height: 100vh;
  /* background: linear-gradient(to right, #dadada, #f30101);  */
 
}

#login .container #login-row #login-column #login-box {
  margin-top: 100px;
  max-width: 600px;
  height: 350px;
  box-shadow: 2px 2px 2px 2px #343a40;
  border-radius: 3px;    
} 

/*estilos para la tabla*/
table th {
    background-color: #337ab7 !important;
    color: white;
}

table>tbody>tr>td {
    vertical-align: middle !important;
}

/*para alinear los botones y cuadro de busqueda*/
.btn-group, .btn-group-vertical {
    position: absolute !important;
}