/*!
 * Custom css per localhost
 */
.navbar-logo {
  background-image: url(../images/login-background.png);
  min-width: 150px;
  background-repeat: no-repeat;
}
.materialeCorso .nomeCorso {
  top: -124px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  width: 100%;
}
.materialeCorso .nomeCorso h4 {
  color: white;
}
@media only screen and (max-width: 767px) {
  .materialeCorso .nomeCorso h4 {
    color: inherit;
  }
  .materialeCorso .nomeCorso {
    position: initial;
  }
}
title {
  content: 'Unigr�';
}
.navbar-header {
  background-color: #e9a720;
}
.footer.main-footer {
  background-color: #e9a720;
}
.brand {
  content: 'Unigr�';
}
.form-group:has(#containerCaricamentoImmagineTipologiaCorso) {
	display: none;
}

.logo-padding {
  margin-top: 10px;
  object-fit: contain;
}
.login-logo {
  background-image: url(../images/edu5Logo_login.png);
  height: 120px;
  margin-top: 45px;
  margin-bottom: 25px;
  background-size: contain;
  margin-left: auto;
  margin-right: auto;
  max-width: 80vw;
}
.logoLogin {
  top: 0 !important;
}
#immagineLogin {
  object-fit: cover;
  height: 100dvh;
}
#imgLogo {
  zoom: 140%;
  margin-top: 0px;
}
.login_form {
  background-image: url(../images/login-background.png);
  overflow: hidden;
}
.lineUp {
  border-bottom-color: #e9a720;
  padding-bottom: 2%;
}
.lineDown {
  border-top-color: #e9a720;
}
.btn-login {
  background-color: #e9a720;
  color: white;
  border: 1px solid #e9a720;
}
.btn-login:hover {
  background-color: white;
  color: #e9a720;
  border: 1px solid #e9a720;
}
.btn-login:focus {
  background-color: white;
  color: #e9a720;
  border: 1px solid #e9a720;
}
.background-red {
  background-color: #e9a720;
}
/*.dashblock > .panel {
    borde-bottom:(0,84,128,0.5) 10px solid ;
}*/
#spanUserName {
  color: #ffffff;
}
#liMsg label,
#liMsg i {
  color: #e9a720;
}
a.dropdown-toggle.dropdownUtente {
  height: 100%;
  padding: 15px 15px 19px 15px;
}
#divLinkFooter label a {
  color: white;
}
.nav > li > a:hover,
.nav > li > a:focus {
  background-color: #e9a720;
  color: white !important;
}
.nav > li > a:hover *,
.nav > li > a:focus *,
.nav .open > a,
.nav .open > a:hover *,
.nav .open > a:focus * {
  color: white !important;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #e9a720;
  color: white !important;
}
.dropdownUtente.dropdown-toggle:hover {
  color: #e9a720 !important;
  height: 100% !important;
  background-color: #e9a720 !important;
}
.page-header {
  border: 0;
}
.card:hover {
  border-bottom: 2px solid #e9a720;
}
.img-foto-profilo-home {
  border: 1px solid #e9a720;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #e9a720;
  color: white;
}
.btn-primary:hover,
.btn-primary.active:hover,
.btn-primary:focus {
  background-color: #e9a720 !important;
  color: white;
}
.btn-secondary:active,
.btn-secondary.active {
  background-color: #e9a720 !important;
  color: white;
}
.btn-secondary {
  color: #e9a720;
}
.btn-secondary:hover {
  background-color: #e9a720;
  color: white;
}
.btn-info {
  background-color: #e9a720;
}
.btn-info:hover {
  background-color: #e9a720;
}
/*a.dropdownUtente.dropdown-toggle[aria-expanded= "true"].img-foto-profilo-home{border:1px solid #005480;}*/
#lblFooterTitle {
  color: white;
}
.pull-right label {
  color: white;
}
.fa-check:before {
  color: #e9a720;
}
.bkg-color-pers-1 {
  background: #e9a720;
  background-color: #e9a720;
}
.border-color-pers-1 {
  border-color: #e9a720 !important;
}
.color-progress-complete-pers-1 {
  color: #22b573;
}
#btnCollapseMenu {
  color: #e9a720;
}
.fa.fa-chevron-down {
  color: #ffffff !important;
}
label .fa.fa-chevron-down {
  color: #e9a720;
}
#spanSottotitoloNome {
  color: #e9a720;
}
#spanUserNameFull {
  color: #e9a720;
}
label.no-Style.eduDizionario.modprofilo,
label.no-Style.eduDizionario.logout {
  color: #e9a720 !important;
}
i.fa.fa.sign-out.fa.fw {
  color: #e9a720;
}
span.pull-right {
  color: #e9a720;
}
.fa-sign-out {
  color: #e9a720;
}
.img-foto-profilo-home {
  border: none !important;
}
.login_body {
  padding: 2%;
}
.lineUp {
  padding-bottom: 2%;
}
.login_heading {
  padding: 1% 3% 1% 3%;
  display: none;
}
/*.panel-body {
    padding: 25px 0px 25px 0px;
}*/
.bkg-progrss-complete-pers-1 {
  background-color: #22b573;
}
#head {
  background-color: #e9a720;
}
#titoloContenutoFruizione {
  color: white;
}
#btnBacheca > i {
  color: white;
}
#LLezioni .fa.fa-chevron-down {
  color: #4e5e68 !important;
}
/*.pgBackground {
  background-image: url(../images/bkgDashboard.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
}*/
/*Catalogo corsi*/
#divFiltri {
  background: #7f654f;
  padding: 2em 0;
  box-shadow: inset 0 -15px 30px -25px #00000066;
  padding-bottom: 8px;
}
#panelCatalogo .panel-default:not(.login-panel) {
  border-radius: 15px;
  background: #3e3e3f;
  border: 0px;
}
#panelCatalogo .panel:not(.login-panel) .input-group .form-control,
#panelCatalogo .panel:not(.login-panel) .form-control {
  border-radius: 10px;
  border: 0px;
}
.catalogo-li .cat-body-footer i {
  color: #3e3e3f;
}
#panelCatalogo .panel:not(.login-panel) .select2-selection {
  border-radius: 10px !important;
  border: 0px !important;
  padding: 3px 0px;
}
#panelCatalogo #txtInizioEdizione,
#panelCatalogo #txtFineEdizione {
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
}
#panelCatalogo .panel:not(.login-panel) .input-group-addon {
  border: 0px;
  background: #fff;
  border-radius: 10px;
  color: #b3b3b3;
}
#panelCatalogo .panel:not(.login-panel) .input-group-addon:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
#panelCatalogo #divFiltri label,
#panelCatalogo .panel-default > .panel-heading {
  color: #ffffff;
}
svg {
  vertical-align: bottom;
}
polygon {
  margin: 0px -1px;
}
.cls-1 {
  fill: #7f654f;
}
#panelCatalogo .panel:not(.login-panel) > .panel-heading {
  padding-bottom: 0;
}
#panelCatalogo .panel:not(.login-panel) > .panel-body {
  padding-top: 0;
}
#panelCatalogo .panel:not(.login-panel) .form-group {
  margin-bottom: 0;
}
#panelCatalogo #btnHomeNav,
.btn-secondary:not(.modal-footer .btn-secondary),
#btnCollapseFiltri {
  box-shadow: 0px 0px 7px 1px #0000003a !important;
  border-radius: 10px !important;
  padding: 12px;
  transition: 0.3s ease;
}
.modal-footer .btn-secondary {
  background-color: #eef1f5;
}
#btnHomeNav,
.btnPaginaPreiscrizioni,
#btnFiltriFruizione,
#btnArchiviati,
#btnCollapseFiltri {
  height: 54px;
  width: 56px;
  margin-top: 15px !important;
  margin-bottom: 0px !important;
}
.overflow-hidden {
  overflow: hidden;
}
#panelCatalogo [name~="CAT_CORSI"],
#titolo_miei_corsi {
  padding-left: 0.3em;
  color: #ffffff;
}
#divArea .select2-selection__choice {
  border: 0px !important;
  background-color: transparent !important;
  color: #555;
}
#pickerInizioEdizione > label {
  display: table-cell;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  font-size: 15px;
  font-weight: 900;
  width: 5.35em;
}
#pickerFineEdizione > label {
  display: table-cell;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  font-size: 15px;
  font-weight: 900;
  width: 4.75em;
}
#panelCatalogo .page-header .btn-group {
  margin-top: 8px;
  margin-bottom: 8px;
}
#divListaCorsi {
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}
.catalogo-ul .catalogo-li {
  box-shadow: 0px 0px 7px 1px #00000030;
  border: 0px;
  padding: 30px;
  padding-top: 0px;
  padding-bottom: 0px;
  overflow: hidden;
  margin-bottom: 50px;
}
.titCorso {
  font-weight: bolder;
  margin-top: 2%;
  font-size: 25px;
  color: #ffffff;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.catalogo-li .cat-body-footer .col-lg-5 label {
  width: 320px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#divListaCorsi .titCorso {
  margin-top: 1%;
}
.btnScheda,
.btnSchedaPercorso,
.btnVideoPresentazione,
.btnSchedaPDF,
.btnVaiACorso2,
.btnScheda2 {
  padding: 1.2em 1.8em;
  border-radius: 15px;
  background: #7f654f;
  color: #ffffff;
  font-weight: 900;
  transition: 0.3s ease;
}
.btnScaricaPrenota {
  margin-bottom: 35px;
}
.btn-info.active,
.btn-info:active,
.open > .dropdown-toggle.btn-info,
.btn-info.focus,
.btn-info:focus,
.open > .dropdown-toggle.focus,
.btn-info:active:focus {
  background-color: #e9a720;
}
.btnPiccolo {
  padding: 0.4em 0.8em !important;
  border-radius: 7px !important;
  background-color: #7f654f !important;
  color: #ffffff !important;
  transition: 0.3s ease !important;
}
.btnPiccolo:focus {
  background: rgba(233, 167, 32, 0.2) !important;
}
#divFiltri i {
  color: #ffffff;
}
.btnPiccolo i {
  transition: 0.3s ease !important;
}
.btnPiccolo.disabled i {
  color: inherit;
}
.btnPiccolo:hover {
  background-color: #e9a720 !important;
  color: white !important;
}
.btn-danger:hover {
  background: #e9a720;
}
.btnPiccoloDanger {
  padding: 0.4em 0.8em;
  border-radius: 7px;
  background-color: #7f654f;
  color: #ffffff;
  transition: 0.3s ease;
}
.btnVaiACorso,
.btnIscriviPercorso {
  padding: 1.2em 1.8em;
  border-radius: 15px;
  background: #7f654f;
  color: #ffffff;
  font-weight: 900;
  transition: 0.3s ease;
}
.btnSchedaPercorso,
.btnIscriviPercorso {
  margin: 5px;
}
#panelCatalogo .label-primary {
  width: 22.5%;
  -webkit-mask-image: url(../images/mascheraAree.svg);
  -webkit-mask-repeat: no-repeat;
  background-color: #e9a720;
  background-size: contain;
  text-align: center;
  aspect-ratio: 300 / 42;
  padding: 0;
}
#Lezioni .progress-perc {
  height: 22px;
  width: 3%;
  border-left: 6px solid #b0bec5;
}
.cat-body-header .areeCorso .label .col-xs-2,
.cat-body-header .areeCorso .label .col-xs-10 {
  line-height: 1.8vw;
}
.bottoneAreaCorso {
  color: white;
  aspect-ratio: 16 / 9;
  background: linear-gradient(128deg, #b80e15 0%, #b80e15 12%, #ed1d24 12%, #ed1d24 40%, #b80e15 40%, #b80e15 71%, #ed1d24 71%);
  border-radius: 20px;
  width: 170px;
  border: 0px solid white;
  transition: 0.3s;
  float: none;
  font-weight: 900;
}
.bottoneAreaCorso p {
  margin-top: 37px;
}
.bottoneAreaCorso:active {
  border: 5px solid white;
  transition: 0.3s;
  background: linear-gradient(128deg, #b80e15 0%, #b80e15 12%, #ed1d24 12%, #ed1d24 40%, #b80e15 40%, #b80e15 71%, #ed1d24 71%);
}
.bottoneAreaCorso:hover {
  box-shadow: 0px 0px 8px 1px #00000070 !important;
  border-color: #ddd !important;
}
.bottoneAreaCorso.active {
  box-shadow: 0px 0px 8px 1px #00000070 !important;
  border: 5px solid white !important;
  transition: 0.3s;
  background: linear-gradient(128deg, #b80e15 0%, #b80e15 12%, #ed1d24 12%, #ed1d24 40%, #b80e15 40%, #b80e15 71%, #ed1d24 71%);
}
#btnScaricaCatalogo {
  margin: 20px;
  margin-bottom: 10px;
  padding: 1em 1.5em;
  border-radius: 10px;
  transition: 0.3s ease;
}
#divSelezionePulsatePreiscrizioni .panel {
  margin-bottom: 0;
}
#divListaPercorsi {
  padding: 0;
}
#divListaPercorsi .titCorso {
  margin-top: 3%;
}
.areeCorso {
  padding-left: 0;
  margin-top: 2.25%;
}
.areeCorso .label-primary {
  background-color: #e9a720;
}
.areeCorso .label-primary .col-xs-2 i,
#contenutoinfoCorso .areeCorso .label-primary .col-xs-2 i {
  color: #ffffff;
}
.btnVaiACorso[disabled]:hover,
.btnIscriviPercorso[disabled]:hover {
  background: rgba(233, 167, 32, 0.2);
  color: inherit;
}
#divListaCorsi .catalogo-ul .catalogo-li .cat-body .cat-body-footer {
  width: 100%;
  border-top: 1px solid #b0bec5;
  padding-top: 10px;
  margin-top: 2px;
}
.cat-body-footer h4 {
  margin-top: 18%;
  font-size: 25px;
}
.cat-body-footer label {
  font-size: 0.9em !important;
}
#divListaCorsi .btn-group {
  margin: 0;
}
.catalogo-ul .catalogo-li .cat-img {
  padding-left: 40px;
}
.msgEdz {
  margin-top: 1.75em;
}
.catalogo-ul .catalogo-li .cat-body .cat-body-body {
  max-height: 55px;
  min-height: 55px;
  text-overflow: ellipsis;
}
.media-heading titCorso {
  margin-bottom: 0;
}
.cat-descr h6 {
  line-height: 1.3;
  font-size: 14px;
  margin-top: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
#contenutoinfoCorso .areeCorso {
  padding: 0;
  margin: 0;
  margin-left: 30px;
}
#contenutoinfoCorso .areeCorso .Area {
  position: relative;
  padding-left: 0;
}
#contenutoinfoCorso .areeCorso .bkgArea {
  padding-left: 0;
}
#contenutoinfoCorso .areeCorso img {
  height: 160%;
  position: absolute;
  right: 58%;
  top: -30%;
}
#contenutoinfoCorso strong,
#contenutoinfoCorso i,
#contenutoinfoCorso b {
  color: #e9a720;
}
#contenutoinfoCorso .imgCoverCatalogo * {
  color: white !important;
}
#contenutoinfoCorso .imgCoverCatalogo .col-md-2 {
  min-width: 10%;
  max-width: 65%;
  width: auto;
}
#contenutoinfoCorso #divEdizioniAula .fc-day-grid-event {
  background: #e9a720 !important;
  border-color: #e9a720 !important;
}
#contenutoinfoCorso #divEdizioniAula .fc-day-grid-event * {
  color: white !important;
}
#contenutoinfoCorso #divEdizioniAula .btnCollpseEvents i {
  rotate: 45deg;
  transition: 0.3s ease;
}
#contenutoinfoCorso #divEdizioniAula .btnCollpseEvents.collapsed i {
  rotate: 0deg;
  transition: 0.3s ease;
}
#contenutoinfoCorso .imgCoverCatalogo .col-md-2 h5 {
  padding-left: 0 !important;
  padding-top: 0 !important;
}
#contenutoinfoCorso .titoloSchedaCorso {
  font-size: 20px;
}
#closeCorso {
  height: 56px;
  aspect-ratio: 1 / 1;
}
#contenutoinfoCorso .areeCorso .label {
  padding: 0.4em 0.6em 0.4em;
  min-width: 140px;
}
#contenutoinfoCorso .areeCorso .label .col-xs-10 {
  padding-left: 12px !important;
}
#contenutoinfoCorso .areeCorso .label div {
  padding: 0;
}
#panelInfoCorso #btnHomeNav {
  display: none;
}
#panelInfoCorso #closeCorso {
  margin-bottom: 0;
}
#contenutoinfoCorso .areeCorso .label .col-xs-10 span {
  padding-right: 1.35em;
}
#contenutoinfoCorso .col-md-6 {
  width: 100% !important;
}
#contenutoinfoCorso .row.list-group .col-lg-12 {
  float: left;
  width: 50% !important;
}
.catalogo-li .areeCorso .label {
  margin-right: 30px;
}
.imgCoverCatalogo {
  padding: 0 3vw 10px 3vw !important;
  margin: 0 -3vw;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover !important;
  background: #00000020;
  margin-bottom: 20px;
}
.imgCoverCatalogo h5 {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#contenutoinfoCorso .row .clearfix h3 {
  float: left;
  padding: 0;
  margin: 0;
  font-size: 25px;
}
#contenutoinfoCorso .row .clearfix img {
  height: 100%;
  border: 0 !important;
  padding: 0 !important;
}
#contenutoinfoCorso .row .clearfix div {
  height: 85px;
  aspect-ratio: 1 / 1;
  padding: 0;
  margin: 0 5px 0 0 !important;
  display: block;
  float: left;
  text-align: center;
}
#contenutoinfoCorso .row .clearfix i {
  font-size: 85px;
  color: #e9a720;
  border: 0 !important;
  padding: 0 !important;
}
#contenutoinfoCorso .row .clearfix {
  margin: 30px 0 15px 0;
}
#contenutoinfoCorso .col-lg-6 .row {
  margin: 0;
}
.btn-info[disabled]:hover {
  color: inherit;
  background-color: #7f654f;
}
.catalogo-li .col-lg-2 {
  max-width: 25%;
  min-width: 12%;
  width: auto;
}
@media (max-width: 992px) {
  .msgEdz {
    margin: 10px 0;
    padding: 0;
  }
  .bottoniCorso .pull-right,
  .bottoniPercorso .pull-right {
    float: left !important;
  }
  .areeCorso {
    display: none;
  }
  #divListaCorsi .titCorso {
    margin-top: 4%;
  }
  .bottoniCorso,
  .bottoniPercorso {
    margin-bottom: 2%;
  }
}
@media (min-width: 1280px) {
  .areeCorso {
    margin-top: 0.25vh;
  }
  .bottoniCorso,
  .bottoniPercorso {
    margin-top: -5px;
    margin-bottom: 0.25vh;
  }
}
@media (min-width: 1440px) {
  .areeCorso {
    margin-top: 1vh;
  }
}
@media (min-width: 1600px) {
  .areeCorso {
    margin-top: 1.5vh;
  }
}
@media (max-width: 760px) {
  #pickerInizioEdizione {
    margin-bottom: 3%;
  }
}
@media (max-width: 480px) {
  .catalogo-ul .catalogo-li {
    padding-left: 0;
    padding-right: 0;
  }
  .bottoniCorso .btn-group {
    float: none !important;
  }
  .msgEdz {
    margin-top: 0;
  }
  .catalogo-li .titCorso {
    font-size: 18px;
  }
  .page-header h1 {
    margin-bottom: 25px;
    margin-top: 30px;
  }
  #panelInfoCorso .panel.panel-default.col-lg-12 > .panel-body {
    margin: 0;
    padding: 0;
  }
  #panelInfoCorso .imgCoverCatalogo {
    margin: 0 -6vw;
  }
  #contenutoinfoCorso .imgCoverCatalogo .col-md-2 {
    min-width: 10%;
    max-width: 100%;
  }
  #contenutoinfoCorso .row.list-group .col-lg-12 {
    width: 100% !important;
  }
  .btnVaiACorso2 {
    margin-top: 20px;
    margin-right: 200px;
  }
  #closeCorso {
    margin-right: 0;
  }
  #panelCatalogo #btnHomeNav {
    margin-right: 0;
  }
  .bottoniCorso > .btn-group:not(:last-child) > .btn {
    margin-bottom: 8px;
  }
  #divEdizioniAula .btnScheda2 {
    margin-top: 25px;
  }
}
/*I miei corsi*/
#rigaCorsi .card-fixed {
  border-radius: 20px;
  padding: 30px;
  box-shadow: 0px 0px 8px 1px #00000070;
  margin-right: 25px;
  margin-bottom: 25px;
  height: 262px;
  width: 340px;
  background: white;
  transition: 0.3s ease;
}
#panelPercorsi {
  margin-right: -15px;
  margin-left: -30px;
  width: 100vw;
}
#panelPercorsi .card-fixed {
  padding: 0;
  height: unset;
  aspect-ratio: 16 / 9;
  width: 33.3333vw;
  background: white;
  transition: 0.3s ease;
  overflow: hidden;
}
#panelPercorsi .card-fixed .materialeCorso {
  height: 100%;
}
#panelPercorsi .card-fixed .materialeCorso img {
  height: 100%;
  aspect-ratio: 16 / 9;
}
#panelPercorsi .card-fixed .materialeCorso .divBarra {
  position: absolute;
  width: 70%;
  left: 15%;
  top: 78%;
  height: 3.5%;
}
#panelPercorsi .card-fixed .materialeCorso .divBarra .progress {
  width: 100%;
  border-radius: 50000px;
  border: 3px solid white;
  background: transparent;
  height: 100%;
  margin: 0;
}
#panelPercorsi .card-fixed .materialeCorso .divBarra .progress .progress-bar {
  background: white;
  margin: -1px;
  padding: 10px 0;
}
#panelPercorsi .card-fixed .materialeCorso .divBarra .progress .progress-bar:after {
  content: none;
}
#panelPercorsi .card-fixed .materialeCorso .divBarra .progress-perc {
  border: none;
  color: white;
  margin: 0 auto;
  width: 100%;
}
#panelPercorsi .card-fixed .card-block {
  display: none;
}
#panelPercorsi .corsiPercorso {
  top: 102% !important;
}
#panelPercorsi .corsiPercorso .triangoloAlto {
  top: -1.9vw;
  border-width: 2vw !important;
}
#panelPercorsi .corsiPercorso .corsoPercorso {
  width: 100vw;
  margin: 0 -25px;
  height: auto;
  margin-bottom: 2%;
  padding: 0 2vw;
}
#panelPercorsi .corsiPercorso .corsoPercorso .materialeCorso {
  display: flex;
}
#panelPercorsi .corsiPercorso .corsoPercorso .materialeCorso .card-img-top {
  width: 100%;
}
#panelPercorsi .corsiPercorso .corsoPercorso .materialeCorso h2 {
  margin-top: 10px;
}
#panelPercorsi .corsiPercorso .corsoPercorso .materialeCorso .areaCorso {
  padding: 10px 20px;
  background: #e9a720;
  border-radius: 8px;
  color: white;
  width: fit-content;
  margin-top: 20px;
}
#panelPercorsi .corsiPercorso .corsoPercorso .materialeCorso .areaCorso h3 {
  color: white;
  margin: 0;
  padding: 0;
  font-size: 1.3em;
}
#panelPercorsi .corsiPercorso .corsoPercorso .materialeCorso .descCorso {
  border-bottom: 2px solid #cccccc;
  padding: 4px 0;
  min-height: 15%;
  max-height: 22%;
}
#panelPercorsi .corsiPercorso .corsoPercorso .materialeCorso .dettagliCorso .media {
  margin-top: 10px;
}
#panelPercorsi .corsiPercorso .corsoPercorso .materialeCorso .dettagliCorso h4 {
  position: relative;
  top: 0;
  transform: none;
  margin-top: 0;
  padding-top: 10% !important;
}
#panelPercorsi .corsiPercorso .corsoPercorso .materialeCorso .dettagliCorso h4 i {
  font-size: 2em;
}
#panelPercorsi .corsiPercorso .corsoPercorso .materialeCorso .dettagliCorso label {
  font-size: 1.1em;
}
#panelPercorsi .corsiPercorso .corsoPercorso .materialeCorso .accediCorso {
  padding: 8px 13px;
  border: 2px solid #e9a720;
  transition: 0.3s ease;
  position: absolute;
  bottom: 1.3vw;
  right: 1vw;
  cursor: pointer;
}
#panelPercorsi .corsiPercorso .corsoPercorso .materialeCorso .accediCorso:hover {
  background: #e9a720;
  color: white;
}
#rigaCorsi {
  margin-left: 0;
}
#rigaCorsi .card-fixed:hover {
  box-shadow: 0px 0px 8px 1px #000000aa;
  transform: scale(1.025);
}
#rigaCorsi img {
  border-radius: 12px;
}
#rigaCorsi .progress-perc,
#panelPercorsi .progress-perc {
  border-left: 6px solid #b0bec5;
}
#rigaCorsi .progress-perc {
  width: 14%;
  max-height: 20px;
  overflow: hidden;
}
#rigaCorsi .fa-15x {
  font-size: 1.5em;
}
#rigaCorsi .card-progress {
  width: 86%;
}
#rigaCorsi .progress-info,
#panelPercorsi .progress-info {
  position: relative;
}
#rigaCorsi .progress-info:after,
#panelPercorsi .progress-info:after {
  content: "";
  position: absolute;
  right: -13px;
  top: -3px;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  background: #e9a720;
  background-color: #e9a720;
}
#rigaCorsi .card-progress,
#panelPercorsi .card-progress {
  overflow: unset;
  overflow-x: clip;
}
#rigaCorsi .card,
#rigaCorsi .card:hover,
#panelPercorsi .card,
#panelPercorsi .card:hover {
  border: 0;
}
#panelPercorsi .ombraPercorso {
  box-shadow: none;
}
#panelPercorsi .corsoPercorso {
  background-color: #fff;
}
#elencoCorsi .page-header {
  margin-top: 0;
  background-color: #7f654f;
  padding: 15px 0 30px 0;
}
#elencoCorsi .page-header .btn {
  min-width: 90px;
  border-radius: 7px;
  padding: 10px 16px;
  background-color: white;
  border: 0;
  transition: 0.3s ease;
  margin-bottom: 0 !important;
}
#elencoCorsi .page-header .btn.active {
  background-color: #e9a720;
}
#elencoCorsi .page-header .btn:hover {
  box-shadow: rgba(149, 157, 165, 0.6) 0px 8px 24px !important;
}
.corsiPercorso {
  position: absolute;
  padding: 0;
  width: calc(100% + 30px);
  z-index: 5;
}
.wellCorsiPercorso {
  background-color: #afbec4;
  padding-bottom: 5px;
  box-shadow: 0px 10px 15px -5px #00000055;
  border: 0;
  padding: 30px 40px;
}
.corsoPercorso .ricercaTitolo {
  top: 70%;
}
.corsoPercorso .card-block {
  min-height: 3em;
}
.divBarra {
  height: 20px;
}
#ddlCorsi {
  display: flex;
  justify-content: space-between;
  border-radius: 12px;
  width: 7.25em;
  flex: none;
  transition: 0.3s ease;
}
.btnTipoPercorso {
  border-radius: 12px;
  width: 7.25em;
  transition: 0.3s ease;
}
#filtriCatt .bottoneAreaCorso i {
  margin-top: 7%;
  margin-bottom: 10px;
}
#chiudiFruizione {
  width: 48px;
}
#elencoCorsi {
  overflow-y: visible;
  overflow-x: clip;
}
#elencoCorsi #btnTipiErog .btn-group {
  margin-bottom: 0;
}
#divArea .select2-selection,
#divTipi .select2-selection {
  border-radius: 10px !important;
}
hr {
  border-top: 1px solid #e9a720;
}
#corsoNavTabs .tab-margin {
  border: 0 !important;
  border-radius: 12px;
  box-shadow: 0px 0px 7px 1px #0000003a;
  transition: 0.3s ease;
  margin: 0 1.5vw 2vh 0vh !important;
}
#corsoNavTabs .tab-margin:first-child {
  margin-left: 0 !important;
}
#corsoNavTabs .tab-margin:hover,
#corsoNavTabs .tab-margin.active {
  background-color: #e9a720;
  color: #fff;
}
#corsoNavTabs .tab-margin:hover span,
#corsoNavTabs .tab-margin.active span {
  color: #fff;
}
#corsoNavTabs span {
  letter-spacing: 2px;
  font-weight: 900;
  transition: 0.3s ease;
}
#corsoNavTabs h3 {
  margin: 6px 5px;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
