/*
Description:
    Contains all the styles for the winning wheel page.

*/

body {
  font-family: Arial, sans-serif;
}

td.the_wheel {
  background-image: url(../imagenes/wheel_back.png);
  background-position: center;
  background-repeat: none;
}

h1,
p {
  margin: 0;
}

div.power_controls {
  margin-right: 70px;
}

div.html5_logo {
  margin-left: 70px;
}

/* Styles for the power selection controls */
table.power {
  background-color: #cccccc;
  cursor: pointer;
  border: 1px solid #333333;
}

table.power th {
  background-color: white;
  cursor: default;
}

td.pw1 {
  background-color: #6fe8f0;
}

td.pw2 {
  background-color: #86ef6f;
}

td.pw3 {
  background-color: #ef6f6f;
}

/* Style applied to the spin button once a power has been selected */
.clickable {
  cursor: pointer;
}

/* Other misc styles */
.margin_bottom {
  margin-bottom: 5px;
}

/** Menu */
nav ul li.active a {
  color: #fff;               /* Cambia el color del texto */
  background-color: #007bff; /* Cambia el fondo del enlace */
  font-weight: bold;         /* Hace el texto en negrita */
  border-radius: 5px;        /* Opcional: Redondear bordes */
  padding: 5px 10px;         /* Opcional: Ajustar el espaciado */
  text-decoration: none;     /* Opcional: Quitar subrayado */
}