:root {
  --green: rgb(0,148,49);
  --light: #ffffff;
  --border: #dddddd;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  background: var(--light);
  color: black;
}

.container {
  background:
    linear-gradient(
      to right,
      rgba(216,223,216,0.5),
      rgba(255,255,255,0.5)
  );
}

.top-row-form{
  background: #000000;
  border-left: rgb(200,200,200) solid 1px;
}

.top-sel{
  color: white;
}

.top-sel option{
  background:#010101;
}

.row-form{
  background:
    linear-gradient(
      to bottom,
      rgb(200,200,200),
      #ffffff
  );
  border-left: rgb(200,200,200) solid 1px;
}


.etiq {
  color:#111111;
}

.sel{
  color: #111111;
}

.sel option{
  color:#111;
  background:#fff;
}


.header {
  color:black;
  background:
    linear-gradient(
      to right,
      rgb(255, 255, 255),
      #dddddd
  );
}

.titulo{
  color: black;
}

.titulo2{
    color: #222222;
}

footer {
  background-color:white;
  color: rgb(4,4,80);
  border-bottom: 2px solid gray;
}

/* =============================
   TABLAS
============================= */



table{
  font-family:sans-serif;
}

th {
  background: green;
  color: white;
}

tr {
  border-bottom: 1px solid #c5c5c5;
}

tr:nth-child(even) {
  background-color: rgba(220,220,220,0.8); /* gris claro */
}

tr:nth-child(odd) {
  background-color: rgba(255,255,255,0.8); /* blanco */
}

td{
  color:rgb(4,4,80);
  border-left: solid 1px #ddd;
}  

.pos_col{
  color:green;
}

.player-cell{
  color:rgb(17, 17, 97);
}

.category{
  color: darkgreen;
}

.columna_orden{
  background-color: #073a07;
  color: white;
}

.columna_orden_d{
  background-color: green;
  color: white;
}

.btn-selector{
  background: rgba(255,255,255,0.05);
}

.btn-selector:hover{
  background: rgba(255,255,255,0.2);
}