@charset "UTF-8";
 @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700);
 
    body#darktable {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    line-height: 1.42em;
    color:#A7A1AE;
    background-color:#1F2739;
    
    }
    h1#darktable {
    font-size:3em; 
    font-weight: 300;
    line-height:1em;
    text-align: center;
    color: #4DC3FA;
    }

 h2#darktable {
   font-size:1em; 
   font-weight: 300;
   text-align: center;
   display: block;
   line-height:1em;
   padding-bottom: 2em;
   color: #FB667A;
 }

 h2#darktable a {
   font-weight: 700;
   text-transform: uppercase;
   color: #FB667A;
   text-decoration: none;
 }
 
 .blue#darktable { color: #185875; }
 .yellow#darktable { color: #FFF842; }

 .container#darktable th h1 {
       font-weight: bold;
       font-size: 1em;
   text-align: left;
   color: #185875;
 }

 .container#darktable td {
       font-weight: normal;
       font-size: 1em;color: #64b4da;
   -webkit-box-shadow: 2px 2px 2px -2px #0E1119;
        -moz-box-shadow: 2px 2px 2px -2px #0E1119;
             box-shadow: 2px 2px 2px -2px #0E1119;
 }

 .container#darktable {
       text-align: left;
       overflow: hidden;
       width: 100%;
       margin: 0 0 ;
   display: block;
   padding: 0 0 0 0;
   float: left;
   /*height:800px;
   overflow-y: scroll;*/
 }
 
 .container#darktable td,.container#darktable th {
       padding-bottom: 1%;
       padding-top: 1%;
   padding-left:2%;  
   padding-right:2%;  
 }
 
 /* Background-color of the odd rows */
 .container#darktable tr:nth-child(odd) {
       background-color: #323C50;
 }
 
 /* Background-color of the even rows */
.container#darktable tr:nth-child(even) {
       background-color: #2C3446;
 }
 
.container#darktable th {

       background-color: #1F2739;
 }
 
.container#darktable td:first-child {color: #d19b3d; }
 
.container#darktable.clickable tr:hover {
    background-color: #464A52;
    cursor: pointer;
 -webkit-box-shadow: 0 6px 6px -6px #0E1119;
        -moz-box-shadow: 0 6px 6px -6px #0E1119;
             box-shadow: 0 6px 6px -6px #0E1119;
 }
 .results tr[visible='false'],
 .no-result{
   display:none;
 }
 
 .results tr[visible='true']{
   display:table-row;
 }
 
 .counter{
   padding:8px; 
   color:#ccc;
 }
 .container#darktable tr td{
  position: relative;
  overflow: hidden;
  width: 200px;
  /*height: 100px;*/
  
}
.container#darktable tr td.prova:after {
  content: attr(data-ribbon);
  position: absolute;
  width: 90px;
  height: 30px;
  background: #428bca;
  color: white;
  top: -5px;
  text-align: center ;
  line-height: 25px;
  right: -34px;
  transform: rotate(45deg);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


.container#darktable tr td.student:after {
  /*content: attr(data-ribbon);*/
  position: absolute;
  width: 90px;
  height: 30px;
  background: #0ea53b;
  color: white;
  top: -5px;
  text-align: center ;
  line-height: 25px;
  right: -34px;
  transform: rotate(45deg);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f19d";
}
 /*.container td:hover {
   background-color: #FFF842;
   color: #403E10;
   font-weight: bold;
   
   box-shadow: #7F7C21 -1px 1px, #7F7C21 -2px 2px, #7F7C21 -3px 3px, #7F7C21 -4px 4px, #7F7C21 -5px 5px, #7F7C21 -6px 6px;
   transform: translate3d(6px, -6px, 0);
   
   transition-delay: 0s;
       transition-duration: 0.4s;
       transition-property: all;
   transition-timing-function: line;
 }*/
 
 @media (max-width: 800px) {
      .container#darktable td:nth-child(4),
      .container#darktable th:nth-child(4) { display: none; }
 }