.az-header .az-header-left .az-logo {
        display: none; 
   }
     .az-logo:hover {
         color: #117a8b;
         background-color: #fff
	 }
	 
	 .az-logo {
		 text-transform: none;
		 top: 0;
	 }

	 .autocomplete-list {
		border: 1px solid #ccc;
		max-height: 150px;
		overflow-y: auto;
		position: absolute;
		z-index: 1000;
		background-color: white;
		display: none;
		}
		.autocomplete-item {
				padding: 8px;
				cursor: pointer;
		}
		.autocomplete-item:hover {
				background-color: #e9e9e9;
		}

	.grdwrapper { 
		font-size: 14px;
		color: white;
		padding-left: 9px;
		padding-top: 6px;
		border-radius: 6px;
		border: 1px solid;
		padding-bottom: 10px;
		background: #117a8b;
	}

	.restringable {
		cursor: pointer;
		display: inline-block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 54ch; /* Restrict to 60 characters */
	}
	
	.restringable.expanded {
		white-space: normal; /* Allow wrapping when expanded */
		overflow: visible;
		text-overflow: clip;
		max-width: none;
	}

	.newgrid {  
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		/*grid-template-rows: 0.3fr 1fr 0.8fr;*/
		gap: 0px 0px;
		grid-auto-flow: row;
		grid-template-areas:
			"infoiniziali infoiniziali ."
			"info2 info2 ."
			"infopagamento azioni .";
	}
	.infoiniziali { grid-area: infoiniziali; }
	.info2 { grid-area: info2; }
	.infopagamento { grid-area: infopagamento; }
	.azioni { grid-area: azioni; }
	  
	.dott {
		height: 15px;
		width: 15px;
		border-radius: 50%;
		display: inline-block;
		border: 1px solid #555;
		vertical-align: middle;
	}
	.dott.square {
		border-radius: 0%;
	}
	.dott.green {
		background-color: green;
	}
	.dott.red {
		background-color: crimson;
	}
	.dott.violet {
    background-color: #9B30FF;
  } 
	.dott.orange {
		background-color: orange;
	}
	.dott.black {
		background-color: black;
	} 
	.dott.grey {
		background-color: #cecece;
	} 

	.jexcel > tbody > tr > td:nth-child(2) {
		font-weight: bold !important;
	}
	 
	 #clihome {font-family: var(--font-sans);
		background: chocolate;
		padding: 2px 7px 2px 6px;
		border-radius: 3px;
		transform: translateY(calc(var(--y, 0) * 1%)) scale(var(--scale));
		transition: transform 0.1s;
		border: 0;
		color: white;
		border-radius: 3px;
		transform: translateY(calc(var(--y, 0) * 1%)) scale(var(--scale));
		transition: transform 0.1s;
   			display:none;
   		}
		 
    @media (min-width: 200px) {
       .az-header .az-header-left .az-logo {
       display: flex; }
       }

    @media (max-width: 576px) {
      .az-header .az-header-left .az-logo {
       font-size: 15px;
			}
			 .btn-supplier {
				border-radius: 20px !important;
				padding: 0 12px 0 14px !important;
			 }
			 .text-supplier {
				font-size: 12px !important;
			 }
		} 

      .pic-home {
		  height: 34em;
          width: 100%;
		  background-size: contain;
		  background-repeat: no-repeat;
		  background-image: url("../img/Landing Page/Desktop/Tavola-disegno-max.jpg");
	  }

    @media (max-width: 992px) {
       .pic-home {
       background-image: url("../img/Landing Page/Mobile/homeMobile.svg");
       height: 10em;
	   width:100%;		}
	   }

       /* ---------------------------------- */

       .row-azienda   {
        box-sizing: border-box;
        display: flex;
        align-items: center;
        width: 15em;     }

       .name-azienda     {
            margin-left: 10%;
			margin-top:1em;
        writing-mode: horizontal-tb;
    width: 10em;   }


           .info-azienda   {
        display: unset;
        justify-items: left;   }

         .icon-aziendas     {
          height: 30px;
          width: 60px;
          /* border: rgb(0, 0, 0) solid 2px; */
       background-size: contain;
       background-repeat: no-repeat;
       margin-left: 10px;
        }

       .az-list-item {
        padding: 3px;
        }
        
        .az-list-item:last-child {
		    padding-bottom: 3px;
		}
		.az-list-item:nth-child(odd) {
			background: #c2dae1;
		}
		.az-list-item:nth-child(even) {
			background: #fff;
		}


    	.card {
		  border: none;
		}
        /* !------lista aziendas HOME------- */

        .az-header-message a{
          display: flex;
          align-items: center }

        .az-header-message span{
         color: #7987a1;
         font-size: 12px;
         }
		 
         .fa-paper-plane{
         margin-left: 7px;
         color: #ffffff;
		 }
		 
		 .text-supplier{
	     color:#ffffff;
		 }
		 
      	 

         /* !------------------dashboard------------------- */

         .az-content-body {
			 width: 100%;
		 }
		 
		 .az-dashboard-one-title {
            margin: 0 0 15px;
         }

         .az-content-dashboard {
            padding-top: 15px;
         }
		 
		 .az-content-header-right .btn, 
          .btn:not(:disabled):not(.disabled) { 
			 border-radius: 6px ; 
		 } 
		 
		 .az-footer .az-logo {
		 color: #ffffff;
		 }
		 
		 .az-footer .az-logo:hover {
         color: #ffffff;
         background-color: #17a2b8;
		 }

		 .btn-image {
		 	width: 100px;
		 	padding: 0;
		 	border-radius: 0px !important;
		 }
		 
		 .card-photo {
		 	box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
		 	margin-bottom: 30px
		 }

          .btn-with-icon i {
			  margin-left: 5px;
		  }
         
         .az-content-header-right .btn:first-of-type{
            margin-left: 5px;
         }
		 
          .az-content-header-right {
            display: flex; }
			
         @media (max-width: 992px) {
            .az-content-header-right .btn span{
            display: none; } 
            }

         @media (max-width: 992px) {
            .az-content-header-right .btn{
             padding: 9px  ; }
            }
         @media (max-width: 576px) {
            .az-content-header-right{
             display: inline-flex  ; }
            }
            @media (max-width: 576px){
           .az-dashboard-one-title {
            display: flex;
            justify-content: space-between;
            margin-right: 5px;
		   margin-left: 5px; }
         }

         @media (max-width: 576px){
             .az-content .container, .az-content .container-fluid,
             .az-content .container-sm,  .az-content .container-md,
             .az-content .container-lg,   .az-content .container-xl {
          padding-left: 5px ;
          padding-right: 5px ;}
         }

           
         @media (max-width: 992px) {
            .az-dashboard-title{
             font-size: 18px; }
            }
         @media (max-width: 992px) {
            .az-dashboard-text{
             font-size: 11px; }
         }
		 
		    .nav {
			 justify-content: center ;
		 }
		 
           .et-logo	{
            background-image: url("../img/Logo/Logotext.png");	
            height: 2em;
            width: 7em	;
            background-size: contain;
            background-repeat:no-repeat;	
            background-position:center;	
            top	:1px;		
		   }	
		   
		   .et-logo-footer {
			background-image: url("../img/Logo/logo3.png");	
            height: 3em;
            width: 12em	;
            background-size: cover;
            background-repeat:no-repeat;	
            background-position:center;	
		   }			
		   
		   @media (max-width: 576px){
			   .et-logo-footer {
			   height: 2em;}
		   }			   
		   
		   /* .et-logo-nav-text { */
		    /* background-image: url("../img/Logo/logo.png");	 */
            /* height: 2em; */
            /* width: 2em	; */
            /* background-size: contain;			 */
		   /* }  */
		 

         /* !---------bottons and content header------ */
		 
		 
         .card-header-table {
			 overflow: scroll;
			 height: 100%;
		 }
		 
		 .az-menu-sub .nav-link{
			 color:#666666;
		 }
		 
         .btn-supplier {
	         border-radius:20px !important;
	         padding: 0 16px 0 20px; 
	     }

		 
		 .az-header-menu .nav-item > .nav-link {
			 color: #666666;
		 }
		 
		 .az-header-menu .nav-item > .nav-link:hover,
         .az-header-menu .nav-item > .nav-link .typcn:hover,
         .az-header-menu .nav-item > .nav-link:hover i,
         .az-header-menu .nav-item.active > .nav-link::before	 {
			 color:#17a2b8;
		 }
		 
		 .az-header-menu .nav-item.active > .nav-link::before	{
			 background-color:#17a2b8; 
		 }
		 
		 .form-group .form-control  {
			
		 }
		 
		 .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
			 box-shadow : 0 4px 0px -2px #cecece ;
		 }
		 
		 /* -------- Landing Pages ------- */
		 
		 .landing-pages-body {
			 color: #17a2b8;
			 padding: 0 3em;
		 }
		 
		 @media (min-width: 992px) {
          .pd-lg-l-40 {
          padding-left: 0;}
		  }
		 
		 
		  .img-landingpage-1{
          background-image: url("../img/Landing Page/Desktop/Landing-page-1-desktop.png"); 
		  background-size: contain;
		  background-position: right;
		  height: 80vh;
		  background-repeat: no-repeat;
		  margin-top: 3vh;
		  }
		  
		    .img-landingpage-2{
          background-image: url("../img/Landing Page/Desktop/Landing-page-2-desktop.jpg"); 
		  background-size: contain;
		  background-position: right;
		  background-repeat: no-repeat;
		  height: 60vh;
		  }
		  
		    .img-landingpage-3{
          background-image: url("../img/Landing Page/Desktop/Landing-page-3-desktop.jpg"); 
		  background-size: contain;
		  background-position: right;
		  background-repeat: no-repeat;
		  height: 60vh;
		  }
		  
		    .img-landingpage-4{
          background-image: url("../img/Landing Page/Desktop/Landing-page-4-desktop.jpg"); 
		  background-size: contain;
		  background-position: right;
		  background-repeat: no-repeat;
		  height: 60vh;
		  }
		 
			.popover {
				z-index: 9999; /* Your custom z-index */
			}
		
		 .titles-landingpage-B {
		  text-align: center;
		  margin-top: 8vh;
          }
		 
		 .img-landingpage-1 > .col-lg {
	     margin: auto;
		 }
		 
		 .titles-landingpage-A {
	     font-size: 3.2000rem;
		 font-weight: 800;
		 }
		 .li-landingpage-a {
		  margin-top: 0.5em;
		 font-weight: 600;
		 font-size: 1.2000rem;
		 } 
		 
		 
		 .titles-landingpage-B {
	     font-size: 2.3000rem;
		 font-weight: 800;
		 }
		 
		 .row-landingpage-B {
			 margin-top: 0;
		 }
		 
		 .landingpage-B {
	     margin: auto ;
		 }
	
		 .li-landingpage-b {
		 margin-top: 1.5em;
		 font-weight: 900;
		 font-size: 1.20000rem;
		 }
		 
		 .li-landingpage-b ~ p {
			 font-weight: 500;
			 color: #666666;
		 }
		 
		 .li-landingpage-a {
			 font-weight: 500;
			 color: #666666;
		 }
		 
		 hr {
         width: 40rem;
         border: 0;
         color:#c6cccc;
         border-top: solid 1px;
         }
		 
		 .fa-angle-double-down{
		 align-self: center;
		 font-size: 3.5em;
		 }

		 @media (max-width: 768px) {
          .titles-landingpage-A {
          max-width: 50vw ;
		  font-size: xx-large;}
		 }
		  
		 @media (max-width: 768px) {
		 .img-landingpage-1 {
	     height: 44vh;}
		 }
		  
		 @media (max-width: 768px) {
         .titles-landingpage-B {
         margin-top: 4vh ;}
		 }
		 
		 @media (max-width: 768px) {
		 .row-landingpage-B {
	     flex-wrap: nowrap;}
		 }
		 
		 @media (max-width: 768px) {
		 .img-landingpage-2,
		 .img-landingpage-3,
		 .img-landingpage-4	 {
	     height: 25em;}
		 }
		 
		  @media (max-width: 576px) {
		 .img-landingpage-1{
	     background-image: none;
		 height: 80%;
         overflow: hidden; }
		 }
		 
		  @media (max-width: 576px){
		.img-landingpage-1-mobile{
		 background-image: url("../img/Landing Page/Mobile/Landing-page-1-mobile.png"); 
         background-size: contain;		 
		 background-repeat: no-repeat;
		 background-position: center;
         height: 25em;	 		 }
		  }
		  
		   @media (max-width: 576px){
		.img-landingpage-2{
		 background-image: url("../img/Landing Page/Mobile/Landing-page-2-mobile.png"); 
         background-size: contain;	
		 background-repeat: no-repeat;
          height: 20em; }
		  }
		  
		   @media (max-width: 576px){
		.img-landingpage-3{
		 background-image: url("../img/Landing Page/Mobile/Landing-page-3-mobile.png"); 
         background-size: contain;	
		 background-repeat: no-repeat;
          height: 20em;	 }
		  }
		  
		   @media (max-width: 576px){
		.img-landingpage-4{
		 background-image: url("../img/Landing Page/Mobile/Landing-page-4-mobile.png"); 
         background-size: contain;	
		 background-repeat: no-repeat;
         height: 20em;		 }
		  }
		  
		 
		 @media (max-width: 576px){
		 .titles-landingpage-A{
	     max-width: 100%;
		 font-size: 280%;
         text-align:center;
         font-weight:100;		 }
		 }
		 
		 @media (max-width: 576px){
		 .titles-landingpage-A::first-line{
         font-weight:800;	
         font-size: 140%		 }
		 }
		 
		 @media (max-width: 576px){
		 .ul-landingpage-a {
         display:flex;	
         justify-content:space-between;	
         padding-inline-start:25px;
		 font-weight:600;          }
		 }
		 
		 
		 @media (max-width: 576px){
			 hr {
			 display:none;}
         }
		 
		  @media (max-width: 576px){
		 .row-landingpage-B{
	     flex-wrap:wrap;		 }
		 }
		 
		 
		 @media (max-width: 576px){
		 .landingpage-B{
	     text-align:center; 	 }
		 }
		 
		  @media (max-width: 576px){
		 .li-landingpage-b{
	     list-style-type: none;
		 font-weight:900;
		 font-size:x-large;
		 margin-top:0.4em ;}
		 }
		 
		  @media (max-width: 576px){
		 .landingpage-B > ul {
	     padding-inline-start: 0;}
		 }
		 
		 @media (max-width: 576px){
		 .img-landingpage-2,
         .img-landingpage-3,
         .img-landingpage-4 		 {
		 background-position:center; }
		 }
	
	.incelink {
		background: #f2c95f;
		border: 1px solid #f2c95f;
		border-radius: 5px;
		padding: 3px !important;
		padding-left: 7px !important;
		padding-right: 7px !important;
		color: #333 !important;
	}
	.incentvalue {
		margin-left: 6px !important;
		color: rgb(6, 108, 0);
		font-weight: bold;
	}

	.richielink {
		background: #7af25f;
		border: 1px solid #7af25f;
		border-radius: 5px;
		padding: 3px !important;
		padding-left: 7px !important;
		padding-right: 7px !important;
		color: #333 !important;
		font-size: 12px !important;
	}
	.richievalue {
		margin-left: 6px !important;
		color: rgb(108, 96, 0);
		font-weight: bold;
		font-size: 12px !important;
	}

	.veriflink {
		background: #f2d05f;
		border: 1px solid #f2b75f;
		border-radius: 5px;
		padding: 3px !important;
		padding-left: 7px !important;
		padding-right: 7px !important;
		color: #333 !important;
		font-size: 12px !important;
	}
	.verifvalue {
		margin-left: 6px !important;
		color: rgb(108, 96, 0);
		font-weight: bold;
		font-size: 12px !important;
	}

	.showroomlink {
		background: #c6d6fa;
		border: 1px solid #5f8af2;
		border-radius: 5px;
		padding: 3px !important;
		padding-left: 7px !important;
		padding-right: 7px !important;
		color: #333 !important;
		font-size: 12px !important;
	}
	.showroomvalue {
		margin-left: 6px !important;
		color: rgb(108, 96, 0);
		font-weight: bold;
		font-size: 12px !important;
	}

	.leadslink {
		background: #781818;
		border: 1px solid #781818;
		border-radius: 5px;
		color: white !important; 
		padding: 3px !important;
		padding-left: 7px !important;
		padding-right: 7px !important;
	}
	.leadsvalue {
		margin-left: 6px !important;
		color: #f9f9f9;
		font-weight: bold;
	}

	.az-footer {
	height:8em;
    background-color:#17a2b8;
	margin: 4em 0 0 0;
	padding: 0 8em;
	font-weight: 400;
	}
	
	.az-footer .container {
		justify-content: space-evenly;
	}
	
	@media (max-width: 768px) {
    .az-footer .container,
    .az-footer	{
	padding: 0 1em;	}
	}
	
	@media (max-width: 576px) {
    .az-footer .container {
	font-size: 10px;	} 
	}
	
	
	.footer-link {
		display: block;
		color: #fff;
	}
	
	.form-input-et p{
		font-weight: bold ;
	}
		 
	#overlay {
	  position: fixed;
	  display: none;
	  width: 100%;
	  height: 100%;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background-color: rgba(0,0,0,0.5);
	  z-index: 999;
	  cursor: pointer;
	}
	
	#overlaytext{
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  font-size: 50px;
	  color: white;
	  transform: translate(-50%,-50%);
	  -ms-transform: translate(-50%,-50%);
	}
	
	/* The Modal (background) */
	.modal {
	  z-index: 999;
	  display: none; /* Hidden by default */
	  position: fixed; /* Stay in place */
	  left: 0;
	  top: 0;
	  width: 100%; /* Full width */
	  height: 100%; /* Full height */
	  overflow: auto; /* Enable scroll if needed */
	  background-color: rgb(0,0,0); /* Fallback color */
	  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
	}
	
	/* Modal Content/Box */
	.modal-content {
	  background-color: #fefefe;
	  margin: 15% auto; /* 15% from the top and centered */
	  padding: 20px;
	  border: 1px solid #888;
	  max-width: 750px;
	  width: 80%; /* Could be more or less, depending on screen size */
	}
	
	/* The Close Button */
	.close {
	  color: #222;
	  text-align: right;
	  float: right;
	  font-size: 28px;
	  font-weight: bold;
	}
	
	.close:hover,
	.close:focus {
	  color: black;
	  text-decoration: none;
	  cursor: pointer;
	}
	
	#story {
		margin-left: 15px;
	}
	
	#storic {
		padding: 3px;
		border-radius: 3px; 
		width: 190px;
		font-size: 10px
	}
	
	#storico {
		font-size: 13px;
	}
	
	.storico_click {
		color: blue;
		text-decoration: underline;
		cursor: pointer;
	}
	
	.jexcel > thead > tr > td {
		top: -12px;
		max-width: 200px;
	}
	
	.jexcel_filter {
	    justify-content: flex-start;
	    align-items: left;
	}
	
	 
	.jexcel > tbody > tr > td:first-child {
		position: sticky;
	  	left: -16px;
	  	/*background-color: #c89daa;*/
	  	color: #373737;
	}
	
	.jexcel > thead {
		position: sticky;
		top: 0px;
	  	/*background-color: #c89daa;*/
	}
	
	.jexcel > thead > tr:nth-child(2)  {
		height: 40px
	}

	.jexcel > tfoot {
  		position: sticky;
  		inset-block-end: -3px;
  		font-weight: bold;
	}
	
	.jexcel > tfoot > tr > td:nth-last-child(-n+6) {
	  display: none;
	}
	
	.clienze{
		list-style-type: disclosure-closed;
	}
	.clienze li{
		font-size: 19px;
	}
	
	.jexcel_content {
		max-height: 600px !important;
	}
	
	
	input[type=checkbox]:not(:checked){
	  outline:2px solid red; 
	}
	input[type=checkbox]:checked{
	  outline:2px solid green;  
	}
	
	.ligiricontainer {
	  display: grid; 
      grid-template-columns: 0.3fr 1.5fr 2.5fr 0.5fr 0.5fr 0.5fr; 
	  grid-template-rows: 1fr 1fr 1fr; 
      gap: 13px 15px; 
	  background: #454166;
	  color: white;
	  padding: 12px 15px 12px 20px;
    border-radius: 4px;
    font-size: 14px;
	  margin-bottom: 1rem;
	}
	.ligiricontainer a {
		color: white;
		text-decoration: underline;
	}
