/* Add here all your CSS customizations */

/*fonts*/
@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/CenturyGothic.woff2') format('woff2'),
        url('../fonts/CenturyGothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/CenturyGothic-Bold.woff2') format('woff2'),
        url('../fonts/CenturyGothic-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/CenturyGothic-BoldItalic.woff2') format('woff2'),
        url('../fonts/CenturyGothic-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/CenturyGothic-Italic.woff2') format('woff2'),
        url('../fonts/CenturyGothic-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

.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: 'Century Gothic'; color:#000;}
a{ color:#6517ab;}
a:hover, a:focus{ color:#333;}
p{ color:#333; 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:720px;}
html .btn-primary{ background:#6517ab; color:#fff; border:0px !important; outline:none !important; font-weight:300; text-transform:uppercase; padding:10px 15px;}
html .btn-primary:hover, html .btn-primary:focus, html .btn-primary:active{ background:#333 !important; box-shadow:none !important;}
html .btn-default{ background:#333; color:#fff; border:0px !important; outline:none !important; font-weight:300; text-transform:uppercase; padding:10px 15px;}
html .btn-default:hover, html .btn-default:focus, html .btn-default:active{ background:#6517ab !important; color:#fff; box-shadow:none !important;}
html .excel{ background:#1f7047; color:#fff; border:0px !important; outline:none !important; font-weight:300; text-transform:uppercase; padding:10px 15px;}
html .btn i{ font-size:16px; color:#fff; margin-right:5px;}
html .excel:hover, html .excel:focus, html .excel:active{ background:#333 !important; box-shadow:none !important;}
html .scroll-to-top{ border-radius:0px;}
.form-control{ border-radius:0px;}
.form-control:focus{ border-color:#6517ab;}

/*login*/
html, body.login{ background:#f7f7f7;}
.body-sign{font-family: 'Century Gothic';}
.body-sign .logo{ width:100%; margin-bottom:40px; text-align:center;}
.body-sign .logo img{ height:60px; display:inline-block;}
.body-sign .card-sign .card-body{ clear:both; width:100%; display:inline-block; border:0px; border-radius:0px; box-shadow:none; 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:#333; 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 !important; font-weight:bold; background:#6517ab; outline:none !important; box-shadow:none !important;}
.body-sign .card-sign .card-body .btn:hover, .body-sign .card-sign .card-body .btn:focus, .body-sign .card-sign .card-body .btn:active{ background:#333 !important;}
.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;}

.body-sign.registrazione{ max-width:700px;}

/* 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{ padding:35px; background:#fff; border-radius:0px;}
html.has-tab-navigation .content-body.menuaperto{ padding-top:70px;}
html.header-dark .header{ background:none; border-radius:0px; border:0px !important;}
html.header-dark .header .search .form-control{ background:#ebebeb; border:0px; color:#333; border-radius:0px;}
html.header-dark .header .search .btn-default{ background:#ebebeb; border:0px; color:#333; 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{ float:left; font-size:14px; font-weight:normal; background:#444; color:#fff !important; padding:15px 20px; border-radius:0px !important; text-decoration:none;}
.tab-navigation nav > ul > li.nav-expanded > a{ color:#333 !important;}
.tab-navigation nav > ul > li > ul{ padding:15px 10px;}
.tab-navigation nav > ul > li > ul > li > a{ font-size:14px; color:#000; padding:0px 15px; font-weight:normal; text-decoration:none;}
.tab-navigation nav > ul > li.nav-active > a, .tab-navigation nav > ul > li.nav-active > a:hover{ background:#fff; color:#000 !important; text-decoration:none;}
.tab-navigation nav > ul > li:hover:not(.nav-expanded) > a{ background:#333; color:#fff !important;}
.tab-navigation nav > ul > li.nav-active:hover > a{ background:#fff; color:#000 !important;}
.tab-navigation nav > ul > li.nav-expanded > ul{ border-bottom:2px solid #f7f7f7;}
.tab-navigation nav > ul > li > ul > li.nav-active > a{ color:#6517ab !important; font-weight:700;}
html.header-dark .notifications > li .notification-icon{ width:36px; height:36px; background:#6517ab; box-shadow:none;}
html.header-dark .notifications > li.one .notification-icon{ background:#2270b9;}
html.header-dark .notifications > li.two .notification-icon{ background:#6517ab;}
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 .name{ color:#333; text-transform:uppercase;}
html.header-dark .userbox .role{ color:#666;}
html.header-dark .userbox .dropdown-menu{ background:#6517ab; 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 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);}
.userbox.show .dropdown-menu a:hover{ background:#333;}
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;}
.page-header.page-header-left-breadcrumb h2{ height:auto; font-size:26px; line-height:32px; text-transform:uppercase; font-weight:700;}
.page-header.page-header-left-breadcrumb h2 span.ribbon{ color:#6517ab; font-size:13px; line-height:16px; float:right; margin-top:4px; padding:3px 10px; vertical-align:middle; margin-left:10px; border:2px solid #6517ab;}
.header .logo{ margin-top:0px;}
.header .logo img{ max-width:175px;}
.footer{ padding:0 0 40px 0;}
.footer .container{ padding:0px;}
.footer .container{ text-align:center;}
.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; color:#000; font-weight:700;}
.body{ min-height:auto;}
.inner-wrapper{ min-height:800px;}
html.has-tab-navigation .toggle-menu{ background:#6517ab;}


/*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:#333; 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:#333; 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:#333; 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:#333; 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:#333; 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:#333; 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:#e00078; color:#fff;}
.pagecheckin .noteevento {float:left; width:100%; margin-top:30px;}
.pagecheckin .noteevento .label {float:left; width:100%; font-weight: 700;  color: #333;  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:#333; 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:#333; 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:#e00078; 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:#3b6b99; font-weight:700;}
.domanda h2{ max-width:80%; font-size:30px; line-height:36px; display:inline-block; text-transform:uppercase; color:#333; margin-bottom:30px;}
.domanda .btn{ padding:20px 30px; text-transform:uppercase; box-shadow:none; border:0px; font-weight:bold; }
.domanda .btn.btn-default{ background:#e00078; 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:#3b6b99; 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;}
.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:#4d5d6c;}

/*popup note*/
.notepopup { padding: 30px; text-align: center;}
.notepopup h3{ text-transform:uppercase; color:#3b6b99; font-weight:700; margin-bottom:10px;}
.notepopup h2{ font-size:30px; line-height:36px; text-transform:uppercase; color:#333; 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:#e00078; 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{ min-height:310px; margin-bottom:20px; position:relative; padding:30px; padding-top:50px; background:#f7f7f7; box-sizing:border-box;}
.lista-percorsi .item h2{ font-size:20px; position:relative; padding-left:40px; line-height:24px; color:#333; font-weight:700; text-transform:uppercase; margin:0px; margin-bottom:20px;}
.lista-percorsi .item h2 span{ width:30px; height:30px; text-align:center; line-height:30px; font-size:12px; font-weight:700; color:#fff; background:#e00078; position:absolute; left:0px; border-radius:50%; z-index:1;}
.lista-percorsi .item p{ min-height:70px;}
.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:#e00078;}
.lista-percorsi .item.next .position{ background:#0088cc; color:#fff;}
.lista-percorsi .item.next h2 span{ background:#0088cc;}
.lista-percorsi .item.next .btn{ background:#0088cc;}
.lista-percorsi .item.bloccato h2 span{ background:#333;}
.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:#333;}

/*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:#0088cc; 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:#0088cc; border-radius:50%; margin:20px 0 0 0;}
.cover-percorso .icona.success{ background:#3bb738;}
.cover-percorso .icona.complete{ background:#e00078; margin-bottom:20px;}
.cover-percorso .title h2{ max-width:80%; font-size:36px; line-height:40px; display:inline-block; text-transform:uppercase; color:#333; margin:0px; margin-bottom:0px;}
.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:#0088cc; 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:#0088cc;}
.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:#0088cc; 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:#0088cc; 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:#4d5d6c; 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:30px; padding-top:0px; display:inline-block; margin-bottom:0px;}
.lezione .description img { width:100%; float:left;}
.lezione .description p:last-child{ margin-bottom:0px;}
.lezione .description h2{ font-size:26px; line-height:30px; color:#333; text-transform:uppercase; font-weight:700; letter-spacing: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:#e00078; font-weight:700; text-decoration:underline;}
.lezione .description a:hover{ text-decoration:none;}
.lezione .description figure{ display:inline-block; margin-bottom:20px;}
.lezione .video{ padding:30px; background:#f7f7f7;}
.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:#0088cc; 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:#333; font-weight:700;}
.lezione .answer textarea{ background:#ebebeb; border:0px; font-size:16px; color:#333; 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:300px; padding:20px 30px; display:inline-block; text-transform:uppercase; box-shadow:none; font-size:18px; border:0px; border-radius:0px; font-weight:bold; background:#0088cc;}
.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; display:flex; flex-wrap:wrap;}
.dashboard [class*="col-"]{ padding:0 10px;}
.dashboard .item{ margin-bottom:20px; position:relative; padding:40px 30px; background:#f7f7f7; box-sizing:border-box;}
.dashboard .item .title{ display:flex; flex-wrap:nowrap; align-items:center; margin-bottom:20px;}
.dashboard .item .title span{ content:""; font-family:"Font Awesome 5 Free"; width:48px; height:48px; line-height:48px; text-align:center; background:#000; border-radius:50%; font-weight:900; font-size:22px; color:#fff; margin-right:15px;}
.dashboard .item .title span i{ font-style:normal;}
.dashboard .item .title h2{ width:calc(100% - 63px); font-size:26px; position:relative; line-height:32px; color:#333; font-weight:700; text-transform:uppercase; margin:0px; margin-bottom:0px;}
.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:#6517ab;}
.dashboard .item .btn:hover{ background:#333 !important;}
.dashboard .item.one{ background:#f7f7f7;}
.dashboard .item.one .title span{ background:#6517ab;}
.dashboard .item.one .btn{ background:#6517ab;}
.dashboard .item.two{ background:#efefef;}
.dashboard .item.two .title span{ background:#666;}
.dashboard .item.two .btn{ background:#666;}
.dashboard .item.three{ background:#e1e1e1;}
.dashboard .item.three .title span{ background:#000;}
.dashboard .item.three .btn{ background:#000;}
.dashboard .item.four{ background:#e1e1e1;}
.dashboard .item.four .title span{ background:#000;}
.dashboard .item.four .btn{ background:#000;}
.dashboard .item.five{ background:#efefef;}
.dashboard .item.five .title span{ background:#666;}
.dashboard .item.five .btn{ background:#666;}
.dashboard .item.six .title span{ background:#919191;}
.dashboard .item.six .btn{ background:#919191;}
.dashboard .item.seven .title span{ background:#9f9f9f;}
.dashboard .item.seven .btn{ background:#9f9f9f;}

.dashboard .item.eleven{ background:#e1e1e1;}
.dashboard .item.eleven .title span{ background:#333;}
.dashboard .item.eleven .btn{ background:#333;}

.welcome{ width:100%; text-align:center; padding:20px 40px; display:flex; flex-wrap:nowrap; align-items:center; justify-content:center;}
.welcome .icona{ width:80px; height:80px; display:inline-block; line-height:80px; font-size:45px; font-weight:700; color:#fff; background:#6517ab; border-radius:50%; margin:0 10px;}
.welcome .title{max-width:calc(100% - 100px);}
.welcome .title h2{  font-size:36px; line-height:40px; text-transform:uppercase; text-align:left; font-weight:700; margin:0 10px;}



/*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:#333; 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:#e00078;}
.dashboard-operatore .item .btn:hover{ background:#333;}
.dashboard-operatore .item.one{ background:rgba(34, 112, 185, 0.3);}
.dashboard-operatore .item.one .btn{ background:#3b6b99;}
.dashboard-operatore .item.one h2:before{ background:#3b6b99; content:"\f783";}
.dashboard-operatore .item.two .btn{ background:#e00078;}
.dashboard-operatore .item.two h2:before{ background:#e00078; 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:#4d5d6c; 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:#333; 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:#e00078;}
.cruscotto .item .btn:hover{ background:#333;}
.cruscotto .item.one{ border-left:5px solid #3b6b99;}
.cruscotto .item.one .btn{ background:#3b6b99;}
.cruscotto .item.one:before{ content:"\f0ce";}
.cruscotto .item.two{ border-left:5px solid #e00078;}
.cruscotto .item.two .btn{ background:#e00078;}
.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:#33353F; 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:#33353F; 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:#0088cc; 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:#33353F; 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:#0088cc; 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:#4d5d6c; 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:#4d5d6c; 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; color:#33353F;}
.tabella-tabellaokrtrimestrale table{ font-size:14px;}
.tabella-tabellaokrtrimestrale table tbody > tr > th{ padding:7px 15px; border:1px solid #efefef;}
.tabella-tabellaokrtrimestrale table tbody > tr > td{ padding:7px 15px; border:1px solid #efefef;}
.tabella-tabellaokrtrimestrale table tbody > tr > th{ background:#4d5d6c; color:#fff; padding:7px 15px; text-transform:uppercase; border-bottom:2px solid #f7f7f7;}
.tabella-tabellaokrtrimestrale table tbody > tr:nth-child(even){ background:#f7f7f7;}
.tabella-tabellaokrtrimestrale table tbody > tr:nth-child(odd){ background:#fff;}
.tabella-tabellaokrtrimestrale .btn{ padding:5px 10px; border-radius:0px;}
.tabella-tabellaokrtrimestrale .btn-risultati{ background:#e00078;}
.tabella-tabellaokrtrimestrale .btn-risultati:hover{ background:#e00078;}
.tabella-tabellaokrtrimestrale .btn-risultati.openrisultati{ background:#dd3d3e;}
.tabella-tabellaokrtrimestrale .btn-risultati.openrisultati:hover{ background:#dd3d3e;}
.tabella-tabellaokrtrimestrale .btn-documenti{ background:#a13f8a;}
.tabella-tabellaokrtrimestrale .btn-documenti:hover{ background:#a13f8a;}
.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;}

.actions.add-organigramma{ float:right; margin-top:25px;}
.actions.add-organigramma a{ margin-left:10px;}
.actions.add-organigramma a:first-child{ margin-left:0px;}
.actions.view-organigramma{ width:100%; text-align:center; float:left; margin-top:30px; padding-top:30px; border-top:1px dotted #e1e1e1;}
.actions.view-organigramma a{ display:inline-block;}
.tabella-tabellaokrtrimestrale.organigramma{ width:100%; float:left;}
.tabella-tabellaokrtrimestrale.organigramma table{ margin-top:0px;}
.tabella-tabellaokrtrimestrale.organigramma .gestione{ width:150px; text-align:center;}
.tabella-tabellaokrtrimestrale.organigramma .schedadivalorizzazione{ width:280px; text-align:center;}
.tabella-tabellaokrtrimestrale.organigramma .contrattodiposizione{ width:220px; text-align:center;}
.tabella-tabellaokrtrimestrale.organigramma .okrrisultati .btn{ font-size:11px; padding:4px 10px; text-transform:uppercase;}
.tabella-tabellaokrtrimestrale.organigramma .okrrisultati .gestioneruolo{ width:200px; text-align:center;}
.tabella-tabellaokrtrimestrale.organigramma .okrrisultati .contratto{ width:200px; text-align:center;}
.tabella-tabellaokrtrimestrale.organigramma .btn-scarica-contratto-posizione{ background:#e00078;}
.tabella-tabellaokrtrimestrale.organigramma .btn-scarica-contratto-posizione:hover{ background:#e00078;}



.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:#33353F; 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:#4d5d6c; 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:#33353F; 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:#33353F; text-align:center; border-left:1px solid #efefef; background:#f7f7f7;}
.tabella-bilancio .tabella .item .incidenza-anno-precedente{ width:15%; padding:7px; color:#33353F; text-align:center; border-left:1px solid #efefef; background:#f7f7f7;}
.insert-bilancio{ width:100%; max-width:600px; border-radius:0px; margin:40px 0 0 0; float:left;}
.insert-bilancio .row + .row{ margin-top:10px;}
.insert-bilancio .btn{ border-radius:0px;}
.insert-bilancio textarea{ height:70px; resize:none;}
.insert-bilancio label{ color:#33353F; font-weight:700;}

.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:#33353F; 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:#4d5d6c; 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:#33353F; 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:#000; font-weight:700; margin-top:0px;}
.form-popup .btn{ padding:15px 30px; text-transform:uppercase; box-shadow:none; border:0px; border-radius:0px; font-weight:700; }
.form-popup .btn.btn-default{ background:#333; color:#fff;}
.form-popup .btn.btn-default:hover{ background:#000 !important;}
.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 label span a{ font-weight:700; text-transform:uppercase; font-size:13px; margin-left:10px;}
.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:#333;}

.cruscotto-utente-wrap{ margin:0 -10px;}
.cruscotto-utente{ width:25%; float:left; padding:0 10px;}
.cruscotto-utente .inner{ width:100%; float:left; padding:20px; background:#f7f7f7; text-align:center;}
.cruscotto-utente .inner .nome{ font-size:18px; text-transform:uppercase; font-weight:700; color:#000; margin-bottom:10px;}

#chart-container{ width:100%; float:left; text-align:center; border:0px !important;}
#chart-container .orgchart{ }
#chart-container .orgchart .node .title{ padding:10px; font-size:16px; font-weight:700; background:#0088cc; height:auto; width:auto; min-width:150px;}
#chart-container .orgchart .node .content{ padding:5px 10px; height:auto; font-size:14px; border-color:#e1e1e1; width:100%;}
#chart-container .orgchart .node .title .symbol{ display:none;}
#chart-container .orgchart .node .edge{ display:none;}
#chart-container .orgchart .lines .downLine{ background:#e1e1e1;}
#chart-container .orgchart .lines > td{ border-color:#e1e1e1;}
#chart-container .orgchart .node:hover{ background:#e1e1e1; border-radius:5px;}

.action-save-organigramma{ width:100%; float:left; text-align:center; padding-top:30px; margin-top:30px; border-top:1px dotted #e1e1e1;}
.alert-organigramma{ width:100%; float:left; margin-top:10px; height:auto; line-height:40px; text-align:center; padding:7px 20px; background:#b6e0c1; color:#000;}
.actions.page-organigramma{ width:auto; float:right; margin-top:30px;}
.actions.page-organigramma .btn{ background:#999; border-color:#999;}
.actions.page-organigramma .btn:hover{ background:#000; border-color:#000;}

.actions .btn.back-page{ background:#999; border-color:#999;}
.actions .btn.back-page:hover{ background:#000; border-color:#000;}

.popup-schedavalorizzazione h4{ display:inline-block; font-weight:700; color:#333; vertical-align:middle}
.popup-schedavalorizzazione .btn-guida{ display:inline-block; margin-left:20px; background:#3b6b99; color:#fff; border-radius:3px; padding:5px 10px; vertical-align:middle; text-decoration:none;}
.popup-schedavalorizzazione .btn-guida:hover{ background:#222;}

.popup-schedavalorizzazione h5{ font-weight:700; color:#999;}
.popup-schedavalorizzazione .valutazione-wrap{ margin:0 -10px;}
.popup-schedavalorizzazione .valutazione-wrap .valutazione{ width:50%; float:left; padding:0 10px; margin-bottom:10px;}
.popup-schedavalorizzazione .valutazione-container{ width:100%; float:left;}
.popup-schedavalorizzazione .indicevalutazione{ margin:0 -5px;}
.popup-schedavalorizzazione .indicevalutazione .data, .popup-schedavalorizzazione .indicevalutazione .valutazioneindice{ width:50%; float:left; padding:0 5px; margin-bottom:10px;}
.popup-schedavalorizzazione .valutazione-wrap.analisimotivazionale .valutazione textarea{ height:100px; margin-top:5px;}

.popup-schedavalorizzazione .pianovalorizzazione{ margin:0 -5px;}
.popup-schedavalorizzazione .pianovalorizzazione .periodo, .popup-schedavalorizzazione .pianovalorizzazione .obiettivo, .popup-schedavalorizzazione .pianovalorizzazione .azione{ width:33.33%; float:left; padding:0 5px; margin-bottom:10px;}

.popup-contratto h4{ font-weight:700; color:#333;}
.popup-contratto .form-group input + input{ margin-top:5px;}
.popup-contratto .form-group input[type="checkbox"]{ margin:5px 7px 0 0; float:left;}

#chart-container{ text-align:center; overflow:auto;}
#chart-container .orgchart{  margin-bottom:40px; }
.oc-export-btn{ display:none !important;  height:auto !important; min-height:60px !important;  width:auto !important; padding:10px 20px !important; overflow:hidden !important; padding-left:60px !important; position:relative !important; top:auto !important; right:auto !important; line-height:1 !important; font-size:20px !important; font-weight:700 !important; background:#999 !important; border:0px !important; border-radius:0px !important; text-transform:uppercase !important;}
.oc-export-btn:before{ content:""; width:30px; height:30px; position:absolute; background:url(/images/icon-download.png); background-size:100% auto; left:15px; top:15px;}
.oc-export-btn:hover{ background:#0088cc !important;}
.orgchart .node{ max-width:200px;}

.oc-export-btn-custom{  height:auto !important; min-height:60px !important; display:inline-block !important; width:auto !important; padding:10px 20px !important; overflow:hidden !important; padding-left:60px !important; position:relative !important; top:auto !important; right:auto !important;  font-size:20px !important; font-weight:700 !important; background:#999 !important; border:0px !important; border-radius:0px !important; text-transform:uppercase !important; cursor: pointer;  color: white !important;   line-height: 38px;}
.oc-export-btn-custom:before{ content:""; width:30px; height:30px; position:absolute; background:url(/images/icon-download.png); background-size:100% auto; left:15px; top:15px;}
.oc-export-btn-custom:hover{ background:#0088cc !important;}

.pagineguida { float: left; 	width: 100%; text-align: center; 	margin-top: 30px; }
.pagineguida p { color:#333;}

.lista-materiali .row{ display:flex; flex-wrap:wrap;}
.lista-materiali .row:before, .lista-materiali .row:after{ content:none;}
.lista-materiali .row > [class*="col-"]{  margin-bottom:30px;}
.lista-materiali .item{ width:100%; float:left; height:100%; background:#f7f7f7; padding:30px; position:relative;}
.lista-materiali .item:before{ content:"\f15c"; font-family:"Font Awesome 5 Free"; font-size:75px; line-height:75px; position:absolute; right:30px; top:30px; color:#e1e1e1; font-weight:700; z-index:1;}
.lista-materiali .item h2{ font-size:26px; line-height:32px; color:#000; margin-top:0px; margin-bottom:10px; letter-spacing:0px; font-weight:700; position:relative; z-index:2;}
.lista-materiali .item p{ position:relative; z-index:2;}
.lista-materiali .item .text .btn{ margin-top:10px; position:relative; z-index:2;}

.categorie-video .row{ display:flex; flex-wrap:wrap;}
.categorie-video .row:before, .lista-materiali .row:after{ content:none;}
.categorie-video .row > [class*="col-"]{  margin-bottom:30px;}
.categorie-video .item{ width:100%; float:left; height:100%; background:#f7f7f7; padding:30px; position:relative;}
.categorie-video .item:before{ content:"\f07b"; font-family:"Font Awesome 5 Free"; font-size:75px; line-height:75px; position:absolute; right:30px; top:30px; color:#4d5d6c; font-weight:700; z-index:1; opacity:0.1;}
.categorie-video .item h2{ font-size:26px; line-height:32px; color:#4d5d6c; margin-top:0px; margin-bottom:10px; letter-spacing:0px; font-weight:700; position:relative; z-index:2;}
.categorie-video .item p{ position:relative; z-index:2;}
.categorie-video .item .text .btn{ margin-top:10px; position:relative; z-index:2;}

.sottocategorie-video .row{ display:flex; flex-wrap:wrap;}
.sottocategorie-video .row:before, .lista-materiali .row:after{ content:none;}
.sottocategorie-video .row > [class*="col-"]{  margin-bottom:30px;}
.sottocategorie-video .item{ width:100%; float:left; height:100%; background:#f7f7f7; padding:30px; position:relative;}
.sottocategorie-video .item:before{ content:"\f07c"; font-family:"Font Awesome 5 Free"; font-size:75px; line-height:75px; position:absolute; right:30px; top:30px; color:#4d5d6c; font-weight:700; z-index:1; opacity:0.1;}
.sottocategorie-video .item h2{ font-size:26px; line-height:32px; color:#4d5d6c; margin-top:0px; margin-bottom:10px; letter-spacing:0px; font-weight:700; position:relative; z-index:2;}

.lista-video .row{ display:flex; flex-wrap:wrap;}
.lista-video .row:before, .lista-materiali .row:after{ content:none;}
.lista-video .row > [class*="col-"]{  margin-bottom:30px;}
.lista-video .item{ width:100%; float:left; height:100%; background:#fff; border:2px solid #f7f7f7; padding:30px; position:relative;}
.lista-video .item:before{ content:"\f144"; font-family:"Font Awesome 5 Free"; font-size:75px; line-height:75px; position:absolute; right:30px; top:30px; color:#4d5d6c; font-weight:700; z-index:1; opacity:0.1;}
.lista-video .item h2{ font-size:26px; line-height:32px; color:#4d5d6c; margin-top:0px; margin-bottom:10px; letter-spacing:0px; font-weight:700; position:relative; z-index:2;}
.lista-video .item p{ position:relative; z-index:2;}
.lista-video .item .text .btn{ margin-top:10px; position:relative; z-index:2;}

.actions.add-thread { float:right; margin-top:30px;}
.tabella-thread table{ width:100%; float:left; margin-top:20px; color:#33353F;}
.tabella-thread table{ font-size:14px;}
.tabella-thread table tbody > tr > th{ padding:7px 15px; border:1px solid #efefef;}
.tabella-thread table tbody > tr > td{ padding:7px 15px; border:1px solid #efefef;}
.tabella-thread table tbody > tr > th{ background:#4d5d6c; color:#fff; padding:7px 15px; text-transform:uppercase; border-bottom:2px solid #f7f7f7;}
.tabella-thread table tbody > tr:nth-child(even){ background:#f7f7f7;}
.tabella-thread table tbody > tr:nth-child(odd){ background:#fff;}
.tabella-thread table tbody > tr > td.titolo{ font-weight:700; color:#33353F;}
.tabella-thread table tbody > tr > .risposte{ font-weight:700; text-align:center;}
.tabella-thread table tbody > tr > .ultima{ text-align:right;}
.tabella-thread table tbody > tr > td.ultima{ line-height:15px;}
.tabella-thread table tbody > tr > td.ultima span{ font-size:12px;}
.tabella-thread table tbody > tr > td.gestione{ text-align:center;}

.thread{ width:100%; float:left; padding:30px; background:#f7f7f7; margin-bottom:40px;}
.thread .title h2{ font-size:26px; line-height:28px; color:#4d5d6c; margin-top:0px; margin-bottom:5px; letter-spacing:0px; font-weight:700; position:relative; z-index:2;}
.thread .data{ color:#4d5d6c; margin-bottom:20px;} 
.thread .text p{ position:relative; z-index:2;}
.thread .text p:last-child{ margin-bottom:0px;}
.thread .text .btn{ padding:10px 30px; font-size:18px;}

.lista-post .post{ clear:both; width:80%; margin:0 10%; float:left; padding:30px; padding-top:0px; background:#fff; border:2px solid #f7f7f7; margin-bottom:20px;}
.lista-post .post .data{ color:#4d5d6c; width:auto; display:inline-block; font-size:13px; line-height:26px; background:#f7f7f7; margin-bottom:20px; padding:5px 10px;} 
.lista-post .post .text p{ position:relative; z-index:2;}
.lista-post .post .text p:last-child{ margin-bottom:0px;}

.videoiframe { position: relative; padding-bottom: 56.25%; height: 0;}
.videoiframe iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

p:empty{ display:none;}

.tabella-base{ width:100%; float:left;}
.tabella-base h3{ font-size:20px; line-height:26px; text-transform:uppercase; font-weight:700; margin:0px; margin-bottom:20px;}
.tabella-base table{ width:100%; float:left; color:#000; font-size:14px;}
.tabella-base table tbody > tr > th{ padding:7px 15px; border-bottom:2px solid #f7f7f7;}
.tabella-base table tbody > tr > td{ padding:10px 15px; border-bottom:2px solid #f7f7f7;}
.tabella-base table tbody > tr > td a{ font-weight:700;}
.tabella-base table tbody > tr > td .btn{ margin-right:5px;}
.tabella-base table tbody > tr > td .btn:last-child{ margin-right:0px;}
.tabella-base table tbody > tr > th{ background:#333; color:#fff; padding:7px 15px; text-transform:uppercase; border-bottom:2px solid #f7f7f7;}
.tabella-base table tbody > tr:nth-child(odd){ background:#f7f7f7;}
.tabella-base table tbody > tr:nth-child(even){ background:#fff;}
.tabella-base table tbody .btn{ padding:5px 10px; font-size:11px; font-weight:300;}
.tabella-base table tbody .btn i{ font-size:12px; margin:0px;}

.tabella-base.schedario .nascondischedario{ background:#999;}
.tabella-base.schedario .nascondischedario.preferito {		background-color: #d4af37;	}
.tabella-base.schedario .gestione{ min-width:300px; text-align:center;}
.tabella-base.schedario .mostravisita ul{ margin:0px; padding:0px;}
.tabella-base.schedario .mostravisita li{ float:left; list-style:none; margin:0 5px 5px 0; color:#000; padding:3px 7px; border:1px solid #000;}
.tabella-base.schedario .mostravisita li:last-child{ margin-right:0px;}

.tabella-base.visite .gestione{ width:300px; text-align:center;}
.tabella-base.visite .mostravisita > td{ padding:20px 20px 40px 20px; background:#fff;}
.tabella-base.visite .tabella-visite-interna table{ border:2px solid #f7f7f7;}
.tabella-base.visite .tabella-visite-interna table tbody > tr > th{ background:#999; border-bottom:2px solid #f7f7f7; padding:5px 10px;}
.tabella-base.visite .tabella-visite-interna table tbody > tr > td{ border-bottom:2px solid #f7f7f7; padding:5px 10px;}
.tabella-base.visite .mostravisita ul{ margin:0px; padding:0px;}
.tabella-base.visite .mostravisita li{ float:left; list-style:none; margin:0 5px 5px 0; color:#000; padding:3px 7px; border:1px solid #000;}
.tabella-base.visite .mostravisita li:last-child{ margin-right:0px;}

.tabella-base.informatori .gestione{ width:200px; text-align:center;}

.tabella-base.statistiche1{ margin-bottom:30px;}
.tabella-base.statistiche1 table tbody > tr > th{ text-align:center;}
.tabella-base.statistiche1 table tbody > tr > td{ text-align:center;}
.tabella-base.statistiche1 table tbody > tr > th.mese{ background:#555; font-size:12px;}
.tabella-base.statistiche1 table tbody > tr > td.dato{ font-weight:700;}
.tabella-base.statistiche1 table tbody > tr > td.totale{ font-weight:700; font-size:16px;}

.tabella-base.statistiche2{ margin-bottom:30px;}
.tabella-base.statistiche2 table tbody > tr > th{ text-align:center;}
.tabella-base.statistiche2 table tbody > tr > td{ text-align:center;}
.tabella-base.statistiche2 table tbody > tr > td.mese{ width:150px; font-weight:700; background:#efefef;}
.tabella-base.statistiche2 table tbody > tr.totale > td{ font-weight:700; text-transform:uppercase; font-size:16px;}

.tabella-base.statistiche3 table tbody > tr > th.mese{ background:#555; font-size:12px;}
.tabella-base.statistiche3 table tbody > tr > th{ text-align:center;}
.tabella-base.statistiche3 table tbody > tr > td{ text-align:center;}
.tabella-base.statistiche3 table tbody > tr > td.dato{ font-weight:700;}
.tabella-base.statistiche3 table tbody > tr > td.totale{ font-weight:700; font-size:16px;}

.tabella-base .campionario{ width:75%;}
.tabella-base .campionario ul{ width:100%; margin:0px; padding:0px; display:flex; flex-wrap:wrap;}
.tabella-base .campionario ul li{ width:33.33%; float:left; list-style:none; padding:1px 0; border-bottom:1px solid #e1e1e1;}
.tabella-base .campionario ul li span{ min-width:35px; display:inline-block;}
.tabella-base .campionario ul li:last-child{ border:0px;}

.tabella-base.attivita .mostravisita > td{ padding:20px 20px 40px 20px; background:#fff;}
.tabella-base.attivita .tabella-visite-interna table{ border:2px solid #f7f7f7;}
.tabella-base.attivita .tabella-visite-interna table tbody > tr > th{ background:#999; border-bottom:2px solid #f7f7f7; padding:5px 10px;}
.tabella-base.attivita .tabella-visite-interna table tbody > tr > td{ border-bottom:2px solid #f7f7f7; padding:5px 10px;}


.panoramica-cruscotto{ margin-top:20px;}
.panoramica-cruscotto .row{ margin:0 -30px;}
.panoramica-cruscotto .row > [class*="col-"]{ padding:0 30px;}
.panoramica-cruscotto h3{ font-size:26px; line-height:32px; text-transform:uppercase; font-weight:700; margin:0px; margin-bottom:20px;}

.lista-news{ margin-top:40px;}
.lista-news .row{ margin:0 -30px;}
.lista-news .row > [class*="col-"]{ padding:0 30px;}
.lista-news .title h3{font-size:26px; line-height:32px; text-transform:uppercase; font-weight:700; margin:0px; margin-bottom:20px;}
.lista-news .item{ width:100%; float:left; position:relative; padding:30px 0; border-top:2px solid #f7f7f7;}
.lista-news .item .date{ width:80px; height:80px; position:absolute; z-index:2; left:0px; top:35px; background:#6517ab; z-index:1;}
.lista-news .item .date span.day{ width:100%; float:left; text-align:center; font-size:35px; line-height:40px; margin-top:7px; color:#fff; font-weight:900;}
.lista-news .item .date span.month{ width:100%; float:left; text-align:center; font-size:16px; line-height:20px; text-transform:uppercase; color:#fff; font-weight:300;}
.lista-news .item .text{ padding-left:110px; position:relative;}
.lista-news .item .text h2{ font-size:22px; line-height:28px; color:#000; margin-top:0px; letter-spacing:0px; font-weight:700;}
.lista-news .item .text p:last-child{ margin-bottom:0px;}
.lista-news .item .text .btn{ margin-top:10px;}

.dettaglio-news .image img{ max-width:100%; height:auto;}
.dettaglio-news .text h3.data{ font-size:16px; line-height:24px; color:#666; margin:0px; margin-bottom:5px;}
.dettaglio-news .text h2{ font-size:26px; line-height:32px; color:#000; margin-top:0px; letter-spacing:0px; font-weight:700;}

/*popup aggiungi prodotti*/
.aggiungiprodotto .row + .row{ margin-top:10px;}
.aggiungiprodotto .btn.btn-default{ padding:7px 15px; font-size:13px;}
.listaprodotti{ width:100%; float:left; margin-bottom:20px;}
.listaprodotti ul{ margin:0px; padding:0px;}
.listaprodotti li{ float:left; margin:0 5px 5px 0; list-style:none; padding:3px 7px; font-size:14px; color:#000; border:1px solid #000; font-weight:300;}
.listaprodotti li strong{ font-weight:300 !important;}
.listaprodotti li:last-child{ margin-right:0px;}
.listaprodotti li span a{ font-size:12px;}

.ui-autocomplete{ width:calc(100% - 60px); max-height:150px; overflow:auto; padding:0px; margin:0px; margin-top:-1px; background:#fff; border:1px solid #e1e1e1; box-sizing:border-box;}
.ui-autocomplete li{ list-style:none; cursor:pointer; font-size:15px; line-height:26px; border-bottom:1px solid #e1e1e1; padding:0 20px;}
.ui-autocomplete li:hover{ background:#6517ab; color:#fff;}
.ui-helper-hidden-accessible{ display:none !important;}

.combo-anno{ float:right; width:100%; max-width:150px; margin:0px; margin-top:25px;}
.combo-anno select{ width:100%; text-align:left;}

.checklist-informatori input[type="checkbox"]{ width:20px; height:20px; float:left; margin:0 10px 0 0; border-radius:0px; background:#fff; border:1px solid #ced4da;}
li.ui-timepicker-selected, .ui-timepicker-list li:hover, .ui-timepicker-list .ui-timepicker-selected:hover{background:#6517ab; color:#fff;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{background:#6517ab; color:#fff; border-color:#6517ab;}
.ui-corner-all, .ui-corner-all select{ border-radius:0px !important}

.paginazione{ width:100%; float:left; text-align:center; margin-top:30px;}
.paginazione .pagination{ display:inline-block;}
.paginazione li{ margin:0 5px; display:inline-block;}
.paginazione li a{ font-size:20px; padding:0 5px; line-height:30px; color:#000; text-decoration:none !important; }
.paginazione li a:hover{ color:#6517ab;}
.paginazione li.active a, .paginazione li.active a:hover{ background:none !important; font-weight:700; color:#6517ab;}

.filtri-pagina{ padding:20px; background:#f7f7f7;margin-bottom:20px;}
.filtri-pagina .item-wrap{ margin:0 -20px; display:flex; flex-wrap:nowrap; justify-content:center; }
.filtri-pagina .item{ float:left; padding:0 20px; display:flex; flex-wrap:nowrap; align-items:center; justify-content:space-between;}
.filtri-pagina .item input, .filtri-pagina .item select{ height:42px;}
.filtri-pagina .item label{ padding-right:20px; margin:0px;}
.filtri-pagina .item.ricerca{ width:auto;}
.filtri-pagina .item.ricerca input{ min-width:250px;}
.filtri-pagina .item.specialita{ width:auto;}
.filtri-pagina .item.specialita select{ min-width:250px;}
.filtri-pagina .item.azioni{ width:auto;}
.filtri-pagina .item.azioni .btn-default{ margin-left:5px;}

.chosen-container-single .chosen-single{ background:#fff; height:auto; padding:0.375rem 0.75rem; border:1px solid #e1e1e1; box-shadow:none; border-radius:0px;}
.chosen-container-single .chosen-single div b{ display:none;}
.chosen-container-active.chosen-with-drop .chosen-single{ background:#fff;}
.chosen-container .chosen-results{ max-height:150px;}
.chosen-container .chosen-results li.highlighted{ background:#6517ab; color:#fff;}
.chosen-container-active.chosen-with-drop .chosen-single{ border-color:#e1e1e1;}
.chosen-container .chosen-drop{ border-radius:0px; border:1px solid #e1e1e1; border-top-width:0px; background:#fff;}
.chosen-container-single .chosen-search input[type="text"]{ border:1px solid #e1e1e1;}

.filtri-statistiche{ float:right; margin-top:20px;}
.filtri-statistiche select{ width:150px; float:left;}
.filtri-statistiche select.informatori{ width:200px;}
.filtri-statistiche select.anno{ width:100px;}
.filtri-statistiche select + select{ margin-left:10px;}

.tabella-base.informatori .nome {width:25%;}
.tabella-base.informatori .lineeProdotti {width:15%;}
.tabella-base.informatori .zone {width:20%;}
.tabella-base.informatori .email {width:17%;}
.tabella-base.informatori .telefono {width:10%;}
.tabella-base.informatori .gestione {width:13%;}

.dashboard .aggiungivisitacruscotto{ display:none; width:100%; margin-bottom:20px;}
.dashboard .aggiungivisitacruscotto .wrap{ width:100%; text-align:center; padding:10px 0; border-bottom:1px solid #e1e1e1;  border-top:1px solid #e1e1e1;}
.dashboard .aggiungivisitacruscotto .wrap .btn{ background:#2859b4; color:#fff;}
.dashboard .aggiungivisitacruscotto .wrap .btn:hover, .dashboard .aggiungivisitacruscotto .wrap .btn:focus, .dashboard .aggiungivisitacruscotto .wrap .btn:active{ background:#222 !important; color:#fff;}

.bottonefiltri{ display:none;}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{ border-color:#6517ab; background:#6517ab;}

.changeorder{ color:#fff; position:relative; padding-right:15px;}
.changeorder:before{ content:"\f0dc"; font-family:"Font Awesome 5 Free"; text-align:center; font-size:14px; color:#fff; position:absolute; right:0px; font-weight:900;}
.changeorder:hover{ color:#fff;}	

.tabella-base table tbody > tr > td a.blu{ color:#2859b4;}
.tabella-base table tbody > tr > td a.blu:hover{ color:#2859b4;}

.messaggiomedicoduplicato{ padding:10px 20px; text-align:center; color:#000; background:#f9ed96; margin-bottom:20px;}

ul.nav > li.dropdown > ul.dropdown-menu > li.active > a {	font-weight: bold;}


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

@media only screen and (max-width: 1599px){
	html.boxed .body { max-width:100%;}
	.footer .container{ max-width:100%;}
}

@media only screen and (max-width: 1500px){
	
	.filtri-pagina .item.ricerca input, 
	.filtri-pagina .item.specialita select{ min-width:auto;}
	
	
}

@media only screen and (max-width: 1300px){
	
	.tabella-base table tbody > tr > td .btn{ margin:2.5px;}
	
	.filtri-pagina{ padding-bottom:10px;}
	.filtri-pagina .item-wrap{ flex-wrap:wrap; justify-content:left;}
	.filtri-pagina .item{ width:50% !important; float:left; margin-bottom:10px;}
	.filtri-pagina .item input{ width:100% !important;}
	.filtri-pagina .item label{ min-width:150px;}
	.filtri-pagina .item.azioni{ width:100% !important; padding-left:170px; text-align:left; justify-content:normal;}
	
	
}

@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:130px;}
	.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-radius: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;}
	.tab-navigation nav > ul li.nav-expanded > 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; color:#000 !important; border-radius:0px;}
	.tab-navigation nav > ul > li.nav-active > a, .tab-navigation nav > ul > li.nav-active > a:hover{ text-decoration:none !important;}
	
	.filtri-pagina .item{ width:100% !important;}
	
	.tab-navigation{ overflow:visible;}
	.tab-navigation nav > ul{ position:relative;}
	.tab-navigation nav > ul > li{ position:static;}
	.tab-navigation nav > ul > li > a{ padding:15px;}
	.tab-navigation nav > ul > li > ul{ position:absolute; padding:15px 15px; margin:0; border-radius:0px; left:0px; right:0px;}
	.tab-navigation nav > ul > li > ul > li{ width:auto; float:left; position:relative;}
	.tab-navigation nav > ul > li > ul > li > a{ font-size:14px; color:#000; padding:0px 10px; font-weight: normal; text-transform:uppercase; white-space:initial;}
	.tab-navigation nav > ul > li > a{ text-transform:uppercase;}
	
	
}

@media screen and (max-width: 767px) {
	
	html.has-tab-navigation .toggle-menu{ width:40px; height:40px; line-height:40px; top:8px;}

	
	html.has-tab-navigation .content-body{ padding:20px;}
	.inner-wrapper{ min-height:auto;}
	
	.richiediassistenza{ float:right; margin-top:16px;}
	
	html.dark .header .logo-container, html.header-dark .header .logo-container{ background:#fff; border-color:#fff; border-bottom:1px solid #e1e1e1;}
	html.dark .header .header-right, html.header-dark .header .header-right{ background:#fff; border-top:0px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
	.userbox:after{ height:61px;}
	html.dark .userbox:after, html.header-dark .userbox:after{ background:#e1e1e1;}
	
	.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 100%;  flex: 0 0 100%; max-width:100%;}
	
	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;}
	.lezione .answer{ padding: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;}
	
	.tab-navigation{ border-radius:0px; margin:0 -15px; margin-bottom:15px; margin-top:-15px;}
	.tab-navigation nav{}
	.tab-navigation nav > ul > li{ width:100%; border-bottom:1px solid #e1e1e1;}
	.tab-navigation nav > ul > li > a{ padding:10px 20px; width:100%; border-radius:0px !important; background:#fff !important; color:#111 !important; text-decoration:none;}
	.tab-navigation nav > ul > li.nav-active > a, .tab-navigation nav > ul > li.nav-active > a:hover{ background:#6517ab !important; color:#fff !important; text-decoration:none;}
	
	.download-pdf{ width:100%; float:left; margin-bottom:20px; text-align:center;}
	.agenda .table{ width:100%; display:inline-block;}
	
	.cruscotto-utente{ width:100%; margin-bottom:20px;}
	.cruscotto-utente:last-child{ margin-bottom:0px;}
	
	.tabella-tabellaokrtrimestrale{ width:100%; float:left; overflow:auto;}
	.tabella-posizionefinanziarianetta{ width:100%; float:left; overflow:auto;}
	
	.tabella-bilancio{ width:100%; float:left; overflow:auto;}
	.tabella-bilancio .tabella{ min-width:600px;}
	
	.tabella-budget{ width:100%; float:left; overflow:auto;}
	.tabella-budget .tabella{ min-width:600px;}
	
	.line-filter{ padding:5px 0;}
	.line-filter .item { margin:5px 0;}
	.line-filter .item .text{ min-width:100px !important;}
	
	.form-popup{ width:100%; float:left; padding:20px;}
	
	.actions.add-organigramma{ float:right; margin:0px;}
	.actions.add-organigramma .btn + .btn{ margin-left:5px;}
	.actions.add-organigramma .btn{ font-size:12px; padding:10px 10px;}
	.actions.add-organigramma .btn i{ font-size:12px;}
	
	.userbox{ padding-right:10px;}
	.userbox > a{ padding-right:0px;}
	.userbox .name, .userbox .role{ max-width:150px;}
	.userbox .dropdown-menu{ left:0px !important;}
	.userbox .custom-caret{ margin-right:10px;}
	.userbox:after{ right:0px;}
	.userbox.show .dropdown-menu{ padding-top:34px;}
	
	.body-sign .card-sign .card-body{ padding:30px;}
	
	.dashboard .item{ padding:30px;}
	.dashboard .item h2{ line-height:32px; padding-top:5px; min-height:48px;}
	.dashboard .item h3 br{ display:none;}
	.dashboard .item .btn{ width:100%;}
	
	.lista-news .item .image{ margin-bottom:20px;}
	.dettaglio-news .image{ margin-bottom:20px;}
	
	.lista-materiali .item .btn{ width:100%;}
	.lista-materiali .item .btn + .btn{ margin-top:5px;}
	
	.fancybox-slide--iframe .fancybox-content{ background:none !important;}
	
	.tabella-tabellaokrtrimestrale table tbody > tr > th{ display:none;}
	.tabella-tabellaokrtrimestrale table tbody > tr{ border-bottom:1px solid #e1e1e1;}
	.tabella-tabellaokrtrimestrale table tbody > tr:first-child{ border:0px;}
	.tabella-tabellaokrtrimestrale table tbody > tr:last-child{ border:0px;}
	.tabella-tabellaokrtrimestrale table tbody > tr > td{ width:100% !important; float:left !important; display:inline-block; text-align:center; vertical-align:middle; background:none !important; display:block; padding:0px; border:0px; line-height:22px; padding:0px 15px; margin-bottom:5px;}
	.tabella-tabellaokrtrimestrale table tbody > tr > td:before{ content:attr(data-label); width:100%; display:inline-block; text-align:center; vertical-align:middle; margin-bottom:0px; font-size:14px; line-height:20px; font-weight:700; text-transform:uppercase;}
	.tabella-tabellaokrtrimestrale table tbody > tr > td:first-child{ padding-top:10px;}
	.tabella-tabellaokrtrimestrale table tbody > tr > td:last-child{ border:0px; padding-bottom:10px;}
	.tabella-tabellaokrtrimestrale table tbody > tr > td.gestione:before{ display:none;}
	
	.actions.add-thread{ float:left; margin:0px;}
	
	.tabella-thread table tbody > tr > th{ display:none;}
	.tabella-thread table tbody > tr{ border-bottom:1px solid #e1e1e1;}
	.tabella-thread table tbody > tr:first-child{ border:0px;}
	.tabella-thread table tbody > tr:last-child{ border:0px;}
	.tabella-thread table tbody > tr > td{ width:100% !important; float:left !important; display:inline-block; text-align:center; vertical-align:middle; background:none !important; display:block; padding:0px; border:0px; line-height:22px; padding:0px 15px; margin-bottom:5px;}
	.tabella-thread table tbody > tr > td:before{ content:attr(data-label); width:100%; display:inline-block; text-align:center; vertical-align:middle; margin-bottom:0px; font-size:14px; line-height:20px; font-weight:700; text-transform:uppercase;}
	.tabella-thread table tbody > tr > td:first-child{ padding-top:10px;}
	.tabella-thread table tbody > tr > td:last-child{ border:0px; padding-bottom:10px;}
	.tabella-thread table tbody > tr > .ultima{ text-align:center; margin-bottom:10px;}
	.tabella-thread table tbody > tr > td.titolo{ font-size:17px; margin-bottom:15px;}
	.tabella-thread table tbody > tr > td.gestione:before{ display:none;}
	
	.thread .text .btn{ width:100%;}
	.thread .text .btn + .btn{ margin-top:5px;}
	
	.lista-post .post{ width:90%; margin:0 5%;}
	
	.fancybox-slide{ padding:30px !important;}
	
	.thread .title h2{ font-weight:400;}
	
	.categorie-video .row > [class*="col-"]{ margin-bottom:10px;}
	.sottocategorie-video .row > [class*="col-"]{ margin-bottom:10px;}
	
	.dashboard .item .title span{ width:32px; height:32px; line-height:32px; font-size:14px; margin-right:10px;}
	.dashboard .item .title h2{ font-size:24px; width:calc(100% - 42px);}
	
	.welcome{ display:block; padding:30px;}
	.welcome .title { max-width:100%; margin-top:20px;}
	.welcome .title h2{ font-size:30px; line-height:36px; text-align:center;}
	
	.tabella-base table tbody > tr > th{ display:none;}
	.tabella-base table tbody > tr{ border-bottom:1px solid #e1e1e1;}
	.tabella-base table tbody > tr:first-child{ border:0px;}
	.tabella-base table tbody > tr:last-child{ border:0px;}
	.tabella-base table tbody > tr > td{ width:100% !important; float:left !important; display:inline-block; text-align:left !important; vertical-align:middle; background:none !important; display:block; padding:0px; border:0px; line-height:22px; padding:0px 15px; margin-bottom:5px;}
	.tabella-base table tbody > tr > td:before{ content:attr(data-label); width:100%; display:inline-block; text-align:left; vertical-align:middle; margin-bottom:0px; font-size:13px; line-height:20px; font-weight:300; text-transform:uppercase; color:#666;}
	.tabella-base table tbody > tr > td:first-child{ padding-top:10px;}
	.tabella-base table tbody > tr > td:last-child{ border:0px; padding-bottom:10px;}
	.tabella-base table tbody > tr > .ultima{ text-align:center; margin-bottom:10px;}
	.tabella-base table tbody > tr > td.titolo{ font-size:17px; margin-bottom:15px;}
	.tabella-base table tbody > tr > td.gestione:before{ display:none;}
	
	.tabella-base.statistiche1 table tbody > tr > td.mese{ width:50% !important; float:left !important;}
	.tabella-base.statistiche3 table tbody > tr > td.mese{ width:50% !important; float:left !important;}
	
	.tabella-base.visite .tabella-visite-interna table tbody > tr > td:last-child{ padding-bottom:0px; border-bottom-width:0px;}
	
	.filtri-pagina .item label{ min-width:100px; font-size:13px;}
	.filtri-pagina .item.azioni{ padding-left:120px;}
	
	.tab-navigation nav > ul > li{ margin-right:0px;}
	.tab-navigation nav > ul > li > ul{ position:static; padding:15px 20px;}
	.tab-navigation nav > ul > li > ul > li{ width:100%; padding:5px 0; border-bottom:1px solid #e1e1e1;}
	.tab-navigation nav > ul > li > ul > li:first-child{ padding-top:0px;}
	.tab-navigation nav > ul > li > ul > li:last-child{ padding-bottom:0px; border:0px;}
	.tab-navigation nav > ul > li > ul > li > a{ padding:0px; width:100%; font-size:13px;}
	.tab-navigation nav > ul > li.nav-expanded > ul{ border:0px;}
	.tab-navigation nav > ul > li:hover:not(.nav-expanded) > a{ color:#000 !important;}
	.tab-navigation nav > ul > li.nav-active:hover > a{ color:#fff !important;}
	.tab-navigation nav > ul > li > ul > li > a:hover, .tab-navigation nav > ul > li > ul > li > a:focus{ text-decoration:none;}
	
	html.has-tab-navigation .content-body.menuaperto{ padding-top:20px;}
	
	.bottonefiltri{ width:100%; margin-bottom:10px; display:block; float:left; text-align:center; padding-top:10px; border-top:1px solid #e1e1e1;}
	.bottonefiltri .btn{ float:none; padding-left:35px; position:relative; font-size:12px;}
	.bottonefiltri .btn:before{ content:"\f0b0"; font-family:"Font Awesome 5 Free"; text-align:center; font-size:14px; color:#fff; position:absolute; left:10px; font-weight:900;}
	.filtri-pagina{ display:none; width:100%; float:left;}
	
	.tabella-base .campionario ul li{ width:50%; position:relative; padding-left:40px; padding-right:5px;}
	.tabella-base .campionario ul li span{ position:absolute; left:0px;}
	
	.filtri-statistiche{ width:100%; margin-bottom:10px; display:block; float:left; text-align:center; margin-top:0px; padding-bottom:10px; border-bottom:1px solid #e1e1e1;}
	.filtri-statistiche select{ width:100% !important; margin-left:0px !important; margin-right:0px !important; margin-bottom:10px;}	
	
	.tabella-base.campionario table tbody > tr > td.campione:before{ display:none;}
	.tabella-base.campionario table tbody > tr > td.campione{ font-weight:700;}
	.tabella-base.campionario table tbody > tr > td.quantita:before{ width:auto; float:left; margin-right:20px;}
	.tabella-base.campionario table tbody > tr > td.quantita{ float:right; font-weight:700;}
	
}

@media screen and (max-width: 640px) {
	
	html.has-tab-navigation .page-header{ width:100%;}
	.page-header.page-header-left-breadcrumb h2{ padding-right:0px;}
	.actions.add-organigramma{ width:100%; float:left; padding:10px 0; text-align:center; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; margin-bottom:10px;}
	
	.dashboard .aggiungivisitacruscotto{ display:block;}
	
	.bottonefiltri{ padding-top:0px; border:0px;}
	
	.footer p{ font-size:12px; line-height:18px;}
	
	.body-sign .logo img{ height:65px;}
	
	.tabella-base .campionario ul li{ width:100%;}
	
	
	.fancybox-slide{ padding:20px !important;}
	.fancybox-slide--iframe .fancybox-content{ height:100%; max-height:100%;}
	
	body.fancybox-active{ overflow:hidden !important;}
	
	
}



.fancybox-stage {
    display: block !important;
}