/* START PWS#108 */
.relazione_ct_btn {
  width: 100%;
  text-align: center;
  padding: 10px;
  background-color: #ed1c24;
  color: #fff;
  margin: 10px 0;
}

#relazione_ct .info_corso {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 10px;
  background-color: #435c7c69;
}

#relazione_ct .heading {
  padding: 10px 10px;
  background-color: #435c7c;
  color: #fff;
  font-weight: 600;
  text-align: center;
  font-size: 18px;
}

#relazione_ct .element {
  flex: 1;
}

#relazione_ct .numeri {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  border-bottom: 5px solid #435c7c;
  margin-bottom: 15px;
  padding: 15px 10px;
  background-color: #435c7c38;
}

#relazione_ct .numeri .segnalazioni{
  text-align: center;
  border-bottom: 2px solid #435c7c;
  margin-bottom: 5px;
  font-weight: 600;
  width: 100%;
}

#relazione_ct .numeri > div {
  width: 25%;
  display:
  flex;
  align-items: center;
  margin: 5px 0;
}

#relazione_ct .numeri > input {
  right: 0;
}

#relazione_ct .numeri input {
  width: 60px;
  margin-left: auto;
}

#relazione_ct .numeri label {
  text-align: right;
  width: calc(100% - 70px);
}

#relazione_ct .numeri b {
  width: 100%;
}

#relazione_ct .relazione {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
}

#relazione_ct .relazione > div {
  width: 50%;
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: end;
}

#relazione_ct .relazione textarea {
  max-width: 100%;
  min-height: 50px;
}

#relazione_ct button {
  width: 100%;
  margin: 5px 0;
}

#relazione_ct button#consegna_rel {
  background-color: #b1bcc9;
  border-color: #b1bcc9;
  color: #050f36;
}

#relazione_ct button#consegna_rel:hover{
  background-color: #ed1c24;
  border-color: #ed1c24;
  color: #fff;
}

.numeri span.value {
  padding: 0 5px;
}

#relazione_ct.consegnato label{
  font-weight: 600;
}

#relazione_ct .checkboxes{
  display: flex;
  padding: 10px 0;
  justify-content: center;
}

@media screen and (max-width:768px){
  #relazione_ct .numeri > div {
    width: 50%;
  }

  #relazione_ct .relazione > div {
    width: 100%;
  }
}

#lista_relazioni .relazione_vai{
  position: relative;
}

#lista_relazioni .relazione_link{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.relazione_anni {
    display: flex;
    margin-bottom: 20px;
    width: 100%;
    justify-content: center;
}

.relazione_anni .relazione_anno {
    margin-right: 5px;
    padding: 10px;
    border: 1px solid #2350aa;
    color: #2350AA;
    position: relative;
}

.relazione_anni .relazione_anno.selected
,.relazione_anni .relazione_anno:hover{
    color: #fff;
    background: #2350AA;
}

.relazione_anni a.relazione_anno_link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* END PWS#108 */