:root{
  --primary: black;
  --secondary:#ffd600;
  --title:white;
}

@font-face {
  font-family: "League Spartan";
  src: url("LeagueSpartan-Bold.otf");
}

html {
  font-family: Calibri, Arial, Trebuchet, sans-serif;
}

.pointer {
  cursor: pointer;
}

.bold {
  font-weight: bold;
}

.font12 { font-size: 12px; }
.font14 { font-size: 14px; }
.font16 { font-size: 16px; }
.font18 { font-size: 18px; }
.font20 { font-size: 20px; }
.font24 { font-size: 24px; }

.opaque {
  opacity: 0;
  filter: alpha(opacity=40);
}

.fondo {
  background-image: url("../img/Background/fondo.png");
  background-repeat: repeat;
}

/* rounded border */
.border {
  border-radius: 25px;
  border: 1px solid #e0e0e0;
  padding-left: 30px;
  padding-right: 30px;
}

.border-small {
  border-radius: 5px;
  padding: 5px;
}

.border-corp {
  border-radius: 15px;
  border: 3px solid #061146;
  padding-left: 30px;
  padding-right: 30px;
}

.corp {
  background-color: #061146;
}

.corp-trans {
  background-color: rgb(6,17,79,0.2);
}

.hover:hover{
  background-color:#e1bee7;
}

.myleaguex {
  height: 135px;
}

.toolbar {
  height: 40px;
  font-family: "League Spartan";
  border-radius: 5px;
  background-color: #061146;
  color: white;
  padding-left: 0px;
  padding-right: 30px;
  padding-top: 0;
  padding-bottom: 0;
  margin-left: 15px;
  margin-right: 15px;
  cursor: pointer;
}

.spartan {
  font-family: "League Spartan";
}

.cursor {
  cursor: pointer;
}

/*  Tabla próximos partidos */

.gameTable {
  width: 100%;
  /*border: 1px solid rgb(0, 0, 0, 0.87);*/
  height: 44px;
  line-height: 44px;
}

.gameTable .img {
  width: 44px;
  vertical-align: top;
  display: inline-block;
}

.gameTable .img  >img{
  width: 37px;
  height: 37px;
}

.gameTable .left {
  width: calc((100% - 160px)/2);
  text-align: right;
  display: inline-block;
  padding-right: 10px;
}

.gameTable .right {
  width: calc((100% - 160px)/2);
  text-align: left;
  display: inline-block;
  padding-left: 10px;
}

.gameTable .center {
  width: 72px;
  text-align: center;
  display: inline-block;
  line-height: 22px;
}

ul.dropdown-content.select-dropdown li span {
  color: #061146
}

.td-center {
  margin-left: auto;
  margin-right: auto;
  text-align:center;
}

.td-right {
  text-align:right;
}

.preloader {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  max-width: 480px;
}

[type="radio"]:not(:checked), [type="radio"]:checked {
  position: relative; 
  opacity: 1; 
}