*, ::before, ::after {
  box-sizing: unset;
}
body {
  overflow: auto !important;
  overflow-x: hidden !important;
}

/*Hide all unused elements*/
#categoria{display: none !important;}
#giorno{display: none !important;}

/* logo */
#logo{
  width: 150px;
  margin: 1em auto 1em auto;
  transform: translateX(-0%);
}

.ultimiConcInner {
  max-width: 550px;
  margin: auto;
}
.ultimiConcSpan{
  background-color: lightblue;
  background-color: rgba(90, 150, 200, 0.2);
  padding: 0.01em 1em 1.2em 1em;
  margin-top: 1em !important;
}
.ultimiConcSpan h1{
  text-align: center;
  font-size: 25pt;
  font-weight: 600;
  margin-bottom: -10px;
}
.ultimiConcSpan{
  margin: auto;
}
.textBenvenuto p{
  margin: auto;
  font-size: 12pt;
  font-weight: 200;
  text-align: center;
}
.textBenvenuto{
  color: #696969 !important;
}

/* cerca per data */
.search{
  max-width: 600px;
  margin: auto;
}
.search .selettoreData {
  max-width: 300px;
  margin-left: auto;
}
.selettoreData p {
  text-align: right !important;
  margin: 0 !important;
}


/* Bottoni avanti/indietro */
#avantibtn {
  position: fixed;
  bottom: 30%;
  right: 17vh;
}
#indietrobtn{
  position: fixed;
  bottom: 30%;
  left: 17vh;
}
#avantibtn {
  width: 50px !important;
}
#indietrobtn {
  width: 50px !important;
}

@media only screen and (max-width: 750px) {
  #avantibtn {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 100;
  }
  #indietrobtn{
    position: fixed;
    bottom: 10px;
    left: 10px;
    z-index: 100;
  }
}

/*span categoria*/
.categoria{
  border-bottom: solid 1px rgba(225, 225, 225, 0.35);
  padding-top: .8rem;
  margin-left: auto;
  margin-right: auto;
  height: 3vh;
  display: block !important;
  text-align: center;
}

/*span concorsi*/
.concorso, .giornoOCavalieri, .cavaliere{
  line-height:25px;
}
.concorso:hover, .giornoOCavalieri:hover, .cavaliere:hover, .categoria:hover{
  background-color: rgba(90, 150, 200, 0.2);
}
.cavaliere{
  text-transform: capitalize;
  cursor: default !important;
}

/*span concorsi button cavalieri*/
.addPacchetto, .remPacchetto{
  position: relative;
  right: -20%;
  top: -18px;
  background: black;
  color: white;
  border: none;
  border: solid 1px gray;
  border-radius: 5px;
  padding: 1vh;
  cursor: pointer;
}
.addPacchetto:hover{
  background: white;
  color: black;
  cursor: pointer;
}
.showFoto{
  border: none;
  text-decoration: underline;
  background: none;
  cursor: pointer;
  position: relative;
  right: -10%;
}

#listaconcorsi span.concorso, #listaconcorsi span.cavaliere, #listaconcorsi span.giornoOCavalieri {
  width: 100% !important;
}
.concorso.selected, .cavaliere.selected, .giornoOCavalieri.selected {
  background-color: rgba(225, 225, 225, 0.35);
}
#giorno, #categoria {
  font-size: 12pt !important;
}

.container {
  display: block;
}

#listaconcorsi{
  border-radius: 50px;
  border: solid 10px rgba(225, 225, 225, 0.35);
}

  #listaconcorsi {
    height: calc(40vh + 100px);
    width: 90vw;
    /* margin: auto; */
    margin-bottom: 4vh;
    margin-top: 3vh;
  }
  #listaconcorsi span.concorso, #listaconcorsi span.cavaliere, #listaconcorsi span.giornoOCavalieri {
    padding-top: .8rem;
    margin-left: auto;
    margin-right: auto;
    height: 6.5vh;
  }

  /* .container .search #databtn {
      position: absolute;
      width: 94% !important;
      height: 60px;
      border-radius: 30px 30px 0px 0px;
  }

  #search > *{
      box-sizing: inherit;
  } */

#bottombar{
height: 7vh;
box-shadow: lightgray 0px 1px 3px 1px;
}
#bottombar #riepilogo_btn, #carrello_btn {
height: 3vh;
width: auto !important;
}

#selezioni {
  width: 100% !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

#giorno, #categoria {
  background-color: rgba(225, 225, 225, 0.35) !important;
  color: black !important;
  width: 10vw !important;
  height: 2rem !important;
  margin: 0.5vw;
  padding: 15px !important;
}
  #giorno, #categoria{
    width: 30vw !important;
  }
  /* #avantibtn{
      margin-left: 0.7vw;
      margin-top: 1vh !important;
      height: 5vh;
  } */

@media screen and (min-width: 600px){
  #listaconcorsi {
    height: calc(50vh + 100px);
    width: 55vh;
    margin-bottom: 4vh;
  }
  #listaconcorsi span.concorso, #listaconcorsi span.cavaliere, #listaconcorsi span.giornoOCavalieri {
    padding-top: .8rem;
    margin-left: auto;
    margin-right: auto;
    height: 6.5vh;
  }
}




@media screen and (min-width: 600px){
#giorno, #categoria {
  background-color: rgba(225, 225, 225, 0.35) !important;
  color: black !important;
  width: 10vw !important;
  height: 3rem !important;
  float: left !important;
  clear: right;
  margin: 0.5vw;
  padding: 15px !important;
}
  #giorno{
    margin-left: 39.5vw;
  }
  /* #avantibtn{
    float: left !important;
    clear: right;
    margin-left: 0.5vw;
    margin-top: 1.2vh;
    height: 4vh;
  } */
}

@media screen and (min-width: 600px){
  #listaconcorsi span.concorso, #listaconcorsi span.cavaliere, #listaconcorsi span.giornoOCavalieri{
    border-bottom: solid 1px rgba(225, 225, 225, 0.35);
  }
}

#listaconcorsi span.cavaliere button.hide{
  display: none;
}

#databtn{
  display: none;
}

#filtrodata{
  all: revert !important;
  display: block !important;
  margin-left: 60% !important;
}

#bottombar img{
  box-shadow: none !important;
}
#listaconcorsi .categoria {
  width: 50% ;
  float: left;
}