.ejs_type1,
.ejs_type2,
.ejs_type3
{
  display:grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 2fr 1fr 1fr 1fr 1fr 1fr;
  column-gap: 1px;
  row-gap: 1px;


}

.ejs_type1 div,
.ejs_type2 div,
.ejs_type3 div,
.ejs_type4 div{
  font-size:11px;
  text-align:center;

  display:flex;
  justify-content: center;
  align-items: center;
  
}

.ejs_type1 .heading{
  background-color: #004f4e;
  color:#fff;
  font-weight:600;
  padding:3px;
}
.ejs_type1 .row1 {
  background-color: #e7f1f3;
  color:#004f4e;
  font-weight:300;
}
.ejs_type1 .row2 {
  background-color: #cbe1e5;
  color:#004f4e;
  font-weight:300;
}


.ejs_type2 .heading {
  background-color: #832605;
  color:#fff;
  font-weight:600;
  padding:3px;
}
.ejs_type2 .row1 {
  background-color: #f6edd6;
  color:#832605;
  font-weight:300;
}
.ejs_type2 .row2 {
  background-color: #e1c377;
  color:#832605;
  font-weight:300;
}


.ejs_type3 .heading {
  background-color: #000;
  color:#fff;
  font-weight:600;
  padding:3px;
}
.ejs_type3 .row1 {
  background-color: #e7e8ea;
  color:#000;
  font-weight:300;
}
.ejs_type3 .row2 {
  background-color: #cbced3;
  color:#000;
  font-weight:300;
}


.ejs_type4 .heading {
  background-color: #494e3a;
  color:#fff;
  font-weight:600;
  padding:3px;
}
.ejs_type4 .row1 {
  background-color: #bec1b4;
  color:#494e3a;
  font-weight:300;
}
.ejs_type4 .row2 {
  background-color: #e5e6e1;
  color:#494e3a;
  font-weight:300;
}






.ejs_type1 .r1c1,
.ejs_type2 .r1c1,
.ejs_type3 .r1c1,
.ejs_type4 .r1c1 {
  grid-column: 1 / span 2 ;
  grid-row: 1 / span 2;

}

.ejs_type1 .r1c2,
.ejs_type2 .r1c2,
.ejs_type3 .r1c2,
.ejs_type4 .r1c2 {
  grid-column: 3 / span 1 ;
  grid-row: 1 / span 1;
}

.ejs_type1 .r1c3,
.ejs_type2 .r1c3,
.ejs_type3 .r1c3,
.ejs_type4 .r1c3 {
  grid-column: 4 / span 1 ;
  grid-row: 1 / span 1;
}

.ejs_type1 .r1c4,
.ejs_type2 .r1c4,
.ejs_type3 .r1c4,
.ejs_type4 .r1c4 {
  grid-column: 5 / span 1 ;
  grid-row: 1 / span 2;
}

.ejs_type1 .r2c2,
.ejs_type2 .r2c2,
.ejs_type3 .r2c2,
.ejs_type4 .r2c2 {
  grid-column: 3 / span 1 ;
  grid-row: 2 / span 1;
}

.ejs_type1.r2c3,
.ejs_type2.r2c3,
.ejs_type3.r2c3,
.ejs_type4.r2c3 {
  grid-column: 4 / span 1 ;
  grid-row: 2 / span 1;
}


.ejs_type1 .r3c1,
.ejs_type2 .r3c1,
.ejs_type3 .r3c1,
.ejs_type4 .r3c1 {
  grid-column: 1 / span 1 ;
  grid-row: 3 / span 4;
}

.ejs_type1 .r3c2,
.ejs_type2 .r3c2,
.ejs_type3 .r3c2,
.ejs_type4 .r3c2 {
  grid-column: 2 / span 1 ;
  grid-row:3 / span 1;
}

.ejs_type1.r3c3,
.ejs_type2.r3c3,
.ejs_type3.r3c3,
.ejs_type4.r3c3 {
  grid-column: 3 / span 1 ;
  grid-row:3 / span 1;
}
.ejs_type1 .r3c4,
.ejs_type2 .r3c4,
.ejs_type3 .r3c4,
.ejs_type4 .r3c4 {
  grid-column: 4 / span 1 ;
  grid-row:3 / span 1;
}
.ejs_type1.r3c5,
.ejs_type2.r3c5,
.ejs_type3.r3c5,
.ejs_type4.r3c5 {
  grid-column: 5 / span 1 ;
  grid-row:3 / span 1;
}


