body {
  font-family: "Archivo Narrow", sans-serif;
  font-size: 14px;
  font-weight: 500;
}
/*.attenzione {
    color: #ffffff;
    font-weight: 900;
    background-color: #737373;
    display: inline;
    padding: 3px 9px;
    border-radius: 5px;
}*/
#system-message {
  margin-top: 10px;
}
.alert-primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
  margin-top: 15px;
}
.alert-primary p {
  font-size: 120%;
}
p.noteassistenza,
p.noteassistenza a {
  text-align: center;
  margin: 12px auto 0px auto;
  background-color: #bc141c;
  /* display: inline-table; */
  max-width: 500px;
  color: #ffffff;
  padding: 3px 2px;
  border-radius: 4px;
}
 {
  text-align: center;
  margin: 12px auto 0px auto;
  background-color: #bc141c;
  max-width: 500px;
  color: #ffffff;
  padding: 3px 2px;
  border-radius: 4px;
}
.settore-a {
  background-color: #2e2e2e;
}
.settore-b {
  background-color: #2e2e2e;
  border-bottom: 3px solid #bc141c;
}
.position-0 {
  text-align: right;
}
.position-0 ul {
  margin: 0px;
}
.span4.altezza-z {
  min-height: 1px;
}
.span8.altezza-z {
  min-height: 1px;
}
.span12.altezza-z {
  min-height: 1px;
}
img.logoazienda {
  max-height: 50px;
  float: left;
  padding-right: 5px;
  padding-bottom: 5px;
}
body.site {
  padding: 0px;
}
.container-fluid {
  padding-right: 0px;
  padding-left: 0px;
}
main#content {
  margin: 0px 10px;
}
.login-greeting {
  color: #ffffff;
}
.nomeazienda {
  font-weight: 700;
  margin-top: 16px;
}
.site-description {
  font-style: italic;
}
a.brand span {
  color: #bc141c;
}
a.brand:hover {
  color: #bc141c;
}
.am {
  border: 1px solid rgba(255, 255, 255, 0);
  display: block;
}
a.brand {
  color: #ffffff;
}
.nav-list > .active > a,
.nav-list > .active > a:hover,
.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover,
.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.btn-primary {
  background: #ffffff;
}
body.site {
  border-top: 3px solid #ffffff;
  background-color: #e0e0e0;
}
a {
  color: #333333;
}
span.software a {
  color: #bc141c;
  text-decoration: none;
  font-weight: bold;
}
ul.servizio {
}
ul.servizio li {
  display: inline-block;
  padding: 0px 10px;
}
ul.servizio li a {
  color: #ffffff;
  display: inline;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  margin-right: 5px;
}
ul.servizio li a:hover {
  text-decoration: underline;
  background-color: transparent;
}
ul.servizio li a:focus {
}
.com_fabrik .dropdown-menu .active > a:focus {
}
.nav > li > a:focus {
  background-color: #ffffff;
}
.fabrikForm .nav > li.dropdown.open.active > a:focus {
}
.dropdown-menu > li > a:focus {
}
.navigation .nav-child li > a:focus {
  color: #bc141c;
  background-color: #ffffff;
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#ffffff),
    to(#ffffff)
  );
  background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
  background-image: -o-linear-gradient(top, #ffffff, #ffffff);
  background-image: linear-gradient(to bottom, #ffffff, #ffffff);
}
.nav-pills > li span {
  color: #ffffff;
}
li.deeper.parent {
  padding: 7px 10px 5px 10px;
  /*border: 1px solid #fff;*/
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
li.deeper.parent:hover {
  background-color: #bc141c;
  border: 0px solid #000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.navigation .nav-child a {
  padding: 8px 20px;
  text-transform: capitalize;
}
.item-page .loginhome {
  width: 240px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -206px;
  margin-left: -120px;
  background-color: #e6e6e6;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #bc141c;
}
.fabrikForm .nav-pills > li > a {
  color: #bc141c;
}
.fabrikForm .nav > li > a:hover {
  background-color: transparent;
}
.fabrikForm .nav-tabs .open .dropdown-toggle,
.fabrikForm .nav-pills .open .dropdown-toggle,
.fabrikForm .nav > li.dropdown.open.active > a:hover {
  color: #bc141c;
  background-color: #f8f8f8;
  border-color: #999;
}
.nav-pills > li > a {
  color: #ffffff;
}
.nav-pills > .active > a {
  background-color: #bc141c !important;
}
.nav > li > a:hover {
  background-color: #bc141c;
}
.navigation .nav-child li > a:hover,
.navigation .nav-child:hover > a {
  text-decoration: underline;
  text-transform: uppercase;
  color: #bc141c;
  background-color: rgba(0, 94, 141, 0);
  background-color: rgba(0, 87, 131, 0);
  background-image: -moz-linear-gradient(
    top,
    rgba(0, 94, 141, 0),
    rgba(0, 77, 116, 0)
  );
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(rgba(0, 94, 141, 0)),
    to(rgba(0, 77, 116, 0))
  );
  background-image: -webkit-linear-gradient(
    top,
    rgba(0, 94, 141, 0),
    rgba(0, 77, 116, 0)
  );
  background-image: -o-linear-gradient(
    top,
    rgba(0, 94, 141, 0),
    rgba(0, 77, 116, 0)
  );
  background-image: linear-gradient(
    to bottom,
    rgba(0, 94, 141, 0),
    rgba(0, 77, 116, 0)
  );
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff8d', endColorstr='#ffffff73', GradientType=0);
}
.dropdown-menu > li > a:hover {
  color: #000000;
  background-color: #ffffff;
}
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  color: #333333;
  background-color: #ffffff;
  background-image: -moz-linear-gradient(top, #fff, #fff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#fff));
  background-image: -webkit-linear-gradient(top, #fff, #fff);
  background-image: -o-linear-gradient(top, #fff, #fff);
  background-image: linear-gradient(to bottom, #fff, #fff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fff', GradientType=0);
}
.add-on + #modlgn-username,
.add-on + #modlgn-passwd {
  width: 196px;
}
#form-login-submit .btn-primary {
  width: 100%;
  line-height: 32px;
  border-color: #5d0000;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #ffe100;
  border-color: #5d0000;
  color: #bc141c;
}
#login-form a:hover {
  color: #ffffff;
}
input#modlgn-remember {
  display: none;
}
.desk {
  width: 210px !important;
}
.well {
  margin-left: 10px;
}
#sidebar li {
  line-height: 24px;
}
#sidebar li a {
  text-transform: capitalize;
  display: inline;
}
main#content {
  margin-bottom: 86px;
}
.bottone {
  color: #fff;
  border: 1px solid #ffffff;
  border-radius: 3px;
  background-color: transparent;
  padding: 3px 10px;
}
.bottone:hover,
.bottone:visited {
  color: #bc141c;
  border: 1px solid #bc141c;
}
.footer {
  bottom: 0px;
  position: fixed;
  right: 0px;
  left: 0px;
  background-color: #2e2e2e;
  padding: 20px 15px 10px 15px;
  border-top: 3px solid #bc141c;
  z-index: 1000;
}
.footer p,
.footer a {
  color: #ffffff;
  text-align: center;
}
.span4.bgrigio {
  background-color: #f1f1f1;
  padding: 10px;
  border-radius: 5px;
}
.btn-primary {
  background: #bc141c;
  border-color: #bc141c;
}
.fb_el_aat_brand___user_id .input-append,
.fb_el_aat_azienda___skUserID .input-append,
.fb_el_aat_azienda___user_id .input-append,
.fb_el_aat_pdv___user_id .input-append {
  display: inline-flex;
}
.benvenuto {
  margin: 0 auto;
  padding: 5px 0px 15px 0px;
  text-align: center;
  border-bottom: 2px solid #bc141c;
  max-width: 800px;
}
.rosso {
  color: #bc141c;
  font-weight: 700;
  text-transform: uppercase;
}
.blog .page-header h2 a {
  text-transform: uppercase;
  color: #bc141c;
  font-size: 60%;
}
.blog .page-header h2 {
  text-align: center;
}
.blog .item {
  background-color: #f5f5f5;
  padding: 2px 10px 8px 10px;
  border-radius: 4px;
  border: 1px solid #e3e3e3;
  margin-top: 15px;
  min-height: 205px;
}
.homepage .btn-group.pull-right,
.nomodificafront .btn-group.pull-right {
  display: none;
}
.blog .btn-group {
  display: none;
}
.blog p {
  text-align: justify;
}
#certificazioni {
}
#certificazioni .grid-container {
  display: grid;
  grid-row-gap: 5px;
  grid-column-gap: 5px;
  grid-template-columns: auto auto auto;
  padding: 0px;
}
#certificazioni .grid-item {
  padding: 0px;
  text-align: center;
  border: 1px solid #eaeaea;
  cursor: pointer;
}
img.cert {
  max-width: 100%;
  transition: all 600ms ease-in-out 0s;
}
img.cert:hover {
  opacity: 0.8;
  transform: scale(0.8, 0.8);
}
#organigramma {
}
#organigramma .grid-container {
  display: grid;
  grid-template-columns: 24% 24% 24% 24%;
  padding: 10px;
  grid-row-gap: 22px;
  grid-column-gap: 21px;
}
#organigramma .grid-item {
  text-align: center;
}
img.cento {
  border-radius: 50%;
  border: 5px solid #bc141c;
  width: 94%;
  transition: all 300ms ease-in-out 0s;
}
img.cento:hover {
  opacity: 1;
  /* transform: scale(0.8, 0.8);*/
  transform: rotate(35deg);
}
h4.titolo {
  text-transform: uppercase;
  font-size: 110%;
  color: #bc141c;
}
h5.nome {
  text-transform: capitalize;
  color: #737373;
}
/*.com_fabrik .dropdown-menu li > a:hover, */
.com_fabrik .dropdown-menu .active > a,
.com_fabrik .dropdown-menu .active > a:hover {
  background-color: #ffffff;
}
.fabrikLabel.control-label {
  color: #8c8c8c;
  font-weight: 500;
}
img.imagedisplayor {
  max-width: 200px;
}
tbody.fabrik_groupdata img {
  max-width: 24px;
}
#tickets___user_id,
#aat_pdv___denoPdv_ro,
#aat_azienda___nomeAzienda_ro {
  /*   text-transform: uppercase;
    font-weight: 700; */
}
#tickets___stato_ticket {
  text-transform: uppercase;
  font-weight: 700;
  color: #ff0000;
}
#tickets___note_am_ro {
  font-style: italic;
  font-size: 118%;
  color: #ff0000;
}
#tickets___stato_ticket_ro {
  text-transform: uppercase;
  color: #000000;
  font-weight: 700;
}
.fabrikgrid_aperto.btn-default.btn.active.btn-success {
  background-color: #006cff;
  border-color: transparent;
  text-transform: lowercase;
}
.fabrikgrid_in_carico.btn-default.btn.active.btn-success {
  background-color: #e5ca00;
  border-color: transparent;
  text-transform: lowercase;
}
.fabrikgrid_in_scadenza.btn-default.btn.active.btn-success {
  background-color: #ef8000;
  border-color: transparent;
  text-transform: lowercase;
}
.fabrikgrid_scaduto.btn-default.btn.active.btn-success {
  background-color: #bc141c;
  border-color: transparent;
  text-transform: lowercase;
}
.fabrikgrid_parziale.btn-default.btn.active.btn-success {
  background-color: #7c4800;
  border-color: transparent;
  text-transform: lowercase;
}
.fabrikgrid_chiuso.btn-default.btn.active.btn-success {
  background-color: #239a00;
  border-color: transparent;
  text-transform: lowercase;
}
label.fabrikgrid_chiuso.btn-default.btn,
label.fabrikgrid_parziale.btn-default.btn,
label.fabrikgrid_aperto.btn-default.btn,
label.fabrikgrid_in_carico.btn-default.btn,
label.fabrikgrid_in_scadenza.btn-default.btn,
label.fabrikgrid_scaduto.btn-default.btn {
  text-transform: lowercase;
}
td.aa_tickets___ticket_nr span {
  font-size: 90%;
  background-color: #666666;
  color: #ffffff;
  padding: 1px 6px;
  border-radius: 3px;
  font-weight: 700;
  display: block;
  text-align: center;
}
/*************************************** stato tickets ***********************/
.stato_ticketaperto .tkstato span {
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 80%;
  background-color: #006cff;
  padding: 1px 6px;
  border-radius: 3px;
  display: block;
  text-align: center;
}
.stato_ticketin-carico .tkstato span {
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 80%;
  background-color: #e5ca00;
  padding: 1px 6px;
  border-radius: 3px;
  display: block;
  text-align: center;
}
.stato_ticketparziale .tkstato span {
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 80%;
  background-color: #7c4800;
  padding: 1px 6px;
  border-radius: 3px;
  display: block;
  text-align: center;
}
.stato_ticketchiuso .tkstato span {
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 80%;
  background-color: #239a00;
  padding: 1px 6px;
  border-radius: 3px;
  display: block;
  text-align: center;
}
/********************************** fine stato tickets ***********************/
.stato_ticketscaduto .stato span {
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 890%;
  background-color: #bc141c;
  padding: 1px 6px;
  border-radius: 3px;
}
tr.entro-24H td.tickets___priorita span {
  background-color: #bc141c !important;
  color: #ffffff;
  font-weight: 700;
  font-size: 90%;
  text-transform: uppercase;
  padding: 1px 6px;
  border-radius: 3px;
}
/************************ stato ***********************/
span.l-aperto {
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 80%;
  background-color: #006cff;
  padding: 1px 6px;
  border-radius: 3px;
}
span.l-in-carico {
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 80%;
  background-color: #e5ca00;
  padding: 1px 6px;
  border-radius: 3px;
  display: block;
  text-align: center;
}
span.l-parziale {
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 80%;
  background-color: #7c4800;
  padding: 1px 6px;
  border-radius: 3px;
}
span.l-chiuso {
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 80%;
  background-color: #239a00;
  padding: 1px 6px;
  border-radius: 3px;
}
span.l-nessuno {
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 80%;
  background-color: #189d00;
  padding: 1px 6px;
  border-radius: 3px;
  display: block;
  text-align: center;
}
span.l-scaduto-50 {
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 80%;
  background-color: #ff9d00;
  padding: 1px 6px;
  border-radius: 3px;
  display: block;
  text-align: center;
}
span.l-scaduto-100 {
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 80%;
  background-color: #ff0000;
  padding: 1px 6px;
  border-radius: 3px;
  display: block;
  text-align: center;
}
span.l-scaduto-chiuso {
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 80%;
  background-color: #000000;
  padding: 1px 6px;
  border-radius: 3px;
  display: block;
  text-align: center;
}
/************************ leggenda ***********************/
.lg-aperto {
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 80%;
  background-color: #006cff;
  padding: 1px 6px;
  border-radius: 3px;
}
.lg-in-carico {
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 80%;
  background-color: #e5ca00;
  padding: 1px 6px;
  border-radius: 3px;
}
.lg-parziale {
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 80%;
  background-color: #7c4800;
  padding: 1px 6px;
  border-radius: 3px;
}
.lg-chiuso {
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 80%;
  background-color: #239a00;
  padding: 1px 6px;
  border-radius: 3px;
}
.lg-nessuno {
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 80%;
  background-color: #189d00;
  padding: 1px 6px;
  border-radius: 3px;
}
.lg-scaduto-50 {
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 80%;
  background-color: #ff9d00;
  padding: 1px 6px;
  border-radius: 3px;
}
.lg-scaduto-100 {
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 80%;
  background-color: #ff0000;
  padding: 1px 6px;
  border-radius: 3px;
}
.lg-scaduto-chiuso {
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 80%;
  background-color: #000000;
  padding: 1px 6px;
  border-radius: 3px;
}
/************************ fine leggenda ***********************/
ul.leggenda li {
  padding: 3px 0px;
  list-style: none;
}
span.l-aperto,
span.l-in-carico,
span.l-parziale,
span.l-chiuso {
}
.legsx {
  display: block;
  float: left;
  margin: 0px 10px;
}
.legdx {
  display: block;
  float: right;
  margin: 0px 10px;
}
.fb_el_aa_tickets___note_am_riservate.span12
  label.fabrikLabel.control-label.fabrikHover.fabrikTip {
  color: #bc141c;
  font-weight: bold;
  text-transform: uppercase;
}
ul.leggenda li span {
  width: 84px;
  display: inline-block;
}
/***************************************** colonna priorità *****************************************/
.priorita2H td.prio span {
  background-color: #38004b;
  color: #ffffff;
  font-size: 90%;
  font-weight: 900;
  padding: 1px 3px;
  border-radius: 3px;
  display: block;
  text-align: center;
}
.priorita4H td.prio span {
  background-color: #69028d;
  color: #ffffff;
  font-size: 90%;
  font-weight: 900;
  padding: 1px 3px;
  border-radius: 3px;
  display: block;
  text-align: center;
}
.priorita24H td.prio span {
  background-color: #8c00bd;
  color: #ffffff;
  font-size: 90%;
  font-weight: 900;
  padding: 1px 3px;
  border-radius: 3px;
  display: block;
  text-align: center;
}
.priorita48H td.prio span {
  background-color: #b23bdd;
  color: #ffffff;
  font-size: 90%;
  font-weight: 900;
  padding: 1px 3px;
  border-radius: 3px;
  display: block;
  text-align: center;
}
.priorita7gg td.prio span {
  background-color: #c342f2;
  color: #ffffff;
  font-size: 90%;
  font-weight: 900;
  padding: 1px 3px;
  border-radius: 3px;
  display: block;
  text-align: center;
}
.priorita15gg td.prio span {
  background-color: #e089ff;
  color: #ffffff;
  font-size: 90%;
  font-weight: 900;
  padding: 1px 3px;
  border-radius: 3px;
  display: block;
  text-align: center;
}
/***************************************** colonna pubblicato *****************************************/
/** pubblicato **/
.pubblicatopubblicato .pa:before {
  font-family: "IcoMoon";
  content: "\e219";
  font-size: 16px;
  color: #00aa00;
}
/** archiviato **/
.pubblicatoarchiviato .pa:before {
  font-family: "IcoMoon";
  content: "\e217";
  /** e217 - e219 - 28 **/
  font-size: 16px;
  color: #0006ff;
}
/** annullato **/
.pubblicatoannullato .pa:before {
  font-family: "IcoMoon";
  content: "\28";
  font-size: 16px;
  color: #bc141c;
}
/** in programmazione **/
.pubblicatoin-programmazione .pa:before {
  font-family: "arial", sans-serif;
  content: "P";
  font-size: 15px;
  font-weight: bold;
  color: #333333;
}
.pubblicatopubblicato .pa span,
.pubblicatoarchiviato .pa span,
.pubblicatoannullato .pa span,
.pubblicatoin-programmazione .pa span {
  /*visibility: hidden; */
  display: none;
}
/***************************************** fine colonna pubblicato *****************************************/
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.embed-responsive-16by9::before {
  padding-top: 56.25%;
}
.embed-responsive::before {
  display: block;
  content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.form-horizontal .input-append,
.fabrikRepeatGroup___aa_mmaziendemarchi___marchio .fabrikElement,
.fb_el_aa_mmaziendemarchi___marchio .fabrikElement {
  display: inline-flex;
}
.table tbody tr.info > td {
  background-color: #b5b5b5;
}
/*********************************** personale ***************************************/
.caption {
  /*   float: left;
    margin: 0;
    padding: 0;
    position: relative;*/
  overflow: hidden;
  transition: all 600ms ease-in-out 0s;
  max-width: 208px;
}
img.effettoUno:hover {
  /* transform: scale(0.9, 0.9); */
  background-color: #848484;
}
img.effettoUno {
  border-radius: 18%;
  border-width: 4px;
  border-style: solid;
  width: 100%;
  transition: all 600ms ease-in-out 0s;
  background-color: #d8d8d8;
  padding: 10px;
}
#personale a {
  color: #afafaf;
}
#livello1 .caption {
  margin: 0 auto;
  margin-top: 10px;
}
.rosso {
  border-color: #bc141c;
}
.arancio {
  border-color: #f35724;
}
.mandarino {
  border-color: #f69223;
}
.limone {
  border-color: #dae024;
}
.lime {
  border-color: #8ac547;
}
.puffo {
  border-color: #2aaae7;
}
div#livello1 .bloccosoggetto {
  margin-top: 10px;
}
/*div#livello1 {
    max-width: 236px;
    margin: 0 auto;
}
div#livello2 {
    max-width: 476px;
    margin: 0 auto;
}
div#livello3 {
    max-width: 716px;
    margin: 0 auto;
}
div#livello4 {
    max-width: 716px;
    margin: 0 auto;
}
div#livello5 {
    max-width: 716px;
    margin: 0 auto;
}
div#livello6 {
    max-width: 716px;
    margin: 0 auto;
}*/
.bloccosoggetto {
  margin-bottom: 20px;
  text-align: center;
  display: inline-grid;
}
.bloccosoggetto img {
  max-width: 208px;
}
.infosoggetto {
  margin-top: 10px;
}
.titolo {
  color: #bc141c;
  font-size: 18px;
  text-transform: capitalize;
  font-weight: 700;
}
.nome {
  color: #a5a5a5;
  font-size: 16px;
  text-transform: capitalize;
  font-weight: 500;
}
fieldset#group27 legend {
  display: none;
}
/********* media query *********/
@media (min-width: 1618px) and (max-width: 3440px) {
  div#livello1 {
    max-width: 236px;
    margin: 0 auto;
  }
  div#livello2 {
    max-width: 476px;
    margin: 0 auto;
  }
  div#livello3 {
    max-width: 1672px;
    margin: 0 auto;
  }
  div#livello4 {
    max-width: 1672px;
    margin: 0 auto;
  }
  div#livello5 {
    max-width: 1672px;
    margin: 0 auto;
  }
  div#livello6 {
    max-width: 1672px;
    margin: 0 auto;
  }
}
@media (min-width: 1042px) and (max-width: 1617px) {
  div#livello1 {
    max-width: 236px;
    margin: 0 auto;
  }
  div#livello2 {
    max-width: 476px;
    margin: 0 auto;
  }
  div#livello3 {
    max-width: 1434px;
    margin: 0 auto;
  }
  div#livello4 {
    max-width: 1434px;
    margin: 0 auto;
  }
  div#livello5 {
    max-width: 1434px;
    margin: 0 auto;
  }
  div#livello6 {
    max-width: 1434px;
    margin: 0 auto;
  }
}
@media (min-width: 961px) and (max-width: 1041px) {
  div#livello1 {
    max-width: 236px;
    margin: 0 auto;
  }
  div#livello2 {
    max-width: 476px;
    margin: 0 auto;
  }
  div#livello3 {
    max-width: 955px;
    margin: 0 auto;
  }
  div#livello4 {
    max-width: 955px;
    margin: 0 auto;
  }
  div#livello5 {
    max-width: 955px;
    margin: 0 auto;
  }
  div#livello6 {
    max-width: 955px;
    margin: 0 auto;
  }
}
@media (min-width: 818px) and (max-width: 960px) {
  div#livello1 {
    max-width: 236px;
    margin: 0 auto;
  }
  div#livello2 {
    max-width: 476px;
    margin: 0 auto;
  }
  div#livello3 {
    max-width: 716px;
    margin: 0 auto;
  }
  div#livello4 {
    max-width: 716px;
    margin: 0 auto;
  }
  div#livello5 {
    max-width: 716px;
    margin: 0 auto;
  }
  div#livello6 {
    max-width: 716px;
    margin: 0 auto;
  }
}
@media (min-width: 618px) and (max-width: 817px) {
  div#livello1 {
    max-width: 236px;
    margin: 0 auto;
  }
  div#livello2 {
    max-width: 476px;
    margin: 0 auto;
  }
  div#livello3 {
    max-width: 716px;
    margin: 0 auto;
  }
  div#livello4 {
    max-width: 716px;
    margin: 0 auto;
  }
  div#livello5 {
    max-width: 716px;
    margin: 0 auto;
  }
  div#livello6 {
    max-width: 716px;
    margin: 0 auto;
  }
}
@media (min-width: 577px) and (max-width: 617px) {
  div#livello1 {
    max-width: 236px;
    margin: 0 auto;
  }
  div#livello2 {
    max-width: 476px;
    margin: 0 auto;
  }
  div#livello3 {
    max-width: 476px;
    margin: 0 auto;
  }
  div#livello4 {
    max-width: 476px;
    margin: 0 auto;
  }
  div#livello5 {
    max-width: 476px;
    margin: 0 auto;
  }
  div#livello6 {
    max-width: 476px;
    margin: 0 auto;
  }
}
@media (min-width: 498px) and (max-width: 576px) {
  div#livello1 {
    max-width: 236px;
    margin: 0 auto;
  }
  div#livello2 {
    max-width: 236px;
    margin: 0 auto;
  }
  div#livello3 {
    max-width: 236px;
    margin: 0 auto;
  }
  div#livello4 {
    max-width: 236px;
    margin: 0 auto;
  }
  div#livello5 {
    max-width: 236px;
    margin: 0 auto;
  }
  div#livello6 {
    max-width: 236px;
    margin: 0 auto;
  }
}
@media (min-width: 300px) and (max-width: 497px) {
  div#livello1 {
    max-width: 236px;
    margin: 0 auto;
  }
  div#livello2 {
    max-width: 236px;
    margin: 0 auto;
  }
  div#livello3 {
    max-width: 236px;
    margin: 0 auto;
  }
  div#livello4 {
    max-width: 236px;
    margin: 0 auto;
  }
  div#livello5 {
    max-width: 236px;
    margin: 0 auto;
  }
  div#livello6 {
    max-width: 236px;
    margin: 0 auto;
  }
}