/* Add here all your CSS customizations */

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');

.body{ min-height:auto;}
.inner-wrapper{ min-height:auto;}
.btn{ font-size:13px; font-weight:700 !important;}


.blink {
  animation:1.2s blinker linear infinite;
  -webkit-animation:1.2s blinker linear infinite;
  -moz-animation:1.2s blinker linear infinite;
}

@-moz-keyframes blinker {  
  0% { background:rgba(27,116,187,0.3) }
  50% { background:rgba(27,116,187,0.1) }
  100% { background:rgba(27,116,187,0.3) }
}

@-webkit-keyframes blinker {  
  0% { background:rgba(27,116,187,0.3) }
  50% { background:rgba(27,116,187,0.1) }
  100% { background:rgba(27,116,187,0.3) }
}

@keyframes blinker {  
  0% { background:rgba(27,116,187,0.3) }
  50% { background:rgba(27,116,187,0.1) }
  100% { background:rgba(27,116,187,0.3) }
}

.blink.colore1 {
  animation:1.2s blinkercolore1 linear infinite;
  -webkit-animation:1.2s blinkercolore1 linear infinite;
  -moz-animation:1.2s blinkercolore1 linear infinite;
}

@-moz-keyframes blinkercolore1 {  
  0% { background:rgba(220,50,50,0.3) }
  50% { background:rgba(220,50,50,0.1) }
  100% { background:rgba(220,50,50,0.3) }
}

@-webkit-keyframes blinkercolore1 {  
  0% { background:rgba(220,50,50,0.3) }
  50% { background:rgba(220,50,50,0.1) }
  100% { background:rgba(220,50,50,0.3) }
}

@keyframes blinkercolore1 {  
  0% { background:rgba(220,50,50,0.3) }
  50% { background:rgba(220,50,50,0.1) }
  100% { background:rgba(220,50,50,0.3) }
}

.blink.colore2 {
  animation:1.2s blinkercolore2 linear infinite;
  -webkit-animation:1.2s blinkercolore2 linear infinite;
  -moz-animation:1.2s blinkercolore2 linear infinite;
}

@-moz-keyframes blinkercolore2 {  
  0% { background:rgba(58,172,79,0.3) }
  50% { background:rgba(58,172,79,0.1) }
  100% { background:rgba(58,172,79,0.3) }
}

@-webkit-keyframes blinkercolore2 {  
  0% { background:rgba(58,172,79,0.3) }
  50% { background:rgba(58,172,79,0.1) }
  100% { background:rgba(58,172,79,0.3) }
}

@keyframes blinkercolore2 {  
  0% { background:rgba(58,172,79,0.3) }
  50% { background:rgba(58,172,79,0.1) }
  100% { background:rgba(58,172,79,0.3) }
}

.blink.colore3 {
  animation:1.2s blinkercolore3 linear infinite;
  -webkit-animation:1.2s blinkercolore3 linear infinite;
  -moz-animation:1.2s blinkercolore3 linear infinite;
}

@-moz-keyframes blinkercolore3 {  
  0% { background:rgba(215,209,54,0.3) }
  50% { background:rgba(215,209,54,0.1) }
  100% { background:rgba(215,209,54,0.3) }
}

@-webkit-keyframes blinkercolore3 {  
  0% { background:rgba(215,209,54,0.3) }
  50% { background:rgba(215,209,54,0.1) }
  100% { background:rgba(215,209,54,0.3) }
}

@keyframes blinkercolore3 {  
  0% { background:rgba(215,209,54,0.3) }
  50% { background:rgba(215,209,54,0.1) }
  100% { background:rgba(215,209,54,0.3) }
}

.blinkassistenza {
  animation:1s blinkassistenza linear infinite;
  -webkit-animation:1s blinkassistenza linear infinite;
  -moz-animation:1s blinkassistenza linear infinite;
}

@-moz-keyframes blinkassistenza {  
  0% { background:rgba(224,0,120,1) }
  50% { background:rgba(234,107,40,1) }
  100% { background:rgba(224,0,120,1) }
}

@-webkit-keyframes blinkassistenza {  
  0% { background:rgba(224,0,120,1) }
  50% { background:rgba(234,107,40,1) }
  100% { background:rgba(224,0,120,1) }
}

@keyframes blinkassistenza {  
  0% { background:rgba(224,0,120,1) }
  50% { background:rgba(234,107,40,1) }
  100% { background:rgba(224,0,120,1) }
}

