@charset "UTF-8";
@import url("https://fonts.cdnfonts.com/css/futura-pt");
html {
  font-family: "Futura PT", sans-serif;
  font-size: 100%;
  height: 100%;
  margin: 0; }

body {
  font-family: "Futura PT", sans-serif;
  font-size: 100%;
  height: 100%;
  margin: 0; }

.font-nero {
  color: #000000 !important; }

.font-nero-chiaro {
  color: #000000 !important;
  opacity: 0.80 !important; }

.font-bianco {
  color: #FFFFFF !important; }

.font-rosso {
  color: #E54B4B !important; }

.font-grigio-scuro {
  color: #707070 !important; }

.font-grigio-chiaro {
  color: #A9A9A9 !important; }

.font-grande {
  font: normal normal normal 18px/25px "Futura PT", sans-serif !important;
  letter-spacing: 0px !important; }

.font-medio-titolo {
  font: normal normal 400 16px/23px "Futura PT", sans-serif !important;
  letter-spacing: 0px !important; }

.font-medio-titolo2 {
  font: normal normal 400 14px/23px "Futura PT", sans-serif !important;
  letter-spacing: 0px !important; }

.font-medio-record {
  font: normal normal 200 14px/23px "Futura PT", sans-serif !important;
  letter-spacing: 0px !important; }

.font-medio-record2 {
  font: normal normal 200 12px/23px "Futura PT", sans-serif !important;
  letter-spacing: 0px !important; }

.link {
  cursor: pointer; }

.linktabella {
  cursor: pointer; }

.linktabella:hover {
  background-color: #A9A9A9; }

.linkcella {
  cursor: pointer; }

.linkcella:hover {
  background-color: #e1e1e1;
  color: #FFFFFF !important; }

.campotesto {
  border: 0px solid black;
  border-bottom: 1px solid #000000;
  color: #707070;
  outline: none;
  padding: 5px;
  background-color: #FFFFFF; }

.ricercaarticolo {
  border: 0px solid black;
  border-bottom: 1px solid #000000;
  color: #707070;
  outline: none;
  padding: 5px;
  width: 280px;
  background-color: #FFFFFF; }

.iconaricerca {
  color: #000000;
  cursor: pointer; }

.custom-select-container {
  width: 300px; }

.custom-select {
  border: 0px solid #707070;
  border-right: 1px solid #707070;
  border-radius: 0px;
  overflow-y: auto;
  max-height: 250px;
  scrollbar-width: thin;
  scrollbar-color: #000000 transparent; }

.custom-select::-webkit-scrollbar {
  width: 1px !important; }

.custom-select::-webkit-scrollbar-thumb {
  background-color: #000000; }

.select-item {
  padding: 5px;
  cursor: pointer;
  display: flex;
  align-items: center; }

.select-item:hover {
  background-color: #A9A9A9; }

.select-item.selected {
  background-color: #FFFFFF; }

.select-item.selected::after {
  content: '✔';
  color: #000000;
  margin-left: auto; }

.comboqta {
  border: 0px solid black;
  cursor: pointer;
  background-color: transparent; }

.cellawish {
  cursor: pointer; }

.tooltipwish {
  display: none; }

.cellawish:hover .tooltipwish {
  display: block;
  background-color: #000000;
  color: #FFFFFF !important;
  text-align: left;
  padding: 5px;
  opacity: 1;
  transition: opacity 0.3s;
  position: absolute;
  font-size: 12px !important; }

.divinizio {
  display: none; }

.prefiltro {
  border-top: 1px solid #707070;
  color: #000000;
  margin-bottom: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  cursor: pointer; }

.pulsantecondizioni {
  padding: 5px;
  padding-left: 50px;
  padding-right: 50px;
  color: #FFFFFF;
  background-color: #000000;
  border: 1px solid #FFFFFF; }

.pulsantecondizioni:hover {
  color: #000000;
  background-color: #FFFFFF;
  cursor: pointer; }

.textboxDestra {
  border: 1px solid #000000;
  text-align: right; }

.blocco {
  border: 1px solid black;
  padding: 10px;
  margin: 5px; }

#div1 {
  border: 10px solid green;
  width: 200px;
  height: 200px; }

#div2 {
  border: 10px solid red;
  width: 200px;
  height: 200px; }

#div3 {
  border: 10px solid blue;
  width: 200px;
  height: 200px; }

#div4 {
  border: 10px solid orange;
  width: 200px;
  height: 200px; }

@media only screen and (max-device-width: 450px) and (orientation: portrait) {
  #div4 {
    order: 1; }

  #div2 {
    order: 2; }

  #div1 {
    order: 3; }

  #div3 {
    order: 4; }

  .container {
    display: flex;
    flex-direction: column; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1919px) and (orientation: portrait) {
  .container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 10px; }

  #div2 {
    grid-column: 1;
    grid-row: 1; }

  #div4 {
    grid-column: 2;
    grid-row: 1; }

  #div1 {
    grid-column: 1 / span 2;
    grid-row: 2; }

  #div3 {
    grid-column: 1 / span 2;
    grid-row: 3; } }
@media only screen and (min-device-width: 1920px) {
  .container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 10px; }

  #div1 {
    grid-column: 1;
    grid-row: 1 / span 2; }

  #div2 {
    grid-column: 2;
    grid-row: 1; }

  #div3 {
    grid-column: 2;
    grid-row: 2; }

  #div4 {
    grid-column: 2;
    grid-row: 3; } }