#Lezioni .nav > li > a {
  padding: 12px 15px;
}
#corsoNavTabs li {
  width: 215px;
}
#corsoNavTabs i::before {
  content: none;
}
#pickerFineEdizione input,
#pickerInizioEdizione input {
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  border-right: 0;
}
#pickerFineEdizione span,
#pickerInizioEdizione span {
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}
.selection > span {
  border-radius: 10px !important;
}
.modal-footer .btn {
  border-radius: 6px;
  transition: 0.3s ease;
}
.bkg-progress-complete-pers-1,
#rigaCorsi .bkg-progress-complete-pers-1:after {
  background-color: #22b573;
}
.progress-bar-vertical .progress-bar {
  transition: width 0.6s ease;
}
.border-color-progress-complete-pers-1 {
  border-color: #22b573 !important;
}
.color-progress-complete-pers-1,
.color-progress-complete-pers-1:before {
  color: #22b573 !important;
}
.materialeCorso .alert {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.materialeCorso .card-block .card-text {
  margin: 0;
  margin-bottom: -8px;
}
.materialeCorso .card-block .ricercaTitolo {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#closeLezioni .fa-times {
  aspect-ratio: 1 / 1;
  width: 29px;
}
#listaLezioni,
#Lezioni,
#Lezioni > .panel,
#Lezioni .panel-body {
  margin: 0 !important;
  padding: 0 !important;
}
#headingLezioni {
  padding-bottom: 0;
  border: none !important;
}
#divCoverCorso {
  padding-bottom: 1px;
  position: relative;
  margin-left: -2px;
  margin-right: -4px;
  clip-path: polygon(5% 0, 7% 4%, 100% 4%, 100% 100%, 0 100%, 0 0);
}
#divCoverCorso:after {
  content: '';
  height: 100%;
  left: 0;
  right: 0;
  bottom: -2px;
  position: absolute;
  box-shadow: inset 0vh -34vh 12vh -8vh #ffffff;
}
#LDettagli .list-group-item {
  margin-bottom: 10px;
}
.Preiscrizione {
  position: absolute;
  height: 65px;
  top: 29%;
  width: 280px;
  z-index: 1;
  text-align: center;
  color: #ffffff !important;
  opacity: 1;
  font-weight: 900;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}
