/*!
*
* CSS custom per HUB portale web di Biovita srl
* 
*/

/* Testo lampeggiante rosso */
.flashing {
  text-shadow: none;
  color: #230101;
  font-weight: bold;
  font-size: 30px;
  opacity: 0.5;
  animation: flash 1.5s ease-in-out infinite alternate;
}

@keyframes flash {
  0% {
    opacity: 0.5;
    color: #230101;
    text-shadow: none;
  }

  10% {
    opacity: 1;
    color: #dd2121;
    text-shadow: 0 0 10px #dd2121, 0 0 15px #dd2121, 0 0 20px #a01414, 0 0 25px #a01414;
  }

  55% {
    opacity: 0.5;
    color: #230101;
    text-shadow: none;
  }

  85% {
    opacity: 1;
    color: #dd2121;
    text-shadow: 0 0 10px #dd2121, 0 0 15px #dd2121, 0 0 20px #a01414, 0 0 25px #a01414;
  }
}

/* Evidenzia la scadenza di un lotto */
.highlight {
  border: 1px dashed red;
  border-radius: 5px;
  padding: 5px;
}

.arrows_container {
  margin: 0 0 0 40px;
}

.arrow1 {
  animation: slide2 1s ease-in-out infinite;
  animation-delay: 0s;
  color: black;
  font-size: 1.5em;
}

.arrow2 {
  animation: slide2 1s ease-in-out infinite;
  animation-delay: 0.20s;
  color: black;
  font-size: 1.5em;
}

.arrow3 {
  animation: slide2 1s ease-in-out infinite;
  animation-delay: 0.40s;
  color: black;
  font-size: 1.5em;
}

@keyframes slide2 {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }

  75% {

    opacity: 1;
  }

  100% {
    transform: translate(-30px, 0px);
    opacity: 0;
  }
}

/*
* Sfondi "marchio"
*/
.bg-soudal {
  background-color: #965a38 !important;
  color: #fff !important;
}

.bg-whysport {
  background-color: #d1000e !important;
  color: #fff !important;
}

.bg-jamieson {
  background-color: #007029 !important;
  color: #fff !important;
}

.bg-powerbar {
  background-color: #e6d600 !important;
  color: #000 !important;
}

.bg-whynature {
  background-color: #002457 !important;
  color: #fff !important;
}

.bg-alevo {
  background-color: #ff941a !important;
  color: #000 !important;
}

.bg-supporto {
  background-color: #afafaf !important;
  color: #000 !important;
}

.bg-supporto-b {
  background-color: #b2a0f8 !important;
  color: #000 !important;
}

.bg-supporto-c {
  background-color: #ff8c00 !important;
  color: #fff !important;
}

.bg-altro {
  background-color: #0ddecc !important;
  color: #000 !important;
}

.bg-pck-asm {
  background-color: #000 !important;
  color: #fff !important;
}

/* Modifico una proprietà flex nella pagina di login per problemi di visualizzazione sui tablet */

.m-grid.m-grid--hor:not(.m-grid--desktop):not(.m-grid--desktop-and-tablet):not(.m-grid--tablet):not(.m-grid--tablet-and-mobile):not(.m-grid--mobile) {
  display: block;
}

/* modifico la pagina di login */

@media (max-width: 1024px) {
  .m-login.m-login--1 .m-login__aside .m-login__wrapper .m-login__logo {
    margin: 1rem auto 1rem auto;
  }
}

@media (max-width: 1024px) {
  .m-login.m-login--1 .m-login__aside .m-login__wrapper {
    padding-top: 0.5rem;
  }
}

.m-login.m-login--1 .m-login__wrapper .m-login__form .m-login__form-sub {
  margin-top: 0.5rem;
}

.m-login.m-login--1 .m-login__wrapper .m-login__form {
  margin-top: 1rem;
}

.m-login.m-login--1 .m-login__wrapper .m-login__form .m-login__form-action {
  margin: 0.5rem 0 0.5rem 0;
}