#login-container {
  border: 0px solid red;
  padding: 0px;
  width: 100%;
  height: 100%;
  top: 0px;
  background: #000000 0% 0% no-repeat padding-box;
  display: flex;
  justify-content: center;
  position: relative; }

.login-testo {
  width: 100%;
  background-color: transparent;
  border: 0px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
  color: #FFFFFF;
  outline: none;
  padding: 5px; }

.login-body {
  background: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url("../image/sfondo-desktop.jpg?id=1") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: bottom !important; }

.login-button:hover {
  text-decoration: underline;
  cursor: pointer; }

.login-table {
  border: 0px solid red;
  width: 289px;
  height: 469px;
  margin: 8% auto;
  text-align: center; }

/* Tablet */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .login-body {
    background: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url("../image/sfondo-tablet.jpg?id=1") !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: bottom !important; } }
/* Smartphone */
@media only screen and (max-device-width: 450px) and (orientation: portrait) {
  .login-body {
    background: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url("../image/sfondo-smartphone.jpg?id=1") !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: top center !important; } }
@media only screen and (min-device-width: 1024px) {
  #container_master {
    border: 0px solid red;
    display: flex;
    flex-direction: column;
    height: 100vh;
    max-height: 100vh;
    padding-left: 5px;
    padding-right: 5px; }

  #container_testata {
    border: 0px solid orange;
    display: flex;
    flex-direction: row; }

  #container_logo {
    border: 0px solid lightgray;
    height: 100%;
    padding: 0px; }

  .logo {
    margin-left: 46px;
    margin-top: 31px;
    height: 56px;
    padding-right: 163px; }

  #container_menu {
    border: 0px solid gray;
    height: 100%;
    padding: 0px;
    flex-grow: 1;
    display: flex;
    flex-direction: row; }

  #container_menu .bi-list {
    display: none; }

  .menu {
    border: 0px solid black;
    padding: 0px;
    padding-right: 30px;
    padding-top: 58px; }

  .menu:hover {
    color: #000000 !important;
    opacity: 1 !important;
    cursor: pointer !important; }

  .menu_tablet {
    display: none; }

  #container_menu_tablet {
    display: none; }

  #container_icone {
    border: 0px solid darkgray;
    height: 100%;
    width: auto;
    padding: 0px;
    display: flex;
    flex-direction: row;
    padding-top: 55px;
    padding-right: 60px; }

  .menu_icona {
    margin-left: 20px; }

  .menu_icona:hover {
    color: #000000 !important;
    opacity: 1 !important;
    cursor: pointer !important; }

  .alertpreferiti {
    background-color: #E54B4B;
    width: 20px;
    height: 20px;
    border-radius: 15px;
    font-size: 10px !important;
    text-align: center;
    padding: 0px;
    position: relative;
    margin-left: -8px;
    margin-top: -3px; }

  .alertcarrello {
    background-color: #E54B4B;
    width: 20px;
    height: 20px;
    border-radius: 15px;
    font-size: 10px !important;
    text-align: center;
    padding: 0px;
    position: relative;
    margin-left: -8px;
    margin-top: -3px; }

  #menu_icone_smartphone {
    display: none; }

  #container_dettaglio {
    border: 0px solid blue;
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    margin-top: 41px;
    min-height: 1%;
    margin-bottom: 10px; }

  #container_gestione {
    border: 0px solid lime;
    max-height: 100%;
    width: 410px !important;
    display: flex;
    flex-direction: column; }

  #container_riepilogo {
    border: 0px solid violet;
    padding: 5px;
    display: flex;
    flex-direction: column; }

  .separatore {
    border: 1px solid #707070;
    width: 270px;
    margin-top: 30px;
    margin-left: 40px;
    margin-bottom: 30px; }

  .boxriepilogo {
    width: 300px;
    margin-left: 40px; }

  .boxfiltri {
    width: 300px;
    margin-left: 40px;
    margin-bottom: 40px;
    margin-right: 30px;
    border: 0px solid black; }

  #container_filtri {
    border: 0px solid yellow;
    flex-grow: 1;
    padding: 5px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #000000 transparent;
    border-right: 1px solid #000000; }

  #container_filtri::-webkit-scrollbar {
    width: 1px !important; }

  #container_filtri::-webkit-scrollbar-thumb {
    background-color: #000000; }

  .barrariepilogo, .barrafiltro {
    display: none; }

  #container_lista {
    border: 0px solid green;
    width: 1410px !important;
    padding: 0px;
    margin-left: 20px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #000000 transparent;
    border-right: 1px solid #000000; }

  #container_lista::-webkit-scrollbar {
    width: 1px !important; }

  #container_lista::-webkit-scrollbar-thumb {
    background-color: #000000; }

  .elencoarticoli {
    border: 0px solid red;
    height: 100%; }

  .boxarticolo {
    width: 335px;
    height: 680px;
    border: 0px solid black;
    margin-right: 10px;
    float: left;
    margin-bottom: 40px; }

  .boxarticoloimmagine {
    width: 100%;
    height: 493px;
    margin-bottom: 15px;
    border: 0px solid black; }

  .boxarticoloimmagine img {
    width: 335px; }

  .boxarticolodati {
    width: 100%;
    height: 141px;
    margin-bottom: 8px;
    border: 0px solid black; }

  .boxarticolopulsante {
    border: 0px solid black; }

  #marginetablet {
    margin: 0;
    border: 0px solid lime;
    height: 100%; }

  #boxarticoloscelto {
    display: grid;
    grid-template-columns: 45% auto;
    grid-template-rows: auto;
    align-items: start;
    border: 0px solid red;
    height: 100%; }

  #boxarticolosceltoimmagini {
    grid-column: 1;
    grid-row: 1 / span 10;
    margin-right: 45px;
    padding-right: 20px;
    border: 0px solid black;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #000000 transparent;
    border-right: 1px solid #000000;
    height: 100%; }

  #boxarticolosceltoimmagini::-webkit-scrollbar {
    width: 1px !important; }

  #boxarticolosceltoimmagini::-webkit-scrollbar-thumb {
    background-color: #000000; }

  #boxarticolosceltoimmagini img {
    max-width: 100%;
    margin-bottom: 19px; }

  #boxarticolosceltodati {
    grid-column: 2;
    grid-row: 1;
    border: 0px solid black;
    margin-right: 80px;
    height: auto; }

  #boxarticolosceltocolori {
    grid-column: 2;
    grid-row: 2;
    border: 0px solid black;
    margin-right: 20px;
    overflow-y: auto;
    max-height: 400px;
    scrollbar-width: thin;
    scrollbar-color: #000000 transparent;
    border-right: 1px solid #000000; }

  #boxarticolosceltocolori::-webkit-scrollbar {
    width: 1px !important; }

  #boxarticolosceltocolori::-webkit-scrollbar-thumb {
    background-color: #000000; }

  #boxarticolosceltopulsanti {
    grid-column: 2;
    grid-row: 10;
    border: 0px solid black;
    margin-right: 80px; }

  .pulsanteshop {
    width: 221px;
    height: 36px;
    color: #000000;
    background-color: #FFFFFF;
    border: 1px solid #e1e1e1;
    cursor: pointer; }

  .pulsanteshop:hover {
    color: #FFFFFF;
    background-color: #2b2b2b; }

  .pantone {
    width: 146px;
    height: 146px;
    padding: 0px;
    margin-top: 10px;
    margin-right: 27px;
    margin-bottom: 25px; }

  .elencodettagliodestra {
    padding-right: 30px;
    text-align: right; }

  .elencodettagliosinistra {
    padding-left: 30px;
    text-align: left;
    margin-top: 30px; }

  .elencodettaglio {
    margin-top: 30px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }

  .elencodettagliotop {
    display: flex;
    flex-direction: column; }

  .elencodettaglio1 {
    display: flex;
    flex-direction: row;
    margin-bottom: 20px; }

  .elencodettaglioimmagine {
    width: 254px;
    max-height: 363px;
    margin-right: 22px; }

  .elencodettaglioimmagine img {
    max-width: 254px;
    max-height: 363px; }

  .elencodettagliodati {
    width: 282px;
    max-height: 363px;
    margin-right: 60px; }

  .elencodettaglio2 {
    margin-bottom: 94px; }

  .vedisi {
    display: none; }

  .tabellataglie1 {
    border: 0px solid black;
    border-left: 1px solid #A9A9A9;
    border-right: 1px solid #A9A9A9;
    padding: 15px;
    padding-top: 2px;
    padding-bottom: 2px; }

  .tabellataglie {
    border: 0px solid black;
    border-right: 1px solid #A9A9A9;
    padding: 15px;
    padding-top: 2px;
    padding-bottom: 2px; }

  .tabellatagliespazio {
    border: 0px solid black;
    padding: 0px;
    padding-top: 1px;
    padding-bottom: 1px; }

  .tabellatagliespazio hr {
    width: 100%;
    height: 1px;
    background-color: #A9A9A9;
    padding: 0px; }

  .boxneroscelta {
    background-color: #000000;
    padding-top: 92px;
    width: 612px;
    height: 373px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 0px solid red; }

  .boxsceltapulsanti {
    margin-top: 64px !important;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    border: 0px solid lime; }

  .pulsantescelta {
    width: 219px;
    height: 46px;
    color: #FFFFFF;
    background-color: #000000;
    border: 1px solid #FFFFFF;
    cursor: pointer; }

  .pulsantescelta:hover {
    color: #000000;
    background-color: #FFFFFF; } }
/* Tablet */
@media only screen and (min-device-width: 768px) and (max-device-width: 1919px) and (orientation: portrait) {
  #container_master {
    border: 0px solid red;
    display: flex;
    flex-direction: column;
    height: 100vh;
    max-height: 100vh;
    padding-left: 5px;
    padding-right: 5px; }

  #container_testata {
    border: 0px solid orange;
    display: flex;
    flex-direction: row; }

  #container_logo {
    border: 0px solid lightgray;
    height: 100%;
    padding: 0px;
    margin-left: 29px;
    margin-top: 38px; }

  .logo {
    height: 50px; }

  #container_menu {
    border: 0px solid gray;
    height: 100%;
    padding: 0px;
    order: 2;
    display: flex;
    align-items: flex-end;
    margin-right: 37px; }

  #container_menu .bi-list {
    font-size: 51px;
    color: #707070;
    border: 0px solid black;
    margin-bottom: -15px; }

  .menu {
    display: none; }

  .menu_tablet {
    background-color: #2b2b2b;
    color: #FFFFFF;
    padding-left: 29px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid black; }

  #container_menu_tablet {
    display: none; }

  .container_menu_tablet_attivo {
    display: block !important;
    border: 0px solid black;
    margin-top: 10px; }

  #container_icone {
    border: 0px solid darkgray;
    height: 100%;
    width: auto;
    padding: 0px;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    margin-left: auto; }

  .menu_icona {
    font-size: 26px !important;
    padding-left: 15px;
    margin: auto;
    margin-right: 20px;
    margin-bottom: 5px; }

  .menu_icona:hover {
    color: #000000 !important;
    opacity: 1 !important;
    cursor: pointer !important; }

  .alertpreferiti {
    background-color: #E54B4B;
    width: 20px;
    height: 20px;
    border-radius: 15px;
    font-size: 10px !important;
    text-align: center;
    padding: 0px;
    position: relative;
    margin-left: -28px !important;
    top: -25px; }

  .alertcarrello {
    background-color: #E54B4B;
    width: 20px;
    height: 20px;
    border-radius: 15px;
    font-size: 10px !important;
    text-align: center;
    padding: 0px;
    position: relative;
    margin-left: -28px !important;
    top: -25px; }

  #menu_icone_smartphone {
    display: none; }

  #container_dettaglio {
    border: 0px solid blue;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    margin-top: 42px;
    padding: 0px; }

  #container_gestione {
    border: 0px solid lime;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 0px; }

  #container_riepilogo {
    border: 0px solid violet;
    padding: 0px;
    display: flex;
    flex-direction: row;
    margin-left: 29px; }

  .separatore {
    display: none; }

  .boxriepilogo {
    flex-grow: 1;
    color: #707070; }

  #container_filtri {
    border: 0px solid yellow;
    flex-grow: 1;
    padding: 0px; }

  .barrariepilogo {
    display: none; }

  .barrafiltro {
    width: 100%;
    color: #FFFFFF;
    background-color: #000000;
    text-align: center; }

  .boxfiltri {
    display: none; }

  .boxfiltri_attivo {
    display: block;
    background-color: #e1e1e1 !important;
    color: #000000 !important;
    padding-left: 31px;
    padding-top: 20px;
    padding-bottom: 20px; }

  .ricercaarticolo {
    border: 0px solid black;
    border-bottom: 1px solid #707070;
    color: #707070;
    outline: none;
    padding: 5px;
    width: 280px;
    background-color: #e1e1e1; }

  .iconaricerca {
    color: #000000;
    cursor: pointer; }

  #container_lista {
    border: 0px solid green;
    width: 100%;
    padding: 0px; }

  .elencoarticoli {
    border: 0px solid red;
    height: 100%;
    margin-top: 26px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }

  .prefiltro {
    max-width: 300px; }

  .boxarticolo {
    width: 343px;
    height: 680px;
    border: 0px solid black;
    margin: auto;
    margin-bottom: 60px; }

  .boxarticoloimmagine {
    width: 100%;
    height: 493px;
    margin-bottom: 15px;
    border: 0px solid black; }

  .boxarticoloimmagine img {
    max-height: 493px;
    max-width: 343px; }

  .boxarticolodati {
    width: 100%;
    height: 141px;
    margin-bottom: 8px;
    border: 0px solid black; }

  .boxarticolopulsante {
    border: 0px solid black; }

  .boxarticolopulsante .link {
    text-decoration: underline !important; }

  .select-item.selected {
    background-color: #A9A9A9 !important; }

  .select-item.selected::after {
    content: '✔';
    color: #FFFFFF !important;
    margin-left: auto; }

  #boxarticoloscelto {
    margin-top: 30px;
    display: grid;
    grid-template-columns: 0.1fr 1fr;
    grid-template-rows: auto auto;
    align-items: start; }

  #boxarticolosceltoimmagini {
    margin-top: 30px;
    grid-column: 1 / span 2;
    grid-row: 2;
    max-width: 100% !important;
    border: 0px solid black;
    margin-right: 22px;
    margin-left: 22px;
    max-height: 541px;
    overflow-x: auto;
    display: flex;
    flex-direction: row; }

  #boxarticolosceltoimmagini img {
    max-width: 379px;
    padding-right: 5px; }

  #boxarticolosceltodati {
    grid-column: 1;
    grid-row: 1;
    border: 0px solid red;
    min-width: 500px !important;
    margin-left: 22px; }

  #boxarticolosceltocolori {
    grid-column: 1 / span 2;
    grid-row: 3;
    border: 0px solid black;
    margin-top: 30px !important;
    margin-right: 22px;
    margin-left: 22px; }

  #boxarticolosceltopulsanti {
    grid-column: 2;
    grid-row: 1;
    border: 0px solid black;
    width: 221px;
    margin-left: auto;
    margin-right: 22px;
    margin-top: 59px; }

  .pulsanteshop {
    width: 221px;
    height: 36px;
    color: #000000;
    background-color: #FFFFFF;
    border: 1px solid #e1e1e1; }

  .pulsanteshop:hover {
    color: #FFFFFF;
    background-color: #2b2b2b; }

  .pantone {
    width: 150px;
    height: 150px;
    padding: 0px;
    margin-top: 10px;
    margin-right: 38px;
    margin-bottom: 60px; }

  .font-grandissimo {
    font: normal normal 400 18px/30px "Futura PT", sans-serif !important;
    letter-spacing: 0px !important; }

  .tabellataglie1 {
    border: 0px solid black;
    border-left: 1px solid #A9A9A9;
    border-right: 1px solid #A9A9A9;
    padding: 25px;
    padding-top: 2px;
    padding-bottom: 2px; }

  .tabellataglie {
    border: 0px solid black;
    border-right: 1px solid #A9A9A9;
    padding: 25px;
    padding-top: 2px;
    padding-bottom: 2px; }

  .marginetablet {
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px; }

  .elencodettagliodestra {
    padding-right: 30px;
    text-align: right; }

  .elencodettagliosinistra {
    padding-left: 30px;
    text-align: left;
    margin-top: 30px; }

  .elencodettaglio {
    margin-top: 30px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }

  .elencodettagliotop {
    display: flex;
    flex-direction: column; }

  .elencodettaglio1 {
    display: flex;
    flex-direction: row;
    margin-bottom: 20px; }

  .elencodettaglioimmagine {
    width: 254px;
    max-height: 363px;
    margin-right: 22px; }

  .elencodettaglioimmagine img {
    max-width: 254px;
    max-height: 363px; }

  .elencodettagliodati {
    width: 282px;
    max-height: 363px;
    margin-right: 60px; }

  .elencodettaglio2 {
    margin-bottom: 94px; }

  .vedisi {
    display: none; }

  .tabellataglie1 {
    border: 0px solid black;
    border-left: 1px solid #A9A9A9;
    border-right: 1px solid #A9A9A9;
    padding: 15px;
    padding-top: 2px;
    padding-bottom: 2px; }

  .tabellataglie {
    border: 0px solid black;
    border-right: 1px solid #A9A9A9;
    padding: 15px;
    padding-top: 2px;
    padding-bottom: 2px; }

  .tabellatagliespazio {
    border: 0px solid black;
    padding: 0px;
    padding-top: 1px;
    padding-bottom: 1px; }

  .tabellatagliespazio hr {
    width: 100%;
    height: 1px;
    background-color: #A9A9A9;
    padding: 0px; }

  .boxneroscelta {
    background-color: #000000;
    padding-top: 92px;
    width: 612px;
    height: 373px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 0px solid red; }

  .boxsceltapulsanti {
    margin-top: 64px !important;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    border: 0px solid lime; }

  .pulsantescelta {
    width: 219px;
    height: 46px;
    color: #FFFFFF;
    background-color: #000000;
    border: 1px solid #FFFFFF;
    cursor: pointer; }

  .pulsantescelta:hover {
    color: #000000;
    background-color: #FFFFFF; } }
/* Smartphone */
@media only screen and (max-device-width: 450px) and (orientation: portrait) {
  #container_master {
    border: 0px solid red;
    display: flex;
    flex-direction: column;
    height: 100vh;
    max-height: 100vh;
    padding-left: 5px;
    padding-right: 5px; }

  #container_testata {
    border: 0px solid orange;
    display: flex;
    flex-direction: row; }

  #container_logo {
    border: 0px solid lightgray;
    height: 100%;
    padding: 0px;
    margin-left: 29px;
    margin-top: 38px;
    flex-grow: 1; }

  .logo {
    height: 50px; }

  #container_menu {
    border: 0px solid gray;
    height: 100%;
    padding: 0px;
    order: 1;
    display: flex;
    align-items: flex-end;
    margin-right: 37px; }

  #container_menu .bi-list {
    font-size: 51px;
    color: #707070;
    border: 0px solid black;
    margin-bottom: -15px; }

  .menu {
    display: none; }

  .menu_tablet {
    background-color: #2b2b2b;
    color: #FFFFFF;
    padding-left: 29px;
    padding-top: 10px;
    padding-bottom: 10px; }

  #container_menu_tablet {
    display: none; }

  .container_menu_tablet_attivo {
    display: block !important;
    border: 0px solid black;
    margin-top: 10px; }

  #container_icone {
    display: none; }

  .menu_icona {
    font-size: 26px !important;
    margin: auto;
    margin-right: 20px;
    border: 0px solid white; }

  .menu_icona:hover {
    color: #000000 !important;
    opacity: 1 !important;
    cursor: pointer !important; }

  #menu_icone_smartphone {
    display: block;
    background-color: #2b2b2b; }

  .icone_smartphone {
    color: #FFFFFF !important;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    padding-left: 29px; }

  .icone_smartphone_sub1 {
    flex-grow: 1;
    margin-bottom: 10px; }

  .icone_smartphone_sub2 {
    margin-bottom: 5px; }

  .icone_smartphone_sub2 .bi {
    font-size: 22px !important; }

  .alertpreferiti {
    background-color: #E54B4B;
    width: 20px;
    height: 20px;
    border-radius: 15px;
    font-size: 10px !important;
    text-align: center;
    padding: 0px;
    position: relative;
    top: 15px;
    left: 15px; }

  .alertcarrello {
    background-color: #E54B4B;
    width: 20px;
    height: 20px;
    border-radius: 15px;
    font-size: 10px !important;
    text-align: center;
    padding: 0px;
    position: relative;
    top: 15px;
    left: 15px; }

  #container_dettaglio {
    border: 0px solid blue;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    margin-top: 42px;
    padding: 0px; }

  #container_gestione {
    border: 0px solid lime;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 0px; }

  #container_riepilogo {
    border: 0px solid violet;
    padding: 0px;
    display: flex;
    flex-direction: column; }

  .separatore {
    display: none; }

  .boxriepilogo {
    display: none;
    color: #FFFFFF !important; }

  .boxriepilogo_attivo {
    display: block;
    color: #000000 !important;
    background-color: #e1e1e1;
    padding-left: 27px;
    padding-bottom: 27px;
    padding-top: 27px; }

  #container_filtri {
    border: 0px solid yellow;
    flex-grow: 1;
    padding: 0px; }

  .barrariepilogo, .barrafiltro {
    width: 100%;
    color: #FFFFFF;
    background-color: #000000;
    text-align: center;
    height: 40px;
    align-items: middle;
    padding-top: 5px; }

  .boxfiltri {
    display: none; }

  .boxfiltri_attivo {
    display: block;
    background-color: #e1e1e1 !important;
    color: #000000 !important;
    padding-left: 31px;
    padding-top: 20px;
    padding-bottom: 20px; }

  .ricercaarticolo {
    border: 0px solid black;
    border-bottom: 1px solid #707070;
    color: #707070;
    outline: none;
    padding: 5px;
    width: 280px;
    background-color: #e1e1e1; }

  .iconaricerca {
    color: #000000;
    cursor: pointer; }

  #container_lista {
    border: 0px solid green;
    width: 100%;
    padding: 0px; }

  .prefiltro {
    max-width: 300px; }

  .elencoarticoli {
    border: 0px solid red;
    height: 100%;
    margin-top: 26px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap; }

  .boxarticolo {
    width: 350px;
    height: 680px;
    border: 0px solid black;
    margin: auto;
    margin-bottom: 60px; }

  .boxarticoloimmagine {
    width: 100%;
    margin-bottom: 15px;
    border: 0px solid black; }

  .boxarticoloimmagine img {
    width: 350px; }

  .boxarticolodati {
    width: 100%;
    height: 141px;
    margin-bottom: 8px;
    border: 0px solid black; }

  .boxarticolopulsante {
    border: 0px solid black; }

  .select-item.selected {
    background-color: #A9A9A9 !important; }

  .select-item.selected::after {
    content: '✔';
    color: #FFFFFF !important;
    margin-left: auto; }

  #boxarticoloscelto {
    margin-top: 30px;
    align-items: start;
    padding-left: 5px;
    padding-right: 5px;
    border: 0px solid black;
    max-width: 100% !important;
    display: flex;
    flex-direction: column; }

  #boxarticolosceltoimmagini {
    margin-top: 30px;
    width: 100% !important;
    border: 0px solid black;
    max-height: 459px;
    overflow-x: auto;
    display: flex;
    flex-direction: row;
    order: 3; }

  #boxarticolosceltoimmagini img {
    max-width: 320px;
    padding-right: 5px; }

  #boxarticolosceltodati {
    border: 0px solid red;
    width: 100% !important;
    padding: 5px;
    order: 2; }

  #boxarticolosceltodati .font-grigio-scuro {
    color: #707070 !important; }

  #boxarticolosceltocolori {
    border: 0px solid black;
    margin-top: 30px !important;
    width: 100% !important;
    order: 4; }

  #boxarticolosceltocolori table tr td .font-medio-titolo {
    font: normal normal 400 12px/12px "Futura PT", sans-serif !important;
    letter-spacing: 0px !important; }

  #boxarticolosceltocolori table tr td .font-grandissimo {
    font: normal normal 400 16px/16px "Futura PT", sans-serif !important;
    letter-spacing: 0px !important; }

  #boxarticolosceltopulsanti {
    order: 1;
    border: 0px solid black;
    text-align: center;
    width: 100% !important;
    margin-bottom: 20px; }

  .pantone {
    width: 130px;
    height: 130px;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 40px; }

  .marginetablet {
    margin-top: 15px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 15px; }

  .vedino {
    display: none; }

  .vedisi {
    display: block; }

  .pulsanteshop {
    width: 221px;
    height: 36px;
    background-color: #000000;
    color: #FFFFFF;
    border: 1px solid #000000; }

  .pulsanteshop:hover {
    color: #FFFFFF;
    background-color: #2b2b2b; }

  .elencodettagliodestra {
    text-align: center; }

  .elencodettagliosinistra {
    text-align: center;
    margin-top: 20px; }

  .elencodettagliosinistra #selectIndirizzo {
    max-width: 95%; }

  .elencodettagliosinistra #descrizione {
    max-width: 95%;
    margin-bottom: 20px; }

  .elencodettaglio {
    margin-top: 0px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap; }

  .elencodettagliotop {
    display: flex;
    flex-direction: column; }

  .elencodettaglio1 {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px; }

  .elencodettaglioimmagine {
    width: 254px;
    max-height: 363px;
    margin: auto;
    margin-top: 15px;
    order: 2; }

  .elencodettaglioimmagine img {
    max-width: 254px;
    max-height: 363px; }

  .elencodettagliodati {
    width: 282px;
    max-height: 363px;
    margin: auto;
    order: 1;
    background-color: #A9A9A9;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center; }

  .elencodettagliodati .font-grigio-scuro {
    color: #FFFFFF !important; }

  .elencodettaglio2 {
    margin-bottom: 40px;
    text-align: left; }

  .elencodettaglio2 table tr td .font-medio-titolo {
    font: normal normal 400 12px/12px "Futura PT", sans-serif !important;
    letter-spacing: 0px !important; }

  .tabellataglie1 {
    border: 0px solid black;
    border-left: 1px solid #A9A9A9;
    border-right: 1px solid #A9A9A9;
    padding: 10px;
    padding-top: 0px;
    padding-bottom: 0px; }

  .tabellataglie {
    border: 0px solid black;
    border-right: 1px solid #A9A9A9;
    padding: 10px;
    padding-top: 0px;
    padding-bottom: 0px; }

  .tabellatagliespazio {
    border: 0px solid black;
    padding: 0px; }

  .tabellatagliespazio hr {
    width: 100%;
    height: 1px;
    background-color: #A9A9A9;
    padding: 0px; }

  .boxneroscelta {
    background-color: #000000;
    padding-top: 96px;
    width: 362px;
    height: 531px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 0px solid red; }

  .boxsceltapulsanti {
    margin-top: 75px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    border: 0px solid lime; }

  .pulsantescelta {
    width: 324px;
    height: 42px;
    color: #FFFFFF;
    background-color: #000000;
    border: 1px solid #FFFFFF;
    cursor: pointer;
    margin-bottom: 25px; }

  .pulsantescelta:hover {
    color: #000000;
    background-color: #FFFFFF; } }
#loader {
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  display: none;
  background: rgba(0, 0, 0, 0.6); }

.cv-spinner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }

.spinner {
  width: 40px;
  height: 40px;
  border: 4px #ddd solid;
  border-top: 4px #2e93e6 solid;
  border-radius: 50%;
  animation: sp-anime 0.8s infinite linear; }

@keyframes sp-anime {
  100% {
    transform: rotate(360deg); } }
.is-hide {
  display: none; }

/*# sourceMappingURL=xservice.css.map */