/** {
    //font-family: 'Work Sans', sans-serif;
    
}*/
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 100%; } }
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 100%; } }
@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 100%; } }
@-ms-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 100%; } }
@-o-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 100%; } }
/*-------------------- slide_zoom_in --------------------*/
@keyframes slide_zoom_in {
  0% {
    transform: scale(1);
    /* Standard Property */
    transform-origin: 50% 50%;
    /* Standard Property */ }
  100% {
    transform: scale(1.06);
    /* Standard Property */
    transform-origin: 50% 50%;
    /* Standard Property */ } }
@-webkit-keyframes slide_zoom_in {
  0% {
    -webkit-transform: scale(1);
    /* Safari And Chrome */
    -webkit-transform-origin: 50% 50%; }
  100% {
    -webkit-transform: scale(1.06);
    /* Safari And Chrome */
    -webkit-transform-origin: 50% 50%; } }
@-moz-keyframes slide_zoom_in {
  0% {
    -moz-transform: scale(1);
    /* Firefox */
    -moz-transform-origin: 50% 50%; }
  100% {
    -moz-transform: scale(1.06);
    /* Firefox */
    -moz-transform-origin: 50% 50%; } }
@-o-keyframes slide_zoom_in {
  0% {
    -o-transform: scale(1);
    /* Opera */
    -o-transform-origin: 50% 50%; }
  100% {
    -o-transform: scale(1.06);
    /* Opera */
    -o-transform-origin: 50% 50%; } }
@-ms-keyframes slide_zoom_in {
  0% {
    -ms-transform: scale(1);
    /* Standard Property */
    -ms-transform-origin: 50% 50%;
    /* Standard Property */ }
  100% {
    -ms-transform: scale(1.06);
    /* Standard Property */
    -ms-transform-origin: 50% 50%;
    /* Standard Property */ } }
/*-------------------- slide_zoom_out --------------------*/
@keyframes slide_zoom_out {
  100% {
    transform: scale(1);
    /* Standard Property */
    transform-origin: 50% 50%;
    /* Standard Property */ } }
@-webkit-keyframes slide_zoom_out {
  100% {
    -webkit-transform: scale(1);
    /* Safari And Chrome */
    -webkit-transform-origin: 50% 50%; } }
@-moz-keyframes slide_zoom_out {
  100% {
    -moz-transform: scale(1);
    /* Firefox */
    -moz-transform-origin: 50% 50%; } }
@-o-keyframes slide_zoom_out {
  100% {
    -o-transform: scale(1);
    /* Opera */
    -o-transform-origin: 50% 50%; } }
@-ms-keyframes slide_zoom_out {
  100% {
    -ms-transform: scale(1);
    /* Standard Property */
    -ms-transform-origin: 50% 50%;
    /* Standard Property */ } }
/*@media (min-aspect-ratio: 16/9) {}
@media (max-aspect-ratio: 16/9) {}
@media only screen and (max-height: 800px) and (min-width: 1024px) {}
@media only screen and (max-width: 1700px) {}
@media only screen and (min-width: 1440px) {}
@media only screen and (max-width: 1600px) {}
@media only screen and (max-width: 1440px) {}
@media only screen and (max-width: 1280px) {}
@media only screen and (max-width: 1279px) {}
@media only screen and (max-width: 1120px) {}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) {}
@media only screen and (max-width: 1024px) {}
@media only screen and (max-width: 1023px) {}
@media only screen and (max-width: 1009px) {}
@media only screen and (max-width: 700px) {}
@media only screen and (max-width: 560px) {}
@media only screen and (max-width: 370px) {}*/
/*Standard 
@media all and (max-width: 1690px) { ...}
@media all and (max-width: 1280px) { ...}
@media all and (max-width: 980px) { ... }
@media all and (max-width: 736px) { ... }
@media all and (max-width: 480px) { ... }
Standard 
@media all and (min-width:1200px){ ... }
@media all and (min-width: 960px) and (max-width: 1199px) { ... }
@media all and (min-width: 768px) and (max-width: 959px) { ... }
@media all and (min-width: 480px) and (max-width: 767px){ ... }
@media all and (max-width: 599px) { ... }
@media all and (max-width: 479px) { ... }
Bootstrap 
@media all and (max-width: 991px) { ... }
@media all and (max-width: 768px) { ... }
@media all and (max-width: 480px) { ... }
Bootstrap
@media all and (max-width: 1199px) { ... } 
@media all and (max-width: 991px) { ... } 
@media all and (max-width: 768px) { ... } 
@media all and (max-width: 575px) { ... }
Material Design
@media all and (max-width: 1024px) { ... } 
@media all and (max-width: 839px) { ... } 
@media all and (max-width: 480px) { ... }*/
/*
@media (min-width: 576px) { ... }
@media (min-width: 768px) { ... }
@media (min-width: 992px) { ... }
*/
/*$devices: (
tablet: "(min-width: 768px) and (max-width: 1023px)",
desktop: "(min-width: 1024px)",
);*/
* {
  /*@include transition(background-color, 0.2s, 0s);
  @include transition(color, 0.15s, 0s);
  @include transition(opacity, 0.15s, 0s);*/
  transition: background-color 0.2s cubic-bezier(0.59, 0.36, 0.39, 0.715) 0s, color 0.2s cubic-bezier(0.59, 0.36, 0.39, 0.715) 0s, opacity 0.2s cubic-bezier(0.59, 0.36, 0.39, 0.715) 0s;
  outline: none;
  text-rendering: optimizeLegibility;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: none;
  cursor: default;
  -webkit-overflow-scrolling: touch;
  -webkit-appearance: none;
  font-weight: 300; }

*, *:active, *:focus {
  -webkit-font-smoothing: antialiased;
  outline: none !important;
  text-rendering: optimizeLegibility;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.01);
  box-shadow: none; }

[type=button], button {
  -webkit-appearance: none; }

a {
  cursor: pointer;
  text-decoration: none;
  /*@include breakpoint(xlarge) {
      display: inline;
      position: relative;
  }*/ }
  a * {
    cursor: pointer; }
  a:hover {
    text-decoration: none; }
    @media only screen and (min-width: 1200px) {
      a:hover {
        text-decoration: underline; } }

h1, h2, h3, h4, h5, html body .main main .pannello-area.editor .box h6, html body .main main .editor.pannello-contenuto .box h6, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: inherit;
  margin-bottom: .15rem; }

h1, .h1 {
  font-size: 1.675rem; }

h2, .h2 {
  font-size: 1.115rem; }

h3, .h3 {
  font-size: 1.1675rem;
  font-weight: 700; }

h4, .h4 {
  font-size: 1rem;
  font-weight: 600; }

h5, html body .main main .pannello-area.editor .box h6, html body .main main .editor.pannello-contenuto .box h6, .h5 {
  font-size: 1rem;
  font-weight: 700; }

h6, .h6 {
  font-size: 1rem;
  font-weight: 400; }