.cliente { grid-area: 1 / 2 / 2 / 3; }
.indirizzo { grid-area: 1 / 3 / 2 / 4; }
.nsegna { grid-area: 1 / 4 / 2 / 5; }
.numero { grid-area: 1 / 5 / 2 / 6; }
.rappresentante { grid-area: 1 / 6 / 2 / 7; }
.N { grid-area: 1 / 1 / 2 / 2; font-size: 18px; font-weight: bold}
.s { grid-area: 2 / 1 / 3 / 2; }
.operatore { grid-area: 2 / 2 / 3 / 3; }
.colliped { grid-area: 2 / 3 / 3 / 4; }
.pagamento { grid-area: 2 / 4 / 3 / 6; }
.File { grid-area: 2 / 6 / 3 / 7; }
.Note { grid-area: 3 / 2 / 4 / 7; }
.azioni { grid-area: 4 / 2 / 4 / 7; text-align: right;}
.note { grid-area: 3 / 2 / 4 / 5; }


.descrbutton {
  font-family: var(--font-sans);
      background: chocolate;
    padding: 2px 7px 2px 6px;
    border-radius: 3px;
    transform: translateY(calc(var(--y, 0) * 1%)) scale(var(--scale));
    transition: transform 0.1s;
    border: 0;
    color: white;
    border-radius: 3px;
  transform: translateY(calc(var(--y, 0) * 1%)) scale(var(--scale));
  transition: transform 0.1s;

}

