body{
background: url(../../../img/bg_cl.jpg) repeat top center;
}
/* Bottoni Formazioni */
.btn-responsive {
	padding:4px 9px;
	font-size:90%;
	line-height: 1.2;
	white-space:normal;
	border-radius:3px;
	color: rgba(255,255,255, 0.84) !important;
}
  
@media (max-width: 768px) {
  .btn-responsive {
    padding:2px 4px;
    font-size:80%;
    line-height: 1;
    border-radius:3px;
	white-space:normal;
	color: rgba(255,255,255, 0.84) !important;
  }
}

@media (min-width: 769px) and (max-width: 992px) {
  .btn-responsive {
    padding:4px 9px;
    font-size:90%;
    line-height: 1.2;
	white-space:normal;
	border-radius:3px;
	color: rgba(255,255,255, 0.84) !important;
  }
}

.btn-responsive.active {
	background-color: rgba(255,255,255, 0.84) !important;
	color: #1a237e !important;
}

/* colore righe classifiche */
.table-class > tbody > tr:nth-of-type(2n+1) > td{
	background-color: #f9f9f9;
}
.table-class > tbody > tr:nth-of-type(2n+1) > td:nth-of-type(n+5){
	background-color: rgba(249, 249, 249, 0.40) !important;
}
select{
border: 0 !important;  /*Removes border*/
      -webkit-appearance: none !important;  /*Removes default chrome and safari style*/
      -moz-appearance: none !important; /* Removes Default Firefox style*/
      background: url("../img/arrow-bottom.svg") no-repeat !important;  /*Adds background-image*/
      background-position: 95% 8px !important;  /*Position of the background-image*/
      width: 95% !important; /*Width of select dropdown to give space for arrow image*/
      text-indent: 0.01px !important; /* Removes default arrow from firefox*/
      text-overflow: "" !important;  /*Removes default arrow from firefox*/
}
select::-ms-expand { display: none; }

.classifiche tbody tr td{
	vertical-align: middle;
}

.pos1-8{
	width: 3px;
    height: 22px;
	background-color: #4caf50;
	margin-left: -3px;
	border-radius: 0px 20px 20px 0px;
	vertical-align: middle;
	float:left;
}
.pos9-24{
	width: 3px;
    height: 22px;
	background-color: #03a9f4;
	margin-left: -3px;
	border-radius: 0px 20px 20px 0px;
	vertical-align: middle;
	float:left;
}
.pos25-36{
	width: 3px;
    height: 22px;
	background-color: #f44336;
	margin-left: -3px;
	border-radius: 0px 20px 20px 0px;
	vertical-align: middle;
	float:left;
}
.posClass{
	display:table-cell;
	height: 22px;
	width: 25px;
	vertical-align: middle;
}
.quadratino{
	border-radius: 1px;
    display: inline-block;
    height: 14px;
    vertical-align: middle;
    width: 14px;
}
.legenda-class{
	margin-left: 12px;
	display: inline-block;
	vertical-align: middle;
}