*{box-sizing:border-box}
.checkbox {margin-right:15px !important}
.modo {margin-right:3px !important}
.col-xs-1-10,
.col-sm-1-10 {
  position: relative;
  min-height: 1px;
}

.col-xs-1-10 {
  width: 10%;
  float: left;
  max-height:70px;
}

.col-xs-1-16,
.col-sm-1-16 {
  position: relative;
  min-height: 1px;
}

.col-xs-1-16 {
  width: 6.25%;
  float: left;
  /*max-height:70px;*/
}

@media (max-width: 992px) {
  .col-xs-1-10 {
    width: 20%;
    float: left;
  }
}

@media (min-width: 768px) {
  .col-sm-1-10 {
    width: 10%;
    float: left;
  }
}

@media (min-width: 992px) {
  .col-md-1-10 {
    width: 10%;
    float: left;
  }
}

@media (min-width: 1200px) {
  .col-lg-1-10 {
    width: 10%;
    float: left;
  }
}

.col-xs-1-5,
.col-sm-1-5 {
  position: relative;
  min-height: 1px;
}

.col-xs-1-5 {
  width: 20%;
  float: left;
}

@media (max-width: 992px) {
  .col-xs-1-5 {
    width: 20%;
    float: left;
  }
}

@media (min-width: 768px) {
  .col-sm-1-5 {
    width: 20%;
    float: left;
  }
}

@media (min-width: 992px) {
  .col-md-1-5 {
    width: 20%;
    float: left;
  }
}

@media (min-width: 1200px) {
  .col-lg-1-5 {
    width: 20%;
    float: left;
  }
}

.table_head, td {font-size:40px !important}
.ball {
    width: 80px;
    height: 80px;
    margin: 0;
    border-radius: 50%;
	border: 1px solid #2e2e2e;
    background: radial-gradient(circle at 50% 40%, #fcfcfc, #efeff1 66%, #9b5050 100%);
    overflow: hidden;
    /* animation: ballGrow 2s ease-out forwards; */
    transform: scale(0.5);
}

.ball_salio {
    width: 80px;
    height: 80px;
    margin: 0;
    border-radius: 50%;
    background: #ee2828;
    overflow: hidden;
    /* animation: ballGrow 2s ease-out forwards; */
    transform: scale(0.5);
}

.letra_col{
	font-size: 40px;
	font-weight: bold;	
    background-color: #093;
	color:#fff;
    width: 40px;
	height: 60px;
    float: left;
	margin: 15px 0px 0px 10px;
}

.number_salio {
    margin-left: 15px;
    text-align: center;
    line-height: 80px;
    font-size: 55px;
    color: #ffffff;
    font-weight: bold;
}

.stage {
  width: 300px;
  height: 300px;
  display: inline-block;
  margin: 20px;
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -ms-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
  -webkit-perspective-origin: 50% 50%;
  -moz-perspective-origin: 50% 50%;
  -ms-perspective-origin: 50% 50%;
  -o-perspective-origin: 50% 50%;
  perspective-origin: 50% 50%;
}

.number {
	margin-left: 15px;
    text-align: center;
    line-height: 80px;
    font-size: 55px;
    color: #2c2c2c;
	font-weight: bold;
}

.number:after, .number_salio:after {
  content: attr(data-number);
  position: absolute;
  transform: translateX(-75%);
  opacity: 0;
  animation: numberReveal 0.1s 1.5s reverse forwards;
}

.number:before {
  content: '-';
  position: absolute;
  transform: translateX(-25%);
  animation: numberReveal 0.1s 1.5s forwards;
}



@keyframes ballGrow {
  0% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes numberReveal {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}


.stage:nth-child(2) .ball,
.stage:nth-child(2) .number {
  animation-delay: 0.3s;
}

.stage:nth-child(2) .number:after,
.stage:nth-child(2) .number:before {
  animation-delay: 1.8s;
}

.stage:nth-child(3) .ball,
.stage:nth-child(3) .number {
  animation-delay: 0.6s;
}

.stage:nth-child(3) .number:after,
.stage:nth-child(3) .number:before {
  animation-delay: 2.1s;
}

.stage:nth-child(4) .ball,
.stage:nth-child(4) .number {
  animation-delay: 0.9s;
}

.stage:nth-child(4) .number:after,
.stage:nth-child(4) .number:before {
  animation-delay: 2.4s;
}

.new_numero
{
	color:#093;
	font-size:200px;
}
.badge {padding: 6px 8px !important; margin-right:10px !important}

.badge_disabled {
	background-color: #dfdfdf;
    color: #666;
    text-decoration: line-through;
}

.badge_enabled {
	background-color: #090;
    color: #fff;
    text-decoration: none;
}
.badge_won {
	background-color: #C30;
    color: #fff;
    text-decoration: none;
}