body{
background: url(../img/bg_sc.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: #03a9f4 !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+4){
	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: 90% 8px !important;  /*Position of the background-image*/
      width: 90% !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; }