/*Sfondo per celle bloccate nella pagina degli ordini.*/
input[type="number"]:disabled {
  background-color: #ffcccc;
}

/* CSS custom per la legenda della torta del cruscotto-admin*/
.chart-legend li span {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 5px;
}

.chart-legend li {
  cursor: pointer;
}

.chart-legend {
  max-height: 300px;
  width: 100%;
  overflow: auto;
}

/* Riga per colorare l'indicazione dei giorni di evasione nel menù laterale */
.m-badge--primary {
  background-color: #85c440 !important;
  color: #fff !important;
}

/* Righe per animazione delle tab su mappa-magazzino.php */
.blink {
  fill: red !important;
}

#BodyModalPCK.tab-pane.active,
#BodyModalRIB.tab-pane.active {
  animation: slide-right 0.75s ease-out;
}

#DettaglioPCK.tab-pane.active,
#DettaglioRIB.tab-pane.active {
  animation: slide-left 0.75s ease-out;
}

@keyframes slide-left {
  from {
    transform: translate3d(5%, 0, 0);
    opacity: 0;
  }

  to {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slide-right {
  from {
    transform: translate3d(-5%, 0, 0);
    opacity: 0;
  }

  to {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

/* Aggiungo una classe per azzerare il padding delle colonne se necessario */

.padding0 {
  padding: 0px;
}

/* Elimino le freccette su e giù nei campi di input numerici nell'area ordini */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}

/* Riduco il padding interno ai campi di input */

.form-control {
  padding: 0.55rem 0.55rem;
}

/* Riduco il padding tra i campi di testo per diminuire lo spazio occupato dai campi di testo */

.m-form .m-form__group {
  padding-bottom: 0px !important;
}

label {
  margin-bottom: 0px !important;
}

/* Coloro il font nel portlet principale (ovvero il corpo centrale del portale) */

.m-portlet .m-portlet__body {
  color: #4d4f57;
}

/* Coloro le righe delle tabelel in modo alternato (pari e dispari) */

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #f6f6f6;
}

.table-striped tbody tr:nth-of-type(even) {
  background-color: #ececec;
}

/*.table-striped>tbody>tr:nth-child(odd)>td, 
.table-striped>tbody>tr:nth-child(odd)>th {
   background-color: #d6d6d6;
} 

.table-striped>tbody>tr:nth-child(even)>td, 
.table-striped>tbody>tr:nth-child(even)>th {
   background-color: #dcdcdc; 
 } */

/* Coloro di verde i bordi delle celle di input dei form */

.form-control:focus {
  border-color: #70a733;
}

/* Coloro i link */

a:hover:not(.ShowPDF) {
  color: #70a733 !important;
}

a.ShowPDF:hover {
  color: white !important;
}

/* Coloro i vari elementi con il verde Biovita */

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active>.m-menu__heading .m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active>.m-menu__link .m-menu__link-text {
  color: #85c440;
}

.m-aside-left--minimize .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--expanded>.m-menu__link>.m-menu__link-icon,
.m-aside-left--minimize .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--active>.m-menu__link>.m-menu__link-icon {
  color: #85c440;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--active>.m-menu__heading .m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--active>.m-menu__link .m-menu__link-text {
  color: #85c440;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--active>.m-menu__heading .m-menu__link-icon,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--active>.m-menu__link .m-menu__link-icon {
  color: #85c440;
}

.btn-focus {
  background-color: #85c440 !important;
  border-color: #85c440 !important;
}

.m-checkbox.m-checkbox--focus>input:checked~span {
  border: 1px solid #85c440;
}

.m-checkbox.m-checkbox--focus>span:after {
  border: solid #85c440;
}

::-webkit-input-placeholder {
  /* Chrome */
  color: #85c440 !important;
  transition: opacity 250ms ease-in-out !important;
}

:focus::-webkit-input-placeholder {
  opacity: 0.5;
}

:-ms-input-placeholder {
  /* IE 10+ */
  color: red;
  transition: opacity 250ms ease-in-out;
}

:focus:-ms-input-placeholder {
  opacity: 0.5;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: red;
  opacity: 1;
  transition: opacity 250ms ease-in-out;
}

:focus::-moz-placeholder {
  opacity: 0.5;
}

:-moz-placeholder {
  /* Firefox 4 - 18 */
  color: red;
  opacity: 1;
  transition: opacity 250ms ease-in-out;
}

:focus:-moz-placeholder {
  opacity: 0.5;
}

.btn-brand {
  background-color: #85c440 !important;
  border-color: #70a733 !important;
  transition: all 0.5s ease-out 0s;
}

.btn-brand:hover {
  background-color: #70a733 !important;
  border-color: #70a733 !important;
}

.btn-brand:not(:disabled):not(.disabled):active,
.btn-brand:not(:disabled):not(.disabled).active,
.show>.btn-brand.dropdown-toggle {
  background-color: #85c440 !important;
}

.btn-success {
  background-color: #85c440 !important;
  border-color: #70a733 !important;
  transition: all 0.5s ease-out 0s;
}

.btn-success:hover {
  background-color: #70a733 !important;
  border-color: #70a733 !important;
}

.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show>.btn-success.dropdown-toggle {
  background-color: #85c440 !important;
}

.btn-primary {
  background-color: #85c440 !important;
  border-color: #70a733 !important;
  transition: all 0.5s ease-out 0s;
}

.btn-primary:hover {
  background-color: #70a733 !important;
  border-color: #70a733 !important;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
  background-color: #85c440 !important;
}

.m-nav .m-nav__separator {
  margin: 10px 0;
}

.m-nav .m-nav__item>.m-nav__link {
  padding: 6px 0;
}

.m-nav .m-nav__item>.m-nav__link:hover {
  text-decoration: none;
  color: #ffffff !important;
}

/* Classe di test per colorare le voci dei menu laterali 

.test_hover {
	color: #FF8600 !important;
}

.test_hover:hover {
	color: #A30002 !important;
}

*/

/*
.m-nav .m-nav__item>.m-nav__link .m-nav__link-text {
	color:crimson;
}
/*
.m-nav .m-nav__item>.m-nav__link .m-nav__link-text:hover {
	color:chartreuse;
}
*/

/* Coloro di verde le voci della tendina delle notifiche in alto a destra */

.m-tabs-line.m-tabs-line--brand.nav.nav-tabs .nav-link:hover,
.m-tabs-line.m-tabs-line--brand.nav.nav-tabs .nav-link.active,
.m-tabs-line.m-tabs-line--brand a.m-tabs__link:hover,
.m-tabs-line.m-tabs-line--brand a.m-tabs__link.active {
  color: #85c440;
  border-bottom: 1px solid #85c440;
}

.m-topbar .m-topbar__nav.m-nav>.m-nav__item.m-topbar__notifications.m-topbar__notifications--img.m-dropdown--arrow .m-dropdown__arrow {
  color: #72a63a;
}

/* Coloro il bottone logout nel menu dell'icona in alto a destra relativa al profilo personale */

.btn.m-btn--label-brand {
  color: #85c440;
}

/* Coloro "il fumetto" della finestra "mio profilo" in alto a destra */

.m-topbar .m-topbar__nav.m-nav>.m-nav__item.m-topbar__user-profile.m-topbar__user-profile--img.m-dropdown--arrow .m-dropdown__arrow {
  color: #6da135;
}

/* Color il bottone in alto a destra nella pagina di notifiche */

.nav.nav-pills.nav-pills--brand .nav-link.active {
  background-color: #85c440;
  color: #fff;
}

/* Coloro il radio button */

.m-radio.m-radio--brand.m-radio--check-bold>input:checked~span {
  border: 2px solid #85c440;
}

.m-radio.m-radio--brand>span:after {
  border: solid #85c440;
  background: #85c440;
}

/* Riduco il margine sopra e sotto della riga separatrice per guadagnare qualche pixel */

.m-separator.m-separator--md {
  margin: 15px 0;
}

/* Personalizzo i bottoni di filtro dei marchi nell'area ordini (è stata creata una classe apposita) */

.bottone-marchio {
  padding: 0px 5px;
  margin: 5px 5px 5px 5px;
  background-color: transparent;
  background-image: none;
  border-color: #c4c5d6;
}

.bottone-marchio:hover {
  padding: 0px 5px;
  margin: 5px 5px 5px 5px;
  background-color: #c4c5d650;
  background-image: none;
  border-color: #c4c5d6;
}

.bottone-marchio-selezionato {
  padding: 0px 5px;
  margin: 5px 5px 5px 5px;
  border: 2px solid #70a733;
  background-color: #85c44050;
}

.bottone-marchio-selezionato i {
  font-size: 2.5em;
  color: #70a733;
  position: relative;
  top: 10px;
}


/* Personalizzo il footer */

.m-footer {
  min-height: 20px;
  margin-bottom: 0px !important;
}

.m-link {
  color: #85c440;
}

/* Coloro di verde il pulsante "hamburger" per aprire il menu */

.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler:hover span {
  background: #85c440;
}

.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler:hover span:before {
  background: #85c440;
}

.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler:hover span:after {
  background: #85c440;
}

.m-option {
  margin: 5px 0;
}

/* Color di verdei il pulsante del carrello a lato dello schermo al clic */

.m-nav-sticky .m-nav-sticky__item>a:hover>i {
  color: #85c440;
}

/* Ingrandisco le icone dello sticky nav laterale, quello con il carrello, residui ecc */

.m-nav-sticky .m-nav-sticky__item>a>i {
  font-size: 2rem;
}

.modal_carrello {
  height: 95vh;
}

.modal .modal-content .modal-body {
  padding: 15px 25px 15px 25px;
}

.modal .modal-content .modal-footer {
  padding: 13px !important;
}

.check_center {
  position: absolute !important;
  top: -4px !important;
  left: 9px !important;
}

/* Coloro di verde le voci delle tab */
.m-tabs-line.m-tabs-line--primary.nav.nav-tabs .nav-link:hover,
.m-tabs-line.m-tabs-line--primary.nav.nav-tabs .nav-link.active,
.m-tabs-line.m-tabs-line--primary a.m-tabs__link:hover,
.m-tabs-line.m-tabs-line--primary a.m-tabs__link.active {
  color: black !important;
  border-bottom: 3px solid black;
  padding-bottom: 0px;
}

.m-tabs-line.m-tabs-line--primary.nav.nav-tabs .nav-link,
.m-tabs-line.m-tabs-line--primary a.m-tabs__link {
  color: #979aa3;
  padding-bottom: 0px;
}

/* Diminuisco il font relativo alla data/tempo nella pagina delle delle notifiche */

.m-timeline-3 .m-timeline-3__item .m-timeline-3__item-time {
  font-size: 1rem;
}

/* Aumento il font del titolo e della notifica nella pagina delle notifiche */

.m-timeline-3 .m-timeline-3__item .m-timeline-3__item-desc .m-timeline-3__item-text {
  font-size: 1.2rem;
}

.m-timeline-3__item-user-name p {
  font-size: 1.1rem;
}

/* Diminuisco il margine destro tra le voci delle tab della tendine notifiche*/

.m-tabs-line .m-tabs__item {
  margin-right: 25px;
}

/* Sposto più a sinistra la tendina delle notifiche (questa modifica vale per i tablet in landscape)*/

.m-dropdown.m-dropdown--align-center .m-dropdown__wrapper {
  left: 50%;
  width: 380px;
  margin-left: -345px
    /*rtl:ignore*/
  ;
}

/* Cambio il colore del link della email nel menu "mio profilo" */
.m-card-user.m-card-user--skin-dark .m-card-user__details .m-card-user__email {
  color: #f4f5f8;
}

/* Coloro i checkbox nell'area mio profilo */
.m-checkbox>span {
  border: 1px solid #85c440;
}

.m-checkbox>input:checked~span {
  border: 1px solid #85c440;
}

.m-checkbox>span:after {
  border: solid #70a733;
}

/* Cambio colore alle teste degli accordion per via del bug con ios  */

.m-accordion__item-head {
  text-decoration: none;
  color: #4d4f57;
}

.m-accordion__item-head:hover {
  text-decoration: none;
}

/* Aumento il padding dei colori che indicano la disponibilità delle referenze in fase di preventivo */

.m-badge {
  padding: 0 6px;
}

/* Aumento il margine per il badge */

.m-badge {
  margin: 0 0px;
}

/* Legenda */

.legenda {
  height: auto;
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  padding: 0px 25px;
  margin: 3px 0;
}

.obsoleto {
  color: rgb(255, 0, 0);
  background-color: rgb(255, 245, 255);
}

.pdm {
  color: #a52a2a;
  background-color: #ffdddd;
}

.potenziale {
  color: #840ad9;
  background-color: #fff2ff;
}

.blocco-documenti {
  color: rgb(217, 93, 0);
  background-color: rgb(255, 255, 220);
}

.blackf {
  color: #840ad9;
  background-color: #fff2ff;
}

.prenotaz {
  color: #008200;
  background-color: rgb(233, 255, 220);
}

.promoz {
  color: #007bff;
  background-color: rgb(235, 241, 255);
}

/* Allineo il campo prezzo riservato del carrello a destra */

.RiservatoCarrello {
  text-align: right;
}

/* scurisco il bordo delle celle di input (qta, extra, omaggio, filtri ecc ecc)*/
.form-control {
  border-color: #848484;
}

/* Personalizzo i tasti + e - del carrello */

.tastopiu {
  width: 50%;
  float: left;
  font-size: 1.5em;
  font-weight: 400;
  padding: 0px;
}

.tastomeno {
  width: 50%;
  float: left;
  font-size: 1.5em;
  font-weight: 400;
  padding: 0px;
}

.zerotop-zerobottom {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.zero-padding {
  padding: 0px !important;
}

.flex {
  display: flex;
}

.flex-row {
  display: flex;
  flex-direction: row;
}

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

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
  padding: 5px;
}

/* Personalizzo la pagina dettaglio dei prodotti */

.img_articolo_wrap img {
  text-align: center;
  width: 100%;
  max-width: 400px !important;
  margin: 0 auto !important;
}

.img_articolo {
  text-align: center;
}

.bordo_chiaro {
  border-color: #ebedf2 !important;
}

.top_margin_10 {
  margin-top: 10px;
}

.center {
  text-align: center;
}

/* CSS PER LE TABELLE NUTRIZIONALI */

.tabella_valori_container {
  width: 100%;
  text-align: center;
}

.tabella_valori {
  width: 320px;
  border: 1px solid #000000;
  padding-top: 6px;
  padding-right: 6px;
  padding-bottom: 6px;
  background: #ffffff;
  padding-left: 6px;
  font-size: 12px;
  color: #222222;
  display: inline-block;
}

.titolo_tabella {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 22px;
  font-weight: 700;
  text-align: center;
  color: #222222;
}

.nome_prodotto {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 25px;
  font-weight: 700;
  text-align: center;
  color: #222222;
}

.riassunto_prodotto {
  margin-top: 5px;
  border-top: 2px solid #000000;
  border-bottom: 4px solid #000000;
}

.porzioni {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 15px;
}

.porzioni_confezione {
  border-bottom: 5px solid #000000;
  padding-bottom: 5px;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 15px;
}

.valori_tabella {
  margin-top: 5px;
}

.modo_uso {
  font-size: 15px;
  text-align: justify;
  background: #f7f8f9;
  padding: 6px;
  margin-top: 10px;
  border-bottom: 1px solid #000;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  line-height: 20px;
  font-family: "Roboto Condensed", sans-serif;
}

.modo_uso_titolo {
  text-indent: 0px;
  font-size: 16px;
  padding-bottom: 3px;
  text-transform: uppercase;
  font-weight: 600;
}

.avvertenze {
  font-size: 13px;
  text-align: justify;
  line-height: 16px;
  font-weight: 300;
  font-family: "Roboto Condensed", sans-serif;
}

.avvertenze_titolo {
  padding-top: 13px;
  text-indent: 0px;
  font-size: 13px;
  padding-bottom: 3px;
  text-transform: uppercase;
  font-weight: 400;
}

.note {
  font-size: 10px;
  text-align: justify;
  line-height: 11px;
  font-weight: 300;
  font-family: "Roboto Condensed", sans-serif;
  border-top: 1px solid #000;
}

.note_titolo {
  padding-top: 13px;
  text-indent: 0px;
  font-size: 12px;
  padding-bottom: 3px;
  text-transform: uppercase;
  font-weight: 400;
}

.ingredienti {
  font-size: 13px;
  font-family: "Roboto Condensed", sans-serif;
  text-align: justify;
  line-height: 18px;
  font-weight: 300;
}

.ingredienti_titolo {
  padding-top: 13px;
  text-indent: 0px;
  font-size: 14px;
  padding-bottom: 2px;
  text-transform: uppercase;
  border-top: 5px solid #000000;
  font-weight: 400;
}

.vnr_legenda {
  font-size: 11px;
  line-height: 23px;
  padding-bottom: 3px;
  font-family: "Roboto Condensed", sans-serif;
}

.macronutrienti {
  width: 250px;
  font-size: 13px;
  line-height: 22px;
  border-bottom: 1px solid #4c4c4c;
  font-family: "Roboto Condensed", sans-serif;
  color: #222222;
  padding: 0.1em !important;
  text-align: left;
}

.macronutrienti_rientro {
  width: 240px;
  font-size: 13px;
  line-height: 22px;
  border-bottom: 1px solid #4c4c4c;
  font-family: "Roboto Condensed", sans-serif;
  color: #222222;
  padding: 0.1em !important;
  padding-left: 10px !important;
  text-align: left;
}

.valore_macronutriente {
  width: 80px;
  font-size: 13px;
  line-height: 26px;
  border-bottom: 1px solid #4c4c4c;
  text-align: right;
  font-family: "Roboto Condensed", sans-serif;
  color: #222222;
  padding: 0.1em !important;
}

.valore_vnr {
  font-size: 13px;
  line-height: 26px;
  border-bottom: 1px solid #4c4c4c;
  text-align: right;
  font-family: "Roboto Condensed", sans-serif;
}

.valori_tabella_sx_tit {
  font-size: 13px;
  font-weight: 700;
  border-bottom: 2px solid #000000;
  line-height: 28px;
  font-family: "Roboto Condensed", sans-serif;
  text-align: right;
  color: #222222;
}

.valori_tabella_dx_tit {
  font-size: 13px;
  font-weight: 700;
  border-bottom: 2px solid #000000;
  text-align: right;
  line-height: 28px;
  font-family: "Roboto Condensed", sans-serif;
  color: #222222;
}

.valori_tabella_sx_tit_2 {
  font-size: 12px;
  font-family: "Roboto Condensed", sans-serif;
  border-bottom: 1px solid #000000;
}

.valori_tabella_dx_tit_2 {
  font-size: 12px;
  line-height: 30px;
  border-bottom: 1px solid #000000;
  text-align: right;
}

.valori_tabella_dx_2 {
  border: 1px solid #000000;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}

.valori_tabella_dx_2_tit {
  border: 1px solid #000000;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 15px;
  background-color: #535353;
  line-height: 30px;
  color: #ffffff;
}

.valori_tabella_dx_2 table tr td {
  font-family: "Strait", sans-serif;
  font-size: 12px;
  line-height: 25px;
  border-bottom: 1px solid #c9c9c9;
}

/* FINE CSS TABELLE NUTRIZIONALI */

/* PERSONALIZZO IL CSS IN BASE ALL'ORIENTAMENTO DEL TABLET PORTRAIT O LANDSCAPE */

/* Personalizzo l'altezza del modal-body del carrello in base all'orientamento 

	@media screen and (orientation:portrait) { 
		.modal-carrello{height:75vh; }
}
 	@media screen and (orientation:landscape) { 
		.modal-carrello{height:70vh; }
}
	@media screen and (min-height: 768px) { 
		.modal-carrello{height:75vh; }
}

*/

/* CSS PERSONALIZZATO PER DISPOSITIVI MOBILI */

@media (max-width: 1024px) {
  .m-aside-left-close.m-aside-left-close--skin-dark>i {
    color: #85c440;
  }

  .m-aside-left-close.m-aside-left-close--skin-dark:hover {
    background-color: #70a733;
  }

  .dataTables_wrapper .dataTables_pager {
    margin-top: 0rem;
  }
}

/* Allargo il modal del carrello 

@media screen 
  and (device-width: 960px) 
	and (device-height: 600px) {
	.modal-lg {
    max-width: 700px;
    

	}	
}


@media (min-width: 576px){
.modal-dialog {
    max-width: 550px;
    margin: 1.75rem auto;

	}
}

*/

/* Tablet android orizzontale */

@media (min-width: 950px) {
  .modal-lg {
    max-width: 80vw;
  }
}

/* Tablet android verticale */

@media (min-width: 590px) {
  .modal-lg {
    max-width: 90vw;
  }
}

/* IPad orizzontale */

@media (min-width: 992px) {
  .modal-lg {
    max-width: 80vw;
  }
}

/* IPad verticale */

@media (min-width: 760px) {
  .modal-lg {
    max-width: 90vw;
  }
}

/* Browser Desktop */

@media (min-width: 1400px) {
  .modal-lg {
    max-width: 70vw;
  }
}

/* Sposto più a sinistra la tendina delle notifiche (questa modifica vale per i desktop superiori a 1025px)*/

@media (min-width: 1025px) {
  .m-dropdown.m-dropdown--align-center.m-dropdown--large .m-dropdown__wrapper {
    margin-left: -345px !important;
  }
}

/* Clearable text inputs */
.clearable {
  background: #fff url(https://i.stack.imgur.com/mJotv.gif) no-repeat right -10px center;
  border: 1px solid #999;
  padding: 3px 18px 3px 4px;
  border-radius: 3px;
  transition: background 0.4s;
}

.clearable.x {
  background-position: right 5px center;
}

.clearable.onX {
  cursor: pointer;
}

.clearable::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

img.preview {
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

img.preview:hover {
  transition-property: opacity, transform;
  transition-delay: 0.5s;
  color: #424242;


  opacity: 1;
  transform-origin: 0% 50%;
  transform: scale(5);
  -ms-transform: scale(5);
  -webkit-transform: scale(5);
  position: relative;
  z-index: 100;
}

.swal2-actions {
  flex-direction: row !important;
  flex-wrap: nowrap !important;
}

.swal2-popup .swal2-title {
  font-size: 1.875rem !important;
  font-weight: 600 !important;
  margin: 0 0 .4em !important;
}

.swal2-popup {
  padding: 1.25em !important;
}

.swal2-html-container {
  margin: 0 !important;
  font-weight: 300 !important;
}

.blur-text {
  filter: blur(4px);
}

.table-clienti-inattivi td {
  vertical-align: middle !important;
}

.m-badge.m-badge--black {
  background-color: #000;
  color: #fff
}

.select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single {
  border-color: #848484 !important;
}

.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple {
  height: calc(2.95rem + 2px) !important;
}

.form-control {
  font-family: Poppins !important;
}

select.input-sm {
  font-size: 1rem !important;
  height: calc(2.95rem + 2px) !important;
}



.form-group > .select2-container {
  width: 100% !important;
}
.select2-selection { overflow: hidden; }
.select2-selection__rendered { 
  white-space: normal; 
  word-break: break-all; 
  padding-right: 2.2rem !important; 
  padding-left: 0.85rem !important;
  font-size: 1rem !important;
}
.select2.select2-container.select2-container--default {
  min-width: 100%;
  max-width: 100%;
}

.select2-results__option {
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  white-space: nowrap;
}

.center-text {
  text-align: center;
}