.small span,
small span {
  font-weight: 600;
  color: #dc3545; }

.text-red {
  color: #dc3545;
  font-weight: 700 !important; }

.badge {
  font-size: .785rem;
  font-weight: 400; }
  .badge * {
    font-weight: 400; }
  .badge strong {
    font-weight: 600; }

em {
  font-style: italic !important; }

img {
  display: block;
  max-width: 100%; }

.btn,
a.btn {
  line-height: 40px;
  font-size: .65rem;
  text-transform: uppercase;
  font-weight: 400;
  padding: 0 15px;
  border: none;
  margin-right: 0;
  margin-bottom: 10px;
  vertical-align: middle;
  background-color: #b3b3b3;
  color: #ffffff;
  display: block;
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .btn,
    a.btn {
      line-height: 50px;
      font-size: .75rem;
      padding: 0 35px;
      margin-right: 30px;
      font-weight: 700;
      margin-bottom: 0;
      display: inline-block;
      width: auto; } }
  .btn:not([href]),
  a.btn:not([href]) {
    color: #ffffff;
    background-color: #b3b3b3; }
  .btn:last-child,
  a.btn:last-child {
    margin-right: 0; }
  .btn-lg,
  a.btn-lg {
    line-height: 65px;
    font-weight: 600;
    font-size: .785rem;
    min-width: 200px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.35); }
    .btn-lg:focus,
    a.btn-lg:focus {
      box-shadow: 0 3px 8px rgba(0, 0, 0, 0.35); }
  .btn-sm,
  a.btn-sm {
    line-height: 35px; }
  .btn-small,
  a.btn-small {
    line-height: 35px;
    padding: 0 5px;
    font-weight: 400; }
    @media only screen and (min-width: 768px) {
      .btn-small,
      a.btn-small {
        padding: 0 15px;
        margin-right: 10px; } }
  .btn-primary,
  a.btn-primary {
    color: #ffffff;
    background-color: #ed1e79; }
    .btn-primary:not([href]),
    a.btn-primary:not([href]) {
      color: #ffffff;
      background-color: #ed1e79; }
    .btn-primary:hover, .btn-primary:focus, .btn-primary:active,
    a.btn-primary:hover,
    a.btn-primary:focus,
    a.btn-primary:active {
      color: #ffffff !important;
      background-color: #7c4dff !important; }
  .btn-secondary,
  a.btn-secondary {
    color: #ffffff;
    background-color: #3fa9f5; }
    .btn-secondary:not([href]),
    a.btn-secondary:not([href]) {
      color: #ffffff;
      background-color: #3fa9f5; }
    .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active,
    a.btn-secondary:hover,
    a.btn-secondary:focus,
    a.btn-secondary:active {
      color: #ffffff !important;
      background-color: #7c4dff !important; }
  .btn-save,
  a.btn-save {
    color: #ffffff;
    background-color: #00c099; }
    .btn-save:not([href]),
    a.btn-save:not([href]) {
      color: #ffffff;
      background-color: #00c099; }
    .btn-save:hover, .btn-save:focus, .btn-save:active,
    a.btn-save:hover,
    a.btn-save:focus,
    a.btn-save:active {
      color: #ffffff !important;
      background-color: #7c4dff !important; }
  .btn-back,
  a.btn-back {
    color: #ffffff;
    background-color: #2d6cb5; }
    .btn-back:not([href]),
    a.btn-back:not([href]) {
      color: #ffffff;
      background-color: #2d6cb5; }
    .btn-back:hover, .btn-back:focus, .btn-back:active,
    a.btn-back:hover,
    a.btn-back:focus,
    a.btn-back:active {
      color: #ffffff !important;
      background-color: #7c4dff !important; }
  .btn-delete,
  a.btn-delete {
    color: #ffffff;
    background-color: #f15a24; }
    .btn-delete:not([href]),
    a.btn-delete:not([href]) {
      color: #ffffff;
      background-color: #f15a24; }
    .btn-delete:hover, .btn-delete:focus, .btn-delete:active,
    a.btn-delete:hover,
    a.btn-delete:focus,
    a.btn-delete:active {
      color: #ffffff !important;
      background-color: #7c4dff !important; }
  .btn-send,
  a.btn-send {
    color: #ffffff;
    background-color: #3fa9f5; }
    .btn-send:not([href]),
    a.btn-send:not([href]) {
      color: #ffffff;
      background-color: #3fa9f5; }
    .btn-send:hover, .btn-send:focus, .btn-send:active,
    a.btn-send:hover,
    a.btn-send:focus,
    a.btn-send:active {
      color: #ffffff !important;
      background-color: #7c4dff !important; }
  .btn-teaser,
  a.btn-teaser {
    color: #ffffff;
    background-color: #d5e628; }
    .btn-teaser:not([href]),
    a.btn-teaser:not([href]) {
      color: #ffffff;
      background-color: #d5e628; }
    .btn-teaser:hover, .btn-teaser:focus, .btn-teaser:active,
    a.btn-teaser:hover,
    a.btn-teaser:focus,
    a.btn-teaser:active {
      color: #ffffff !important;
      background-color: #7c4dff !important; }
  .btn-newsletter,
  a.btn-newsletter {
    color: #ffffff;
    background-color: #00c099; }
    .btn-newsletter:not([href]),
    a.btn-newsletter:not([href]) {
      color: #ffffff;
      background-color: #00c099; }
    .btn-newsletter:hover, .btn-newsletter:focus, .btn-newsletter:active,
    a.btn-newsletter:hover,
    a.btn-newsletter:focus,
    a.btn-newsletter:active {
      color: #ffffff !important;
      background-color: #7c4dff !important; }
  .btn:hover,
  a.btn:hover {
    border: none;
    color: #ffffff !important;
    background-color: #7c4dff !important; }
  .btn:active,
  a.btn:active {
    color: inherit;
    background-color: inherit;
    border: none; }
  .btn:focus,
  a.btn:focus {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4); }
  .btn .ico,
  a.btn .ico {
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -4px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent; }
    .btn .ico-nuova,
    a.btn .ico-nuova {
      background-image: url(../img/nuova.svg); }
    .btn .ico-pregresso,
    a.btn .ico-pregresso {
      background-image: url(../img/pregresso.svg); }
    .btn .ico-salva,
    a.btn .ico-salva {
      background-image: url(../img/salva.svg); }
    .btn .ico-back,
    a.btn .ico-back {
      background-image: url(../img/back.svg); }
    .btn .ico-annulla,
    a.btn .ico-annulla {
      background-image: url(../img/annulla.svg); }
    .btn .ico-elimina,
    a.btn .ico-elimina {
      background-image: url(../img/elimina.svg); }
    .btn .ico-invia,
    a.btn .ico-invia {
      background-image: url(../img/invia2.svg); }
    .btn .ico-info,
    a.btn .ico-info {
      background-image: url(../img/info.svg); }
  .btn-info,
  a.btn-info {
    padding: 0 15px; }
    .btn-info .ico,
    a.btn-info .ico {
      margin-right: 0; }

.clear, .clearer, .cleared {
  clear: both;
  height: 0px;
  overflow: hidden;
  -webkit-overflow-scrolling: touch; }

.col-20 {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%; }

.bg-light {
  background-color: #f2f2f2 !important; }

input, textarea, select, .selectric-wrapper .selectric, .tagify, html body .main main .pannello-area.editor .box a.url, html body .main main .editor.pannello-contenuto .box a.url {
  padding: 0 10px;
  border-radius: 30px;
  line-height: 30px;
  border: solid 1px #808080;
  overflow: hidden;
  font-size: .835rem;
  width: 100%;
  background-color: #ffffff;
  cursor: text; }
  input[type="checkbox"], input[type="radio"], textarea[type="radio"], select[type="radio"], .selectric-wrapper [type="radio"].selectric, [type="radio"].tagify, html body .main main .pannello-area.editor .box a[type="radio"].url, html body .main main .editor.pannello-contenuto .box a[type="radio"].url, textarea[type="checkbox"], select[type="checkbox"], .selectric-wrapper [type="checkbox"].selectric, [type="checkbox"].tagify, html body .main main .pannello-area.editor .box a[type="checkbox"].url, html body .main main .editor.pannello-contenuto .box a[type="checkbox"].url {
    padding: 0;
    border-radius: 0;
    line-height: 18px;
    width: 18px;
    height: 18px;
    margin-top: auto;
    margin-bottom: auto;
    background-color: #ffffff;
    cursor: default; }
    input[type="checkbox"]:checked, input[type="radio"]:checked, textarea[type="radio"]:checked, select[type="radio"]:checked, .selectric-wrapper [type="radio"].selectric:checked, [type="radio"].tagify:checked, html body .main main .pannello-area.editor .box a[type="radio"].url:checked, html body .main main .editor.pannello-contenuto .box a[type="radio"].url:checked, textarea[type="checkbox"]:checked, select[type="checkbox"]:checked, .selectric-wrapper [type="checkbox"].selectric:checked, [type="checkbox"].tagify:checked, html body .main main .pannello-area.editor .box a[type="checkbox"].url:checked, html body .main main .editor.pannello-contenuto .box a[type="checkbox"].url:checked {
      background-image: url(../img/check.svg);
      background-size: 20px 20px;
      background-repeat: no-repeat;
      background-position: center center; }
  input[type="radio"], textarea[type="radio"], select[type="radio"], .selectric-wrapper [type="radio"].selectric, [type="radio"].tagify, html body .main main .pannello-area.editor .box a[type="radio"].url, html body .main main .editor.pannello-contenuto .box a[type="radio"].url {
    border-radius: 20px;
    border: solid 5px transparent;
    background-color: #f2f2f2;
    transition: none; }
    input[type="radio"]:checked, textarea[type="radio"]:checked, select[type="radio"]:checked, .selectric-wrapper [type="radio"].selectric:checked, [type="radio"].tagify:checked, html body .main main .pannello-area.editor .box a[type="radio"].url:checked, html body .main main .editor.pannello-contenuto .box a[type="radio"].url:checked {
      background-image: none;
      border-width: 5px;
      border-color: #f2f2f2;
      background-color: #808080; }
    input[type="radio"].error:not(:checked), textarea[type="radio"].error:not(:checked), select[type="radio"].error:not(:checked), .selectric-wrapper [type="radio"].error.selectric:not(:checked), [type="radio"].error.tagify:not(:checked), html body .main main .pannello-area.editor .box a[type="radio"].error.url:not(:checked), html body .main main .editor.pannello-contenuto .box a[type="radio"].error.url:not(:checked) {
      border-width: 2px; }
  input.cerca, input.datepicker, textarea.datepicker, select.datepicker, .selectric-wrapper .datepicker.selectric, .datepicker.tagify, html body .main main .pannello-area.editor .box a.datepicker.url, html body .main main .editor.pannello-contenuto .box a.datepicker.url, textarea.cerca, select.cerca, .selectric-wrapper .cerca.selectric, .cerca.tagify, html body .main main .pannello-area.editor .box a.cerca.url, html body .main main .editor.pannello-contenuto .box a.cerca.url {
    background-image: url(../img/search.svg);
    background-position: center right 8px;
    background-size: 22px 22px;
    background-repeat: no-repeat; }
  input.datepicker, textarea.datepicker, select.datepicker, .selectric-wrapper .datepicker.selectric, .datepicker.tagify, html body .main main .pannello-area.editor .box a.datepicker.url, html body .main main .editor.pannello-contenuto .box a.datepicker.url {
    background-image: url(../img/calendar.svg); }
  input.error, textarea.error, select.error, .selectric-wrapper .error.selectric, .error.tagify, html body .main main .pannello-area.editor .box a.error.url, html body .main main .editor.pannello-contenuto .box a.error.url {
    border-width: 2px;
    border-color: #dc3545;
    box-shadow: 0 0 6px #dc3545; }
  input:disabled, textarea:disabled, select:disabled, .selectric-wrapper .selectric:disabled, .tagify:disabled, html body .main main .pannello-area.editor .box a.url:disabled, html body .main main .editor.pannello-contenuto .box a.url:disabled {
    opacity: .4;
    cursor: not-allowed; }
  input:invalid, textarea:invalid, select:invalid, .selectric-wrapper .selectric:invalid, .tagify:invalid, html body .main main .pannello-area.editor .box a.url:invalid, html body .main main .editor.pannello-contenuto .box a.url:invalid {
    border-color: #dc3545;
    box-shadow: 0 0 6px #dc3545; }

textarea {
  resize: none;
  border-radius: 6px;
  line-height: 1.6;
  height: calc((.835rem * 1.6) * 12); }

::placeholder {
  color: #808080; }

::-webkit-input-placeholder {
  color: #808080; }

:-ms-input-placeholder {
  color: #808080; }

::-ms-input-placeholder {
  color: #808080; }

.selectric-wrapper .selectric {
  cursor: default; }
  .selectric-wrapper .selectric .label {
    font-size: .835rem;
    line-height: 30px;
    height: 30px;
    margin-left: 0;
    margin-right: calc(30px - 10px); }
  .selectric-wrapper .selectric .button {
    background-color: #ffffff;
    height: 30px;
    width: 30px;
    line-height: 30px;
    color: #808080; }
    .selectric-wrapper .selectric .button:after {
      border-top-color: #808080;
      border-width: 7px;
      top: 2px;
      margin-right: 10px; }
.selectric-wrapper .selectric-items {
  background-color: #ffffff;
  border-color: #808080;
  border-top: none; }
  .selectric-wrapper .selectric-items li {
    font-size: .835rem;
    line-height: 1.4;
    min-height: 30px;
    color: #4d4d4d;
    padding-top: 15px;
    padding-bottom: 15px; }
    .selectric-wrapper .selectric-items li.disabled {
      display: none; }
.selectric-wrapper.selectric-open .selectric {
  border-radius: 16px 16px 0 0;
  border-bottom: none; }
  .selectric-wrapper.selectric-open .selectric .label {
    color: #808080; }
.selectric-wrapper.error .selectric {
  border-width: 2px;
  border-color: #dc3545; }

.tagify {
  padding-left: 3px;
  border-radius: 16px;
  margin-bottom: 30px; }
  .tagify .tagify__input {
    margin: 0;
    padding: 0;
    padding-left: 7px;
    line-height: 30px;
    cursor: text; }
  .tagify .tagify__tag {
    margin: 3px 5px 3px 0;
    line-height: 24px; }
    .tagify .tagify__tag > div {
      padding: 0 1.5em 0 10px;
      border-radius: 24px; }
      .tagify .tagify__tag > div:before {
        animation: none;
        box-shadow: none;
        background-color: #f2f2f2; }
    .tagify .tagify__tag .tagify__tag__removeBtn {
      line-height: 14px; }
    .tagify .tagify__tag:hover:not([readonly]) > div:before {
      box-shadow: none;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
  .tagify:hover {
    border-color: #808080; }

.ui-widget {
  font-size: .835rem;
  font-family: 'Open Sans', sans-serif; }
  .ui-widget .ui-widget-header {
    background-color: #f2f2f2;
    color: #4d4d4d;
    border: none;
    border-radius: 0; }
  .ui-widget.ui-datepicker {
    padding: 0;
    border-radius: 0;
    border: solid 1px #808080;
    margin-top: -1px; }
    .ui-widget.ui-datepicker td {
      padding: 0; }
      .ui-widget.ui-datepicker td a {
        border: none;
        line-height: 1.8;
        text-align: center;
        background: transparent; }
        .ui-widget.ui-datepicker td a.ui-state-highlight, .ui-widget.ui-datepicker td a.ui-state-hover {
          background-color: #f2f2f2; }
      .ui-widget.ui-datepicker td.ui-datepicker-current-day a {
        background-color: #808080;
        color: #ffffff; }

.pagination li.page-item {
  margin-left: 5px;
  margin-right: 5px; }
  .pagination li.page-item a.page-link {
    border-radius: 12px;
    border: none;
    background-color: #f2f2f2;
    color: #4d4d4d;
    text-align: center;
    font-size: .95rem;
    font-weight: 600;
    padding: .39rem .7rem;
    box-shadow: none; }
    .pagination li.page-item a.page-link:hover {
      color: #f2f2f2;
      background-color: #808080; }
  .pagination li.page-item.active a.page-link {
    color: #f2f2f2;
    background-color: #808080; }

.tips {
  position: relative;
  height: 20px;
  width: 20px;
  display: block;
  background-image: url(../img/tooltip.svg);
  background-size: 20px 20px;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent; }

.tooltip .arrow:before {
  border-bottom-color: #5b3dc4; }
.tooltip.bs-tooltip-right .arrow:before {
  border-bottom-color: transparent;
  border-right-color: #5b3dc4; }
.tooltip.bs-tooltip-right .tooltip-inner {
  max-width: none;
  background-color: #5b3dc4; }
.tooltip .tooltip-inner {
  font-family: 'Open Sans', sans-serif;
  font-size: .7rem;
  text-align: left;
  line-height: 1.4;
  padding: 10px;
  font-weight: 600;
  background-color: #5b3dc4;
  max-width: 260px; }
.tooltip.show {
  opacity: 1; }

.dropzone,
.dropfile,
.dropfile_teaser,
.dropfile_newsletter {
  box-sizing: border-box;
  min-height: 140px;
  border: 2px dashed #b3b3b3;
  border-radius: 6px;
  background: #ffffff;
  padding: 5px 0px;
  padding-right: 10px; }
  .dropzone *,
  .dropfile *,
  .dropfile_teaser *,
  .dropfile_newsletter * {
    box-sizing: border-box; }
  .dropzone.dz-clickable,
  .dropfile.dz-clickable,
  .dropfile_teaser.dz-clickable,
  .dropfile_newsletter.dz-clickable {
    cursor: pointer; }
    .dropzone.dz-clickable *,
    .dropfile.dz-clickable *,
    .dropfile_teaser.dz-clickable *,
    .dropfile_newsletter.dz-clickable * {
      cursor: default; }
    .dropzone.dz-clickable .dz-message,
    .dropfile.dz-clickable .dz-message,
    .dropfile_teaser.dz-clickable .dz-message,
    .dropfile_newsletter.dz-clickable .dz-message {
      cursor: pointer;
      line-height: 1.4; }
      .dropzone.dz-clickable .dz-message *,
      .dropfile.dz-clickable .dz-message *,
      .dropfile_teaser.dz-clickable .dz-message *,
      .dropfile_newsletter.dz-clickable .dz-message * {
        cursor: pointer; }
      .dropzone.dz-clickable .dz-message a,
      .dropfile.dz-clickable .dz-message a,
      .dropfile_teaser.dz-clickable .dz-message a,
      .dropfile_newsletter.dz-clickable .dz-message a {
        display: inline-block;
        width: auto;
        border-radius: 20px;
        overflow: hidden;
        color: #ffffff;
        background-color: #808080;
        text-transform: uppercase;
        padding: 6px 40px 6px 60px;
        margin: 10px auto 20px;
        font-size: .75rem;
        font-weight: 600;
        background-image: url(../img/folder.svg);
        background-size: 22px 22px;
        background-repeat: no-repeat;
        background-position: 20px center; }
      .dropzone.dz-clickable .dz-message span,
      .dropfile.dz-clickable .dz-message span,
      .dropfile_teaser.dz-clickable .dz-message span,
      .dropfile_newsletter.dz-clickable .dz-message span {
        font-weight: 700;
        font-size: .75rem; }
  .dropzone.dz-started .dz-message,
  .dropfile.dz-started .dz-message,
  .dropfile_teaser.dz-started .dz-message,
  .dropfile_newsletter.dz-started .dz-message {
    display: none; }
  .dropzone.dz-drag-hover,
  .dropfile.dz-drag-hover,
  .dropfile_teaser.dz-drag-hover,
  .dropfile_newsletter.dz-drag-hover {
    background-color: #f2f2f2; }
  .dropzone.dz-drag-hover .dz-message,
  .dropfile.dz-drag-hover .dz-message,
  .dropfile_teaser.dz-drag-hover .dz-message,
  .dropfile_newsletter.dz-drag-hover .dz-message {
    opacity: 0.5; }
  .dropzone .dz-message,
  .dropfile .dz-message,
  .dropfile_teaser .dz-message,
  .dropfile_newsletter .dz-message {
    text-align: center;
    margin: 2em 0; }
  .dropzone .dz-preview,
  .dropfile .dz-preview,
  .dropfile_teaser .dz-preview,
  .dropfile_newsletter .dz-preview {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 10px;
    margin-right: 0;
    padding-right: 30px; }
    .dropzone .dz-preview .dz-image,
    .dropfile .dz-preview .dz-image,
    .dropfile_teaser .dz-preview .dz-image,
    .dropfile_newsletter .dz-preview .dz-image {
      border-radius: 6px;
      overflow: hidden;
      width: 120px;
      height: 120px;
      position: relative;
      z-index: 10;
      display: none; }
      .dropzone .dz-preview .dz-image img,
      .dropfile .dz-preview .dz-image img,
      .dropfile_teaser .dz-preview .dz-image img,
      .dropfile_newsletter .dz-preview .dz-image img {
        display: block; }
    .dropzone .dz-preview:hover,
    .dropfile .dz-preview:hover,
    .dropfile_teaser .dz-preview:hover,
    .dropfile_newsletter .dz-preview:hover {
      z-index: 1000; }
      .dropzone .dz-preview:hover .dz-details,
      .dropfile .dz-preview:hover .dz-details,
      .dropfile_teaser .dz-preview:hover .dz-details,
      .dropfile_newsletter .dz-preview:hover .dz-details {
        opacity: 1; }
      .dropzone .dz-preview:hover .dz-image img,
      .dropfile .dz-preview:hover .dz-image img,
      .dropfile_teaser .dz-preview:hover .dz-image img,
      .dropfile_newsletter .dz-preview:hover .dz-image img {
        -webkit-transform: scale(1.05, 1.05);
        -moz-transform: scale(1.05, 1.05);
        -ms-transform: scale(1.05, 1.05);
        -o-transform: scale(1.05, 1.05);
        transform: scale(1.05, 1.05);
        -webkit-filter: blur(8px);
        filter: blur(8px); }
    .dropzone .dz-preview.dz-file-preview .dz-image,
    .dropfile .dz-preview.dz-file-preview .dz-image,
    .dropfile_teaser .dz-preview.dz-file-preview .dz-image,
    .dropfile_newsletter .dz-preview.dz-file-preview .dz-image {
      border-radius: 6px;
      background: #f2f2f2;
      background: linear-gradient(to bottom, #f2f2f2, #b3b3b3); }
    .dropzone .dz-preview.dz-file-preview .dz-details,
    .dropfile .dz-preview.dz-file-preview .dz-details,
    .dropfile_teaser .dz-preview.dz-file-preview .dz-details,
    .dropfile_newsletter .dz-preview.dz-file-preview .dz-details {
      opacity: 1;
      -webkit-transition: opacity 0.2s linear;
      -moz-transition: opacity 0.2s linear;
      -ms-transition: opacity 0.2s linear;
      -o-transition: opacity 0.2s linear;
      transition: opacity 0.2s linear; }
    .dropzone .dz-preview .dz-details,
    .dropfile .dz-preview .dz-details,
    .dropfile_teaser .dz-preview .dz-details,
    .dropfile_newsletter .dz-preview .dz-details {
      z-index: 20;
      position: relative;
      top: 0;
      left: 0;
      opacity: 0;
      font-size: 12px;
      min-width: 100%;
      max-width: 100%;
      padding: 0;
      border-radius: 10px;
      color: #4d4d4d;
      line-height: 1.5; }
      .dropzone .dz-preview .dz-details .dz-size,
      .dropfile .dz-preview .dz-details .dz-size,
      .dropfile_teaser .dz-preview .dz-details .dz-size,
      .dropfile_newsletter .dz-preview .dz-details .dz-size {
        display: none;
        margin-bottom: 1em;
        font-size: 14px; }
        .dropzone .dz-preview .dz-details .dz-size span,
        .dropfile .dz-preview .dz-details .dz-size span,
        .dropfile_teaser .dz-preview .dz-details .dz-size span,
        .dropfile_newsletter .dz-preview .dz-details .dz-size span {
          background-color: #f2f2f2;
          padding: 0 0.4em; }
      .dropzone .dz-preview .dz-details .dz-filename,
      .dropfile .dz-preview .dz-details .dz-filename,
      .dropfile_teaser .dz-preview .dz-details .dz-filename,
      .dropfile_newsletter .dz-preview .dz-details .dz-filename {
        white-space: nowrap;
                /*&:hover {

                    span {
                        background-color: map-get($colors, grigio-medio);
                        color: map-get($colors, bianco);
                    }

                }*/ }
        .dropzone .dz-preview .dz-details .dz-filename span,
        .dropfile .dz-preview .dz-details .dz-filename span,
        .dropfile_teaser .dz-preview .dz-details .dz-filename span,
        .dropfile_newsletter .dz-preview .dz-details .dz-filename span {
          background-color: #f2f2f2;
          padding: 5px 10px;
          border-radius: 15px;
          overflow: hidden;
          font-weight: 400; }
        .dropzone .dz-preview .dz-details .dz-filename:not(:hover) span,
        .dropfile .dz-preview .dz-details .dz-filename:not(:hover) span,
        .dropfile_teaser .dz-preview .dz-details .dz-filename:not(:hover) span,
        .dropfile_newsletter .dz-preview .dz-details .dz-filename:not(:hover) span {
          border: none; }
    .dropzone .dz-preview .dz-remove,
    .dropfile .dz-preview .dz-remove,
    .dropfile_teaser .dz-preview .dz-remove,
    .dropfile_newsletter .dz-preview .dz-remove {
      font-size: 13px;
      font-weight: 400;
      text-align: center;
      display: block;
      cursor: pointer;
      border: none;
      display: inline-block;
      float: right;
      height: 20px;
      width: 20px;
      background-color: #dc3545;
      overflow: hidden;
      border-radius: 50%;
      position: absolute;
      right: 0;
      top: -2px;
      text-indent: -999px;
      background-image: url(./../img/annulla.svg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 50%; }
      .dropzone .dz-preview .dz-remove:hover,
      .dropfile .dz-preview .dz-remove:hover,
      .dropfile_teaser .dz-preview .dz-remove:hover,
      .dropfile_newsletter .dz-preview .dz-remove:hover {
        text-decoration: underline; }
    .dropzone .dz-preview .dz-progress,
    .dropfile .dz-preview .dz-progress,
    .dropfile_teaser .dz-preview .dz-progress,
    .dropfile_newsletter .dz-preview .dz-progress {
      opacity: 1;
      z-index: 1000;
      pointer-events: none;
      position: absolute;
      height: 16px;
      left: 10px;
      top: 50%;
      margin-top: -8px;
      width: calc(100% - (10px * 2));
      background: #808080;
      -webkit-transform: scale(1);
      overflow: hidden;
      border-radius: 15px; }
      .dropzone .dz-preview .dz-progress .dz-upload,
      .dropfile .dz-preview .dz-progress .dz-upload,
      .dropfile_teaser .dz-preview .dz-progress .dz-upload,
      .dropfile_newsletter .dz-preview .dz-progress .dz-upload {
        background: #4d4d4d;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 0;
        -webkit-transition: width 300ms ease-in-out;
        -moz-transition: width 300ms ease-in-out;
        -ms-transition: width 300ms ease-in-out;
        -o-transition: width 300ms ease-in-out;
        transition: width 300ms ease-in-out; }
    .dropzone .dz-preview .dz-success-mark,
    .dropzone .dz-preview .dz-error-mark,
    .dropfile .dz-preview .dz-success-mark,
    .dropfile .dz-preview .dz-error-mark,
    .dropfile_teaser .dz-preview .dz-success-mark,
    .dropfile_teaser .dz-preview .dz-error-mark,
    .dropfile_newsletter .dz-preview .dz-success-mark,
    .dropfile_newsletter .dz-preview .dz-error-mark {
      pointer-events: none;
      opacity: 0;
      z-index: 500;
      position: absolute;
      display: block;
      top: 45%;
      left: 50%;
      margin-left: -27px;
      margin-top: -27px;
      border-radius: 50%;
      overflow: hidden;
      background-color: #808080; }
      .dropzone .dz-preview .dz-success-mark svg,
      .dropzone .dz-preview .dz-error-mark svg,
      .dropfile .dz-preview .dz-success-mark svg,
      .dropfile .dz-preview .dz-error-mark svg,
      .dropfile_teaser .dz-preview .dz-success-mark svg,
      .dropfile_teaser .dz-preview .dz-error-mark svg,
      .dropfile_newsletter .dz-preview .dz-success-mark svg,
      .dropfile_newsletter .dz-preview .dz-error-mark svg {
        display: block;
        width: 54px;
        height: 54px; }
    .dropzone .dz-preview .dz-error-message,
    .dropfile .dz-preview .dz-error-message,
    .dropfile_teaser .dz-preview .dz-error-message,
    .dropfile_newsletter .dz-preview .dz-error-message {
      pointer-events: none;
      z-index: 1000;
      position: absolute;
      display: block;
      display: none;
      opacity: 0;
      -webkit-transition: opacity 0.3s ease;
      -moz-transition: opacity 0.3s ease;
      -ms-transition: opacity 0.3s ease;
      -o-transition: opacity 0.3s ease;
      transition: opacity 0.3s ease;
      border-radius: 8px;
      font-size: 13px;
      font-weight: 400;
      top: 130px;
      left: -10px;
      width: 140px;
      background: #dc3545;
      padding: 0.5em 1.2em;
      color: #ffffff; }
      .dropzone .dz-preview .dz-error-message:after,
      .dropfile .dz-preview .dz-error-message:after,
      .dropfile_teaser .dz-preview .dz-error-message:after,
      .dropfile_newsletter .dz-preview .dz-error-message:after {
        content: '';
        position: absolute;
        top: -6px;
        left: 64px;
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #dc3545; }
    .dropzone .dz-preview.dz-success .dz-success-mark,
    .dropfile .dz-preview.dz-success .dz-success-mark,
    .dropfile_teaser .dz-preview.dz-success .dz-success-mark,
    .dropfile_newsletter .dz-preview.dz-success .dz-success-mark {
      -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
      -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
      -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
      -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
      animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); }
    .dropzone .dz-preview.dz-error .dz-error-mark,
    .dropfile .dz-preview.dz-error .dz-error-mark,
    .dropfile_teaser .dz-preview.dz-error .dz-error-mark,
    .dropfile_newsletter .dz-preview.dz-error .dz-error-mark {
      opacity: 1;
      -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
      -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
      -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
      -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
      animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); }
    .dropzone .dz-preview.dz-error .dz-error-message,
    .dropfile .dz-preview.dz-error .dz-error-message,
    .dropfile_teaser .dz-preview.dz-error .dz-error-message,
    .dropfile_newsletter .dz-preview.dz-error .dz-error-message {
      display: block; }
    .dropzone .dz-preview.dz-error:hover .dz-error-message,
    .dropfile .dz-preview.dz-error:hover .dz-error-message,
    .dropfile_teaser .dz-preview.dz-error:hover .dz-error-message,
    .dropfile_newsletter .dz-preview.dz-error:hover .dz-error-message {
      opacity: 1;
      pointer-events: auto; }
    .dropzone .dz-preview.dz-processing .dz-progress,
    .dropfile .dz-preview.dz-processing .dz-progress,
    .dropfile_teaser .dz-preview.dz-processing .dz-progress,
    .dropfile_newsletter .dz-preview.dz-processing .dz-progress {
      opacity: 1;
      -webkit-transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -ms-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      transition: all 0.2s linear; }
    .dropzone .dz-preview.dz-complete .dz-progress,
    .dropfile .dz-preview.dz-complete .dz-progress,
    .dropfile_teaser .dz-preview.dz-complete .dz-progress,
    .dropfile_newsletter .dz-preview.dz-complete .dz-progress {
      opacity: 0;
      -webkit-transition: opacity 0.4s ease-in;
      -moz-transition: opacity 0.4s ease-in;
      -ms-transition: opacity 0.4s ease-in;
      -o-transition: opacity 0.4s ease-in;
      transition: opacity 0.4s ease-in; }
    .dropzone .dz-preview:not(.dz-processing) .dz-progress,
    .dropfile .dz-preview:not(.dz-processing) .dz-progress,
    .dropfile_teaser .dz-preview:not(.dz-processing) .dz-progress,
    .dropfile_newsletter .dz-preview:not(.dz-processing) .dz-progress {
      -webkit-animation: pulse 6s ease infinite;
      -moz-animation: pulse 6s ease infinite;
      -ms-animation: pulse 6s ease infinite;
      -o-animation: pulse 6s ease infinite;
      animation: pulse 6s ease infinite; }

.modal.show .modal-dialog .modal-content .modal-body, html body .main main .pannello-area .cards.autore .card .card-footer .show.modal .modal-dialog .modal-content .modal-body, html body .main main .pannello-contenuto .cards.autore .card .card-footer .show.modal .modal-dialog .modal-content .modal-body, html body .main main .pannello-area .cards.alfuturo .card .card-footer .show.modal .modal-dialog .modal-content .modal-body, html body .main main .pannello-contenuto .cards.alfuturo .card .card-footer .show.modal .modal-dialog .modal-content .modal-body {
  color: #4d4d4d; }
  .modal.show .modal-dialog .modal-content .modal-body h3 span, html body .main main .pannello-area .cards.autore .card .card-footer .show.modal .modal-dialog .modal-content .modal-body h3 span, html body .main main .pannello-contenuto .cards.autore .card .card-footer .show.modal .modal-dialog .modal-content .modal-body h3 span, html body .main main .pannello-area .cards.alfuturo .card .card-footer .show.modal .modal-dialog .modal-content .modal-body h3 span, html body .main main .pannello-contenuto .cards.alfuturo .card .card-footer .show.modal .modal-dialog .modal-content .modal-body h3 span {
    font-size: 75%; }
.modal.show .modal-dialog .modal-content .modal-footer a.btn, html body .main main .pannello-area .cards.autore .card .card-footer .show.modal .modal-dialog .modal-content .modal-footer a.btn, html body .main main .pannello-contenuto .cards.autore .card .card-footer .show.modal .modal-dialog .modal-content .modal-footer a.btn, html body .main main .pannello-area .cards.alfuturo .card .card-footer .show.modal .modal-dialog .modal-content .modal-footer a.btn, html body .main main .pannello-contenuto .cards.alfuturo .card .card-footer .show.modal .modal-dialog .modal-content .modal-footer a.btn {
  color: #ffffff;
  line-height: 50px; }
  .modal.show .modal-dialog .modal-content .modal-footer a.btn:not(:last-child), html body .main main .pannello-area .cards.autore .card .card-footer .show.modal .modal-dialog .modal-content .modal-footer a.btn:not(:last-child), html body .main main .pannello-contenuto .cards.autore .card .card-footer .show.modal .modal-dialog .modal-content .modal-footer a.btn:not(:last-child), html body .main main .pannello-area .cards.alfuturo .card .card-footer .show.modal .modal-dialog .modal-content .modal-footer a.btn:not(:last-child), html body .main main .pannello-contenuto .cards.alfuturo .card .card-footer .show.modal .modal-dialog .modal-content .modal-footer a.btn:not(:last-child) {
    margin-right: .25rem; }
  .modal.show .modal-dialog .modal-content .modal-footer a.btn:last-child, html body .main main .pannello-area .cards.autore .card .card-footer .show.modal .modal-dialog .modal-content .modal-footer a.btn:last-child, html body .main main .pannello-contenuto .cards.autore .card .card-footer .show.modal .modal-dialog .modal-content .modal-footer a.btn:last-child, html body .main main .pannello-area .cards.alfuturo .card .card-footer .show.modal .modal-dialog .modal-content .modal-footer a.btn:last-child, html body .main main .pannello-contenuto .cards.alfuturo .card .card-footer .show.modal .modal-dialog .modal-content .modal-footer a.btn:last-child {
    margin-right: 0; }
.modal.show .modal-dialog .modal-content .modal-footer a:hover, html body .main main .pannello-area .cards.autore .card .card-footer .show.modal .modal-dialog .modal-content .modal-footer a:hover, html body .main main .pannello-contenuto .cards.autore .card .card-footer .show.modal .modal-dialog .modal-content .modal-footer a:hover, html body .main main .pannello-area .cards.alfuturo .card .card-footer .show.modal .modal-dialog .modal-content .modal-footer a:hover, html body .main main .pannello-contenuto .cards.alfuturo .card .card-footer .show.modal .modal-dialog .modal-content .modal-footer a:hover {
  opacity: 1; }

.bg-color-bozza {
  background-color: #999999; }
.bg-color-nuova {
  background-color: #bcb030; }
.bg-color-in-lavorazione {
  background-color: #f58238; }
.bg-color-in-approvazione {
  background-color: #2d6cb5; }
.bg-color-approvata {
  background-color: #81ae8a; }
.bg-color-da-pubblicare {
  background-color: #c50058; }
.bg-color-pubblicata {
  background-color: #29abe2; }
.bg-color-news {
  background-color: #68479c; }
.bg-color-eventi {
  background-color: #0071bc; }
.bg-color-iniziative {
  background-color: black; }
.bg-color-prodotti {
  background-color: black; }
.bg-color-comunicazioni-organizzative {
  background-color: black; }
.bg-color-circolari-di-rete {
  background-color: black; }
.bg-color-comunicazioni-alla-rete {
  background-color: black; }
.bg-color-comunicazioni-al-personale {
  background-color: black; }
.bg-color-modulistica {
  background-color: black; }
.bg-color-normative {
  background-color: black; }
.bg-color-testi-unici {
  background-color: black; }
.bg-color-regole-di-business {
  background-color: black; }
.bg-color-regole-organizzative {
  background-color: black; }
.bg-color-linee-guida-di-comunicazione {
  background-color: black; }
.bg-color-regole-dei-processi-digitali {
  background-color: black; }
.bg-color-incentive {
  background-color: black; }
.bg-color-cral {
  background-color: black; }
.bg-color-teaser {
  background-color: #999999; }

.disabled {
  opacity: .4;
  cursor: not-allowed; }

.col-p-1 {
  width: 1%;
  -ms-flex: 0 0 1%;
  flex: 0 0 1%;
  max-width: 1%; }

.col-p-2 {
  width: 2%;
  -ms-flex: 0 0 2%;
  flex: 0 0 2%;
  max-width: 2%; }

.col-p-3 {
  width: 3%;
  -ms-flex: 0 0 3%;
  flex: 0 0 3%;
  max-width: 3%; }

.col-p-4 {
  width: 4%;
  -ms-flex: 0 0 4%;
  flex: 0 0 4%;
  max-width: 4%; }

.col-p-5 {
  width: 5%;
  -ms-flex: 0 0 5%;
  flex: 0 0 5%;
  max-width: 5%; }

.col-p-6 {
  width: 6%;
  -ms-flex: 0 0 6%;
  flex: 0 0 6%;
  max-width: 6%; }

.col-p-7 {
  width: 7%;
  -ms-flex: 0 0 7%;
  flex: 0 0 7%;
  max-width: 7%; }

.col-p-8 {
  width: 8%;
  -ms-flex: 0 0 8%;
  flex: 0 0 8%;
  max-width: 8%; }

.col-p-9 {
  width: 9%;
  -ms-flex: 0 0 9%;
  flex: 0 0 9%;
  max-width: 9%; }

.col-p-10 {
  width: 10%;
  -ms-flex: 0 0 10%;
  flex: 0 0 10%;
  max-width: 10%; }

.col-p-11 {
  width: 11%;
  -ms-flex: 0 0 11%;
  flex: 0 0 11%;
  max-width: 11%; }

.col-p-12 {
  width: 12%;
  -ms-flex: 0 0 12%;
  flex: 0 0 12%;
  max-width: 12%; }

.col-p-13 {
  width: 13%;
  -ms-flex: 0 0 13%;
  flex: 0 0 13%;
  max-width: 13%; }

.col-p-14 {
  width: 14%;
  -ms-flex: 0 0 14%;
  flex: 0 0 14%;
  max-width: 14%; }

.col-p-15 {
  width: 15%;
  -ms-flex: 0 0 15%;
  flex: 0 0 15%;
  max-width: 15%; }

.col-p-16 {
  width: 16%;
  -ms-flex: 0 0 16%;
  flex: 0 0 16%;
  max-width: 16%; }

.col-p-17 {
  width: 17%;
  -ms-flex: 0 0 17%;
  flex: 0 0 17%;
  max-width: 17%; }

.col-p-18 {
  width: 18%;
  -ms-flex: 0 0 18%;
  flex: 0 0 18%;
  max-width: 18%; }

.col-p-19 {
  width: 19%;
  -ms-flex: 0 0 19%;
  flex: 0 0 19%;
  max-width: 19%; }

.col-p-20 {
  width: 20%;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%; }

.col-p-21 {
  width: 21%;
  -ms-flex: 0 0 21%;
  flex: 0 0 21%;
  max-width: 21%; }

.col-p-22 {
  width: 22%;
  -ms-flex: 0 0 22%;
  flex: 0 0 22%;
  max-width: 22%; }

.col-p-23 {
  width: 23%;
  -ms-flex: 0 0 23%;
  flex: 0 0 23%;
  max-width: 23%; }

.col-p-24 {
  width: 24%;
  -ms-flex: 0 0 24%;
  flex: 0 0 24%;
  max-width: 24%; }

.col-p-25 {
  width: 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%; }

.col-p-26 {
  width: 26%;
  -ms-flex: 0 0 26%;
  flex: 0 0 26%;
  max-width: 26%; }

.col-p-27 {
  width: 27%;
  -ms-flex: 0 0 27%;
  flex: 0 0 27%;
  max-width: 27%; }

.col-p-28 {
  width: 28%;
  -ms-flex: 0 0 28%;
  flex: 0 0 28%;
  max-width: 28%; }

.col-p-29 {
  width: 29%;
  -ms-flex: 0 0 29%;
  flex: 0 0 29%;
  max-width: 29%; }

.col-p-30 {
  width: 30%;
  -ms-flex: 0 0 30%;
  flex: 0 0 30%;
  max-width: 30%; }

.col-p-31 {
  width: 31%;
  -ms-flex: 0 0 31%;
  flex: 0 0 31%;
  max-width: 31%; }

.col-p-32 {
  width: 32%;
  -ms-flex: 0 0 32%;
  flex: 0 0 32%;
  max-width: 32%; }

.col-p-33 {
  width: 33%;
  -ms-flex: 0 0 33%;
  flex: 0 0 33%;
  max-width: 33%; }

.col-p-34 {
  width: 34%;
  -ms-flex: 0 0 34%;
  flex: 0 0 34%;
  max-width: 34%; }

.col-p-35 {
  width: 35%;
  -ms-flex: 0 0 35%;
  flex: 0 0 35%;
  max-width: 35%; }

.col-p-36 {
  width: 36%;
  -ms-flex: 0 0 36%;
  flex: 0 0 36%;
  max-width: 36%; }

.col-p-37 {
  width: 37%;
  -ms-flex: 0 0 37%;
  flex: 0 0 37%;
  max-width: 37%; }

.col-p-38 {
  width: 38%;
  -ms-flex: 0 0 38%;
  flex: 0 0 38%;
  max-width: 38%; }

.col-p-39 {
  width: 39%;
  -ms-flex: 0 0 39%;
  flex: 0 0 39%;
  max-width: 39%; }

.col-p-40 {
  width: 40%;
  -ms-flex: 0 0 40%;
  flex: 0 0 40%;
  max-width: 40%; }

.col-p-41 {
  width: 41%;
  -ms-flex: 0 0 41%;
  flex: 0 0 41%;
  max-width: 41%; }

.col-p-42 {
  width: 42%;
  -ms-flex: 0 0 42%;
  flex: 0 0 42%;
  max-width: 42%; }

.col-p-43 {
  width: 43%;
  -ms-flex: 0 0 43%;
  flex: 0 0 43%;
  max-width: 43%; }

.col-p-44 {
  width: 44%;
  -ms-flex: 0 0 44%;
  flex: 0 0 44%;
  max-width: 44%; }

.col-p-45 {
  width: 45%;
  -ms-flex: 0 0 45%;
  flex: 0 0 45%;
  max-width: 45%; }

.col-p-46 {
  width: 46%;
  -ms-flex: 0 0 46%;
  flex: 0 0 46%;
  max-width: 46%; }

.col-p-47 {
  width: 47%;
  -ms-flex: 0 0 47%;
  flex: 0 0 47%;
  max-width: 47%; }

.col-p-48 {
  width: 48%;
  -ms-flex: 0 0 48%;
  flex: 0 0 48%;
  max-width: 48%; }

.col-p-49 {
  width: 49%;
  -ms-flex: 0 0 49%;
  flex: 0 0 49%;
  max-width: 49%; }

.col-p-50 {
  width: 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%; }

.col-p-51 {
  width: 51%;
  -ms-flex: 0 0 51%;
  flex: 0 0 51%;
  max-width: 51%; }

.col-p-52 {
  width: 52%;
  -ms-flex: 0 0 52%;
  flex: 0 0 52%;
  max-width: 52%; }

.col-p-53 {
  width: 53%;
  -ms-flex: 0 0 53%;
  flex: 0 0 53%;
  max-width: 53%; }

.col-p-54 {
  width: 54%;
  -ms-flex: 0 0 54%;
  flex: 0 0 54%;
  max-width: 54%; }

.col-p-55 {
  width: 55%;
  -ms-flex: 0 0 55%;
  flex: 0 0 55%;
  max-width: 55%; }

.col-p-56 {
  width: 56%;
  -ms-flex: 0 0 56%;
  flex: 0 0 56%;
  max-width: 56%; }

.col-p-57 {
  width: 57%;
  -ms-flex: 0 0 57%;
  flex: 0 0 57%;
  max-width: 57%; }

.col-p-58 {
  width: 58%;
  -ms-flex: 0 0 58%;
  flex: 0 0 58%;
  max-width: 58%; }

.col-p-59 {
  width: 59%;
  -ms-flex: 0 0 59%;
  flex: 0 0 59%;
  max-width: 59%; }

.col-p-60 {
  width: 60%;
  -ms-flex: 0 0 60%;
  flex: 0 0 60%;
  max-width: 60%; }

.col-p-61 {
  width: 61%;
  -ms-flex: 0 0 61%;
  flex: 0 0 61%;
  max-width: 61%; }

.col-p-62 {
  width: 62%;
  -ms-flex: 0 0 62%;
  flex: 0 0 62%;
  max-width: 62%; }

.col-p-63 {
  width: 63%;
  -ms-flex: 0 0 63%;
  flex: 0 0 63%;
  max-width: 63%; }

.col-p-64 {
  width: 64%;
  -ms-flex: 0 0 64%;
  flex: 0 0 64%;
  max-width: 64%; }

.col-p-65 {
  width: 65%;
  -ms-flex: 0 0 65%;
  flex: 0 0 65%;
  max-width: 65%; }

.col-p-66 {
  width: 66%;
  -ms-flex: 0 0 66%;
  flex: 0 0 66%;
  max-width: 66%; }

.col-p-67 {
  width: 67%;
  -ms-flex: 0 0 67%;
  flex: 0 0 67%;
  max-width: 67%; }

.col-p-68 {
  width: 68%;
  -ms-flex: 0 0 68%;
  flex: 0 0 68%;
  max-width: 68%; }

.col-p-69 {
  width: 69%;
  -ms-flex: 0 0 69%;
  flex: 0 0 69%;
  max-width: 69%; }

.col-p-70 {
  width: 70%;
  -ms-flex: 0 0 70%;
  flex: 0 0 70%;
  max-width: 70%; }

.col-p-71 {
  width: 71%;
  -ms-flex: 0 0 71%;
  flex: 0 0 71%;
  max-width: 71%; }

.col-p-72 {
  width: 72%;
  -ms-flex: 0 0 72%;
  flex: 0 0 72%;
  max-width: 72%; }

.col-p-73 {
  width: 73%;
  -ms-flex: 0 0 73%;
  flex: 0 0 73%;
  max-width: 73%; }

.col-p-74 {
  width: 74%;
  -ms-flex: 0 0 74%;
  flex: 0 0 74%;
  max-width: 74%; }

.col-p-75 {
  width: 75%;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%; }

.col-p-76 {
  width: 76%;
  -ms-flex: 0 0 76%;
  flex: 0 0 76%;
  max-width: 76%; }

.col-p-77 {
  width: 77%;
  -ms-flex: 0 0 77%;
  flex: 0 0 77%;
  max-width: 77%; }

.col-p-78 {
  width: 78%;
  -ms-flex: 0 0 78%;
  flex: 0 0 78%;
  max-width: 78%; }

.col-p-79 {
  width: 79%;
  -ms-flex: 0 0 79%;
  flex: 0 0 79%;
  max-width: 79%; }

.col-p-80 {
  width: 80%;
  -ms-flex: 0 0 80%;
  flex: 0 0 80%;
  max-width: 80%; }

.col-p-81 {
  width: 81%;
  -ms-flex: 0 0 81%;
  flex: 0 0 81%;
  max-width: 81%; }

.col-p-82 {
  width: 82%;
  -ms-flex: 0 0 82%;
  flex: 0 0 82%;
  max-width: 82%; }

.col-p-83 {
  width: 83%;
  -ms-flex: 0 0 83%;
  flex: 0 0 83%;
  max-width: 83%; }

.col-p-84 {
  width: 84%;
  -ms-flex: 0 0 84%;
  flex: 0 0 84%;
  max-width: 84%; }

.col-p-85 {
  width: 85%;
  -ms-flex: 0 0 85%;
  flex: 0 0 85%;
  max-width: 85%; }

.col-p-86 {
  width: 86%;
  -ms-flex: 0 0 86%;
  flex: 0 0 86%;
  max-width: 86%; }

.col-p-87 {
  width: 87%;
  -ms-flex: 0 0 87%;
  flex: 0 0 87%;
  max-width: 87%; }

.col-p-88 {
  width: 88%;
  -ms-flex: 0 0 88%;
  flex: 0 0 88%;
  max-width: 88%; }

.col-p-89 {
  width: 89%;
  -ms-flex: 0 0 89%;
  flex: 0 0 89%;
  max-width: 89%; }

.col-p-90 {
  width: 90%;
  -ms-flex: 0 0 90%;
  flex: 0 0 90%;
  max-width: 90%; }

.col-p-91 {
  width: 91%;
  -ms-flex: 0 0 91%;
  flex: 0 0 91%;
  max-width: 91%; }

.col-p-92 {
  width: 92%;
  -ms-flex: 0 0 92%;
  flex: 0 0 92%;
  max-width: 92%; }

.col-p-93 {
  width: 93%;
  -ms-flex: 0 0 93%;
  flex: 0 0 93%;
  max-width: 93%; }

.col-p-94 {
  width: 94%;
  -ms-flex: 0 0 94%;
  flex: 0 0 94%;
  max-width: 94%; }

.col-p-95 {
  width: 95%;
  -ms-flex: 0 0 95%;
  flex: 0 0 95%;
  max-width: 95%; }

.col-p-96 {
  width: 96%;
  -ms-flex: 0 0 96%;
  flex: 0 0 96%;
  max-width: 96%; }

.col-p-97 {
  width: 97%;
  -ms-flex: 0 0 97%;
  flex: 0 0 97%;
  max-width: 97%; }

.col-p-98 {
  width: 98%;
  -ms-flex: 0 0 98%;
  flex: 0 0 98%;
  max-width: 98%; }

.col-p-99 {
  width: 99%;
  -ms-flex: 0 0 99%;
  flex: 0 0 99%;
  max-width: 99%; }

.col-p-100 {
  width: 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%; }

html, body {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  font-stretch: normal;
  line-height: 1.1;
  letter-spacing: 0px;
  font-style: normal;
  font-weight: 400;
  color: #4d4d4d;
  /*@include breakpoint(large) {
      font-size: 20px;
  }*/ }

html body .main header {
  height: 260px;
  font-weight: 300;
  color: #ffffff;
  position: relative;
  background: #7c4dff;
  background: -moz-linear-gradient(-16deg, #7c4dff 52%, #f4c9c9 96%, #fbe9e7 100%);
  background: -webkit-linear-gradient(-16deg, #7c4dff 52%, #f4c9c9 96%, #fbe9e7 100%);
  background: linear-gradient(-16deg, #7c4dff 52%, #f4c9c9 96%, #fbe9e7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="map-get($colors, viola)",endColorstr="map-get($colors, rosa-chiaro)",GradientType=1); }
  html body .main header * {
    color: #ffffff; }
  html body .main header img {
    max-width: 238px; }
  html body .main header .top-header {
    z-index: 1; }
    html body .main header .top-header .badge {
      margin-top: 20px;
      text-align: left; }
      html body .main header .top-header .badge .icona {
        background-image: url(../img/bell.svg);
        background-size: contain;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-color: transparent;
        height: 25px;
        width: 25px;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        margin-right: 7px; }
      html body .main header .top-header .badge p {
        display: inline-block;
        vertical-align: middle;
        margin: 0; }
      html body .main header .top-header .badge.on .icona:after {
        display: block;
        content: "";
        height: 14px;
        width: 14px;
        overflow: hidden;
        border-radius: 50%;
        background-color: #ffbe77;
        position: absolute;
        right: -4px;
        top: -3px; }
html body .main main {
  min-height: calc(100vh - 260px - 7px); }
  html body .main main .pannello-header {
    padding-top: 30px;
    padding-bottom: 30px;
    line-height: 50px; }
    html body .main main .pannello-header h3 {
      margin: 0; }
    html body .main main .pannello-header.redazione-header .btn {
      margin-right: 10px; }
    html body .main main .pannello-header.redazione-header #numero-news {
      font-weight: 700;
      font-size: 1rem; }
  html body .main main .pannello-area, html body .main main .pannello-contenuto {
    padding-top: 30px;
    padding-bottom: 30px; }
    html body .main main .pannello-area form h4, html body .main main .pannello-contenuto form h4 {
      color: #ed1e79; }
    html body .main main .pannello-area form .row, html body .main main .pannello-contenuto form .row {
      padding-top: 20px;
      padding-bottom: 30px; }
      @media only screen and (min-width: 768px) {
        html body .main main .pannello-area form .row, html body .main main .pannello-contenuto form .row {
          padding-top: 40px;
          padding-bottom: 70px; } }
    html body .main main .pannello-area.compressed form .row, html body .main main .compressed.pannello-contenuto form .row {
      padding-top: 20px;
      padding-bottom: 30px; }
      @media only screen and (min-width: 768px) {
        html body .main main .pannello-area.compressed form .row, html body .main main .compressed.pannello-contenuto form .row {
          padding-top: 20px;
          padding-bottom: 30px; } }
    html body .main main .pannello-area .cards .card, html body .main main .pannello-contenuto .cards .card {
      background-color: #faf8f5;
      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
      border: none;
      border-radius: 10px; }
      html body .main main .pannello-area .cards .card .card-body .occhiello, html body .main main .pannello-contenuto .cards .card .card-body .occhiello {
        font-family: 'Work Sans', sans-serif;
        font-size: 11px;
        text-transform: uppercase;
        color: #808080;
        font-weight: 600;
        margin-bottom: 10px;
        line-height: 1.2; }
        html body .main main .pannello-area .cards .card .card-body .occhiello span, html body .main main .pannello-contenuto .cards .card .card-body .occhiello span {
          text-transform: none;
          display: block;
          font-weight: inherit; }
        html body .main main .pannello-area .cards .card .card-body .occhiello.data, html body .main main .pannello-contenuto .cards .card .card-body .occhiello.data {
          margin-bottom: 20px; }
        html body .main main .pannello-area .cards .card .card-body .occhiello.eportal, html body .main main .pannello-contenuto .cards .card .card-body .occhiello.eportal {
          border-radius: 10px;
          color: #ffffff;
          background-color: #3fa9f5;
          padding: 2px 5px;
          display: inline-block;
          overflow: hidden; }
        html body .main main .pannello-area .cards .card .card-body .occhiello.teasercard, html body .main main .pannello-contenuto .cards .card .card-body .occhiello.teasercard {
          border-radius: 10px;
          color: #ffffff;
          background-color: rgba(213, 230, 40, 0.85);
          padding: 2px 5px;
          display: inline-block;
          overflow: hidden; }
        html body .main main .pannello-area .cards .card .card-body .occhiello.modify, html body .main main .pannello-contenuto .cards .card .card-body .occhiello.modify {
          text-transform: none;
          font-weight: 300;
          font-size: 12px; }
      html body .main main .pannello-area .cards .card .card-body .card-title, html body .main main .pannello-contenuto .cards .card .card-body .card-title {
        font-size: 1.2rem;
        font-weight: 600;
        color: #4d4d4d; }
      html body .main main .pannello-area .cards .card .card-body a, html body .main main .pannello-contenuto .cards .card .card-body a {
        font-weight: 400;
        font-size: .835rem;
        display: block;
        color: #3fa9f5;
        line-height: 1.2; }
      @media only screen and (min-width: 768px) {
        html body .main main .pannello-area .cards .card .card-body *[class^="col-"], html body .main main .pannello-contenuto .cards .card .card-body *[class^="col-"] {
          border-right: solid 1px #b3b3b3; } }
      html body .main main .pannello-area .cards .card .card-body *[class^="col-"]:first-child, html body .main main .pannello-contenuto .cards .card .card-body *[class^="col-"]:first-child {
        padding-bottom: 70px; }
      @media only screen and (min-width: 768px) {
        html body .main main .pannello-area .cards .card .card-body *[class^="col-"]:last-child, html body .main main .pannello-contenuto .cards .card .card-body *[class^="col-"]:last-child {
          border-right: none; } }
      html body .main main .pannello-area .cards .card .card-body *[class^="col-"] .texts, html body .main main .pannello-contenuto .cards .card .card-body *[class^="col-"] .texts {
        width: calc(100% - (15px * 2));
        bottom: 0; }
        html body .main main .pannello-area .cards .card .card-body *[class^="col-"] .texts *[class^="col-"], html body .main main .pannello-contenuto .cards .card .card-body *[class^="col-"] .texts *[class^="col-"] {
          padding-bottom: 0;
          border-right: none; }
      html body .main main .pannello-area .cards .card .card-body *[class^="col-"] .selectric-wrapper .selectric, html body .main main .pannello-contenuto .cards .card .card-body *[class^="col-"] .selectric-wrapper .selectric {
        background-color: #faf8f5; }
        html body .main main .pannello-area .cards .card .card-body *[class^="col-"] .selectric-wrapper .selectric .button, html body .main main .pannello-contenuto .cards .card .card-body *[class^="col-"] .selectric-wrapper .selectric .button {
          background-color: #faf8f5; }
        html body .main main .pannello-area .cards .card .card-body *[class^="col-"] .selectric-wrapper .selectric .label, html body .main main .pannello-contenuto .cards .card .card-body *[class^="col-"] .selectric-wrapper .selectric .label {
          text-transform: uppercase;
          font-weight: 600;
          font-size: .615rem; }
      html body .main main .pannello-area .cards .card .card-body *[class^="col-"] .selectric-wrapper .selectric-items, html body .main main .pannello-contenuto .cards .card .card-body *[class^="col-"] .selectric-wrapper .selectric-items {
        background-color: #faf8f5; }
        html body .main main .pannello-area .cards .card .card-body *[class^="col-"] .selectric-wrapper .selectric-items li, html body .main main .pannello-contenuto .cards .card .card-body *[class^="col-"] .selectric-wrapper .selectric-items li {
          text-transform: uppercase;
          font-size: .6rem; }
      html body .main main .pannello-area .cards .card .card-body *[class^="col-"] .selectric-wrapper .ico, html body .main main .pannello-contenuto .cards .card .card-body *[class^="col-"] .selectric-wrapper .ico {
        height: 18px;
        width: 18px;
        border-radius: 3px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
        margin-top: -2px; }
      html body .main main .pannello-area .cards .card .card-body *[class^="col-"] .status, html body .main main .pannello-contenuto .cards .card .card-body *[class^="col-"] .status {
        border-radius: 30px;
        overflow: hidden;
        border: solid 1px #808080;
        line-height: 30px;
        font-size: .615rem;
        width: 100%;
        padding: 0 10px;
        text-transform: uppercase;
        font-weight: 600; }
        html body .main main .pannello-area .cards .card .card-body *[class^="col-"] .status .ico, html body .main main .pannello-contenuto .cards .card .card-body *[class^="col-"] .status .ico {
          height: 18px;
          width: 18px;
          border-radius: 3px;
          display: inline-block;
          vertical-align: middle;
          margin-right: 5px;
          margin-top: -2px; }
      html body .main main .pannello-area .cards .card .card-footer, html body .main main .pannello-contenuto .cards .card .card-footer {
        color: #ffffff;
        border-radius: 0 0 10px 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        white-space: nowrap;
        background-color: black; }
        html body .main main .pannello-area .cards .card .card-footer .inner-area, html body .main main .pannello-contenuto .cards .card .card-footer .inner-area {
          width: 100%;
          display: block;
          overflow: hidden; }
        html body .main main .pannello-area .cards .card .card-footer input[type="text"], html body .main main .pannello-contenuto .cards .card .card-footer input[type="text"], html body .main main .pannello-area .cards .card .card-footer textarea[type="text"], html body .main main .pannello-contenuto .cards .card .card-footer textarea[type="text"], html body .main main .pannello-area .cards .card .card-footer select[type="text"], html body .main main .pannello-contenuto .cards .card .card-footer select[type="text"], html body .main main .pannello-area .cards .card .card-footer .selectric-wrapper [type="text"].selectric, .selectric-wrapper html body .main main .pannello-area .cards .card .card-footer [type="text"].selectric, html body .main main .pannello-contenuto .cards .card .card-footer .selectric-wrapper [type="text"].selectric, .selectric-wrapper html body .main main .pannello-contenuto .cards .card .card-footer [type="text"].selectric, html body .main main .pannello-area .cards .card .card-footer [type="text"].tagify, html body .main main .pannello-contenuto .cards .card .card-footer [type="text"].tagify, html body .main main .pannello-area.editor .cards .card .card-footer .box a[type="text"].url, html body .main main .pannello-area.editor .box .cards .card .card-footer a[type="text"].url, html body .main main .pannello-contenuto .cards .card .card-footer .pannello-area.editor .box a[type="text"].url, html body .main main .pannello-area .cards .card .card-footer .editor.pannello-contenuto .box a[type="text"].url, html body .main main .editor.pannello-contenuto .cards .card .card-footer .box a[type="text"].url, html body .main main .editor.pannello-contenuto .box .cards .card .card-footer a[type="text"].url {
          line-height: 25px;
          border-radius: 25px;
          color: #3fa9f5; }
        html body .main main .pannello-area .cards .card .card-footer textarea, html body .main main .pannello-contenuto .cards .card .card-footer textarea {
          display: block;
          border-radius: 15px;
          height: calc((.835rem * 1.6) * 3); }
        html body .main main .pannello-area .cards .card .card-footer a, html body .main main .pannello-contenuto .cards .card .card-footer a {
          text-transform: uppercase;
          font-weight: 700;
          font-size: .78rem;
          padding-left: 0;
          position: relative;
          margin-right: 30px;
          line-height: 25px;
          color: #ffffff;
          text-decoration: none; }
          html body .main main .pannello-area .cards .card .card-footer a.disabled, html body .main main .pannello-contenuto .cards .card .card-footer a.disabled {
            opacity: .4;
            cursor: default; }
          html body .main main .pannello-area .cards .card .card-footer a:before, html body .main main .pannello-contenuto .cards .card .card-footer a:before {
            display: block;
            content: "";
            display: inline-block;
            height: 25px;
            width: 20px;
            background-size: 20px 20px;
            background-repeat: no-repeat;
            background-position: center center;
            background-color: transparent;
            margin-right: 10px;
            vertical-align: top; }
          html body .main main .pannello-area .cards .card .card-footer a.scarica:before, html body .main main .pannello-contenuto .cards .card .card-footer a.scarica:before {
            background-image: url(../img/scarica.svg); }
          html body .main main .pannello-area .cards .card .card-footer a.apri:before, html body .main main .pannello-contenuto .cards .card .card-footer a.apri:before {
            background-image: url(../img/apri.svg); }
          html body .main main .pannello-area .cards .card .card-footer a.sollecita, html body .main main .pannello-contenuto .cards .card .card-footer a.sollecita {
            padding: 0 10px;
            border-radius: 30px;
            overflow: hidden;
            background-color: rgba(255, 255, 255, 0.25);
            box-shadow: inset 0 1px #b3b3b3; }
            html body .main main .pannello-area .cards .card .card-footer a.sollecita:before, html body .main main .pannello-contenuto .cards .card .card-footer a.sollecita:before {
              display: none; }
          html body .main main .pannello-area .cards .card .card-footer a.invia:before, html body .main main .pannello-contenuto .cards .card .card-footer a.invia:before {
            background-image: url(../img/invia.svg); }
          html body .main main .pannello-area .cards .card .card-footer a.modifica:before, html body .main main .pannello-contenuto .cards .card .card-footer a.modifica:before {
            background-image: url(../img/modifica.svg); }
          html body .main main .pannello-area .cards .card .card-footer a.pubblica:before, html body .main main .pannello-contenuto .cards .card .card-footer a.pubblica:before {
            background-image: url(../img/salva.svg); }
          html body .main main .pannello-area .cards .card .card-footer a:hover, html body .main main .pannello-contenuto .cards .card .card-footer a:hover {
            opacity: .4; }
          html body .main main .pannello-area .cards .card .card-footer a.url, html body .main main .pannello-contenuto .cards .card .card-footer a.url {
            text-transform: none;
            text-decoration: underline;
            display: block;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 100%;
            overflow: hidden; }
          html body .main main .pannello-area .cards .card .card-footer a.direct:before, html body .main main .pannello-contenuto .cards .card .card-footer a.direct:before {
            display: none; }
          html body .main main .pannello-area .cards .card .card-footer a:last-child, html body .main main .pannello-contenuto .cards .card .card-footer a:last-child {
            margin-right: 0; }
        html body .main main .pannello-area .cards .card .card-footer form .row, html body .main main .pannello-contenuto .cards .card .card-footer form .row {
          padding-top: 0;
          padding-bottom: 0; }
      html body .main main .pannello-area .cards .card.pubblicata, html body .main main .pannello-contenuto .cards .card.pubblicata {
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); }
        html body .main main .pannello-area .cards .card.pubblicata .card-header, html body .main main .pannello-contenuto .cards .card.pubblicata .card-header {
          opacity: .2;
          background-color: #4d4d4d; }
        html body .main main .pannello-area .cards .card.pubblicata .card-body .occhiello, html body .main main .pannello-contenuto .cards .card.pubblicata .card-body .occhiello,
        html body .main main .pannello-area .cards .card.pubblicata .card-body .status,
        html body .main main .pannello-contenuto .cards .card.pubblicata .card-body .status {
          opacity: .6; }
        html body .main main .pannello-area .cards .card.pubblicata .card-body h2, html body .main main .pannello-contenuto .cards .card.pubblicata .card-body h2 {
          font-weight: 300; }
        html body .main main .pannello-area .cards .card.pubblicata .card-footer, html body .main main .pannello-contenuto .cards .card.pubblicata .card-footer {
          background-color: rgba(77, 77, 77, 0.4); }
          html body .main main .pannello-area .cards .card.pubblicata .card-footer a, html body .main main .pannello-contenuto .cards .card.pubblicata .card-footer a {
            text-decoration: underline;
            font-weight: 600; }
        html body .main main .pannello-area .cards .card.pubblicata.autore .card-footer a, html body .main main .pannello-contenuto .cards .card.pubblicata.autore .card-footer a, html body .main main .pannello-area .cards .card.pubblicata.alfuturo .card-footer a, html body .main main .pannello-contenuto .cards .card.pubblicata.alfuturo .card-footer a {
          text-transform: none; }
        html body .main main .pannello-area .cards .card.pubblicata.service .card-body *[class^="col-"]:first-child, html body .main main .pannello-contenuto .cards .card.pubblicata.service .card-body *[class^="col-"]:first-child, html body .main main .pannello-area .cards .card.pubblicata.redazione .card-body *[class^="col-"]:first-child, html body .main main .pannello-contenuto .cards .card.pubblicata.redazione .card-body *[class^="col-"]:first-child {
          padding-bottom: 0; }
        html body .main main .pannello-area .cards .card.pubblicata.redazione.teasercard, html body .main main .pannello-contenuto .cards .card.pubblicata.redazione.teasercard {
          background-color: #faf8f5 !important; }
      html body .main main .pannello-area .cards .card.service.eportal, html body .main main .pannello-contenuto .cards .card.service.eportal, html body .main main .pannello-area .cards .card.eportal.pubblicata.redazione, html body .main main .pannello-contenuto .cards .card.eportal.pubblicata.redazione {
        background-color: rgba(63, 169, 245, 0.75); }
        html body .main main .pannello-area .cards .card.service.eportal .card-body a, html body .main main .pannello-contenuto .cards .card.service.eportal .card-body a, html body .main main .pannello-area .cards .card.eportal.pubblicata.redazione .card-body a, html body .main main .pannello-contenuto .cards .card.eportal.pubblicata.redazione .card-body a {
          color: #ffffff; }
        html body .main main .pannello-area .cards .card.service.eportal .card-body .occhiello, html body .main main .pannello-contenuto .cards .card.service.eportal .card-body .occhiello, html body .main main .pannello-area .cards .card.eportal.pubblicata.redazione .card-body .occhiello, html body .main main .pannello-contenuto .cards .card.eportal.pubblicata.redazione .card-body .occhiello {
          color: rgba(255, 255, 255, 0.65); }
        html body .main main .pannello-area .cards .card.service.eportal .card-body .card-title, html body .main main .pannello-contenuto .cards .card.service.eportal .card-body .card-title, html body .main main .pannello-area .cards .card.eportal.pubblicata.redazione .card-body .card-title, html body .main main .pannello-contenuto .cards .card.eportal.pubblicata.redazione .card-body .card-title {
          color: #ffffff; }
      html body .main main .pannello-area .cards .card.service.teasercard, html body .main main .pannello-contenuto .cards .card.service.teasercard, html body .main main .pannello-area .cards .card.teasercard.pubblicata.redazione, html body .main main .pannello-contenuto .cards .card.teasercard.pubblicata.redazione {
        background-color: rgba(213, 230, 40, 0.85);
        /*.card-footer {
            display: none;
        }*/ }
      html body .main main .pannello-area .cards .card.redazione.teasercard, html body .main main .pannello-contenuto .cards .card.redazione.teasercard {
        background-color: #faf8f5; }
        html body .main main .pannello-area .cards .card.redazione.teasercard .card-footer, html body .main main .pannello-contenuto .cards .card.redazione.teasercard .card-footer {
          background-color: rgba(213, 230, 40, 0.85); }
      html body .main main .pannello-area .cards .card.newsletter .card-body .card-title, html body .main main .pannello-contenuto .cards .card.newsletter .card-body .card-title {
        font-size: 1rem; }
      html body .main main .pannello-area .cards .card.newsletter .card-body p:not(.occhiello), html body .main main .pannello-contenuto .cards .card.newsletter .card-body p:not(.occhiello) {
        font-size: 16px;
        line-height: 1.3; }
      html body .main main .pannello-area .cards .card.newsletter .card-body a.btn, html body .main main .pannello-contenuto .cards .card.newsletter .card-body a.btn {
        line-height: 40px;
        color: #ffffff;
        margin-right: 0; }
      html body .main main .pannello-area .cards .card.newsletter .card-body form .selectric-wrapper .selectric, html body .main main .pannello-contenuto .cards .card.newsletter .card-body form .selectric-wrapper .selectric {
        background-color: #ffffff; }
        html body .main main .pannello-area .cards .card.newsletter .card-body form .selectric-wrapper .selectric .button, html body .main main .pannello-contenuto .cards .card.newsletter .card-body form .selectric-wrapper .selectric .button {
          background-color: #ffffff; }
      html body .main main .pannello-area .cards .card.newsletter .card-body form .selectric-wrapper .selectric-items, html body .main main .pannello-contenuto .cards .card.newsletter .card-body form .selectric-wrapper .selectric-items {
        background-color: #ffffff; }
      html body .main main .pannello-area .cards .card.newsletter .card-body form a.btn, html body .main main .pannello-contenuto .cards .card.newsletter .card-body form a.btn {
        line-height: 30px; }
      html body .main main .pannello-area .cards .card.newsletter .card-body *[class^="col-"]:first-child, html body .main main .pannello-contenuto .cards .card.newsletter .card-body *[class^="col-"]:first-child {
        padding-bottom: 0;
        min-height: 150px; }
      html body .main main .pannello-area .cards .card.newsletter .card-body *[class^="col-"] textarea, html body .main main .pannello-contenuto .cards .card.newsletter .card-body *[class^="col-"] textarea {
        height: calc((.835rem * 1.6) * 4); }
      html body .main main .pannello-area .cards .card.newsletter .card-body .box, html body .main main .pannello-contenuto .cards .card.newsletter .card-body .box {
        border-bottom: solid 1px #b3b3b3;
        padding-bottom: 40px;
        margin-bottom: 40px; }
      html body .main main .pannello-area .cards .card.newsletter.selected, html body .main main .pannello-contenuto .cards .card.newsletter.selected {
        background-color: rgba(179, 179, 179, 0.75); }
        html body .main main .pannello-area .cards .card.newsletter.selected .btn.btn-primary, html body .main main .pannello-contenuto .cards .card.newsletter.selected .btn.btn-primary {
          opacity: .5; }
      html body .main main .pannello-area .cards .card.newsletter.toapprove, html body .main main .pannello-contenuto .cards .card.newsletter.toapprove {
        width: calc((100% / 3) - 40px);
        margin-right: 30px;
        margin-left: 30px;
        display: inline-block;
        vertical-align: top; }
        html body .main main .pannello-area .cards .card.newsletter.toapprove:nth-child(3n - 2), html body .main main .pannello-contenuto .cards .card.newsletter.toapprove:nth-child(3n - 2) {
          margin-left: 0; }
        html body .main main .pannello-area .cards .card.newsletter.toapprove:nth-child(3n), html body .main main .pannello-contenuto .cards .card.newsletter.toapprove:nth-child(3n) {
          margin-right: 0; }
        html body .main main .pannello-area .cards .card.newsletter.toapprove .card-body *[class^="col-"]:first-child, html body .main main .pannello-contenuto .cards .card.newsletter.toapprove .card-body *[class^="col-"]:first-child {
          min-height: 0; }
        html body .main main .pannello-area .cards .card.newsletter.toapprove .card-body *[class^="col-"] a.btn, html body .main main .pannello-contenuto .cards .card.newsletter.toapprove .card-body *[class^="col-"] a.btn {
          line-height: 50px; }
    html body .main main .pannello-area .cards.autore, html body .main main .pannello-contenuto .cards.autore, html body .main main .pannello-area .cards .cards.card.pubblicata.alfuturo, html body .main main .pannello-contenuto .cards .cards.card.pubblicata.alfuturo, html body .main main .pannello-area .cards.alfuturo, html body .main main .pannello-contenuto .cards.alfuturo {
      vertical-align: top;
      font-size: 0; }
      html body .main main .pannello-area .cards.autore .card, html body .main main .pannello-contenuto .cards.autore .card, html body .main main .pannello-area .cards .cards.card.pubblicata.alfuturo .card, html body .main main .pannello-contenuto .cards .cards.card.pubblicata.alfuturo .card, html body .main main .pannello-area .cards.alfuturo .card, html body .main main .pannello-contenuto .cards.alfuturo .card {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        display: inline-block;
        vertical-align: top; }
        @media only screen and (min-width: 768px) {
          html body .main main .pannello-area .cards.autore .card, html body .main main .pannello-contenuto .cards.autore .card, html body .main main .pannello-area .cards .cards.card.pubblicata.alfuturo .card, html body .main main .pannello-contenuto .cards .cards.card.pubblicata.alfuturo .card, html body .main main .pannello-area .cards.alfuturo .card, html body .main main .pannello-contenuto .cards.alfuturo .card {
            margin-left: 30px;
            margin-right: 30px;
            width: calc((100% / 3) - 40px); } }
        html body .main main .pannello-area .cards.autore .card:nth-child(3n - 2), html body .main main .pannello-contenuto .cards.autore .card:nth-child(3n - 2), html body .main main .pannello-area .cards.alfuturo .card:nth-child(3n - 2), html body .main main .pannello-contenuto .cards.alfuturo .card:nth-child(3n - 2) {
          margin-left: 0; }
        html body .main main .pannello-area .cards.autore .card:nth-child(3n), html body .main main .pannello-contenuto .cards.autore .card:nth-child(3n), html body .main main .pannello-area .cards.alfuturo .card:nth-child(3n), html body .main main .pannello-contenuto .cards.alfuturo .card:nth-child(3n) {
          margin-right: 0; }
        html body .main main .pannello-area .cards.autore .card .card-header, html body .main main .pannello-contenuto .cards.autore .card .card-header, html body .main main .pannello-area .cards.alfuturo .card .card-header, html body .main main .pannello-contenuto .cards.alfuturo .card .card-header {
          color: #ffffff;
          font-size: .75rem;
          font-weight: 700;
          text-align: center;
          text-transform: uppercase;
          padding-top: 5px;
          padding-bottom: 5px;
          border-bottom: none;
          border-radius: 10px 10px 0 0;
          position: relative;
          background-color: black; }
          html body .main main .pannello-area .cards.autore .card .card-header:after, html body .main main .pannello-contenuto .cards.autore .card .card-header:after, html body .main main .pannello-area .cards.alfuturo .card .card-header:after, html body .main main .pannello-contenuto .cards.alfuturo .card .card-header:after {
            display: block;
            height: 10px;
            width: 10px;
            position: absolute;
            right: 8px;
            top: 50%;
            margin-top: -5px;
            content: "";
            background-color: #ff0033;
            border-radius: 50%;
            border: solid 2px #ffffff;
            overflow: hidden;
            z-index: 1; }
          html body .main main .pannello-area .cards.autore .card .card-header.send:after, html body .main main .pannello-contenuto .cards.autore .card .card-header.send:after, html body .main main .pannello-area .cards.alfuturo .card .card-header.send:after, html body .main main .pannello-contenuto .cards.alfuturo .card .card-header.send:after {
            background-color: #00ff33; }
        html body .main main .pannello-area .cards.autore .card .card-body, html body .main main .pannello-contenuto .cards.autore .card .card-body, html body .main main .pannello-area .cards.alfuturo .card .card-body, html body .main main .pannello-contenuto .cards.alfuturo .card .card-body {
          padding: .835rem .565rem; }
          html body .main main .pannello-area .cards.autore .card .card-body .card-title, html body .main main .pannello-contenuto .cards.autore .card .card-body .card-title, html body .main main .pannello-area .cards.alfuturo .card .card-body .card-title, html body .main main .pannello-contenuto .cards.alfuturo .card .card-body .card-title {
            min-height: calc((1.2rem * 1.2) * 3);
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            margin-bottom: 1rem; }
          html body .main main .pannello-area .cards.autore .card .card-body .occhiello.stato .ico, html body .main main .pannello-contenuto .cards.autore .card .card-body .occhiello.stato .ico, html body .main main .pannello-area .cards.alfuturo .card .card-body .occhiello.stato .ico, html body .main main .pannello-contenuto .cards.alfuturo .card .card-body .occhiello.stato .ico {
            height: 18px;
            width: 18px;
            border-radius: 3px;
            display: inline-block;
            vertical-align: middle;
            margin-right: 5px;
            margin-top: -2px; }
        html body .main main .pannello-area .cards.autore .card .card-footer, html body .main main .pannello-contenuto .cards.autore .card .card-footer, html body .main main .pannello-area .cards.alfuturo .card .card-footer, html body .main main .pannello-contenuto .cards.alfuturo .card .card-footer {
          background-color: transparent;
          color: #808080;
          text-align: center;
          border-top: none; }
          html body .main main .pannello-area .cards.autore .card .card-footer a, html body .main main .pannello-contenuto .cards.autore .card .card-footer a, html body .main main .pannello-area .cards.alfuturo .card .card-footer a, html body .main main .pannello-contenuto .cards.alfuturo .card .card-footer a {
            color: #808080; }
            html body .main main .pannello-area .cards.autore .card .card-footer a.invia:before, html body .main main .pannello-contenuto .cards.autore .card .card-footer a.invia:before, html body .main main .pannello-area .cards.alfuturo .card .card-footer a.invia:before, html body .main main .pannello-contenuto .cards.alfuturo .card .card-footer a.invia:before {
              background-image: url(../img/invia-grey.svg); }
        html body .main main .pannello-area .cards.autore .card.pubblicata .card-header:after, html body .main main .pannello-contenuto .cards.autore .card.pubblicata .card-header:after, html body .main main .pannello-area .cards.alfuturo .card.pubblicata .card-header:after, html body .main main .pannello-contenuto .cards.alfuturo .card.pubblicata .card-header:after {
          display: none; }
        html body .main main .pannello-area .cards.autore .card.teasercard .card-header, html body .main main .pannello-contenuto .cards.autore .card.teasercard .card-header, html body .main main .pannello-area .cards.alfuturo .card.teasercard .card-header, html body .main main .pannello-contenuto .cards.alfuturo .card.teasercard .card-header {
          background-color: rgba(213, 230, 40, 0.85);
          color: #4d4d4d;
          /*&:after {
              border-color: map-get($colors, grigio-scuro);
          }*/ }
    html body .main main .pannello-area .cards.kanban, html body .main main .pannello-contenuto .cards.kanban {
      padding-right: 15px;
      padding-left: 15px; }
      html body .main main .pannello-area .cards.kanban .row.restanti, html body .main main .pannello-contenuto .cards.kanban .row.restanti {
        margin-top: 40px;
        padding-top: 40px;
        border-top: solid 1px #b3b3b3; }
      html body .main main .pannello-area .cards.kanban .row .col-attivita, html body .main main .pannello-contenuto .cards.kanban .row .col-attivita {
        border-right: solid 1px #b3b3b3;
        padding-left: 5px;
        padding-right: 5px; }
        @media only screen and (min-width: 1440px) {
          html body .main main .pannello-area .cards.kanban .row .col-attivita, html body .main main .pannello-contenuto .cards.kanban .row .col-attivita {
            padding-left: 10px;
            padding-right: 10px; } }
        html body .main main .pannello-area .cards.kanban .row .col-attivita:last-child, html body .main main .pannello-contenuto .cards.kanban .row .col-attivita:last-child {
          border-right: none; }
        html body .main main .pannello-area .cards.kanban .row .col-attivita h3.sezione, html body .main main .pannello-contenuto .cards.kanban .row .col-attivita h3.sezione {
          text-align: center;
          padding: 10px 0;
          font-size: .9rem;
          font-weight: 300;
          color: #ffffff;
          margin-bottom: 10px; }
      html body .main main .pannello-area .cards.kanban .row .card, html body .main main .pannello-contenuto .cards.kanban .row .card {
        border-radius: 0;
        /*box-shadow: 0 0px 3px rgba(0, 0, 0, 0.35);*/
        box-shadow: none;
        border: solid 1px #b3b3b3;
        /*&.teasercard {
            .card-body {
                .card-title-link {
                    color: map-get($colors, bianco);
                    &:hover {
                        color: map-get($colors, blu);
                    }
                }
            }
        }*/ }
        html body .main main .pannello-area .cards.kanban .row .card .card-body, html body .main main .pannello-contenuto .cards.kanban .row .card .card-body {
          padding: .75rem; }
          html body .main main .pannello-area .cards.kanban .row .card .card-body .card-title, html body .main main .pannello-contenuto .cards.kanban .row .card .card-body .card-title {
            font-size: .85rem; }
            @media only screen and (min-width: 1440px) {
              html body .main main .pannello-area .cards.kanban .row .card .card-body .card-title, html body .main main .pannello-contenuto .cards.kanban .row .card .card-body .card-title {
                font-size: 1rem; } }
          html body .main main .pannello-area .cards.kanban .row .card .card-body .card-title-link, html body .main main .pannello-contenuto .cards.kanban .row .card .card-body .card-title-link {
            color: #4d4d4d;
            text-decoration: underline; }
            html body .main main .pannello-area .cards.kanban .row .card .card-body .card-title-link:hover, html body .main main .pannello-contenuto .cards.kanban .row .card .card-body .card-title-link:hover {
              color: #2d6cb5; }
              html body .main main .pannello-area .cards.kanban .row .card .card-body .card-title-link:hover .card-title, html body .main main .pannello-contenuto .cards.kanban .row .card .card-body .card-title-link:hover .card-title {
                color: #2d6cb5; }
          html body .main main .pannello-area .cards.kanban .row .card .card-body .texts, html body .main main .pannello-contenuto .cards.kanban .row .card .card-body .texts {
            margin-bottom: 20px; }
            html body .main main .pannello-area .cards.kanban .row .card .card-body .texts:last-of-type, html body .main main .pannello-contenuto .cards.kanban .row .card .card-body .texts:last-of-type {
              margin-bottom: 0; }
          html body .main main .pannello-area .cards.kanban .row .card .card-body .occhiello, html body .main main .pannello-contenuto .cards.kanban .row .card .card-body .occhiello {
            font-weight: 300; }
            html body .main main .pannello-area .cards.kanban .row .card .card-body .occhiello span, html body .main main .pannello-contenuto .cards.kanban .row .card .card-body .occhiello span {
              font-weight: 700;
              display: inline; }
          html body .main main .pannello-area .cards.kanban .row .card .card-body a, html body .main main .pannello-contenuto .cards.kanban .row .card .card-body a {
            font-size: 11px; }
            @media only screen and (min-width: 1440px) {
              html body .main main .pannello-area .cards.kanban .row .card .card-body a, html body .main main .pannello-contenuto .cards.kanban .row .card .card-body a {
                font-size: 13px; } }
        html body .main main .pannello-area .cards.kanban .row .card .card-footer, html body .main main .pannello-contenuto .cards.kanban .row .card .card-footer {
          border-radius: 0;
          padding: .75rem;
          /*background-color: map-get($colors, blu);*/
          background-color: transparent; }
          html body .main main .pannello-area .cards.kanban .row .card .card-footer a, html body .main main .pannello-contenuto .cards.kanban .row .card .card-footer a {
            color: #808080; }
            html body .main main .pannello-area .cards.kanban .row .card .card-footer a.url, html body .main main .pannello-contenuto .cards.kanban .row .card .card-footer a.url {
              font-size: .65rem;
              font-weight: 300;
              line-height: 1.4;
              white-space: normal;
              margin-bottom: 10px; }
              @media only screen and (min-width: 1440px) {
                html body .main main .pannello-area .cards.kanban .row .card .card-footer a.url, html body .main main .pannello-contenuto .cards.kanban .row .card .card-footer a.url {
                  font-size: .85rem; } }
              html body .main main .pannello-area .cards.kanban .row .card .card-footer a.url:before, html body .main main .pannello-contenuto .cards.kanban .row .card .card-footer a.url:before {
                display: none; }
              html body .main main .pannello-area .cards.kanban .row .card .card-footer a.url:last-of-type, html body .main main .pannello-contenuto .cards.kanban .row .card .card-footer a.url:last-of-type {
                margin-bottom: 5px; }
          html body .main main .pannello-area .cards.kanban .row .card .card-footer .text-center a, html body .main main .pannello-contenuto .cards.kanban .row .card .card-footer .text-center a {
            display: block;
            margin-right: 0;
            margin-top: 10px;
            padding: 0 10px;
            border-radius: 30px;
            overflow: hidden;
            /*background-color: rgba(255, 255, 255, 0.25);*/
            background-color: #2d6cb5;
            /*box-shadow: inset 0 1px map-get($colors, grigio-bordi);*/
            box-shadow: none;
            color: #ffffff; }
            html body .main main .pannello-area .cards.kanban .row .card .card-footer .text-center a:not(.disabled):hover, html body .main main .pannello-contenuto .cards.kanban .row .card .card-footer .text-center a:not(.disabled):hover {
              opacity: 1;
              /*background-color: rgba(255, 255, 255, 0.65);*/
              background-color: #808080; }
            html body .main main .pannello-area .cards.kanban .row .card .card-footer .text-center a.disabled, html body .main main .pannello-contenuto .cards.kanban .row .card .card-footer .text-center a.disabled {
              display: none; }
          html body .main main .pannello-area .cards.kanban .row .card .card-footer textarea, html body .main main .pannello-contenuto .cards.kanban .row .card .card-footer textarea {
            font-size: .65rem;
            border-radius: 0;
            /*border: none;*/
            border-color: #b3b3b3; }
            @media only screen and (min-width: 1440px) {
              html body .main main .pannello-area .cards.kanban .row .card .card-footer textarea, html body .main main .pannello-contenuto .cards.kanban .row .card .card-footer textarea {
                font-size: .85rem; } }
          html body .main main .pannello-area .cards.kanban .row .card .card-footer *:disabled, html body .main main .pannello-contenuto .cards.kanban .row .card .card-footer *:disabled {
            display: none; }
        html body .main main .pannello-area .cards.kanban .row .card.eportal .card-body .card-title-link, html body .main main .pannello-contenuto .cards.kanban .row .card.eportal .card-body .card-title-link {
          color: #ffffff; }
          html body .main main .pannello-area .cards.kanban .row .card.eportal .card-body .card-title-link:hover, html body .main main .pannello-contenuto .cards.kanban .row .card.eportal .card-body .card-title-link:hover {
            color: #2d6cb5; }
        html body .main main .pannello-area .cards.kanban .row .card.service.in-approvazione .card-body .card-title, html body .main main .pannello-contenuto .cards.kanban .row .card.service.in-approvazione .card-body .card-title, html body .main main .pannello-area .cards.kanban .row .card.in-approvazione.pubblicata.redazione .card-body .card-title, html body .main main .pannello-contenuto .cards.kanban .row .card.in-approvazione.pubblicata.redazione .card-body .card-title {
          font-size: .725rem; }
        html body .main main .pannello-area .cards.kanban .row .card.service.approvata .card-body .card-title, html body .main main .pannello-contenuto .cards.kanban .row .card.service.approvata .card-body .card-title, html body .main main .pannello-area .cards.kanban .row .card.approvata.pubblicata.redazione .card-body .card-title, html body .main main .pannello-contenuto .cards.kanban .row .card.approvata.pubblicata.redazione .card-body .card-title {
          font-size: .725rem; }
        html body .main main .pannello-area .cards.kanban .row .card.service.teaser .card-footer a, html body .main main .pannello-contenuto .cards.kanban .row .card.service.teaser .card-footer a, html body .main main .pannello-area .cards.kanban .row .card.teaser.pubblicata.redazione .card-footer a, html body .main main .pannello-contenuto .cards.kanban .row .card.teaser.pubblicata.redazione .card-footer a {
          text-decoration: none; }
          html body .main main .pannello-area .cards.kanban .row .card.service.teaser .card-footer a:before, html body .main main .pannello-contenuto .cards.kanban .row .card.service.teaser .card-footer a:before, html body .main main .pannello-area .cards.kanban .row .card.teaser.pubblicata.redazione .card-footer a:before, html body .main main .pannello-contenuto .cards.kanban .row .card.teaser.pubblicata.redazione .card-footer a:before {
            display: none; }
        html body .main main .pannello-area .cards.kanban .row .card.service.to_send, html body .main main .pannello-contenuto .cards.kanban .row .card.service.to_send, html body .main main .pannello-area .cards.kanban .row .card.to_send.pubblicata.redazione, html body .main main .pannello-contenuto .cards.kanban .row .card.to_send.pubblicata.redazione {
          background-color: #f43636; }
          html body .main main .pannello-area .cards.kanban .row .card.service.to_send .card-body .card-title-link, html body .main main .pannello-contenuto .cards.kanban .row .card.service.to_send .card-body .card-title-link, html body .main main .pannello-area .cards.kanban .row .card.to_send.pubblicata.redazione .card-body .card-title-link, html body .main main .pannello-contenuto .cards.kanban .row .card.to_send.pubblicata.redazione .card-body .card-title-link {
            color: #fff; }
          html body .main main .pannello-area .cards.kanban .row .card.service.to_send .card-body .card-title, html body .main main .pannello-contenuto .cards.kanban .row .card.service.to_send .card-body .card-title, html body .main main .pannello-area .cards.kanban .row .card.to_send.pubblicata.redazione .card-body .card-title, html body .main main .pannello-contenuto .cards.kanban .row .card.to_send.pubblicata.redazione .card-body .card-title {
            color: #fff;
            font-size: 1rem; }
          html body .main main .pannello-area .cards.kanban .row .card.service.to_send .occhiello, html body .main main .pannello-contenuto .cards.kanban .row .card.service.to_send .occhiello, html body .main main .pannello-area .cards.kanban .row .card.to_send.pubblicata.redazione .occhiello, html body .main main .pannello-contenuto .cards.kanban .row .card.to_send.pubblicata.redazione .occhiello {
            color: #fff;
            opacity: 1; }
          html body .main main .pannello-area .cards.kanban .row .card.service.to_send.newsletter, html body .main main .pannello-contenuto .cards.kanban .row .card.service.to_send.newsletter, html body .main main .pannello-area .cards.kanban .row .card.to_send.newsletter.pubblicata.redazione, html body .main main .pannello-contenuto .cards.kanban .row .card.to_send.newsletter.pubblicata.redazione {
            background-color: #00c099; }
    html body .main main .pannello-area .cards.redazione.toapprove, html body .main main .pannello-contenuto .cards.redazione.toapprove {
      vertical-align: top;
      font-size: 0; }
    html body .main main .pannello-area.editor form .row *[class*="col-"]:first-child input[type="text"], html body .main main .editor.pannello-contenuto form .row *[class*="col-"]:first-child input[type="text"], html body .main main .pannello-area.editor form .row *[class*="col-"]:first-child textarea[type="text"], html body .main main .editor.pannello-contenuto form .row *[class*="col-"]:first-child textarea[type="text"], html body .main main .pannello-area.editor form .row *[class*="col-"]:first-child select[type="text"], html body .main main .editor.pannello-contenuto form .row *[class*="col-"]:first-child select[type="text"], html body .main main .pannello-area.editor form .row *[class*="col-"]:first-child .selectric-wrapper [type="text"].selectric, .selectric-wrapper html body .main main .pannello-area.editor form .row *[class*="col-"]:first-child [type="text"].selectric, html body .main main .editor.pannello-contenuto form .row *[class*="col-"]:first-child .selectric-wrapper [type="text"].selectric, .selectric-wrapper html body .main main .editor.pannello-contenuto form .row *[class*="col-"]:first-child [type="text"].selectric, html body .main main .pannello-area.editor form .row *[class*="col-"]:first-child [type="text"].tagify, html body .main main .editor.pannello-contenuto form .row *[class*="col-"]:first-child [type="text"].tagify, html body .main main .pannello-area.editor form .row *[class*="col-"]:first-child .box a[type="text"].url, html body .main main .pannello-area.editor .box form .row *[class*="col-"]:first-child a[type="text"].url, html body .main main .editor.pannello-contenuto form .row *[class*="col-"]:first-child .box a[type="text"].url, html body .main main .editor.pannello-contenuto .box form .row *[class*="col-"]:first-child a[type="text"].url {
      color: #3fa9f5; }
    html body .main main .pannello-area.editor .box, html body .main main .editor.pannello-contenuto .box {
      padding: 0 15px;
      margin-bottom: 50px;
      border-bottom: solid 1px #b3b3b3;
      display: block;
      width: 100%; }
      html body .main main .pannello-area.editor .box h5, html body .main main .editor.pannello-contenuto .box h5, html body .main main .pannello-area.editor .box h6, html body .main main .editor.pannello-contenuto .box h6 {
        margin-bottom: 20px; }
        html body .main main .pannello-area.editor .box h5 span, html body .main main .editor.pannello-contenuto .box h5 span, html body .main main .pannello-area.editor .box h6 span, html body .main main .editor.pannello-contenuto .box h6 span {
          font-weight: inherit;
          color: #dc3545;
          margin-left: 2px; }
      html body .main main .pannello-area.editor .box h6, html body .main main .editor.pannello-contenuto .box h6 {
        margin-bottom: 10px; }
      html body .main main .pannello-area.editor .box p.stato, html body .main main .editor.pannello-contenuto .box p.stato {
        margin-bottom: 40px;
        line-height: 32px; }
        html body .main main .pannello-area.editor .box p.stato .ico, html body .main main .editor.pannello-contenuto .box p.stato .ico {
          height: 18px;
          width: 18px;
          border-radius: 3px;
          display: inline-block;
          vertical-align: middle;
          margin-right: 5px;
          margin-top: -2px; }
      html body .main main .pannello-area.editor .box a.url, html body .main main .editor.pannello-contenuto .box a.url {
        font-weight: 400;
        display: inline-block;
        margin-bottom: 30px; }
        html body .main main .pannello-area.editor .box a.url.disabled, html body .main main .editor.pannello-contenuto .box a.url.disabled {
          cursor: not-allowed; }
        html body .main main .pannello-area.editor .box a.url.link, html body .main main .editor.pannello-contenuto .box a.url.link {
          font-weight: 700;
          padding: 0;
          border: none;
          border-radius: 0;
          font-size: 1rem;
          cursor: pointer;
          margin-bottom: 0;
          display: inline-block;
          overflow: hidden;
          text-overflow: ellipsis; }
      html body .main main .pannello-area.editor .box input[type="text"], html body .main main .editor.pannello-contenuto .box input[type="text"], html body .main main .pannello-area.editor .box textarea[type="text"], html body .main main .editor.pannello-contenuto .box textarea[type="text"], html body .main main .pannello-area.editor .box select[type="text"], html body .main main .editor.pannello-contenuto .box select[type="text"], html body .main main .pannello-area.editor .box .selectric-wrapper [type="text"].selectric, .selectric-wrapper html body .main main .pannello-area.editor .box [type="text"].selectric, html body .main main .editor.pannello-contenuto .box .selectric-wrapper [type="text"].selectric, .selectric-wrapper html body .main main .editor.pannello-contenuto .box [type="text"].selectric, html body .main main .pannello-area.editor .box [type="text"].tagify, html body .main main .editor.pannello-contenuto .box [type="text"].tagify, html body .main main .pannello-area.editor .box a[type="text"].url, html body .main main .editor.pannello-contenuto .box a[type="text"].url,
      html body .main main .pannello-area.editor .box textarea,
      html body .main main .editor.pannello-contenuto .box textarea {
        font-weight: 400; }
      html body .main main .pannello-area.editor .box textarea, html body .main main .editor.pannello-contenuto .box textarea {
        margin-bottom: 50px; }
      html body .main main .pannello-area.editor .box input[type="text"], html body .main main .editor.pannello-contenuto .box input[type="text"], html body .main main .pannello-area.editor .box textarea[type="text"], html body .main main .editor.pannello-contenuto .box textarea[type="text"], html body .main main .pannello-area.editor .box select[type="text"], html body .main main .editor.pannello-contenuto .box select[type="text"], html body .main main .pannello-area.editor .box .selectric-wrapper [type="text"].selectric, .selectric-wrapper html body .main main .pannello-area.editor .box [type="text"].selectric, html body .main main .editor.pannello-contenuto .box .selectric-wrapper [type="text"].selectric, .selectric-wrapper html body .main main .editor.pannello-contenuto .box [type="text"].selectric, html body .main main .pannello-area.editor .box [type="text"].tagify, html body .main main .editor.pannello-contenuto .box [type="text"].tagify, html body .main main .pannello-area.editor .box a[type="text"].url, html body .main main .editor.pannello-contenuto .box a[type="text"].url,
      html body .main main .pannello-area.editor .box select,
      html body .main main .editor.pannello-contenuto .box select,
      html body .main main .pannello-area.editor .box .selectric-wrapper,
      html body .main main .editor.pannello-contenuto .box .selectric-wrapper,
      html body .main main .pannello-area.editor .box .form-check.single,
      html body .main main .editor.pannello-contenuto .box .form-check.single,
      html body .main main .pannello-area.editor .box .tagify,
      html body .main main .editor.pannello-contenuto .box .tagify,
      html body .main main .pannello-area.editor .box .dropzone,
      html body .main main .editor.pannello-contenuto .box .dropzone,
      html body .main main .pannello-area.editor .box .dropfile,
      html body .main main .editor.pannello-contenuto .box .dropfile,
      html body .main main .pannello-area.editor .box .dropfile_teaser,
      html body .main main .editor.pannello-contenuto .box .dropfile_teaser,
      html body .main main .pannello-area.editor .box .dropfile_newsletter,
      html body .main main .editor.pannello-contenuto .box .dropfile_newsletter,
      html body .main main .pannello-area.editor .box .mb-area,
      html body .main main .editor.pannello-contenuto .box .mb-area {
        margin-bottom: 50px; }
      html body .main main .pannello-area.editor .box .form-check, html body .main main .editor.pannello-contenuto .box .form-check {
        padding-left: 1.5rem;
        margin-bottom: 5px;
                                /*&.single {

                                    .form-check-input {
                                        margin-top: .5rem;
                                    }

                                    .tips {
                                        margin-top: -5%;
                                    }
                                }*/ }
        html body .main main .pannello-area.editor .box .form-check .form-check-input, html body .main main .editor.pannello-contenuto .box .form-check .form-check-input {
          margin-left: -1.5rem; }
        html body .main main .pannello-area.editor .box .form-check .form-check-label, html body .main main .editor.pannello-contenuto .box .form-check .form-check-label {
          display: inline;
          font-weight: 400;
          font-size: .85rem;
          color: #808080;
          vertical-align: top; }
        html body .main main .pannello-area.editor .box .form-check.w2, html body .main main .editor.pannello-contenuto .box .form-check.w2 {
          width: 49%;
          display: inline-block; }
        html body .main main .pannello-area.editor .box .form-check.w3, html body .main main .editor.pannello-contenuto .box .form-check.w3 {
          width: 33%;
          display: inline-block; }
      html body .main main .pannello-area.editor .box .scelta-template, html body .main main .editor.pannello-contenuto .box .scelta-template, html body .main main .pannello-area.editor .box .scelta-moduli, html body .main main .editor.pannello-contenuto .box .scelta-moduli {
        margin-bottom: 50px; }
        html body .main main .pannello-area.editor .box .scelta-template label, html body .main main .editor.pannello-contenuto .box .scelta-template label, html body .main main .pannello-area.editor .box .scelta-moduli label, html body .main main .editor.pannello-contenuto .box .scelta-moduli label {
          display: block;
          text-align: center; }
          html body .main main .pannello-area.editor .box .scelta-template label img, html body .main main .editor.pannello-contenuto .box .scelta-template label img, html body .main main .pannello-area.editor .box .scelta-moduli label img, html body .main main .editor.pannello-contenuto .box .scelta-moduli label img {
            margin-bottom: 10px;
            width: 100%;
            height: auto;
            display: block; }
          html body .main main .pannello-area.editor .box .scelta-template label *, html body .main main .editor.pannello-contenuto .box .scelta-template label *, html body .main main .pannello-area.editor .box .scelta-moduli label *, html body .main main .editor.pannello-contenuto .box .scelta-moduli label * {
            cursor: pointer; }
      html body .main main .pannello-area.editor .box .scelta-moduli p, html body .main main .editor.pannello-contenuto .box .scelta-moduli p {
        text-align: left;
        font-size: .945rem;
        margin-bottom: 15px; }
      html body .main main .pannello-area.editor .box:last-of-type, html body .main main .editor.pannello-contenuto .box:last-of-type {
        border-bottom: none;
        margin-bottom: 0; }
      html body .main main .pannello-area.editor .box .row, html body .main main .editor.pannello-contenuto .box .row {
        padding-top: 0;
        padding-bottom: 0; }
      html body .main main .pannello-area.editor .box .tips, html body .main main .editor.pannello-contenuto .box .tips {
        float: right; }
      html body .main main .pannello-area.editor .box.box-alfuturo, html body .main main .editor.pannello-contenuto .box.box-alfuturo, html body .main main .pannello-area.editor .box.box-teaser, html body .main main .editor.pannello-contenuto .box.box-teaser, html body .main main .pannello-area.editor .box.box-newsletter, html body .main main .editor.pannello-contenuto .box.box-newsletter {
        background-color: #e9ecef;
        padding-top: 50px;
        padding-bottom: 1px; }
        html body .main main .pannello-area.editor .box.box-alfuturo .only-alfuturo, html body .main main .editor.pannello-contenuto .box.box-alfuturo .only-alfuturo, html body .main main .pannello-area.editor .box.box-teaser .only-alfuturo, html body .main main .editor.pannello-contenuto .box.box-teaser .only-alfuturo, html body .main main .pannello-area.editor .box.box-newsletter .only-alfuturo, html body .main main .editor.pannello-contenuto .box.box-newsletter .only-alfuturo {
          display: none;
          visibility: hidden;
          opacity: 0; }
          html body .main main .pannello-area.editor .box.box-alfuturo .only-alfuturo.active, html body .main main .editor.pannello-contenuto .box.box-alfuturo .only-alfuturo.active, html body .main main .pannello-area.editor .box.box-teaser .only-alfuturo.active, html body .main main .editor.pannello-contenuto .box.box-teaser .only-alfuturo.active, html body .main main .pannello-area.editor .box.box-newsletter .only-alfuturo.active, html body .main main .editor.pannello-contenuto .box.box-newsletter .only-alfuturo.active {
            display: block;
            visibility: visible;
            opacity: 1; }
      html body .main main .pannello-area.editor .box.box-teaser, html body .main main .editor.pannello-contenuto .box.box-teaser {
        padding-top: 20px;
        background-color: rgba(233, 236, 239, 0.5); }
        html body .main main .pannello-area.editor .box.box-teaser .form-check.single, html body .main main .editor.pannello-contenuto .box.box-teaser .form-check.single {
          margin-bottom: 20px; }
        html body .main main .pannello-area.editor .box.box-teaser h6, html body .main main .editor.pannello-contenuto .box.box-teaser h6 {
          font-size: .75rem; }
        html body .main main .pannello-area.editor .box.box-teaser .only-teaser, html body .main main .editor.pannello-contenuto .box.box-teaser .only-teaser {
          display: none;
          visibility: hidden;
          opacity: 0; }
          html body .main main .pannello-area.editor .box.box-teaser .only-teaser.active, html body .main main .editor.pannello-contenuto .box.box-teaser .only-teaser.active {
            display: block;
            visibility: visible;
            opacity: 1; }
          html body .main main .pannello-area.editor .box.box-teaser .only-teaser textarea, html body .main main .editor.pannello-contenuto .box.box-teaser .only-teaser textarea {
            height: calc((.835rem * 1.6) * 5); }
      html body .main main .pannello-area.editor .box.box-newsletter .only-newsletter, html body .main main .editor.pannello-contenuto .box.box-newsletter .only-newsletter {
        display: none;
        visibility: hidden;
        opacity: 0; }
        html body .main main .pannello-area.editor .box.box-newsletter .only-newsletter.active, html body .main main .editor.pannello-contenuto .box.box-newsletter .only-newsletter.active {
          display: block;
          visibility: visible;
          opacity: 1; }
        html body .main main .pannello-area.editor .box.box-newsletter .only-newsletter textarea, html body .main main .editor.pannello-contenuto .box.box-newsletter .only-newsletter textarea {
          height: calc((.835rem * 1.6) * 3); }
      html body .main main .pannello-area.editor .box.right, html body .main main .editor.pannello-contenuto .box.right {
        padding-bottom: 50px; }
        html body .main main .pannello-area.editor .box.right input[type="text"], html body .main main .editor.pannello-contenuto .box.right input[type="text"], html body .main main .pannello-area.editor .box.right textarea[type="text"], html body .main main .editor.pannello-contenuto .box.right textarea[type="text"], html body .main main .pannello-area.editor .box.right select[type="text"], html body .main main .editor.pannello-contenuto .box.right select[type="text"], html body .main main .pannello-area.editor .box.right .selectric-wrapper [type="text"].selectric, .selectric-wrapper html body .main main .pannello-area.editor .box.right [type="text"].selectric, html body .main main .editor.pannello-contenuto .box.right .selectric-wrapper [type="text"].selectric, .selectric-wrapper html body .main main .editor.pannello-contenuto .box.right [type="text"].selectric, html body .main main .pannello-area.editor .box.right [type="text"].tagify, html body .main main .editor.pannello-contenuto .box.right [type="text"].tagify, html body .main main .pannello-area.editor .box.right a[type="text"].url, html body .main main .editor.pannello-contenuto .box.right a[type="text"].url,
        html body .main main .pannello-area.editor .box.right select,
        html body .main main .editor.pannello-contenuto .box.right select,
        html body .main main .pannello-area.editor .box.right .selectric-wrapper,
        html body .main main .editor.pannello-contenuto .box.right .selectric-wrapper,
        html body .main main .pannello-area.editor .box.right .form-check.single,
        html body .main main .editor.pannello-contenuto .box.right .form-check.single {
          margin-bottom: 40px; }
          html body .main main .pannello-area.editor .box.right input[type="text"].selectric-redazione, html body .main main .editor.pannello-contenuto .box.right input[type="text"].selectric-redazione, html body .main main .pannello-area.editor .box.right textarea[type="text"].selectric-redazione, html body .main main .editor.pannello-contenuto .box.right textarea[type="text"].selectric-redazione, html body .main main .pannello-area.editor .box.right select[type="text"].selectric-redazione, html body .main main .editor.pannello-contenuto .box.right select[type="text"].selectric-redazione, html body .main main .pannello-area.editor .box.right .selectric-wrapper [type="text"].selectric-redazione.selectric, .selectric-wrapper html body .main main .pannello-area.editor .box.right [type="text"].selectric-redazione.selectric, html body .main main .editor.pannello-contenuto .box.right .selectric-wrapper [type="text"].selectric-redazione.selectric, .selectric-wrapper html body .main main .editor.pannello-contenuto .box.right [type="text"].selectric-redazione.selectric, html body .main main .pannello-area.editor .box.right [type="text"].selectric-redazione.tagify, html body .main main .editor.pannello-contenuto .box.right [type="text"].selectric-redazione.tagify, html body .main main .pannello-area.editor .box.right a[type="text"].selectric-redazione.url, html body .main main .editor.pannello-contenuto .box.right a[type="text"].selectric-redazione.url,
          html body .main main .pannello-area.editor .box.right select.selectric-redazione,
          html body .main main .editor.pannello-contenuto .box.right select.selectric-redazione,
          html body .main main .pannello-area.editor .box.right .selectric-wrapper.selectric-redazione,
          html body .main main .editor.pannello-contenuto .box.right .selectric-wrapper.selectric-redazione,
          html body .main main .pannello-area.editor .box.right .form-check.single.selectric-redazione,
          html body .main main .editor.pannello-contenuto .box.right .form-check.single.selectric-redazione {
            margin-bottom: 10px; }
        html body .main main .pannello-area.editor .box.right:last-of-type:not(.box-alfuturo), html body .main main .editor.pannello-contenuto .box.right:last-of-type:not(.box-alfuturo) {
          padding-bottom: 0; }
      html body .main main .pannello-area.editor .box .allegati a, html body .main main .editor.pannello-contenuto .box .allegati a {
        background-color: #f2f2f2;
        padding: 2px 14px;
        border-radius: 24px;
        font-size: .75rem;
        color: #3fa9f5;
        font-weight: 400;
        margin-right: 5px;
        text-decoration: none; }
        html body .main main .pannello-area.editor .box .allegati a:hover, html body .main main .editor.pannello-contenuto .box .allegati a:hover {
          color: #ffffff;
          background-color: #808080; }
      html body .main main .pannello-area.editor .box .box, html body .main main .editor.pannello-contenuto .box .box {
        padding: 0; }
      html body .main main .pannello-area.editor .box .area-note, html body .main main .editor.pannello-contenuto .box .area-note {
        border-right: solid 1px #b3b3b3; }
    html body .main main .pannello-area.editor .reader .box h5, html body .main main .editor.pannello-contenuto .reader .box h5, html body .main main .pannello-area.editor .reader .box h6, html body .main main .editor.pannello-contenuto .reader .box h6 {
      font-size: .85rem;
      margin-bottom: 5px; }
    html body .main main .pannello-area.editor .reader .box p, html body .main main .editor.pannello-contenuto .reader .box p {
      margin-bottom: 40px; }
    html body .main main .pannello-area.editor .reader .box .analytics, html body .main main .editor.pannello-contenuto .reader .box .analytics {
      background-color: #faf8f5;
      color: #808080;
      padding: 1rem;
      padding-right: 5rem;
      border-radius: .5rem;
      border: solid 1px #b3b3b3;
      position: relative;
      font-size: .75rem;
      line-height: 1.5; }
      html body .main main .pannello-area.editor .reader .box .analytics p, html body .main main .editor.pannello-contenuto .reader .box .analytics p {
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis; }
      html body .main main .pannello-area.editor .reader .box .analytics .copy, html body .main main .editor.pannello-contenuto .reader .box .analytics .copy {
        cursor: pointer;
        position: absolute;
        top: .5rem;
        right: .5rem;
        z-index: 1; }
    html body .main main .pannello-area.editor.pannello-read, html body .main main .editor.pannello-read.pannello-contenuto {
      font-size: 16px;
      line-height: 1.2; }
      html body .main main .pannello-area.editor.pannello-read form .row, html body .main main .editor.pannello-read.pannello-contenuto form .row {
        padding-top: 10px;
        padding-bottom: 10px; }
      html body .main main .pannello-area.editor.pannello-read .box, html body .main main .editor.pannello-read.pannello-contenuto .box {
        margin-bottom: 15px; }
        html body .main main .pannello-area.editor.pannello-read .box p, html body .main main .editor.pannello-read.pannello-contenuto .box p {
          margin-bottom: 15px; }
        html body .main main .pannello-area.editor.pannello-read .box .scelta-template, html body .main main .editor.pannello-read.pannello-contenuto .box .scelta-template, html body .main main .pannello-area.editor.pannello-read .box .scelta-moduli, html body .main main .editor.pannello-read.pannello-contenuto .box .scelta-moduli {
          margin-bottom: 0; }
        html body .main main .pannello-area.editor.pannello-read .box .mb-area, html body .main main .editor.pannello-read.pannello-contenuto .box .mb-area {
          margin-bottom: 15px; }
        html body .main main .pannello-area.editor.pannello-read .box.box-alfuturo, html body .main main .editor.pannello-read.pannello-contenuto .box.box-alfuturo, html body .main main .pannello-area.editor.pannello-read .box.box-teaser, html body .main main .editor.pannello-read.pannello-contenuto .box.box-teaser, html body .main main .pannello-area.editor.pannello-read .box.box-newsletter, html body .main main .editor.pannello-read.pannello-contenuto .box.box-newsletter {
          padding-top: 15px; }
    html body .main main .pannello-area .buttons-recap .attenzione, html body .main main .pannello-contenuto .buttons-recap .attenzione {
      font-size: .85rem;
      padding-top: 20px;
      border: dotted 1px #b3b3b3; }
      html body .main main .pannello-area .buttons-recap .attenzione strong, html body .main main .pannello-contenuto .buttons-recap .attenzione strong {
        font-weight: 900; }
      html body .main main .pannello-area .buttons-recap .attenzione a, html body .main main .pannello-contenuto .buttons-recap .attenzione a {
        font-weight: 700; }
    html body .main main .pannello-area table.csv, html body .main main .pannello-contenuto table.csv {
      width: 100%; }
      html body .main main .pannello-area table.csv tbody tr td, html body .main main .pannello-contenuto table.csv tbody tr td, html body .main main .pannello-area table.csv thead tr td, html body .main main .pannello-contenuto table.csv thead tr td {
        font-size: .75rem;
        padding-top: 6px;
        padding-bottom: 6px; }
        html body .main main .pannello-area table.csv tbody tr td .status, html body .main main .pannello-contenuto table.csv tbody tr td .status, html body .main main .pannello-area table.csv thead tr td .status, html body .main main .pannello-contenuto table.csv thead tr td .status {
          font-size: .615rem;
          text-transform: uppercase;
          font-weight: 600; }
          html body .main main .pannello-area table.csv tbody tr td .status .ico, html body .main main .pannello-contenuto table.csv tbody tr td .status .ico, html body .main main .pannello-area table.csv thead tr td .status .ico, html body .main main .pannello-contenuto table.csv thead tr td .status .ico {
            height: 18px;
            width: 18px;
            border-radius: 3px;
            display: inline-block;
            vertical-align: middle;
            margin-right: 5px;
            margin-top: -2px; }
      html body .main main .pannello-area table.csv tbody tr:last-child, html body .main main .pannello-contenuto table.csv tbody tr:last-child, html body .main main .pannello-area table.csv thead tr:last-child, html body .main main .pannello-contenuto table.csv thead tr:last-child {
        display: none; }
      html body .main main .pannello-area table.csv thead tr td, html body .main main .pannello-contenuto table.csv thead tr td {
        font-weight: 700; }
      html body .main main .pannello-area table.csv thead tr:last-child, html body .main main .pannello-contenuto table.csv thead tr:last-child {
        display: table-row; }
  html body .main main .pannello-contenuto h2 {
    font-family: 'Work Sans', sans-serif;
    font-weight: 600;
    font-size: 2rem;
    margin-bottom: 60px; }
    html body .main main .pannello-contenuto h2:not(:first-of-type) {
      margin-top: 80px;
      border-top: solid 1px #808080;
      padding-top: 80px; }
  html body .main main .pannello-contenuto img {
    max-width: 100%;
    height: auto;
    display: block; }
  html body .main main .toast {
    position: absolute;
    top: 20px;
    right: 20px;
    background-color: #00c099;
    color: #ffffff;
    z-index: 2; }
    html body .main main .toast .toast-header .close {
      cursor: pointer; }
      html body .main main .toast .toast-header .close span {
        font-weight: 700;
        cursor: pointer; }
    html body .main main .toast .toast-body {
      font-weight: 700;
      padding-left: 3.5rem;
      padding-right: 3.5rem; }
html body .main footer {
  text-align: center;
  font-size: .75rem;
  padding: 30px 0 10px;
  border-bottom: solid 7px #ed1e79; }
html body.login {
  background: #7c4dff;
  background: -moz-linear-gradient(-16deg, #7c4dff 62%, #f4c9c9 100%, #fbe9e7 100%);
  background: -webkit-linear-gradient(-16deg, #7c4dff 62%, #f4c9c9 100%, #fbe9e7 100%);
  background: linear-gradient(-16deg, #7c4dff 62%, #f4c9c9 100%, #fbe9e7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="map-get($colors, viola)",endColorstr="map-get($colors, rosa-chiaro)",GradientType=1); }
  html body.login .ml-container .ml-extra-div {
    background: transparent; }
  html body.login h1 a {
    width: 200px;
    height: 200px; }
  html body.login input[type="submit"].button, html body.login textarea[type="submit"].button, html body.login select[type="submit"].button, html body.login .selectric-wrapper [type="submit"].button.selectric, .selectric-wrapper html body.login [type="submit"].button.selectric, html body.login [type="submit"].button.tagify, html body.login .main main .pannello-area.editor .box a[type="submit"].button.url, html body.login .main main .editor.pannello-contenuto .box a[type="submit"].button.url {
    height: auto;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.8;
    margin-top: 20px; }

/*# sourceMappingURL=service-tool.css.map */