.corrbutton {
	font-family: var(--font-sans);
		background: #117a8b;
	  padding: 2px 7px 2px 6px;
	  border-radius: 3px;
	  transform: translateY(calc(var(--y, 0) * 1%)) scale(var(--scale));
	  transition: transform 0.1s;
	  border: 0;
	  color: white;
	  border-radius: 3px;
	transform: translateY(calc(var(--y, 0) * 1%)) scale(var(--scale));
	transition: transform 0.1s;
  
  }

	.vippricebutton {
		font-family: var(--font-sans);
				background-color: #388aca;
			padding: 2px 7px 2px 6px;
			border-radius: 3px;
			transform: translateY(calc(var(--y, 0) * 1%)) scale(var(--scale));
			transition: transform 0.1s;
			border: 0;
			color: white;
			border-radius: 3px;
		transform: translateY(calc(var(--y, 0) * 1%)) scale(var(--scale));
		transition: transform 0.1s;
		text-transform: capitalize;
	
	}

.descrbutton:hover, .vippricebutton:hover {
  --y: -10;
  --scale: 1.1;
  --border-scale: 1;
}

[class ^= "nlistino_"] {
	background: #388aca;
    border: 1px solid #000;
    color: white;
    padding: 5px 10px; /* Compact padding */
    text-align: center;
    font-size: 13px; /* Ensure text fits comfortably */
    box-sizing: border-box; /* Maintain consistent button size */
    width: 100%;
		display: flex; /* Use flexbox for alignment */
    align-items: center; /* Vertically center content */
    justify-content: space-between;
}
[class^="nlistino_"] b {
	margin: 0; /* Remove default margin */
	font-weight: bold; /* Ensure the label is bold */
}