body{ font-size:15px; font-family: 'Lato', sans-serif;}
a{ color:#111;}
p{ color:#111; line-height:24px;}
.form-control:focus{ box-shadow:none;}
.btn{ border:0px; border-radius:0px;}
.divider{ width:100%; float:left;}
body.popup{ width:auto; height:auto; max-width:none; min-width:auto; max-height:none; min-height:auto; background:#f7f7f7;}
.fancybox-slide--iframe .fancybox-content{ max-width:900px; max-height:400px;}
html .btn-primary:hover, html .btn-primary.hover{background-color:#000; border-color:#000; color:#ffffff;}

/*login*/
html, body.login{ background-image:url(../images/slidehome.jpg); background-size:cover; background-position:center bottom;}
.body-sign{font-family: 'Lato', sans-serif;}
.body-sign .logo{ width:100%; margin-bottom:40px; text-align:center;}
.body-sign .logo img{ height:70px; display:inline-block;}
.body-sign .card-sign .card-body{ clear:both; width:100%; display:inline-block; border:0px; border-radius:0px; box-shadow:10px 10px 45px rgba(0,0,0,0.1); padding:40px;}
.body-sign .card-sign .card-body label{ font-size:16px; line-height:20px;}
.body-sign .card-sign .card-body input{ width:100%; border-radius:0px; font-size:16px; color:#111; background:#f7f7f7; border:0px;}
.body-sign .card-sign .card-body .checkbox-custom label:before{ border-radius:0px; background:#f7f7f7; border:0px;}
.body-sign .card-sign .card-body .btn{ min-height:50px; padding:10px 20px; text-transform:uppercase; color:#fff; box-shadow:none; border:0px; font-weight:bold; background:#111;}
.body-sign .card-sign .card-body .font-small{ font-size:13px;}
.body-sign p{ font-size:14px; line-height:20px;}
.body-sign .card-sign .card-body #lblErrore{ margin:0px; margin-top:20px;}
.body-sign .card-sign .card-body #lblErrore .alert{ border:0px; border-radius:0px; width:100%;}
.body-sign .card-sign.accessonegato .card-body p{ font-size:16px; line-height:24px;}
.body-sign .card-sign.accessonegato .card-body .btn{ font-size:16px; border-radius:0px; line-height:1.85; text-transform:uppercase;}
.body-sign .card-sign .card-body .inputpassword{ position:relative;}
.body-sign .card-sign .card-body .inputpassword .hide-show{ position:absolute; right:10px; top:10px; font-size:18px; cursor:pointer;}
.body-sign .card-sign .card-body .inputpassword .hide-show .no{ display:block !important;}
.body-sign .card-sign .card-body .inputpassword .hide-show .yes{ display:none !important;}
.body-sign .card-sign .card-body .inputpassword .hide-show.show .no{ display:none !important;}
.body-sign .card-sign .card-body .inputpassword .hide-show.show .yes{ display:block !important;}
/* pagina base */
html.boxed.has-tab-navigation .inner-wrapper{ margin:0px;}
html.boxed.has-tab-navigation body{ background:#f7f7f7;}
html.has-tab-navigation .inner-wrapper{ background:none; border-radius:0px;}
html.has-tab-navigation .content-body{ background:#fff; border-radius:0px;}
html.header-dark .header{ background:none; border-radius:0px;}
html.header-dark .header .search .form-control{ background:#ebebeb; border:0px; color:#111; border-radius:0px;}
html.header-dark .header .search .btn-default{ background:#ebebeb; border:0px; color:#111; border-radius:0px;}
html.boxed.has-tab-navigation .header .separator{ background:#ebebeb;}
.tab-navigation nav > ul > li{ margin-right:5px;}
.tab-navigation nav > ul > li > a{ font-size:14px; font-weight:normal; background:#fff; color:#111; padding:15px 20px; border-radius:0px !important;}
.tab-navigation nav > ul > li > a:hover, .tab-navigation nav > ul > li:hover:not(.nav-expanded) > a{ background:#111; color:#fff;}
.tab-navigation nav > ul > li.nav-expanded > a{ color:#111 !important;}
.tab-navigation nav > ul > li > ul > li > a{ font-size:13px; font-weight:normal;}
.tab-navigation nav > ul > li.nav-active > a{ background:#f7f7f7; color:#111;}
.tab-navigation nav > ul > li.nav-expanded > ul{ border-bottom:2px solid #f7f7f7;}
html.header-dark .notifications > li .notification-icon{ width:36px; height:36px; background:#111; box-shadow:none;}
html.header-dark .notifications > li.one .notification-icon{ background:#2270b9;}
html.header-dark .notifications > li.two .notification-icon{ background:#111;}
html.header-dark .notifications > li.three .notification-icon{ background:#ea6b28;}
html.header-dark .notifications > li .notification-icon i{ color:#fff; line-height:36px;}
html.header-dark .userbox{ margin-right:0px;}
html.header-dark .userbox > a{ width:100%;}
html.header-dark .userbox .name{ color:#000; text-transform:uppercase;}
html.header-dark .userbox .role{ color:#666;}
html.header-dark .userbox .dropdown-menu{ background:#000; box-shadow:none; border-radius:0px;}
html.header-dark .userbox.show .dropdown-menu a{ color:#fff; font-weight:normal; text-transform:uppercase;}
html.header-dark .userbox.show .dropdown-menu a:hover{ background:#111;}
html.header-dark .userbox.show .dropdown-menu li:first-child{ margin-top:15px;}
html.header-dark .userbox.show .dropdown-menu li{ margin-bottom:0px; border-top:1px solid rgba(255,255,255,0.3);}
html.header-dark .userbox.show .name{ color:#fff;}
html.header-dark .userbox.show .role{ color:#e1e1e1;}
html.header-dark .userbox.show .custom-caret{ color:#fff;}
html.has-tab-navigation .page-header{ width:auto; float:left; padding-bottom:30px;}
.header .logo{ margin-top:0px;}
.header .logo img{ max-width:130px;}
.footer{ padding:0 0 40px 0;}
.footer .container{ max-width:1170px; padding:0px;}
.footer p{ margin:0px; font-size:14px; color:#999; line-height:20px;}
.page-header.page-header-left-breadcrumb h2{ height:auto; font-size:26px; line-height:32px; text-transform:uppercase; font-weight:300;}
.richiediassistenza{ float:left; margin-right:20px; margin-top:10px;}
.richiediassistenza a{ padding:10px 12px; padding-left:32px; text-transform:uppercase; box-shadow:none; border:0px; border-radius:0px; font-weight:bold; background:#999; color:#fff; font-size:11px; text-decoration:none; position:relative; font-weight:300; border-radius:20px;}
.richiediassistenza a:before{ content:"\f1cd"; font-family:"Font Awesome 5 Free"; font-size:14px; position:absolute; left:12px; top:6px; font-weight:700;}
.richiediassistenza a:hover{ background:#111;}


/*pagina eventi*/
.search-participant{ float:right; width:100%; max-width:400px; margin-top:20px;}
.search-participant .label{ max-width:150px; float:left; font-size:14px; line-height:40px; color:#111; margin-right:20px;}
.search-participant .input-group{ width:230px;}
.search-participant .input-group select{ width:100%;}
.search-participant input{ background:#ebebeb; border:0px; border-radius:0px;}
.search-participant input:focus{ background:#ebebeb;}
.search-participant .input-group-append{ background:#ebebeb;}
.search-participant .btn{ background:none;}

.tabella-eventi .item{ width:100%; float:left; padding:5px 0; border-bottom:1px solid #e1e1e1;}
.tabella-eventi .item:hover{ background:#f7f7f7;}
.tabella-eventi .item.first{ font-weight:700; color:#111; text-transform:uppercase;}
.tabella-eventi .item.first:hover{ background:none;}
.tabella-eventi .item .name{ width:30%; float:left; padding:7px 20px; box-sizing:border-box;}
.tabella-eventi .item .data{ width:25%; float:left; padding:7px 20px; box-sizing:border-box;}
.tabella-eventi .item .number-of-subscribers{ width:10%; float:left; text-align:center; padding:7px 20px; box-sizing:border-box;}
.tabella-eventi .item .number-of-participants{ width:10%; float:left; text-align:center; padding:7px 20px; box-sizing:border-box;}
.tabella-eventi .item .action{ width:25%; float:left; padding:0 20px;}
.tabella-eventi .item .action .btn{ float:right; padding:7px 15px;}
.tabella-eventi .item .action .btn-default{ background:#e1e1e1;}


/*pagina check in*/
.tabella-checkin .item{ width:100%; float:left; padding:5px 0; border-bottom:1px solid #e1e1e1;}
.tabella-checkin .item:hover{ background:#f7f7f7;}
.tabella-checkin .item.first{ font-weight:700; color:#111; text-transform:uppercase;}
.tabella-checkin .item.first:hover{ background:none;}
.tabella-checkin .item .first-name{ width:25%; float:left; padding:7px 20px; box-sizing:border-box;}
.tabella-checkin .item .last-name{ width:25%; float:left; padding:7px 20px; box-sizing:border-box;}
.tabella-checkin .item .company{ width:30%; float:left; padding:7px 20px; box-sizing:border-box;}
.tabella-checkin .item .action{ width:20%; float:left; padding:0 20px;}
.tabella-checkin .item .action .btn{ float:right; padding:7px 15px;}
.tabella-checkin .item .action .btn-default{ background:#e1e1e1;}

/*pagina verfica*/
.tabella-verifica .item{ width:100%; float:left; padding:5px 0; border-bottom:1px solid #e1e1e1;}
.tabella-verifica .item:hover{ background:#f7f7f7;}
.tabella-verifica .item.first{ font-weight:700; color:#111; text-transform:uppercase;}
.tabella-verifica .item.first:hover{ background:none;}
.tabella-verifica .item .first-name{ width:15%; float:left; padding:7px 20px; box-sizing:border-box;}
.tabella-verifica .item .last-name{ width:15%; float:left; padding:7px 20px; box-sizing:border-box;}
.tabella-verifica .item .guida{ width:18%; float:left; padding:7px 20px; box-sizing:border-box;}
.tabella-verifica .item .datarichiestaverifica{ width:17%; float:left; padding:7px 20px; box-sizing:border-box;}
.tabella-verifica .item .company{ width:15%; float:left; padding:7px 20px; box-sizing:border-box;}
.tabella-verifica .item .action{ width:20%; float:left; padding:0 20px;}
.tabella-verifica .item .action .btn{ min-width:100%; float:right; padding:7px 15px;}
.tabella-verifica .item .action .btn-default{ background:#e1e1e1;}

/*tabella chekin*/
.tabella-checkinlista .item{ width:100%; float:left; padding:5px 0; border-bottom:1px solid #e1e1e1;}
.tabella-checkinlista .item:hover{ background:#f7f7f7;}
.tabella-checkinlista .item.first{ font-weight:700; color:#111; text-transform:uppercase;}
.tabella-checkinlista .item.first:hover{ background:none;}
.tabella-checkinlista .item .first-name{ width:20%; float:left; padding:7px 20px; box-sizing:border-box;}
.tabella-checkinlista .item .last-name{ width:25%; float:left; padding:7px 20px; box-sizing:border-box;}
.tabella-checkinlista .item .company{ width:25%; float:left; padding:7px 20px; box-sizing:border-box;}
.tabella-checkinlista .item .stato{ width:15%; float:left; padding:7px 20px;}
.tabella-checkinlista .item .stato span.tag-aperto{ background:#57b952; border-radius:3px; color:#fff; font-size:13px; padding:5px 10px;}
.tabella-checkinlista .item .action{ width:20%; float:left; padding:0 20px;}
.tabella-checkinlista .item .action .btn{ min-width:100%; float:right; padding:7px 15px;}
.tabella-checkinlista .item .action .btn-default{ background:#e1e1e1;}


/*tabella chekin interna*/
.tabella-checkininterna{ width:100%; float:left;}
.tabella-checkininterna .item{ width:100%; float:left; padding:5px 0; border-bottom:1px solid #e1e1e1;}
.tabella-checkininterna .item:hover{ background:#f7f7f7;}
.tabella-checkininterna .item.first{ font-weight:700; color:#111; text-transform:uppercase;}
.tabella-checkininterna .item.first:hover{ background:none;}
.tabella-checkininterna .item .posto{ width:8%; float:left; padding:7px 20px; box-sizing:border-box;}
.tabella-checkininterna .item .pasto{ width:8%; float:left; padding:7px 20px; box-sizing:border-box;}
.tabella-checkininterna .item .first-name{ width:20%; float:left; padding:7px 20px; box-sizing:border-box;}
.tabella-checkininterna .item .last-name{ width:20%; float:left; padding:7px 20px; box-sizing:border-box;}
.tabella-checkininterna .item .company{ width:25%; float:left; padding:7px 20px; box-sizing:border-box;}
.tabella-checkininterna .item .checkin{ width:15%; float:left; padding:7px 20px;}
.tabella-checkininterna .item .action{ width:24%; float:left; padding:0 20px;}
.tabella-checkininterna .item .action .btn{ float:left; margin:0 5px 0 0; padding:7px 15px;}
.tabella-checkininterna .item .action .btn-default{ background:#e1e1e1;}
.tabella-checkininterna .item .action .btn:last-child{ margin:0px;}
.tabella-checkininterna .item .action .btn.notepresenti{ background:#57b952;}
.tabella-checkininterna .chiudievento{ width:100%; float:left; text-align:center; margin-top:40px;}
.tabella-checkininterna .chiudievento a{ padding:10px 20px; display:inline-block; text-transform:uppercase; box-shadow:none; font-size:16px; border:0px; border-radius:0px; font-weight:bold; background:#d7132f;}
.tabella-checkininterna .chiudievento a.btn-primary{ background:#d7132f; color:#fff;}
.tabella-checkininterna .chiudievento a.btn-default{ background:#111; color:#fff;}
.pagecheckin .noteevento {float:left; width:100%; margin-top:30px;}
.pagecheckin .noteevento .label {float:left; width:100%; font-weight: 700;  color: #111;  text-transform: uppercase; padding-bottom:10px;}
.pagecheckin .noteevento .btn-primary {padding: 10px 20px; display: inline-block; text-transform: uppercase; box-shadow: none; font-size: 16px; border: 0px; border-radius: 0px; font-weight: bold; margin-top:20px; }


/*pagina gestione eventi*/
.tabella-gestione-eventi .item{ width:100%; float:left; padding:5px 0; border-bottom:1px solid #e1e1e1;}
.tabella-gestione-eventi .item:hover{ background:#f7f7f7;}
.tabella-gestione-eventi .item.first{ font-weight:700; color:#111; text-transform:uppercase;}
.tabella-gestione-eventi .item.first:hover{ background:none;}
.tabella-gestione-eventi .item .data{ width:10%; float:left; padding:7px 20px; box-sizing:border-box;}
.tabella-gestione-eventi .item .first-name{ width:25%; float:left; padding:7px 20px; box-sizing:border-box;}
.tabella-gestione-eventi .item .sede{ width:25%; float:left; padding:7px 20px; box-sizing:border-box;}
.tabella-gestione-eventi .item .action{ width:20%; float:left; padding:0 20px;}
.tabella-gestione-eventi .item .action .btn{ min-width:100%; float:right; padding:7px 15px;}
.tabella-gestione-eventi .item .action .btn-default{ background:#e1e1e1;}

/*pagina gestione evento tutori*/
.tabella-gestione-evento-tutor .item{ width:100%; float:left; padding:5px 0; border-bottom:1px solid #e1e1e1;}
.tabella-gestione-evento-tutor .item:hover{ background:#f7f7f7;}
.tabella-gestione-evento-tutor .item.first{ font-weight:700; color:#111; text-transform:uppercase;}
.tabella-gestione-evento-tutor .item.first:hover{ background:none;}
.tabella-gestione-evento-tutor .item .first-name{ width:20%; float:left; padding:7px 20px; box-sizing:border-box;}
.tabella-gestione-evento-tutor .item .first-name span{ width:20px; height:20px; border-radius:50%; background:#111; position:relative; display:inline-block; vertical-align:middle; margin-left:7px;}
.tabella-gestione-evento-tutor .item .first-name span:before{ content:"\f0f3"; font-family:"Font Awesome 5 Free"; width:20px; height:20px; text-align:center; line-height:20px; font-size:10px; color:#fff; position:absolute; left:0px; top:0px; font-weight:900;}
.tabella-gestione-evento-tutor .item .posto{ width:15%; float:left; padding:7px 20px; box-sizing:border-box;}
.tabella-gestione-evento-tutor .item .guida{ width:15%; float:left; padding:7px 20px; box-sizing:border-box;}
.tabella-gestione-evento-tutor .item .action{ width:20%; float:left; padding:0 20px; box-sizing:border-box;}
.tabella-gestione-evento-tutor .item .company{ width:30%; float:left; padding:7px 20px; box-sizing:border-box;}


/*domanda*/
.domanda { padding: 30px; text-align: center;}
.domanda h3{ text-transform:uppercase; color:#2270b9; font-weight:700;}
.domanda h2{ max-width:80%; font-size:30px; line-height:36px; display:inline-block; text-transform:uppercase; color:#111; margin-bottom:30px;}
.domanda .btn{ padding:20px 30px; text-transform:uppercase; box-shadow:none; border:0px; font-weight:bold; }
.domanda .btn.btn-default{ background:#111; color:#fff;}
.domanda .btn.btn-default:hover{ background:#f5148c;}
.domanda .btn.btn-annulla{ background:#e34747; color:#fff;}
.domanda .btn.btn-annulla:hover{ background:#cb3939;}
.domanda img{ width:100%; height:auto;}
.domanda select{ border-radius:0px; height:62px; display:inline-block; vertical-align:middle; padding:5px 15px;}

/*indice popup*/
.indice-lista { padding: 30px;}
.indice-lista h3{ text-transform:uppercase; color:#111; font-weight:700; margin-top:0px; margin-bottom:30px;}
.indice-lista ol{ padding:0px; margin:0px;}
.indice-lista ol li{ margin-bottom:4px; list-style:none; counter-increment: my-awesome-counter; font-size:18px;}
.indice-lista ol li:before{ content: counter(my-awesome-counter) ". "; color:#;;  font-weight: bold;}
.indice-lista ol li a{ color:#000;}
.indice-lista ol li a:hover{ color:#111;}

/*popup note*/
.notepopup { padding: 30px; text-align: center;}
.notepopup h3{ text-transform:uppercase; color:#2270b9; font-weight:700; margin-bottom:10px;}
.notepopup h2{ font-size:30px; line-height:36px; text-transform:uppercase; color:#111; margin-top:0px; margin-bottom:30px;}
.notepopup .btn{ padding:20px 30px; text-transform:uppercase; box-shadow:none; border:0px; font-weight:bold; }
.notepopup .btn.btn-default{ background:#111; color:#fff;}
.notepopup .btn.btn-default:hover{ background:#f5148c;}
.notepopup select{ width:100%; max-width:400px; border-radius:0px; display:inline-block; margin-bottom:10px; padding:10px 15px; border:0px; background:#ebebeb;}
.notepopup textarea{ width:100%; max-width:400px; border-radius:0px; height:100px; display:inline-block; margin-bottom:10px; padding:7px 15px; resize:none; background:#ebebeb; border:0px;}

/*percorsi*/
.lista-percorsi{ width:100%; float:left;}
.lista-percorsi .row{ margin:0 -10px;}
.lista-percorsi [class*="col-"]{ padding:0 10px;}
.lista-percorsi .item{ margin-bottom:20px; position:relative; padding:30px; padding-top:50px; background:#f7f7f7; box-sizing:border-box;}
.lista-percorsi .item h2{ font-size:20px; min-height:48px; position:relative; padding-left:40px; line-height:24px; color:#111; font-weight:300; text-transform:none; margin:0px; margin-bottom:20px;}
.lista-percorsi .item h2 span{ width:30px; height:30px; text-align:center; line-height:30px; font-size:14px; font-weight:300; color:#fff; background:#111; position:absolute; left:0px; border-radius:50%; z-index:1;}
.lista-percorsi .item p{ min-height:70px; display:inline-block; display:none;}
.lista-percorsi .item .position{ font-size:12px; line-height:20px; color:#666; position:absolute; padding:5px 12px; right:0px; top:0px; background:#e1e1e1; text-transform:uppercase;}
.lista-percorsi .item .btn{ padding:10px 20px; text-transform:uppercase; box-shadow:none; border:0px; font-weight:bold; background:#111; border-radius:0px;}
.lista-percorsi .item.next .position{ background:#111; color:#fff;}
.lista-percorsi .item.next h2 span{ background:#111;}
.lista-percorsi .item.next .btn{ background:#111;}
.lista-percorsi .item.bloccato h2 span{ background:#111;}
.lista-percorsi .item.bloccato .icon{ content:"\f023"; font-family:"Font Awesome 5 Free"; width:100%; height:100%; position:absolute; left:0px; top:0px; background:rgba(0,0,0,0.7); z-index:2;}
.lista-percorsi .item.bloccato .icon i{ position:relative;  top:50%; left:50%; transform: translate(-50%, -50%); font-size:60px; color:#f7f7f7;}
.lista-percorsi .item.bloccato .btn{ background:#111;}

/*lezioni*/
.cover-percorso{ width:100%; float:left; text-align:center; background:#f7f7f7; padding:40px;}
.cover-percorso .number{ width:120px; height:120px; display:inline-block; line-height:120px; font-size:70px; font-weight:700; color:#fff; background:#111; border-radius:50%; margin-bottom:20px;}
.cover-percorso .icona{ width:120px; height:120px; display:inline-block; line-height:120px; font-size:70px; font-weight:700; color:#fff; background:#111; border-radius:50%; margin:20px 0 0 0;}
.cover-percorso .icona.success{ background:#3bb738;}
.cover-percorso .icona.complete{ background:#111; margin-bottom:20px;}
.cover-percorso .title h2{ max-width:80%; font-size:36px; line-height:40px; display:inline-block; text-transform:uppercase; color:#111; margin:0px; margin-bottom:30px;}
.cover-percorso .description{ width:100%; padding:0 10%; display:inline-block; margin-bottom:20px;}
.cover-percorso .description h3{ font-size:20px; line-height:24px;}
.cover-percorso .btn{ padding:20px 30px; display:inline-block; text-transform:uppercase; box-shadow:none; font-size:18px; border:0px; font-weight:bold; background:#111; border-radius:0px;}
.cover-percorso .btn[disabled], .cover-percorso .btn[disabled]:hover{ background:#666; color:#fff;}
.cover-percorso .btn{ min-width:200px; padding:20px 30px; display:inline-block; text-transform:uppercase; box-shadow:none; font-size:18px; border:0px; border-radius:0px; font-weight:bold; background:#111;}
.cover-percorso .btn:hover{ background:#000;}
.cover-percorso .btn.btn-default{ background:#e1e1e1;}
.cover-percorso .btn.btn-default:hover{ background:#ccc;}

/*lezione*/
.indice{ width:auto; float:right; margin-top:15px;}
.indice a{ overflow:hidden; width:52px; height:52px; display:inline-block; position:relative; text-transform:uppercase; box-shadow:none; font-size:16px; border:0px; font-weight:bold; background:#f7f7f7; color:#666; border-radius:0px;}
.indice a:before{ content:"\f037"; width:100%; height:100%; text-align:center; line-height:52px; font-family:"Font Awesome 5 Free"; font-weight:900; font-style: normal;  font-variant: normal; text-rendering: auto; position:absolute; left:0px; font-size:22px; color:#666;}
.indice a:hover{ text-decoration:none; background:#111; color:#fff;}
.indice a:hover:before{ color:#fff;}

.download-pdf{ width:auto; float:right; margin-top:15px; margin-left:5px;}
.download-pdf a{ padding:15px 20px; padding-left:50px; display:inline-block; position:relative; text-transform:uppercase; box-shadow:none; font-size:16px; border:0px; font-weight:bold; background:#f7f7f7; color:#666; border-radius:0px;}
.download-pdf a:before{ content:"\f1c1";  font-family:"Font Awesome 5 Free"; font-weight:900; font-style: normal;  font-variant: normal;  text-rendering: auto; position:absolute; left:0px; font-size:22px; color:#666; left:20px;}
.download-pdf a:hover{ text-decoration:none; background:#111; color:#fff;}
.download-pdf a:hover:before{ color:#fff;}

.salvataggio{ width:auto; float:left; margin-top:15px;}
.salvataggio a.button{ padding:10px 15px; padding-left:40px; display:inline-block; position:relative; text-transform:uppercase; box-shadow:none; font-size:14px; border:0px; font-weight:bold; background:#111; color:#fff; border-radius:0px;}
.salvataggio a.button:before{ content:"\f0c7";  font-family:"Font Awesome 5 Free"; font-weight:900; font-style: normal;  font-variant: normal;  text-rendering: auto; position:absolute; left:0px; font-size:18px; color:#fff; left:15px;}
.salvataggio a.button:hover{ text-decoration:none; background:#111; color:#fff;}
.salvataggio a.button:hover:before{ color:#fff;}
.salvataggio p{ margin-top:10px; font-weight:700; color:#4cb44c;}

.lezione{ width:100%; float:left;}
.lezione .description{ width:100%; padding-top:0px; display:inline-block; margin-bottom:0px;}
.lezione .description h5 a{ padding:10px 20px; background:#111; font-size:16px; line-height:24px; display:inline-block; color:#fff; text-decoration:none;}
.lezione .description h5 a:hover{ background:#111; color:#fff;}
.lezione .description img { width:100%; float:left;}
.lezione .description p:last-child{ margin-bottom:0px;}
.lezione .description h2{ font-size:22px; line-height:28px; color:#111; text-transform:none; font-weight:400; margin-top:0px; letter-spacing:0px;}
.lezione .description h2:last-child{ margin-bottom:0px;}
.lezione .description h3{ font-size:20px; line-height:24px; color:#666; letter-spacing:0px;}
.lezione .description ul{ list-style:none; padding:0px; margin:0px; margin-bottom:20px;}
.lezione .description li{ position:relative; color:#666; margin-bottom:7px; padding-left:20px;}
.lezione .description li:last-child{ margin-bottom:0px;}
.lezione .description li:before{ content:"\f054";  font-family:"Font Awesome 5 Free"; font-weight: 900; font-style: normal;  font-variant: normal;  text-rendering: auto; position:absolute; left:0px; font-size:12px; color:#13294b;}
.lezione .description a{ color:#111; font-weight:700; text-decoration:underline;}
.lezione .description a:hover{ text-decoration:none;}
.lezione .description figure{ display:inline-block; margin-bottom:20px;}
.lezione .video{ width:100%; float:left; padding:0px; background:none;}
.lezione .video .iframe{position: relative; padding-bottom:56.25%; padding-top:25px; height:0;}
.lezione .video .iframe iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.lezione .download{ padding:30px; width:100%;}
.lezione .download a{ width:100%; display:inline-block; min-height:40px; padding-left:55px; padding-top:7px; font-size:18px; font-weight:700; text-transform:uppercase; position:relative;}
.lezione .download a:before{ content:"\f0c6";  font-family:"Font Awesome 5 Free"; font-weight: 900; font-style: normal;  font-variant: normal;  text-rendering: auto; position:absolute; top:0px; left:0px; font-size:20px; color:#13294b; width:40px; height:40px; background:#111; border-radius:50%; text-align:center; line-height:40px; color:#fff;}
.lezione .download a + a{ margin-top:10px;}
.lezione .answer{ padding:0 30px; background:none;}
.lezione .answer .label{ margin-bottom:10px; text-transform:uppercase; color:#111; font-weight:700;}
.lezione .answer textarea{ background:#ebebeb; border:0px; font-size:16px; color:#111; padding:20px; resize:none; display:inline-block; min-height:200px !important; border-radius:0px;}

/*navigazione lezioni*/
.navigation-percorso{ width:100%; float:left; text-align:center; margin-top:25px;}
.navigation-percorso .btn{ min-width:215px; padding:15px 30px; display:inline-block; text-transform:uppercase; box-shadow:none; font-size:16px; font-weight:300; border:0px; border-radius:0px; font-weight:bold; background:#111;}
.navigation-percorso .btn.btn-default{ background:#e1e1e1;}
.navigation-percorso .btn.btn-default:hover{ background:#ccc;}

/*dashboard utente*/
.dashboard{ margin-top:20px;}
.dashboard .row{ margin:0 -10px;}
.dashboard [class*="col-"]{ padding:0 10px;}
.dashboard .item{ margin-bottom:20px; position:relative; padding:40px 30px; background:#f7f7f7; box-sizing:border-box;}
.dashboard .item h2{ font-size:26px; position:relative; line-height:48px; padding-left:60px; color:#111; font-weight:700; text-transform:uppercase; margin:0px; margin-bottom:20px;}
.dashboard .item h2:before{ content:""; font-family:"Font Awesome 5 Free"; width:48px; height:48px; line-height:48px; position:absolute; left:0px; text-align:center; background:#000; border-radius:50%; font-weight:900; font-size:22px; color:#fff;}
.dashboard .item h3{ font-size:18px; min-height:48px; position:relative; line-height:24px;color:#666; text-transform:none; margin:0px; margin-bottom:20px;}
.dashboard .item p{ min-height:70px;}
.dashboard .item .btn{ padding:10px 20px; text-transform:uppercase; box-shadow:none; border:0px; border-radius:0px; font-weight:bold; background:#111;}
.dashboard .item .btn:hover{ background:#111;}
.dashboard .item.one .btn{ background:#2270b9;}
.dashboard .item.one h2:before{ background:#2270b9; content:"\f02e";}
.dashboard .item.two .btn{ background:#111;}
.dashboard .item.two h2:before{ background:#111; content:"\f02d";}
.dashboard .item.three .btn{ background:#ea6b28;}
.dashboard .item.three h2:before{ background:#ea6b28; content:"\f073";}
.dashboard .item.box-cruscotto .btn{ background:#2270b9;}
.dashboard .item.box-cruscotto h2:before{ background:#2270b9; content:"\f00a";}

/*dashboard operatore*/
.dashboard-operatore{ margin-top:20px;}
.dashboard-operatore .row{ margin:0 -10px;}
.dashboard-operatore [class*="col-"]{ padding:0 10px;}
.dashboard-operatore .item{ margin-bottom:20px; position:relative; padding:40px 30px; background:#f7f7f7; box-sizing:border-box;}
.dashboard-operatore .item h2{ font-size:26px; position:relative; line-height:48px; padding-left:60px; color:#111; font-weight:700; text-transform:uppercase; margin:0px; margin-bottom:20px;}
.dashboard-operatore .item h2:before{ content:""; font-family:"Font Awesome 5 Free"; width:48px; height:48px; line-height:48px; position:absolute; left:0px; text-align:center; background:#000; border-radius:50%; font-weight:900; font-size:22px; color:#fff;}
.dashboard-operatore .item h3{ font-size:18px; min-height:48px; position:relative; line-height:24px; color:#666; text-transform:none; margin:0px; margin-bottom:20px;}
.dashboard-operatore .item h3 strong{ color:#000;}
.dashboard-operatore .item p{ min-height:70px;}
.dashboard-operatore .item .btn{ padding:10px 20px; text-transform:uppercase; box-shadow:none; border:0px; border-radius:0px; font-weight:bold; background:#111;}
.dashboard-operatore .item .btn:hover{ background:#111;}
.dashboard-operatore .item.one{ background:rgba(34, 112, 185, 0.3);}
.dashboard-operatore .item.one .btn{ background:#2270b9;}
.dashboard-operatore .item.one h2:before{ background:#2270b9; content:"\f783";}
.dashboard-operatore .item.two .btn{ background:#111;}
.dashboard-operatore .item.two h2:before{ background:#111; content:"\f783";}
.dashboard-operatore .item.three .btn{ background:#ea6b28;}
.dashboard-operatore .item.three h2:before{ background:#ea6b28; content:"\f073";}
.dashboard-operatore .item.four .btn{ background:#d7132f;}
.dashboard-operatore .item.four h2:before{ background:#d7132f; content:"\f2f5";}

.agenda .table{ border-bottom:1px solid #dee2e6;}
.agenda .table th, .agenda .table td{ padding:10px 5px; vertical-align:middle;}
.agenda .persona{ width:auto; text-align:center;}
.agenda .orario{ font-weight:700; text-align:center;}
.agenda .persona .btn{ padding:5px 10px; background:#000; text-transform:uppercase; border-radius:3px;}
.agenda .persona .btn.btn-occupato{ background:#cf3636; color:#fff; font-size:11px; cursor:default;}
.agenda .persona .btn.btn-prenota{ background:#111; color:#fff;}
.agenda .persona .btn.btn-prenotato{ background:#57b952; color:#fff;}

/*dashboard utente*/
.cruscotto{ margin-top:20px;}
.cruscotto .row{ margin:0 -10px; flex-wrap: wrap;}
.cruscotto [class*="col-"]{ width:100%; display:flex; padding:0 10px;}
.cruscotto .item{ width:100%; margin-bottom:20px; position:relative; padding:40px 30px; background:#f7f7f7; box-sizing:border-box;}
.cruscotto .item h2{ max-width:200px; font-size:26px; position:relative; line-height:28px; color:#111; font-weight:700; text-transform:uppercase; margin:0px; margin-bottom:15px;}
.cruscotto .item:before{ content:""; font-family:"Font Awesome 5 Free"; position:absolute; top:30px; right:30px; text-align:center; border-radius:50%; font-weight:900; font-size:100px; color:#000; opacity:0.05; line-height:100px;}
.cruscotto .item h3{ font-size:18px; min-height:48px; position:relative; line-height:24px;color:#666; text-transform:none; margin:0px; margin-bottom:20px;}
.cruscotto .item p{ min-height:70px;}
.cruscotto .item .btn{ padding:10px 20px; text-transform:uppercase; box-shadow:none; border:0px; border-radius:0px; font-weight:bold; background:#111;}
.cruscotto .item .btn:hover{ background:#111;}
.cruscotto .item.one{ border-left:5px solid #2270b9;}
.cruscotto .item.one .btn{ background:#2270b9;}
.cruscotto .item.one:before{ content:"\f0ce";}
.cruscotto .item.two{ border-left:5px solid #111;}
.cruscotto .item.two .btn{ background:#111;}
.cruscotto .item.two:before{ content:"\f012";}
.cruscotto .item.three{ border-left:5px solid #e3580a;}
.cruscotto .item.three .btn{ background:#e3580a;}
.cruscotto .item.three:before{ content:"\f201";}
.cruscotto .item.four{ border-left:5px solid #a13f8c;}
.cruscotto .item.four .btn{ background:#a13f8c;}
.cruscotto .item.four:before{ content:"\f02e";}
.cruscotto .item.five{ border-left:5px solid #5064af;}
.cruscotto .item.five .btn{ background:#5064af;}
.cruscotto .item.five:before{ content:"\f080";}
.cruscotto .item.six{ border-left:5px solid #c51577;}
.cruscotto .item.six .btn{ background:#c51577;}
.cruscotto .item.six:before{ content:"\f022";}


.line-filter{ width:100%; float:left; padding:10px 0; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.line-filter .item{ width:auto; float:left; margin:0 20px 0 0;}
.line-filter .item .text{ color:#11153F; min-width:150px; margin-right:20px; float:left; line-height:38px; text-transform:uppercase; font-weight:bold;}
.line-filter .item .field{ width:auto; float:left;}
.line-filter .item .field select{ min-width:120px;}

.tabella-ppp{ width:100%; float:left; margin-top:20px;}
.tabella-ppp .item{ width:100%; float:left; padding:30px; border:1px solid #e1e1e1; margin-bottom:10px; background:#f7f7f7; border-radius:0px;}
.tabella-ppp .item .month{ width:100%; float:left; margin-bottom:20px;}
.tabella-ppp .item .month h2{ float:left; font-size:24px; margin:0px; line-height:28px; color:#11153F; text-transform:uppercase;}
.tabella-ppp .item .month span{ float:left; margin-left:20px;}
.tabella-ppp .item .month span a{ float:left; padding:5px 10px; background:#111; color:#fff; border-radius:0px; font-size:14px;}
.tabella-ppp .item .line{ width:100%; float:left; min-height:40px; margin-bottom:10px;}
.tabella-ppp .item .line .subtitle{ width:100%; float:left; position:relative;}
.tabella-ppp .item .line .subtitle span{ position:relative; padding-right:30px; background:#f7f7f7;}
.tabella-ppp .item .line .subtitle:before{ content:""; width:100%; height:1px; position:absolute; top:50%; margin-top:-1px; border-top:1px dotted #e1e1e1;}
.tabella-ppp .item .line.last{ margin-bottom:0px;}

.tabella-statooperativo{ width:100%; float:left; margin-top:20px;}
.tabella-statooperativo .item{ width:100%; float:left; padding:30px; border:1px solid #e1e1e1; margin-bottom:10px; background:#f7f7f7; border-radius:0px;}
.tabella-statooperativo .item .row{ display:block;}
.tabella-statooperativo .item .month{ width:100%; float:left; margin-bottom:20px;}
.tabella-statooperativo .item .month h2{ float:left; font-size:24px; margin:0px; line-height:28px; color:#11153F; text-transform:uppercase;}
.tabella-statooperativo .item .month span{ float:left; margin-left:20px;}
.tabella-statooperativo .item .month span a{ float:left; padding:5px 10px; background:#111; color:#fff; border-radius:0px; font-size:14px;}
.tabella-statooperativo .item .box{ width:100%; float:left; min-height:40px; margin-bottom:10px;}
.tabella-statooperativo .item .box .subtitle{ width:100%; float:left; position:relative; text-transform:uppercase;}
.tabella-statooperativo .item .box .subtitle span{ position:relative; padding-right:30px; background:#f7f7f7;}
.tabella-statooperativo .item .box .subtitle:before{ content:""; width:100%; height:1px; position:absolute; top:50%; margin-top:-1px; border-top:1px dotted #e1e1e1;}
.tabella-statooperativo .item .box.last{ margin-bottom:0px;}

.tabella-posizionefinanziarianetta table{ width:100%; float:left; margin-top:20px;}
.tabella-posizionefinanziarianetta table{ font-size:14px;}
.tabella-posizionefinanziarianetta table tbody > tr > th{ padding:7px; border:1px solid #efefef;}
.tabella-posizionefinanziarianetta table tbody > tr > td{ padding:7px; border:1px solid #efefef;}
.tabella-posizionefinanziarianetta table tbody > tr > th{ background:#111; color:#fff; padding:10px 8px; text-transform:uppercase; border-bottom:2px solid #f7f7f7;}
.tabella-posizionefinanziarianetta table tbody > tr:nth-child(even){ background:#f7f7f7;}
.tabella-posizionefinanziarianetta table tbody > tr:nth-child(odd){ background:#fff;}
.tabella-posizionefinanziarianetta .actions{ clear:both; float:left; margin-top:10px;}
.tabella-posizionefinanziarianetta .actions a{ border-radius:0px;}

.tabella-datieconomici{ width:100%; overflow:auto; margin-bottom:40px;}
.tabella-datieconomici table{ width:100%; float:left; margin-top:20px;}
.tabella-datieconomici table{ font-size:14px;}
.tabella-datieconomici table tbody > tr > th{ padding:7px; border:1px solid #efefef;}
.tabella-datieconomici table tbody > tr > td{ padding:7px; border:1px solid #efefef;}
.tabella-datieconomici table tbody > tr > th{ background:#111; color:#fff; padding:10px 8px; text-transform:uppercase; border-bottom:2px solid #f7f7f7;}
.tabella-datieconomici table tbody > tr:nth-child(even){ background:#f7f7f7;}
.tabella-datieconomici table tbody > tr:nth-child(odd){ background:#fff;}
.tabella-datieconomici .misura{ min-width:125px; text-align:center; font-weight:bold;}
.tabella-datieconomici .mese{ text-align:right;}
.tabella-datieconomici .actions{ text-align:center;}
.tabella-datieconomici .actions a{ border-radius:0px;}
.grafico-datieconomici{ margin-top:40px; width:100%; float:left;}
.grafico-datieconomici .rigafiltro{ text-align:center; margin-bottom:30px;}
.grafico-datieconomici .rigafiltro .item{ display:inline-block; margin:0 5px;}
.grafico-datieconomici .rigafiltro .item a{ padding:10px 20px;}

.insert-okr{ width:100%; max-width:500px; padding:30px; background:#f7f7f7; border-radius:0px; margin:20px 0; float:left;}
.insert-okr .row + .row{ margin-top:10px;}
.insert-okr .btn{ border-radius:0px;}
.tabella-tabellaokrtrimestrale table{ width:100%; float:left; margin-top:20px;}
.tabella-tabellaokrtrimestrale table{ font-size:14px;}
.tabella-tabellaokrtrimestrale table tbody > tr > th{ padding:7px; border:1px solid #efefef;}
.tabella-tabellaokrtrimestrale table tbody > tr > td{ padding:7px; border:1px solid #efefef;}
.tabella-tabellaokrtrimestrale table tbody > tr > th{ background:#111; color:#fff; padding:10px 8px; text-transform:uppercase; border-bottom:2px solid #f7f7f7;}
.tabella-tabellaokrtrimestrale .btn{ padding:5px 10px; border-radius:0px;}
.tabella-tabellaokrtrimestrale .btn-risultati{ background:#111;}
.tabella-tabellaokrtrimestrale .btn-risultati:hover{ background:#111;}
.tabella-tabellaokrtrimestrale .okrrisultati{ padding:20px; background:#fff;}
.tabella-tabellaokrtrimestrale .okrrisultati table{ margin:0px; font-size:13px; background:#fff;}
.tabella-tabellaokrtrimestrale .okrrisultati table tbody > tr > th{ background:#f7f7f7; color:#666; padding:5px;}
.tabella-tabellaokrtrimestrale .okrrisultati table tbody > tr > td{ padding:5px;}
.tabella-tabellaokrtrimestrale .okrrisultati .btn{ padding:3px 7px;}
.tabella-tabellaokrtrimestrale .padding{ padding:15px; border:0px;}
.tabella-tabellaokrtrimestrale .gestione{ min-width:150px;}

.tabella-bilancio{ width:100%; float:left; margin-top:20px;}
.tabella-bilancio h2{ float:left; font-size:20px; margin:0 0 20px 0; line-height:28px; color:#11153F; font-weight:700; text-transform:uppercase;}
.tabella-bilancio .tabella{ width:100%; float:left; float:left; font-size:14px; border-right:1px solid #efefef;}
.tabella-bilancio .tabella .item{ width:100%; display:flex;  flex-wrap: wrap; border-bottom:1px solid #efefef;}
.tabella-bilancio .tabella .item.first div{ background:#111; color:#fff; padding:10px 8px; text-transform:uppercase; border-bottom:2px solid #f7f7f7; font-weight:700;}
.tabella-bilancio .tabella .item .dato{ width:20%; padding:7px; color:#11153F; font-weight:700; border-left:1px solid #efefef;}
.tabella-bilancio .tabella .item .anno-attuale{ width:15%; text-align:right; padding:7px; border-left:1px solid #efefef; background:#f7f7f7;}
.tabella-bilancio .tabella .item .anno-attuale input{ border:0px; text-align:right; border-radius:0px;}
.tabella-bilancio .tabella .item .anno-precedente{ width:15%; text-align:right; padding:0px; border-left:1px solid #efefef;}
.tabella-bilancio .tabella .item .anno-precedente input{ border:0px; text-align:right; border-radius:0px;}
.tabella-bilancio .tabella .item .differenza{ width:10%; text-align:right; padding:7px; border-left:1px solid #efefef; background:#f7f7f7;}
.tabella-bilancio .tabella .item .perc-differenza{ width:10%; text-align:center; padding:7px; border-left:1px solid #efefef; background:#f7f7f7;}
.tabella-bilancio .tabella .item.fatturato{ background:#f7f7f7;}
.tabella-bilancio .tabella .item.fatturato div{ padding:7px !important;}
.tabella-bilancio .tabella .item.fatturato .anno-precedente{ padding:0px !important;}
.tabella-bilancio .tabella .item.margine{ background:#f7f7f7;}
.tabella-bilancio .tabella .item.margine div{ padding:7px !important;}
.tabella-bilancio .tabella .item .incidenza-anno-attuale{ width:15%; padding:7px; color:#11153F; text-align:center; border-left:1px solid #efefef; background:#f7f7f7;}
.tabella-bilancio .tabella .item .incidenza-anno-precedente{ width:15%; padding:7px; color:#11153F; text-align:center; border-left:1px solid #efefef; background:#f7f7f7;}

.tabella-budget{ width:100%; float:left; margin-top:20px;}
.tabella-budget h2{ float:left; font-size:20px; margin:0 0 20px 0; line-height:28px; color:#11153F; font-weight:700; text-transform:uppercase;}
.tabella-budget .tabella{ width:100%; float:left; float:left; font-size:14px; border-right:1px solid #efefef;}
.tabella-budget .tabella .item{ width:100%; display:flex;  flex-wrap: wrap; border-bottom:1px solid #efefef;}
.tabella-budget .tabella .item.first div{ background:#111; color:#fff; padding:10px 8px; text-transform:uppercase; border-bottom:2px solid #f7f7f7; font-weight:700;}
.tabella-budget .tabella .item .dato{ width:25%; padding:7px; color:#11153F; font-weight:700; border-left:1px solid #efefef;}
.tabella-budget .tabella .item .preventivo{ width:20%; text-align:right; padding:0px; border-left:1px solid #efefef;}
.tabella-budget .tabella .item .preventivo input{ border:0px; text-align:right; border-radius:0px;}
.tabella-budget .tabella .item .consuntivo{ width:20%; text-align:right; padding:7px; border-left:1px solid #efefef; background:#f7f7f7;}
.tabella-budget .tabella .item .differenza{ width:20%; text-align:right; padding:7px; border-left:1px solid #efefef; background:#f7f7f7;}
.tabella-budget .tabella .item .perc-differenza{ width:15%; text-align:center; padding:7px; border-left:1px solid #efefef; background:#f7f7f7;}

.form-popup { padding: 30px;}
.form-popup h3{ text-transform:uppercase; color:#2270b9; font-weight:700; margin-top:0px;}
.form-popup .btn{ padding:15px 30px; text-transform:uppercase; box-shadow:none; border:0px; border-radius:3px; font-weight:bold; }
.form-popup .btn.btn-default{ background:#111; color:#fff;}
.form-popup .btn.btn-default:hover{ background:#f5148c;}
.form-popup .btn.btn-annulla{ background:#e34747; color:#fff;}
.form-popup .btn.btn-annulla:hover{ background:#cb3939;}
.form-popup .form-group{ width:100%; margin-bottom:20px;}
.form-popup .form-group textarea{ width:100%; float:left; min-height:60px; resize:none;}
.form-popup .suggerimenti p{ font-size:12px; line-height:18px; margin-bottom:5px;}
.form-popup .suggerimenti ul{ margin-bottom:5px;}
.form-popup .suggerimenti ul li{ font-size:12px; line-height:18px; color:#111;}

html.has-tab-navigation .toggle-menu{ background:#000;}
html.has-tab-navigation .toggle-menu i{ color:#fff;}
html .btn-primary{ background:#111; border-color:#111; color:#fff; border-radius:3px;}

.corsi{ text-align:center;}
.corsi h2{ color:#000; letter-spacing:0px; font-size:28px; line-height:28px; letter-spacing:-0.5px; margin-bottom:40px;}
.corsi .wrap{ width:100%; display:inline-block; }
.corsi .wrap .item{ text-align:center; margin-bottom:30px;}
.corsi .wrap .item .top img{ width:100%; height:auto;}
.corsi .wrap .item .box{ background:#f7f7f7; padding:30px; position:relative;}
.corsi .wrap .item .box img.logo{ width:100%; max-width:250px; height:auto; margin-bottom:0px;}
.corsi .wrap .item .box  h2{ font-size:26px; line-height:30px; font-weight:700; margin:0px; margin-bottom:20px; display:none;}
.corsi .wrap .item .box p{}
.corsi .wrap .item .box .btn{ padding:12px 20px; font-size:13px; text-transform:uppercase; box-shadow:none; border:0px; border-radius:0px; font-weight:700; background:none; border:1px solid #111; color:#111;}
.corsi .wrap .item .box .btn:hover{ background:#111; color:#fff;}
.corsi .wrap .item .lock{ position:absolute; top:0px; left:50%; margin-left:-16px; margin-top:-16px;}

.indicecol{ width:100%; float:left;}
.indicecol h2{ margin:0px; margin-bottom:10px; font-size:18px; line-height:22px; color:#111; text-transform:uppercase;}
.indicecol ul{ margin:0px; padding:0px;}
.indicecol li{ list-style:none; position:relative; padding:5px 0; padding-left:30px; border-bottom:1px solid #e1e1e1; color:#111;}
.indicecol li:before{ content:"\f054"; font-family:"Font Awesome 5 Free"; font-size:10px; position:absolute; left:10px; top:6px; font-weight:700; color:#666;}
.indicecol li a{ font-size:15px;}
.indicecol li a:hover{ color:#000; text-decoration:underline;}
.indicecol li span{ background:#666; color:#fff; padding:2px 5px; font-size:11px; text-transform:uppercase; margin-right:10px;}

.lezione .row{ display:block;}

.footer{ text-align:center;}

@media only screen and (min-width: 1600px){
html.boxed .body{max-width:1400px;}
}

@media only screen and (max-width: 1199px){
	html.boxed .header{ border:0px; margin-top:10px;}
}

@media screen and (min-width: 1024px) {
	html.boxed.has-tab-navigation .header{ margin-top:-5px;}
}

@media screen and (max-width: 1024px) {
	html.boxed.has-tab-navigation .header{ margin-top:16px;}
	.tab-navigation nav > ul > li{ width:auto; float:left;}
	.tab-navigation nav > ul > li > a{ width:auto; float:left;}
	.header .logo{ margin-top:5px;}
	.header .logo img{ max-width:95px;}
	.footer .container{ padding:0 20px;}
	.lezione .description img{ margin-bottom:20px;}	
	
	.search-participant .label{ max-width:none; width:auto; float:left;}
	.search-participant .input-group{ width:200px; float:left;}
	
	.dashboard-operatore [class*="col-"]{ width:50%; float:left;}
	.dashboard [class*="col-"]{ width:50%; float:left;}
	.lista-percorsi [class*="col-"]{ width:33.33%; float:left;}
	.lista-percorsi [class*="col-"]:nth-child(3n+1){ clear:both;}
}

@media screen and (max-width: 991px) {
	html.has-tab-navigation .header-right{ margin-right:20px;}
	
	.tab-navigation{ display:block !important; margin-bottom:0px; border-bottom-right-radius:0px; border-bottom-left-radius:0px;}
	.tab-navigation nav > ul > li{ width:auto; margin-left:0px;}
	.tab-navigation nav > ul > li > a.nav-link{ border-bottom-right-radius:0px; border-bottom-left-radius:0px;}
	.tab-navigation nav > ul > li a.dropdown-toggle:after{ display:none;}
	
	.lista-percorsi [class*="col-"]{ width:50%; max-width:50%; flex:0 0 50%;}
	.lezione .description{ padding:0px; margin-bottom:30px;}
	.lezione .video{ padding:0px; background:none;}
	
	.tab-navigation nav > ul > li:hover:not(.nav-expanded) > a:hover, .tab-navigation nav > ul > li:hover:not(.nav-expanded) > a:focus{ background:#fff; border-radius:0px;}
}

@media screen and (max-width: 767px) {
	
	html.dark .header .logo-container, html.header-dark .header .logo-container{ background:#fff !important; border:0px !important; border-color:#e1e1e1 !important;}
	html.dark .header .header-right, html.header-dark .header .header-right{ background:#fff !important; border-color:#e1e1e1 !important;}
	
	html.dark .header .logo-container, html.header-dark .header .logo-container{ background:#fff; border-color:#fff;}
	html.dark .header .header-right, html.header-dark .header .header-right{ background:#fff; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
	.userbox:after{ height:61px;}
	html.dark .userbox:after, html.header-dark .userbox:after{ background:#e1e1e1;}
	
	.tab-navigation{ border-radius:0px; margin-bottom:20px;}
	.tab-navigation nav > ul > li{ width:100%; margin-left:0px; margin-right:0px; border-bottom:1px solid #e1e1e1;}
	.tab-navigation nav > ul > li:last-child{ border-bottom:0px solid #e1e1e1;}
	.tab-navigation nav > ul > li > a.nav-link{ width:100%; border-radius:0px !important;}
	.tab-navigation nav > ul > li a.dropdown-toggle:after{ }
	.tab-navigation nav > ul > li > a{ width:100%; padding:10px 20px;}
	.tab-navigation nav > ul > li:hover:not(.nav-expanded) > a:hover, .tab-navigation nav > ul > li:hover:not(.nav-expanded) > a:focus{ background:#fff; border-radius:0px;}
	.tab-navigation nav > ul > li:hover:not(.nav-expanded) > a:hover{ color:#000;}
	
	.lista-percorsi [class*="col-"]{ -ms-flex: 0 0 50%;  flex: 0 0 50%; max-width:50%;}
	.lista-percorsi .item{ min-height:250px;}
	
	.dashboard [class*="col-"]{ -ms-flex: 0 0 50%;  flex: 0 0 50%; max-width:50%;}
	
	html.has-tab-navigation .content-body{ width:100%; float:left;}
	
	.page-header h2{ text-overflow:unset; white-space:normal;}
	
	.navigation-percorso .btn{ min-width:auto; padding:10px 20px; font-size:15px;}
	
	.lista-percorsi [class*="col-"]{ -ms-flex: 0 0 100%;  flex: 0 0 100%; max-width:100%;}
	.lista-percorsi .item{ min-height:inherit;}
	.lista-percorsi .item p{ min-height:inherit;}
	
	.cover-percorso{ padding:20px;}
	.lezione .description{ margin-bottom:10px;}
	.cover-percorso .number{ width:70px; height:70px; line-height:70px; font-size:40px;}
	.cover-percorso .title h2{ width:100%; font-size:30px; line-height:30px; font-weight:700;}
	
	.lezione .description h2{ font-size:20px; line-height:26px; text-transform:none; margin-top:0px;}
	
	.indice{ margin:0px; position:absolute; top:0px; right:0px; z-index:2;}
	.indice a{ background:#ccc;}
	
	.page-header.page-header-left-breadcrumb h2{ padding-right:40px;}
	
	.tab-navigation.collapse{ display:none !important;}
	.tab-navigation.collapse.show{ display:block !important;}
	
	.pull-right{ float:none !important;}
	
	.userbox .profile-info{ margin-right:15px;}
	.userbox .name, .userbox .role{ max-width:150px;}
	
	.body-sign .card-sign .card-body{ padding:25px;}
	
	.lezione [class*="col-"]{ width:100%; float:left;}
	.indicecol{ width:100%; float:left; margin-bottom:40px;}
	
	.lezione .download{ padding:10px;}
	
	
}