.archivia_edizione {
  top: -188px;
  box-shadow: 0.3em 0.3em 0.5em -0.1em #00000066;
  border: 0;
  padding: 10px 13px;
  background: white;
  border-bottom-right-radius: 10px;
  border-top-left-radius: 10px;
  transition: 0.3s;
}
.archivia_edizione i {
  font-size: 1.4em;
}
.archivia_edizione:hover {
  box-shadow: 0.3em 0.3em 0.5em -0.1em #000000bb;
  background: #e3e3e3;
}
.infoRifiutoPreiscrizione,
.sollecitaPreiscrizione {
  position: absolute;
  top: -120px;
  left: 30px;
  z-index: 2;
  border: none;
  border-radius: 4px;
  display: none;
}
.infoRifiutoPreiscrizione .fa,
.sollecitaPreiscrizione .fa {
  width: 14px;
}
.Preiscrizione.rifiutata {
  background-color: #ff000088;
}
.Preiscrizione.attesa {
  background-color: #ff710088;
}
.Preiscrizione p {
  color: #fff;
  line-height: 65px;
  font-size: 16px;
}
#headingLezioni .btn {
  margin-bottom: 0;
}
#Lezioni .card-progress {
  width: 35%;
  margin-left: 7%;
}
.cover-container .bar-container {
  position: relative;
}
#Lezioni .card-banner {
  margin-top: -18vh;
}
#Lezioni .heading-corso {
  position: relative;
  margin-left: 7%;
  color: #ffffff;
}
/*
#LLezioni .card-fixed.disabled:hover {
    transform: scale(1);
    box-shadow: @ombraCards;
}

#Lezioni .heading-corso h2 {
    font-weight: 900;
}
*/
#LLezioni .row {
  margin-right: 0;
}
#LLezioni > .list-group {
  padding-right: 0;
}
#LLezioni .list-group-item {
  padding-right: 0;
}
#LLezioni,
#MLezioni {
  margin-right: 0;
  width: 100%;
}
#listaLezioni .row {
  margin-right: 0;
}
.cover-container {
  overflow: hidden;
}
#corsoNavTabs {
  margin-top: 2vh;
  margin-left: 7%;
}
#LLezioni ul {
  margin-left: 4%;
  margin-right: 6% !important;
}
.pulsantiLez {
  margin-top: 0.1em;
}
#LLezioni .fa-question-circle-o {
  margin-top: 0.1em;
}
#LLezioni .card-fixed .row {
  margin: 0;
}
#Lezioni .panel-heading {
  padding-left: 0;
  padding-right: 0;
}
#headingLezioni {
  padding-left: 3%;
  margin-bottom: 20px;
}
#MLezioni .vertcntr,
#LMateriale .vertcntr {
  padding: 23px !important;
  font-size: 16px;
}
#MLezioni #primaryFolder {
  margin-left: 4%;
  margin-right: 6% !important;
  padding-right: 0;
}
#Corsi h3,
#Percorsi h3 {
  color: #000000;
  font-weight: 600;
  margin-bottom: 0;
}
#Corsi hr,
#Percorsi hr {
  margin-top: 5px;
}
h1 {
  font-weight: 900;
  color: #000000;
}
@media (max-width: 480px) {
  .btn-group {
    margin-right: 40px;
  }
}
#Corsi .fa.fa-circle {
  display: none;
}
.separatoreCorsi {
  border-bottom: 1px solid #e9a720 !important;
}
#LDettagli {
  margin: 2% 5% !important;
}
#LDettagli > .list-group .col-lg-3 {
  /* min-width: 12% !important;
    max-width: 17% !important;*/
  margin-bottom: 0;
}
/*#LDettagli > .list-group .col-lg-3:first-child {
    min-width: 25% !important;
    max-width: 29% !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}*/