[class^="nlistino_"] span {
	margin: 0; /* Remove default margin */
	font-weight: normal; /* Price doesn't need to be bold */
	text-align: right; /* Align price to the right */
}

.prodname {
	color: blue;
	text-decoration: underline;
	cursor: pointer;
}

.assoc-product {
	cursor: pointer;
	text-decoration: underline;
}

.presenzetooltip { 
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	border: 2px solid #000;
	padding: 10px;
	z-index: 1;
}

.abutton {
	font-family: var(--font-sans);
	background: #117a8b;
	padding: 2px 7px 2px 6px;
	border-radius: 3px;
	transform: translateY(calc(var(--y, 0) * 1%)) scale(var(--scale));
	transition: transform 0.2s;
	border: 0;
	color: white;
}

.abutton:hover {
	transform: scale(1.2);
	color: #f2c95f;
}

.storico_prodd {
	font-family: var(--font-sans);
	background: #388aca;
	padding: 2px 7px 2px 6px;
	border-radius: 3px;
	transform: translateY(calc(var(--y, 0) * 1%)) scale(var(--scale));
	transition: transform 0.1s;
	border: 0;
	color: white;
	border-radius: 3px;
	transform: translateY(calc(var(--y, 0) * 1%)) scale(var(--scale));
	transition: transform 0.1s;
}


#incentiviModal {
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
}

#incentiviModal .modal-content {
  background-color: #fff;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  width: 320px;
  text-align: center;
  position: relative;
}

#incentiviModal .modal-content h2 {
  font-size: 18px;
  margin-bottom: 15px;
  color: #333;
}

#incentiviModal .modal-content .incentivi-value {
  font-size: 24px;
  font-weight: bold;
  color: darkgreen;
}

#incentiviModal .close {
  position: absolute;
  top: 2px;
  right: 4px;
  font-size: 35px;
  font-weight: bold;
  color: crimson;
  cursor: pointer;
	opacity: 1;
}

#incentiviModal .close:hover {
  color: #000;
}

.text-supplier {
  display: inline-block;
  max-width: 130px; /* o la larghezza che preferisci */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

/* Tabella prezzi custom compatta */
.table th, .table td {
    padding: 2px 6px !important;
    font-size: 13px;
    line-height: 1.1;
    vertical-align: middle;
}
.btn-xs {
    padding: 5px 8px !important;
    font-size: 12px !important;
    line-height: 1;
    border-radius: 3px;
		min-height: auto;
}
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f8f9fa;
}

.prezzi-inner {
    max-width: 1024px;
    margin: 0 auto;
    display: block;
}