/**
 * STILI PER IL MATCHMAKING
 */


table.matchmaking_agenda
{
  

}


.matchmaking_agenda td.master
{
  background-image: url(../../img/matchmaking/matchmaking_arrow_red.png);
  background-repeat: no-repeat;
  width: 70px;
  background-repeat: no-repeat;
  background-position: center center;
  

}

.matchmaking_agenda td.slave
{
  background-image: url(../../img/matchmaking/matchmaking_arrow_green.png);
  width: 70px;
  background-repeat: no-repeat;
  background-position: center center;
}

table.matchmaking_agenda td
{
  
}


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


table.matchmaking_agenda  thead
{
 background-color: #0077B5;
 color: #fff;


}


table.matchmaking_agenda  thead
{
 background-color: #0077B5;
 color: #fff;


}




span.matchmaking_status
{
  display: inline-block;
  width: 90px;
  
  
  
  color: #fff;
  text-align: center;
  
}




span.matchmaking_status.s800
{
  background-color: #FF6600;

}


span.matchmaking_status.s801
{
  background-color: #1AB394;

}

span.matchmaking_status.s802
{
  background-color: red;

}

span.matchmaking_status.s803
{
  background-color: red;

}





div.orario
{
  background: #F5F5F5;
  margin: 5px;
  padding: 10px;
  display: inline-block;
  width: 70px;
  text-align: center;
  border: 1px solid #DDDDDD;
  	border-radius: 3px;
}

/*
div.over
{
  position: relative;
  background: #990000;
  float: left;
}


div.base
{
  position: relative;
  background: #009900;
  float: left;
}
*/

div.orario.occupato3 span
{
  
  background-image: url(img/matchmaking/occupato3.png);
  background-repeat: repeat-y;
  background-position: center center;
}

div.orario.occupato1
{
  
  background-image: url("img/matchmaking/occupato1.png");
  background-repeat: repeat-y;
  background-position: center center;
}


div.orario.selected
{
  background-image: url("img/matchmaking/occupato1.png");
  background-repeat: repeat-y;
  background-position: center center;
}

div.orario.occupato2
{
  
  /*background-image: url("img/matchmaking/occupato2.png");
  background-repeat: repeat-y
  background-position: center center;*/
}


div.orario.master
{
  background-color: #F2DEDE; 
}


div.orario.occupato3
{
 
  background-image: url(img/matchmaking/occupato3.png);
  background-repeat: repeat-y;
  background-position: center center;
}



div.orario.selezionato
{
  background: #FFD800;
}
 /*
.panel, .panel-group .panel-heading+.panel-collapse>.panel-body{
    border: none;
}


div.panel-heading
{
  border: 1px solid red;
}

div.panel-body
{
  border: 1px solid red;
}
 */