#LDettagli > .list-group .list-group-item {
  border: none !important;
}
/* #LDettagli > .list-group .col-lg-3:not(:first-child) { */
#LDettagli > .list-group .col-lg-3 {
  width: 31%;
  border: none !important;
  /* margin-bottom: -50px; */
  margin-bottom: 10px;
  /*min-height: 110px;*/
  border-left: 3px solid #e9a720 !important;
}
#corsoNavTabsContent {
  padding: 0;
}
#primaryFolder .jumbotron {
  margin-left: 7%;
  margin-right: 7%;
  margin-top: 20px;
  padding: 20px;
}
#primaryFolder .jumbotron h3 {
  margin-top: 10px;
}
#LDettagli > .list-group .col-lg-12 {
  border-left: 3px solid #e9a720 !important;
  margin-right: 0;
  width: 96%;
}
#LDettagli > .list-group .col-lg-12,
#LDettagli > .list-group .col-lg-3 {
  background: #eeeeee;
  border-radius: 15px;
  /* width: 100% !important; */
  margin-right: 2%;
  float: left !important;
}
#LDettagli > .list-group .col-lg-12 {
  margin-left: 15px;
}
#DBlog {
  margin: 10px 3% !important;
}
#LTicket #bootboxSegn {
  margin: 10px 6% !important;
}
#LMateriale .materiale {
  margin: 10px 7%;
}
#LDettagli > .list-group .list-group-item h5:first-child {
  font-size: 20px;
  font-weight: 900;
  color: #ffffff;
}
#LDettagli > .list-group .list-group-item h5 i {
  border: 0 !important;
}
#corsoNavTabs .tab-margin span {
  display: inline !important;
}
textarea {
  resize: vertical;
}
.iconaCompletamento {
  height: 30px;
  width: 30px;
  top: -14px;
  left: 44%;
  position: absolute;
  background: white;
  border-radius: 50px;
  z-index: 1;
}
.iconaCompletamento > div {
  margin: 12.5%;
  width: 75%;
  height: 75%;
  background: #e9a720;
  border-radius: 50px;
  text-align: center;
  color: white !important;
  font-size: 10px;
  line-height: 22.5px;
}
.iconaCompletamento > div > i {
  margin-left: 1px;
  line-height: 22.5px;
}
.iconaCompletamento.lezCompletata > div > i {
  margin-left: -2px;
  font-size: 14px;
  margin-top: 2px;
}
.iconaCompletamento.lezCompletata > div {
  background: #22b573;
  color: #e9a720;
}
#LDettagli > .list-group .col-lg-12.list-group-item.border-color-pers-1.descCorso {
  width: 99% !important;
  margin-top: 0;
  margin-right: 1%;
}
#bootboxSegn {
  margin: 0 35px;
}
#divPercAvanzamentoAula h4 {
  padding: 0 !important;
  color: #ffffff;
  margin: 0 7%;
}
@media (max-width: 480px) {
  #rowFiltriAree .bottoneAreaCorso {
    width: 50%;
    margin-left: 25%;
    margin-right: 25%;
    margin-bottom: 1%;
  }
  #rowFiltriTipo #filtriTipo {
    width: 75%;
    margin-left: 12.5%;
    margin-right: 12.5%;
    margin-bottom: 2%;
  }
  #elencoCorsi #btnHomeNav,
  #elencoCorsi #btnFiltriFruizione,
  #elencoCorsi #btnArchiviati {
    margin-top: 0;
    margin-right: 11.5vw;
  }
  .corsoSingolo .card {
    margin-bottom: 0;
  }
  .corsoSingolo .ricercaTitolo {
    margin-top: 20px;
  }
  .corsoSingolo {
    padding-bottom: 15px !important;
  }
  #elencoCorsi .panel-body {
    margin-top: 0;
    padding-top: 0;
  }
  #filtriCatt {
    margin-bottom: 10px;
  }
  #filtriCatt .bottoneAreaCorso i {
    margin-top: 11%;
  }
  #headingLezioni .col-xs-12 > .btn:first-child {
    margin-right: 28vw;
  }
  #corsoNavTabs .tab-margin {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100%;
  }
  #corsoNavTabs {
    margin-right: 7%;
    margin-bottom: 30px;
  }
  #LLezioni .card-fixed {
    width: 100%;
    aspect-ratio: 16 / 9 !important;
    margin-right: 0;
    margin-bottom: 25px !important;
  }
  #LLezioni,
  #MLezioni {
    margin: 0 6% !important;
    padding: 0;
    width: auto;
  }
  #LLezioni .list-group,
  #MLezioni .list-group {
    margin: 0 !important;
    padding: 0;
  }
  #LDettagli > .list-group .col-lg-3:first-child {
    width: 100% !important;
    min-width: initial !important;
    max-width: initial !important;
  }
  #LDettagli > .list-group .col-lg-3 {
    width: 100% !important;
    min-width: initial !important;
    max-width: initial !important;
    min-height: initial !important;
    border-left: none !important;
    text-align: center;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  #LDettagli > .list-group .col-lg-3:not(:first-child) {
    border-left: none !important;
  }
  #LDettagli > .list-group .col-lg-12:not(:nth-child(4)) {
    width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  #LLezioni p {
    font-size: 22px;
  }
  #LLezioni .card-fixed h2 {
    font-size: 35px;
  }
  .infoRifiutoPreiscrizione,
  .sollecitaPreiscrizione {
    top: -105px;
  }
  #boxTipologiaAmbito {
    margin-right: 0;
  }
}
/* STILE DASHBOARD */
/* DASHBOARD */
.buttonWhiteCenter,
.buttonBluRight {
  transition: 0.3s ease;
}
.titleBenvenuto {
  color: white;
  font-family: Raleway Heavy, sans-serif;
  font-size: 26px;
  text-shadow: 2px 2px 5px black;
  margin-left: 2%;
  margin-top: 10px;
}
.bkgDashboard {
  background: #0b406a;
  background: -moz-linear-gradient(12deg, #0b406a 0%, #0b406a 15%, #0067b1 60%, #0067b1 100%);
  background: -webkit-linear-gradient(12deg, #0b406a 0%, #0b406a 15%, #0067b1 60%, #0067b1 100%);
  background: linear-gradient(12deg, #0b406a 0%, #0b406a 15%, #0067b1 60%, #0067b1 100%);
  width: 100%;
}
.boxWhitePromemoria {
  background-color: #f2f2f2;
  /*white*/
  box-shadow: 0px 2px 8px rgba(71, 55, 41, 0.1);
  border-radius: 15px;
}
.boxCircleUtente {
  background-color: white;
  outline: 3px solid #ffffff;
  /*blu*/
  outline-offset: 2px;
  border-radius: 100px;
  width: 70px;
  height: 70px;
  margin-top: 13%;
  background-size: contain;
  float: right;
}
.img-rounded {
  border-radius: 50%;
}
.textNomeUtente {
  color: #e9a720;
  /*blu scuro*/
  font-family: Raleway Heavy, sans-serif;
}
.lineBoxAgenda {
  border-top: 2px solid #ffffff;
  width: auto;
  /*450px*/
  margin-left: 0px;
}
.titlePromemoria {
  color: #ffffff;
  font-family: Raleway Regular, sans-serif;
  font-size: 18px;
}
.titlePromemoriaAgenda {
  color: #ffffff;
  font-family: Raleway Regular, sans-serif;
  font-size: 18px;
}
.titleAgenda {
  color: #ffffff;
  font-family: Raleway SemiBold, sans-serif;
  font-size: 18px;
  margin-right: 5%;
}
.textPromemoriaParagrafo {
  color: #ffffff;
  background-color: #e6e6e6;
  /*light grey*/
  font-size: 16px;
}
.textPromemoriaParagrafoPreiscrizioni {
  color: #ffffff;
  background-color: #e6e6e6;
  /*light grey*/
  font-size: 16px;
}
.boxBluCenter {
  background-color: transparent;
  box-shadow: 0px 2px 8px rgba(71, 55, 41, 0.1);
  border-radius: 15px;
  position: relative;
}
.boxBluCenter:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #0067b199;
  mix-blend-mode: multiply;
  border-radius: 15px;
}
.bkgBoxBlu {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #0067b199;
  mix-blend-mode: multiply;
}
.boxAzzurroRight {
  z-index: 1;
  background-color: #ffffff6b;
  box-shadow: 0px 2px 8px rgba(71, 55, 41, 0.1);
  border-radius: 15px;
  position: relative;
}
.styleBoxBluAzzurro {
  isolation: isolate;
}
.panel {
  border: none;
}
.buttonWhiteCenter {
  height: 60px;
  background-color: white;
  box-shadow: 0px 2px 8px rgba(71, 55, 41, 0.1);
  border-radius: 15px;
  width: 100%;
  margin-bottom: 16px;
}
.titleBtnWhite {
  color: #e9a720;
  /*blu scuro testo*/
  font-family: Raleway SemiBold, sans-serif;
  font-size: 18px;
  text-align: left;
  padding-left: 20px;
}
-webkit-scrollbar {
  width: 2em;
  height: 1em;
}
-webkit-scrollbar-track {
  background: hsl(120, 75%, 50%);
  border-radius: 100vw;
  margin-block: 0.5em;
}
-webkit-scrollbar-thumb {
  background: hsl(120, 100%, 20%);
  border: 0.25em solid hsl(120, 75%, 50%);
  border-radius: 100vw;
}
.buttonBluRight {
  height: 60px;
  background-color: #e9a720;
  box-shadow: 0px 2px 8px rgba(71, 55, 41, 0.1);
  border-radius: 15px;
  width: 100%;
  margin-bottom: 16px;
}
.titleBtnBlu {
  color: white;
  font-family: Raleway SemiBold, sans-serif;
  font-size: 18px;
  text-align: left;
  padding-left: 20px;
}
.styleBoxBluAzzurro {
  padding: 15px;
}
.styleImgBox {
  display: inline;
  width: 10%;
}
.styleVociPromemoria {
  padding: 12px;
  text-align: left;
}
.styleIconButton {
  font-size: x-large;
}
.bkgDashboard2 {
  width: 100%;
}
.titleBOX {
  color: #ffffff;
  font-family: Raleway Regular, sans-serif;
  font-size: 24px;
  margin: 0px;
}
.imgBOX {
  box-shadow: 0px 2px 8px rgba(71, 55, 41, 0.1);
}
.styleLineAgenda {
  margin-top: 10px;
  margin-bottom: 10px;
}
.styleBoxColorati {
  display: inline;
  max-width: 72%;
}
.page-wrapper {
  padding: 1px 15px 0 15px !important;
}
/*HOVER PULSANTI DISABILITATI*/
.styleSecondoBox:hover {
  color: #e9a720;
  background-color: white;
}
.styleSecondoBoxNoHover:hover {
  color: white;
}
.stylePrimoBox:hover {
  color: white;
  background-color: #85bfe6;
}
.styleSpinner {
  font-size: xx-large;
  color: #9e7e63;
}
.styleInfo {
  color: #9e7e63;
}
/*STILE SCROLLBAR*/
::-webkit-scrollbar {
  width: 20px;
}
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #666666;
  border-radius: 10px;
  width: 2px;
}
::-webkit-scrollbar-thumb {
  background: #b3b3b3;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: #4f4e4e;
}
::-webkit-scrollbar {
  width: 10px;
  overflow-y: scroll;
}
@media only screen and (max-width: 768px) {
  .titleBenvenuto {
    font-size: 25px;
    margin-left: 5%;
  }
}
@media only screen and (max-width: 768px) {
  .textPromemoriaParagrafo {
    font-size: 14px;
  }
  .textPromemoriaParagrafoPreiscrizioni {
    font-size: 14px;
  }
}
@media only screen and (max-width: 768px) {
  #cruscottoUtenteCont {
    margin-left: 0.5em;
  }
}
@media (max-width: 630px) {
  .card-fixed {
    height: unset !important;
    width: 100%;
    float: left;
    margin: 2px;
    margin-bottom: 40px;
  }
  .listaNews {
    margin: 0 !important;
    padding: 0 !important;
  }
  .labelNews {
    border-radius: 0 !important;
  }
}
.titlePromemoriaAgenda:hover {
  color: #e9a720;
}
#divFiltri #divArea,
#divFiltri #divTipologiaErogazione,
#divFiltri #divDateEdizione,
#divFiltri #divRicercaCorso,
#divFiltri #divSelettoreTarget,
#divFiltri #divSelezioneAula,
#divFiltri #divTipologia {
  min-height: 110px;
}
.stileIconaBox {
  padding-right: 10px;
}
.bgNews {
  background-color: #cce1ef;
}
.labelNews {
  height: 60px;
  background-color: #ffffff;
  border-bottom-right-radius: 100px;
  border-top-right-radius: 100px;
}
.labelNews p {
  text-align: center;
  line-height: 55px;
  color: white;
  font-size: 30px;
  font-weight: 900;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
  letter-spacing: 3px;
  font-family: Raleway Heavy, sans-serif;
}
.labelNews u {
  text-underline-offset: 5px;
  text-decoration-thickness: 4px;
}
.listaNews {
  padding-right: 25px;
  padding-left: 5px;
  height: 60px;
}
#bloccoCalendarioDinamicoCal {
  font-family: 'Century Gothic';
}
#bloccoCalendarioDinamicoCal .today {
  background-color: #e9a720 !important;
}
.dashblock #bloccoCalendarioDinamico .calendar .day.has-event {
  border: 1px solid #e9a720;
  border-radius: 0;
}
.dashblock #bloccoCalendarioDinamico .calendar .day.has-event.isIscritto {
  border: 1px solid #e9a720;
  border-radius: 25%;
  background-color: #ffffff;
}
.listaNews p {
  font-size: 19px;
  line-height: 60px;
  color: #ffffff;
  font-weight: 500;
}
.listaNews span:before {
  background-color: #ffffff;
  border-radius: 1em;
  content: " ";
  display: inline-block;
  height: 0.75em;
  margin-right: 6px;
  margin-left: 35px;
  width: 0.75em;
}
.listaNews span {
  margin-right: 25px;
  display: inline-block;
  min-width: 300px;
  max-width: 600px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
}
.bootboxNews .modal-content {
  border-radius: 20px;
}
.bootboxNews .modal-title {
  font-weight: 900;
  color: #ffffff;
}
.bootboxNews .btn-primary:active,
.bootboxNews .btn-primary.active,
.bootboxNews .btn-primary:focus {
  border: 1px solid transparent !important;
  background-color: #eef1f5 !important;
  color: #4e5e68 !important;
}
.titPagina {
  font-weight: 900;
  margin-left: 5px;
  color: #ffffff;
}
.page-header > div > h2 {
  color: #ffffff;
}
.bkgPagina {
  background: #ffffff;
}
.sezioneTutorial {
  margin: 2% 3%;
}
#divSelectTipoCorso,
#divCalendar {
  padding-bottom: 10px !important;
  padding-top: 10px !important;
}
#calendario .isIscritto {
  background-color: #ffffff00;
  background-image: repeating-linear-gradient(45deg, #00000033 25%, transparent 25%, transparent 75%, #00000033 75%, #00000033), repeating-linear-gradient(45deg, #00000033 25%, #ffffff00 25%, #ffffff00 75%, #00000033 75%, #00000033);
  background-position: 0 0, 10px 10px;
  background-size: 20px 20px;
}
.title_page.row {
  padding-bottom: 0;
}
.title_page {
  border-bottom: 2px solid #e9a720 !important;
}
.title_page.row .fas.fa-2x.fa-chevron-left {
  aspect-ratio: 1 / 1;
  height: 28px;
}
#datatables-Aziende_wrapper .dt-button.btnContrattiAz {
  display: none;
}
#dataTables-Tests_wrapper .dt-button.btnIscriviTest {
  display: none;
}
/* #dataTables-Utenti_wrapper .dt-button.btnModPwd {
  display: none;
} */
#filtriTabella {
  padding-top: 0;
}
#filtriTabella input {
  border-radius: 12px;
  border: 0;
}
.filtriAttestati {
  background: #7f654f;
  padding: 1.5em 4vw;
  box-shadow: inset 0 -15px 30px -25px #00000066;
  margin: 0 -4vw;
  margin-bottom: 20px;
}
.filtriAttestati > .row:first-child {
  margin-top: 15px;
  margin-bottom: 15px;
}
.filtriAttestati .panel-default:not(.login-panel) {
  border-radius: 15px;
  background: #3e3e3f;
  border: 0px;
}
.filtriAttestati .panel:not(.login-panel) .input-group .form-control,
.filtriAttestati .panel:not(.login-panel) .form-control {
  border-radius: 10px;
  border: 0px;
}
.filtriAttestati .panel:not(.login-panel) .select2-selection {
  border-radius: 10px !important;
  border: 0px !important;
  padding: 3px 0px;
}
.filtriAttestati #txtInizioEdizione,
.filtriAttestati #txtFineEdizione {
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
}
.filtriAttestati .panel:not(.login-panel) .input-group-addon {
  border: 0px;
  background: #fff;
  border-radius: 10px;
  color: #b3b3b3;
}
.filtriAttestati .panel:not(.login-panel) .input-group-addon:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.filtriAttestati label,
#panelCatalogo .panel-default > .panel-heading {
  color: #ffffff;
}
.filtriAttestati .select2-selection__choice {
  border: 0px !important;
  background-color: transparent !important;
  color: #555;
}
.filtriAttestati label {
  display: table-cell;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  font-size: 15px;
  font-weight: 900;
  width: 5.35em;
}
.filtriAttestati label {
  display: table-cell;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  font-size: 15px;
  font-weight: 900;
  width: 4.75em;
}
.filtriAttestati .page-header .btn-group {
  margin-top: 8px;
  margin-bottom: 8px;
}
.filtriAttestati .input-group-addon {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  background-color: #fff;
  border: 0;
}
#filtriTabella #datetimepickerFiltroInizio input,
#filtriTabella #datetimepickerFiltroFine input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.row.hidden-sm.hidden-xs.hidden {
  display: block !important;
}
#filtriTabella .dt-button {
  border-radius: 10px !important;
  transition: 0.3s ease;
}
#filtriTabella .dt-button:hover {
  background-color: #e9a720 !important;
  background: #e9a720 !important;
}
#filtriTabella .dt-button.disabled:hover {
  background-color: #b0bec5 !important;
  background: #b0bec5 !important;
}
#contenuto #foto a {
  display: block;
  width: fit-content;
  margin: 0 auto;
}
#contenuto #foto a .media-object {
  box-shadow: 2px 2px 10px 0px #00000066;
  width: 200px;
  margin: 0 auto;
  border-radius: 35px;
}
#contenuto #bottoni {
  margin-top: 20px !important;
}
#contenuto #bottoni button {
  border: 0 !important;
  background-color: #e9a720;
  transition: 0.3s ease;
  margin-bottom: 10px;
}
#contenuto #bottoni button h4 {
  margin: 15px 0;
  color: white;
  isolation: isolate;
  z-index: 900;
}
#contenuto #bottoni button label,
#contenuto #bottoni button i.fa {
  color: white !important;
  isolation: isolate;
  z-index: 900;
}
#contenuto #bottoni button:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(60deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.25) 100%);
  opacity: 0;
  transition: 0.3s ease;
}
#contenuto #bottoni button.col-xs-2:before {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
#contenuto #bottoni button.col-xs-8:before {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
#contenuto #bottoni .col-md-12:hover button:before {
  opacity: 0.75;
}
#contenuto #bottoni button.col-xs-2 {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 0;
}
#contenuto #bottoni button.col-xs-8 {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #e9a720;
  padding: 0;
}
#contenuto #bottoni .col-xs-offset-2,
#contenuto #bottoni .col-xs-offset-2:before {
  border-radius: 10px;
}
#contenuto #dati h4:first-child {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
#contenuto #dati h4 {
  font-size: 15px;
}
#contenuto #dati h4:not(.line-bottom) {
  opacity: 0.8;
}
#contenuto #dati .line-bottom {
  margin-top: 0px;
  margin-bottom: 15px;
  border-image: linear-gradient(to right, #e9a720, #7f654f) 1;
}
#contenuto #dati .line-bottom:not(h3) {
  font-size: 18px;
}
#bootboxSegn .container-fluid {
  border-radius: 15px;
  background-color: #ffffff;
  margin-bottom: 20px;
  padding: 2vw;
}
#bootboxSegn .container-fluid .obj-header {
  border: 0;
  padding: 0;
  margin-bottom: 5px;
}
#bootboxSegn .container-fluid #divRichiesta,
#bootboxSegn .container-fluid #divSegnalazioni {
  margin-top: 15px;
}
#bootboxSegn .container-fluid #divRichiesta #nomeMicroArea,
#bootboxSegn .container-fluid #divSegnalazioni #nomeMicroArea {
  border-radius: 10px;
}
#bootboxSegn .container-fluid #divRichiesta #textareaNew,
#bootboxSegn .container-fluid #divSegnalazioni #textareaNew {
  padding: 10px;
  border-radius: 10px;
  border-color: #e9a720;
}
#bootboxSegn .container-fluid .col-xs-12 {
  margin-right: 0;
  padding-right: 0;
}
#bootboxSegn .container-fluid .btn,
#bootboxSegn .container-fluid #chiedi {
  border-radius: 7px;
  padding: 10px 16px;
  background-color: white;
  border: 0;
  transition: 0.3s ease;
  margin-bottom: 0 !important;
}
#bootboxSegn .container-fluid .btn:hover {
  box-shadow: rgba(149, 157, 165, 0.6) 0px 8px 24px !important;
}
#mainBacheca article {
  aspect-ratio: 16 / 9;
  height: unset;
  cursor: pointer;
}
#mainBacheca article img {
  aspect-ratio: 16 / 9;
  height: unset;
}
@font-face {
  font-family: 'Blinker';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/blinker/v14/cIf_MaFatEE-VTaP_E2hZA.ttf) format('truetype');
}
@font-face {
  font-family: 'Blinker';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/blinker/v14/cIf4MaFatEE-VTaP_OGARGE.ttf) format('truetype');
}
@font-face {
  font-family: 'Blinker';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/blinker/v14/cIf4MaFatEE-VTaP_IWDRGE.ttf) format('truetype');
}
@font-face {
  font-family: 'Blinker';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/blinker/v14/cIf9MaFatEE-VTaPxCk.ttf) format('truetype');
}
@font-face {
  font-family: 'Blinker';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/blinker/v14/cIf4MaFatEE-VTaP_PGFRGE.ttf) format('truetype');
}
@font-face {
  font-family: 'Blinker';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/blinker/v14/cIf4MaFatEE-VTaP_JWERGE.ttf) format('truetype');
}
@font-face {
  font-family: 'Blinker';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/blinker/v14/cIf4MaFatEE-VTaP_ImHRGE.ttf) format('truetype');
}
@font-face {
  font-family: 'Blinker';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/blinker/v14/cIf4MaFatEE-VTaP_K2GRGE.ttf) format('truetype');
}
#body-dashboardPlus {
  font-family: Blinker, sans-serif;
  background: #403328 !important;
}
#body-dashboardPlus #firstVideo .msg-emotional {
  display: block;
}
#body-dashboardPlus .offcanvas {
  background-color: #403328 !important;
}
#body-dashboardPlus .offcanvas #closeCanvas {
  color: rgba(255, 255, 255, 0.6);
}
#body-dashboardPlus .offcanvas .offcanvas-body.dropdown-menu {
  border-color: #5f4c3c;
}
#body-dashboardPlus .offcanvas .offcanvas-body.dropdown-menu > div > button {
  color: #ffffff;
}
#body-dashboardPlus .offcanvas .offcanvas-body.dropdown-menu ul .dropdown-item {
  color: #ffffff;
}
#body-dashboardPlus .offcanvas .offcanvas-body.dropdown-menu ul .dropdown-item .menu-icon {
  margin-right: 5px;
}
#body-dashboardPlus .offcanvas .offcanvas-body h1 {
  font-weight: 600 !important;
}
#body-dashboardPlus .noCorsi h1 {
  font-weight: 500;
}
#body-dashboardPlus nav,
#body-dashboardPlus .offcanvas-header {
  background: linear-gradient(180deg, #211a14 10%, rgba(64, 51, 40, 0));
}
#body-dashboardPlus nav .input-control span i,
#body-dashboardPlus .offcanvas-header .input-control span i,
#body-dashboardPlus nav .input-control input,
#body-dashboardPlus .offcanvas-header .input-control input {
  color: #ffffff !important;
}
#body-dashboardPlus nav .input-control span i::placeholder,
#body-dashboardPlus .offcanvas-header .input-control span i::placeholder,
#body-dashboardPlus nav .input-control input::placeholder,
#body-dashboardPlus .offcanvas-header .input-control input::placeholder {
  color: rgba(255, 255, 255, 0.6) !important;
}
#body-dashboardPlus nav .navbar-brand,
#body-dashboardPlus .offcanvas-header .navbar-brand {
  width: 17%;
}
#body-dashboardPlus nav .navbar-brand img,
#body-dashboardPlus .offcanvas-header .navbar-brand img {
  position: absolute;
  top: 0;
  margin-left: .4%;
  width: 15%;
  aspect-ratio: 248/189;
  height: auto;
  object-fit: contain;
}
#body-dashboardPlus #secondLogo h6 {
  display: none;
}
#body-dashboardPlus #secondLogo img {
  object-fit: contain;
  width: 120px;
}
#body-dashboardPlus nav:before {
  content: "";
  width: 100%;
  height: 15vh;
  background: linear-gradient(180deg, #211a14, rgba(64, 51, 40, 0));
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
#body-dashboardPlus footer {
  background: linear-gradient(0deg, #211a14 0%, #403328 95%);
}
#body-dashboardPlus footer label,
#body-dashboardPlus footer label a {
  color: #ffffff !important;
}
#body-dashboardPlus footer input {
  bottom: -2px;
  position: relative;
}
#body-dashboardPlus .dropdown-menu:not(.offcanvas .dropdown-menu) {
  background-color: #211a14 !important;
  border-color: #5f4c3c;
}
#body-dashboardPlus .dropdown-menu:not(.offcanvas .dropdown-menu) hr {
  border-color: #5f4c3c;
}
#body-dashboardPlus .text-secondary {
  color: rgba(255, 255, 255, 0.6) !important;
}
#body-dashboardPlus .navbar-dark button,
#body-dashboardPlus .navbar-dark a {
  color: #ffffff !important;
  transition: 0.3s ease;
}
#body-dashboardPlus .navbar-dark button #spanUserName,
#body-dashboardPlus .navbar-dark a #spanUserName {
  color: inherit !important;
  font-weight: 600 !important;
}
#body-dashboardPlus .navbar-dark button:hover {
  background-color: rgba(255, 255, 255, 0.2) !important;
}
#body-dashboardPlus .navbar-dark button.show {
  background-color: #ffffff !important;
  color: #3e3e3f !important;
}
#body-dashboardPlus .navbar-dark .cart-panel {
  background: #211a14;
  color: #ffffff;
}
#body-dashboardPlus .navbar-dark .cart-panel .checkout-btn {
  background: #e9a720;
  color: #ffffff;
}
#body-dashboardPlus .navbar-dark .cart-panel .checkout-btn:hover {
  background: #c38913 !important;
}
#body-dashboardPlus #firstVideo #vidCont:after {
  box-shadow: inset 0 -43vh 20vh -10vh #403328 !important;
}
#body-dashboardPlus #firstVideo .btn-light {
  background: #e9a720 !important;
  border: none !important;
  color: #ffffff !important;
}
#body-dashboardPlus #firstVideo .btn-light:hover {
  background: rgba(233, 167, 32, 0.8) !important;
}
#body-dashboardPlus #firstVideo .btn-secondary {
  background: rgba(255, 255, 255, 0.7) !important;
  border: none !important;
  color: #000000 !important;
}
#body-dashboardPlus #firstVideo .btn-secondary:hover {
  background: rgba(64, 51, 40, 0.85) !important;
  color: #ffffff !important;
}
#body-dashboardPlus #contentLoading > .loading:first-child {
  margin-top: 10vw;
}
#body-dashboardPlus #contentLoading > section {
  --color-area: #e9a720;
  --text-color: #ffffff;
}
#body-dashboardPlus #contentLoading > section .carousel-control-prev,
#body-dashboardPlus #contentLoading > section .carousel-control-next {
  background: #110d0b !important;
}
#body-dashboardPlus #contentLoading > section .carouselFiller {
  background: #403328;
}
#body-dashboardPlus #contentLoading > section#sezioneTopTen .carouselFiller {
  background: none !important;
}
#body-dashboardPlus #contentLoading > section > h2 {
  color: #ffffff !important;
}
#body-dashboardPlus #contentLoading > section .courseText {
  background: linear-gradient(to top, rgba(33, 26, 20, 0), #211a14);
}
#body-dashboardPlus #contentLoading > section .courseText .courseInfo {
  font-weight: 500 !important;
}
#body-dashboardPlus #contentLoading > section .corsoStandard .courseText .courseTitle,
#body-dashboardPlus #contentLoading > section .corsoTopTen .courseText .courseTitle {
  color: #ffffff !important;
  font-weight: 600 !important;
}
#body-dashboardPlus #contentLoading > section .corsoStandard:hover .courseText .courseTitle,
#body-dashboardPlus #contentLoading > section .corsoTopTen:hover .courseText .courseTitle,
#body-dashboardPlus #contentLoading > section .corsoStandard.selected .courseText .courseTitle,
#body-dashboardPlus #contentLoading > section .corsoTopTen.selected .courseText .courseTitle {
  color: var(--color-area) !important;
}
#body-dashboardPlus #contentLoading > section .corsoStandard:hover img,
#body-dashboardPlus #contentLoading > section .corsoTopTen:hover img,
#body-dashboardPlus #contentLoading > section .corsoStandard.selected img,
#body-dashboardPlus #contentLoading > section .corsoTopTen.selected img {
  border-color: var(--color-area) !important;
}
#body-dashboardPlus #contentLoading > section .barraAvanzamento {
  background-color: var(--color-area) !important;
}
#body-dashboardPlus #contentLoading > section .boxInfo,
#body-dashboardPlus #contentLoading > section .boxSerie {
  border-color: var(--color-area) !important;
}
#body-dashboardPlus #contentLoading > section .boxInfo .carouselFiller,
#body-dashboardPlus #contentLoading > section .boxSerie .carouselFiller {
  background: transparent;
}
#body-dashboardPlus #contentLoading > section .boxInfo .badge-top h5,
#body-dashboardPlus #contentLoading > section .boxSerie .badge-top h5 {
  background-color: var(--color-area) !important;
  color: var(--text-color);
}
#body-dashboardPlus #contentLoading > section .boxInfo .badge-top .bg-secondary,
#body-dashboardPlus #contentLoading > section .boxSerie .badge-top .bg-secondary {
  background-color: #403328 !important;
  color: #ffffff !important;
}
#body-dashboardPlus #contentLoading > section .boxInfo .infoTitCorso,
#body-dashboardPlus #contentLoading > section .boxSerie .infoTitCorso {
  font-weight: 600;
  color: #ffffff !important;
  filter: drop-shadow(0 0 6px black);
}
#body-dashboardPlus #contentLoading > section .boxInfo .infoDescCorso,
#body-dashboardPlus #contentLoading > section .boxSerie .infoDescCorso,
#body-dashboardPlus #contentLoading > section .boxInfo .text-white,
#body-dashboardPlus #contentLoading > section .boxSerie .text-white {
  color: #ffffff !important;
}
#body-dashboardPlus #contentLoading > section .boxInfo .infoDescCorso,
#body-dashboardPlus #contentLoading > section .boxSerie .infoDescCorso {
  filter: drop-shadow(0 0 6px black);
}
#body-dashboardPlus #contentLoading > section .boxInfo .boxArrow,
#body-dashboardPlus #contentLoading > section .boxSerie .boxArrow {
  border-color: var(--color-area) !important;
}
#body-dashboardPlus #contentLoading > section .boxInfo .text-danger,
#body-dashboardPlus #contentLoading > section .boxSerie .text-danger {
  color: var(--color-area) !important;
}
#body-dashboardPlus #contentLoading > section .boxInfo .fw-bold,
#body-dashboardPlus #contentLoading > section .boxSerie .fw-bold {
  font-weight: 500 !important;
}
#body-dashboardPlus #contentLoading > section .boxInfo .btnfeedbackCommento,
#body-dashboardPlus #contentLoading > section .boxSerie .btnfeedbackCommento,
#body-dashboardPlus #contentLoading > section .boxInfo #btnLista,
#body-dashboardPlus #contentLoading > section .boxSerie #btnLista {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  opacity: 0.75;
  filter: grayscale(0.6);
}
#body-dashboardPlus #contentLoading > section .boxInfo .btnfeedbackCommento.selected,
#body-dashboardPlus #contentLoading > section .boxSerie .btnfeedbackCommento.selected,
#body-dashboardPlus #contentLoading > section .boxInfo #btnLista.selected,
#body-dashboardPlus #contentLoading > section .boxSerie #btnLista.selected,
#body-dashboardPlus #contentLoading > section .boxInfo .btnfeedbackCommento:hover,
#body-dashboardPlus #contentLoading > section .boxSerie .btnfeedbackCommento:hover,
#body-dashboardPlus #contentLoading > section .boxInfo #btnLista:hover,
#body-dashboardPlus #contentLoading > section .boxSerie #btnLista:hover {
  opacity: 1;
  filter: grayscale(0);
}
#body-dashboardPlus #contentLoading > section .boxInfo .btnfeedbackCommento svg,
#body-dashboardPlus #contentLoading > section .boxSerie .btnfeedbackCommento svg,
#body-dashboardPlus #contentLoading > section .boxInfo #btnLista svg,
#body-dashboardPlus #contentLoading > section .boxSerie #btnLista svg {
  width: 45px;
  height: 45px;
}
#body-dashboardPlus #contentLoading > section .boxInfo .btnfeedbackCommento svg .cls-1,
#body-dashboardPlus #contentLoading > section .boxSerie .btnfeedbackCommento svg .cls-1,
#body-dashboardPlus #contentLoading > section .boxInfo #btnLista svg .cls-1,
#body-dashboardPlus #contentLoading > section .boxSerie #btnLista svg .cls-1 {
  fill: var(--text-color) !important;
}
#body-dashboardPlus #contentLoading > section .boxInfo .btnfeedbackCommento svg .cls-2,
#body-dashboardPlus #contentLoading > section .boxSerie .btnfeedbackCommento svg .cls-2,
#body-dashboardPlus #contentLoading > section .boxInfo #btnLista svg .cls-2,
#body-dashboardPlus #contentLoading > section .boxSerie #btnLista svg .cls-2 {
  fill: var(--color-area) !important;
}
#body-dashboardPlus #contentLoading > section .boxInfo .btn-danger,
#body-dashboardPlus #contentLoading > section .boxSerie .btn-danger {
  background-color: var(--color-area) !important;
  color: var(--text-color) !important;
}
#body-dashboardPlus #contentLoading > section .boxInfo .btn-danger:hover,
#body-dashboardPlus #contentLoading > section .boxSerie .btn-danger:hover {
  background-color: color-mix(in srgb, var(--color-area) 85%, black 15%) !important;
}
#body-dashboardPlus #contentLoading > section .boxInfo .imgCover,
#body-dashboardPlus #contentLoading > section .boxSerie .imgCover {
  box-shadow: 32vw -6vw 10vw 0 #211a14 inset;
}
#body-dashboardPlus #contentLoading > section .boxInfo .col.lezione .courseText,
#body-dashboardPlus #contentLoading > section .boxSerie .col.lezione .courseText {
  background: linear-gradient(to top, rgba(17, 13, 11, 0), #110d0b) !important;
}
#body-dashboardPlus #contentLoading > section .boxInfo .col.lezione .courseText .courseTitle,
#body-dashboardPlus #contentLoading > section .boxSerie .col.lezione .courseText .courseTitle {
  color: #ffffff;
}
#body-dashboardPlus #contentLoading > section .boxInfo .col.lezione .bgSerie,
#body-dashboardPlus #contentLoading > section .boxSerie .col.lezione .bgSerie {
  background: transparent !important;
}
#body-dashboardPlus #contentLoading > section .boxInfo .col.lezione:hover img,
#body-dashboardPlus #contentLoading > section .boxSerie .col.lezione:hover img,
#body-dashboardPlus #contentLoading > section .boxInfo .col.lezione.selected img,
#body-dashboardPlus #contentLoading > section .boxSerie .col.lezione.selected img {
  border-color: var(--color-area) !important;
}
#body-dashboardPlus #contentLoading > section .boxInfo .col.lezione:hover .courseTitle,
#body-dashboardPlus #contentLoading > section .boxSerie .col.lezione:hover .courseTitle,
#body-dashboardPlus #contentLoading > section .boxInfo .col.lezione.selected .courseTitle,
#body-dashboardPlus #contentLoading > section .boxSerie .col.lezione.selected .courseTitle {
  color: var(--color-area) !important;
}
#body-dashboardPlus #contentLoading > section .boxSerie {
  background: #211a14 !important;
}
#body-dashboardPlus #contentLoading #sezioneTopTen .corsoTopTen .courseText {
  background: none !important;
}
#body-dashboardPlus #firstVideo[hidden] + #contentLoading,
#body-dashboardPlus #firstVideo[style*="display: none"] + #contentLoading,
#body-dashboardPlus #firstVideo[style*="display:none"] + #contentLoading {
  margin-top: 10rem !important;
}
#body-dashboardPlus .modal {
  backdrop-filter: blur(3px);
}
#body-dashboardPlus .modal .modal-content {
  background-color: #211a14;
}
#body-dashboardPlus .modal .modal-content * {
  color: #ffffff;
}
#body-dashboardPlus .modal .modal-content .modal-header {
  border-color: #403328;
}
#body-dashboardPlus .modal .modal-content .modal-header h1 {
  font-weight: 600 !important;
}
#body-dashboardPlus .modal .modal-content .modal-header .btn-close {
  mix-blend-mode: lighten;
}
#body-dashboardPlus .modal .modal-content .modal-body,
#body-dashboardPlus .modal .modal-content .modal-footer {
  border-color: #403328;
}
#body-dashboardPlus .modal .modal-content textarea {
  background: #110d0b;
  border-color: #403328;
}
#body-dashboardPlus .modal .modal-content textarea::placeholder {
  color: rgba(255, 255, 255, 0.6);
}
#body-dashboardPlus #sezioneTopTen {
  background: linear-gradient(to top, #211a14 0%, #403328 95%) !important;
}
.btn-danger {
  background-color: #e9a720 !important;
}
.btn-danger:hover {
  background-color: #c38913 !important;
}
.barraAvanzamento {
  background-color: #e9a720 !important;
}
.carouselDashboard .col:hover img,
#rigaRicerca .col:hover img,
.carouselDashboard .col.selected img,
.border-danger,
div .boxArrow,
#rigaRicerca .col.selected img {
  border-color: #e9a720 !important;
}
.carouselDashboard .col:hover .courseText h5:first-child,
#rigaRicerca .col:hover .courseText h5:first-child,
.carouselDashboard .col.selected .courseText h5:first-child,
.text-danger,
#rigaRicerca .col.selected .courseText h5:first-child,
.carouselDashboard .col:hover .courseText {
  color: #e9a720 !important;
}
.boxVert .textStroke {
  color: #e9a720 !important;
  -webkit-text-stroke-color: #e9a720 !important;
}
.boxSerie {
  padding: 0 !important;
}
@media screen and (min-width: 850px) {
	.boxSerie .contenutoInfoCorso {
	  padding-right: 9rem !important;
	  padding-left: 9rem !important;
	  padding-bottom: 0 !important;
	}
}
div .infodot {
  display: none !important;
}
.text-color {
  color: #e9a720 !important;
}
.btn.text-color {
  background-color: white !important;
  transition: 0.5s;
}
.btn.text-color:hover {
  color: white !important;
  background-color: #00cccb !important;
}
.labelDurata {
  display: none !important;
}
.infodot {
  display: none !important;
}
#registrazionePlus .navbar-brand {
  padding-top: 0 !important;
  height: 54px;
}
#registrazionePlus .navbar-brand img {
  margin-top: -0.25rem;
  width: 140px;
}
@media screen and (min-width: 768px) {
  #registrazionePlus .navbar-brand img {
    margin-top: -1rem !important;
  }
}
#registrazionePlus #logoFooter {
  display: none !important;
}