html, body {
    min-height: 100vh;
}
body {
    display: flex;
    flex-direction: column;
}
body>.container {
    flex: 1;
}
body>footer {
    background-color: #f5f5f5;
}

/* personalizzo lo span degli errori degli input box */
.field-validation-error {
    color: red;
}
.validation-summary-errors ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-bottom: 1em;
}
.validation-summary-errors li {
    color: darkred;
    border-left: 3px solid red;
    padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: rgba(255, 0, 0, 0.05);
    margin-bottom: 2px;
}

.uppercase {
    text-transform: uppercase;
}

/* ? */
.isDisabled {
    color: currentColor;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
}

/* CLASSE AGGIUNTIVA PER RIMPICCIOLIRE I BOTTONI */
.btn-xsm {
    padding: .25rem .5rem;
    font-size: .8rem;
    line-height: 1;
    border-radius: .2rem;
}   
.btn-xsm-no-padding { 
    padding: .25rem .1rem;
    font-size: .8rem;
    line-height: 1;
    border-radius: .2rem;
}



/* PER BARRARE UN PARAGRAFO O UN TESTO IN GENERALE */
.text-decoration-line {
    text-decoration-line: line-through;
}

/* PER FAR APPARIRE UN INPUT TEXT LIKE UNA LABEL */
.input-like-label {
    background-color: transparent !important;
    border: none !important;
    outline: none !important;
    padding: 0px 0px 0px 0px !important;
    width: 100%;
}

/*BACKGROUND PERSONALIZZATI*/
.non-disponibile {
    background-color: #6c757d73!important;
}
.inviata-proposta {
    background-color: #fbff0c73!important;
}
.accetata-proposta {
    background-color:#ffa500e3!important;
}
.nonLavoraPiu {
    background-color:#ff710c73!important;
}
.confermata, .approvata {
    background-color: #0cff5773!important;
}
.rifiutata, .non-lavora {
    background-color: #ff0c0c73!important;
}
.rifiutata-da-lab {
    background-color: #00000073!important;
}
.dati-minimi {
    background-color: #6c757d73!important;
}
.eliminazione-parziale {
    background-color: #00000073!important;
}


/*FA-COLORATI*/
.fa-colore-affermativo {
    color: darkgreen;
}
.fa-colore-negativo {
    color: darkred;
}
.uomo {
    font-size: 1.4em;
    color: blue;
}
.donna {
    font-size: 1.4em;
    color: fuchsia;
}
.modificato {
    background-color:#ffa500e3!important;
}


.rating {
    color: orange;
    white-space: nowrap;
}
.price s {
    color: #aaa;
    font-size: 0.8em;
}

footer {
    margin-top: 3em;
    padding-top: 1em;
    border-top: 1px solid #ccc;
    padding-bottom: 2em;
    text-align: center;
    color: gray;
}












.course-info aside {
    background-color: #f5f5f5;
    padding: 1em;
    height: 100%;
}
.course-info .register-button, .course-info {
    margin-top: 1em;
}
.course-info .price {
    font-size: 1.3rem;
}
.course-info .subcribe-course {
    margin-bottom:1em;
}
.course-lessons, .lessons-duration i, .course-lessons {
    margin-right: 0.3em;
}
.course-lessons .course-duration {
    font-weight: bold;
}
.course-lessons img {
    height:40px;
}


/* SEZIONE DATE DA APPROVARE */
.rimborso-edit {
    display: none;
}
.riduzione-edit {
    display: none;
}

/* PER EVIDENZIARE UNA RIGA SELEZIONATA */
.rigaSelezionata {
    background-color: lightseagreen;
}
.rigaSelezionataDaEliminare {
    background-color: lightcoral;
}

/* PAGINA DETTAGLIO PROGETTO */
.btn-link-dettaglio {
    padding: 0;
}










/* RATING !!! voti con stelline */

  /* use display:inline-flex to prevent whitespace issues. alternatively, you can put all the children of .rating-group on a single line */
  .rating-group {
    display: inline-flex;
  }
  
  /* make hover effect work properly in IE */
  .rating__icon {
    pointer-events: none;
  }
  
  /* hide radio inputs */
  .rating__input {
   position: absolute !important;
   left: -9999px !important;
  }

  /* set icon padding and size */
  .rating__label {
    cursor: pointer;
    padding: 0 0.1em;
    font-size: 1.2rem;
  }
  
  /* set default star color */
  .rating__icon--star {
    color: orange;
  }
  
  /* set color of none icon when unchecked */
  .rating__icon--none {
    color: #eee;
  }

  /* if none icon is checked, make it red */
  .rating__input--none:checked + .rating__label .rating__icon--none {
    color: red;
  }

  /* if any input is checked, make its following siblings grey */
  .rating__input:checked ~ .rating__label .rating__icon--star {
    color: #ddd;
  }

  /* make all stars orange on rating group hover */
  .rating-group:hover .rating__label .rating__icon--star {
    color: orange;
  }

  /* make hovered input's following siblings grey on hover */
  .rating__input:hover ~ .rating__label .rating__icon--star {
    color: #ddd;
  }
  
  /* make none icon grey on rating group hover */
  .rating-group:hover .rating__input--none:not(:hover) + .rating__label .rating__icon--none {
     color: #eee;
  }

  /* make none icon red on hover */
  .rating__input--none:hover + .rating__label .rating__icon--none {
    color: red;
  }

  /* FINE STILE VOTI CON STELLINE */




/* COOKIEBOT */
.CookieDeclaration {
    display: none;
}
.cookiebot-always-visibile {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 162px;
    padding: 8px;
    font-size: 0.8rem;
    background-color: rgba(0, 0, 0, 0.35);
}
.coookiebot-always-visible a {
    color:white;
}
/* FINE COOKIEBOT */



.blinking{
    animation:blinkingText 1.5s infinite;
}
@keyframes blinkingText{
    0%{     color: #000;    }
    49%{    color: #000; }
    60%{    color: transparent; }
    99%{    color:transparent;  }
    100%{   color: #000;    }
}