.ejs_type1 .r4c2,
.ejs_type2 .r4c2,
.ejs_type3 .r4c2,
.ejs_type4 .r4c2 {
  grid-column: 2 / span 1 ;
  grid-row:4 / span 1;
}

.ejs_type1 .r4c3,
.ejs_type2 .r4c3,
.ejs_type3 .r4c3,
.ejs_type4 .r4c3 {
  grid-column: 3 / span 1 ;
  grid-row:4 / span 1;
}
.ejs_type1 .r4c4,
.ejs_type2 .r4c4,
.ejs_type3 .r4c4,
.ejs_type4 .r4c4 {
  grid-column: 4 / span 1 ;
  grid-row:4 / span 1;
}
.ejs_type1 .r4c5,
.ejs_type2 .r4c5,
.ejs_type3 .r4c5,
.ejs_type4 .r4c5 {
  grid-column: 5 / span 1 ;
  grid-row:4 / span 1;
}



.ejs_type1 .r5c2,
.ejs_type2 .r5c2,
.ejs_type3 .r5c2,
.ejs_type4 .r5c2 {
  grid-column: 2 / span 1 ;
  grid-row:5 / span 1;
}

.ejs_type1 .r5c3,
.ejs_type2 .r5c3,
.ejs_type3 .r5c3,
.ejs_type4 .r5c3 {
  grid-column: 3 / span 1 ;
  grid-row:5 / span 1;
}
.ejs_type1 .r5c4,
.ejs_type2 .r5c4,
.ejs_type3 .r5c4,
.ejs_type4 .r5c4 {
  grid-column: 4 / span 1 ;
  grid-row:5 / span 1;
}

.ejs_type1.r5c5,
.ejs_type2.r5c5,
.ejs_type3.r5c5,
.ejs_type4.r5c5 {
  grid-column: 5 / span 1 ;
  grid-row:5 / span 1;
}



.ejs_type1 .r6c2,
.ejs_type2 .r6c2,
.ejs_type3 .r6c2,
.ejs_type4 .r6c2 {
  grid-column: 2 / span 1 ;
  grid-row:6 / span 1;
}

.ejs_type1 .r6c3,
.ejs_type2 .r6c3,
.ejs_type3 .r6c3,
.ejs_type4 .r6c3 {
  grid-column: 3 / span 1 ;
  grid-row:6 / span 1;
}
.ejs_type1 .r6c4,
.ejs_type2 .r6c4,
.ejs_type3 .r6c4,
.ejs_type4 .r6c4 {
  grid-column: 4 / span 1 ;
  grid-row:6 / span 1;
}
.ejs_type1 .r6c5,
.ejs_type2 .r6c5,
.ejs_type3 .r6c5,
.ejs_type4 .r6c5 {
  grid-column: 5 / span 1 ;
  grid-row:6 / span 1;
}

/* REGOLE SPECIALI */
#ejs_t6 .r3c1{

  grid-column: 1 / span 1 ;
  grid-row: 3 / span 3;

}

#ejs_t7 .r3c1{

  grid-column: 1 / span 1 ;
  grid-row: 3 / span 2;

}

#ejs_t6
{
  display:grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 2fr 1fr 1fr 1fr 1fr ;
  column-gap: 1px;
  row-gap: 1px;
}

#ejs_t7
{
  display:grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 2fr 1fr 1fr 1fr ;
  column-gap: 1px;
  row-gap: 1px;
}

#ejs_t8
{
  display:grid;
  grid-template-columns: auto 1fr 1fr 1fr 1fr;
  grid-template-rows: 2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr ;
  column-gap: 1px;
  row-gap: 1px;
}



#ejs_t8 .r1c1 {
  grid-column: 1 / span 1 ;
  grid-row: 1 / span 2;

}

#ejs_t8 .r1c2pre {
  grid-column: 2 / span 1 ;
  grid-row: 1 / span 2;


}

#ejs_t8 .r3c1 {
  grid-column: 1 / span 1 ;
  grid-row: 3 / span 1;
}


@media (min-width: 576px) {  }


@media (min-width: 768px) {  }


@media (min-width: 992px) { 

.ejs_type1 div,
.ejs_type2 div,
.ejs_type3 div,
.ejs_type4 div {
  font-size:15px;
  
  
}

.ejs_type1 .heading,
.ejs_type2 .heading,
.ejs_type3 .heading,
.ejs_type4 .heading {
 
  padding:6px;

}
 }


@media (min-width: 1200px) { }