.middle-box h1 {
  font-size: 100px;
}

.nav-header {
  padding: 15px 15px;
}

.btnRisultatiLotti {
  background-color: #f7a54a;
  border-color: #f7a54a;
}
.btnRisultatiLotti:hover {
  background-color: #c8c8c8;
  border-color: #c8c8c8;
  color: dimgrey;
}

.BtnAddCartGAQ {
  background-color: #f7a54a;
  border-color: #f7a54a;
  color: #fff;
}
/* GAQ COL */
.prcol-gaq-code {
  flex: 0 0 14%;
  max-width: 14%;
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.prcol-gaq-size {
  flex: 0 0 8%;
  max-width: 8%;
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.prcol-gaq-d1d2 {
  flex: 0 0 20%;
  max-width: 20%;
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.prcol-gaq-astm {
  flex: 0 0 25%;
  max-width: 25%;
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.prcol-gaq-colour {
  flex: 0 0 5%;
  max-width: 5%;
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.prcol-gaq-hardness {
  flex: 0 0 6%;
  max-width: 6%;
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.prcol-gaq-qty {
  flex: 0 0 6%;
  max-width: 6%;
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.prcol-gaq-pkg {
  flex: 0 0 10%;
  max-width: 10%;
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.prcol-gaq-btn {
  flex: 0 0 5%;
  max-width: 5%;
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.InputQtaArticoloCatalogo {
  width: 80%;
  float: left;
  text-align: right;
  margin-bottom: 15px;
}

.BtnAddRigaCatalogo {
  background-color: #c8c8c8;
  border-color: #c8c8c8;
  color: #333;
  font-size: 14px;
}

.BtnGetPricesCatalogo {
  background-color: dimgrey;
  border-color: dimgrey;
  color: #fff;
  font-size: 14px;
}

.BoxLottoPrice {
  border-right: 2px solid #ccc;
}

.loader {
  border: 8px solid #eee;
  border-radius: 50%;
  border-top: 8px solid #f7a54a;
  width: 40px;
  height: 40px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Chrome, Safari, Edge, Opera */
.inputNumOff::-webkit-outer-spin-button,
.inputNumOff::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.inputNumOff {
  -moz-appearance: textfield;
}

/* OFFERTA DETTAGLIO COL */
.prcol-offdett-code {
  flex: 0 0 15%;
  max-width: 15%;
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.prcol-offdett-size {
  flex: 0 0 35%;
  max-width: 35%;
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.prcol-offdett-astm {
  flex: 0 0 25%;
  max-width: 25%;
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.prcol-offdett-qty {
  flex: 0 0 6%;
  max-width: 6%;
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.prcol-offdett-price {
  flex: 0 0 10%;
  max-width: 10%;
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.prcol-offdett-total {
  flex: 0 0 10%;
  max-width: 10%;
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.prcol-offdett-delivery {
  flex: 0 0 10%;
  max-width: 10%;
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.prcol-offdett-btn {
  flex: 0 0 14%;
  max-width: 14%;
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.prcol-offdett-btn {
  flex: 0 0 14%;
  max-width: 14%;
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.prcol-offdett-descArt {
  flex: 0 0 45%;
  max-width: 45%;
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.prcol-offdett-mercato {
  flex: 0 0 33%;
  max-width: 33%;
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.prcol-offdett-qualita {
  flex: 0 0 33%;
  max-width: 33%;
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.prcol-stock-filter{
  flex: 0 0 15%;
  max-width: 15%;
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;

}

.popover{
  max-width:1080px;
}



/* TAG del GAQ */


.info-generic {
  BORDER: 1PX SOLID !important;
  BORDER-COLOR: BLACK;
  BACKGROUND-COLOR: BLACK;
  COLOR: #FFF !important;
  FONT-SIZE: 9px !important;
  FONT-WEIGHT: BOLD !important;
  PADDING: 3PX !important;
  BORDER-RADIUS: 5PX !important;
  margin-right: 3px;
  margin-top: 3px;
}



.info-stock {
  BORDER: 1PX SOLID;
  BORDER-COLOR: limegreen;
  BACKGROUND-COLOR: limegreen;
  COLOR: #FFF;
  FONT-SIZE: 10PX;
  FONT-WEIGHT: BOLD;
  PADDING: 2PX;
  BORDER-RADIUS: 5PX;
}

.info-prod {
  BORDER: 1PX SOLID;
  BORDER-COLOR: #17a2b8;
  BACKGROUND-COLOR: #17a2b8;
  COLOR: #FFF;
  FONT-SIZE: 10PX;
  FONT-WEIGHT: BOLD;
  PADDING: 2PX;
  BORDER-RADIUS: 5PX;
}

.info-best {
  BORDER: 1PX SOLID !important;
  BORDER-COLOR: DodgerBlue !important;
  BACKGROUND-COLOR: DodgerBlue !important;
  COLOR: #FFF !important;
  FONT-SIZE: 10PX !important;
  FONT-WEIGHT: BOLD !important;
  PADDING: 2PX !important;
  BORDER-RADIUS: 5PX !important;
}

.info-bestseller {
  BORDER: 1PX SOLID !important;
  BORDER-COLOR: limegreen !important;
  BACKGROUND-COLOR: limegreen !important;
  COLOR: #FFF !important;
  FONT-SIZE: 10PX !important;
  FONT-WEIGHT: BOLD !important;
  PADDING: 2PX !important;
  BORDER-RADIUS: 5PX !important;
}

.info-bestchoice {
  BORDER: 1PX SOLID !important;
  BORDER-COLOR: DodgerBlue !important;
  BACKGROUND-COLOR: DodgerBlue !important;
  COLOR: #FFF !important;
  FONT-SIZE: 10PX !important;
  FONT-WEIGHT: BOLD !important;
  PADDING: 2PX !important;
  BORDER-RADIUS: 5PX !important;
}

.info-lastStockAv {
  BORDER: 1PX SOLID !important;
  BORDER-COLOR: red !important;
  BACKGROUND-COLOR: red !important;
  COLOR: #FFF !important;
  FONT-SIZE: 10PX !important;
  FONT-WEIGHT: BOLD !important;
  PADDING: 2PX !important;
  BORDER-RADIUS: 5PX !important;
}

.info-lowAv {
  BORDER: 1PX SOLID !important;
  BORDER-COLOR: gold !important;
  BACKGROUND-COLOR: gold !important;
  COLOR: #FFF !important;
  FONT-SIZE: 10PX !important;
  FONT-WEIGHT: BOLD !important;
  PADDING: 2PX !important;
  BORDER-RADIUS: 5PX !important;
}

.info-freepass {
  BORDER: 1PX SOLID !important;
  BORDER-COLOR: green !important;
  BACKGROUND-COLOR: green !important;
  COLOR: #FFF !important;
  FONT-SIZE: 10px !important;
  FONT-WEIGHT: BOLD !important;
  PADDING: 2PX !important;
  BORDER-RADIUS: 5PX !important;
}

.info-nopass {
  BORDER: 1PX SOLID !important;
  BORDER-COLOR: red !important;
  BACKGROUND-COLOR: red !important;
  COLOR: #FFF !important;
  FONT-SIZE: 10px !important;
  FONT-WEIGHT: BOLD !important;
  PADDING: 2PX !important;
  BORDER-RADIUS: 5PX !important;
  margin-top:5px
}

.info-mostcomp {
  BORDER: 1PX SOLID !important;
  BORDER-COLOR: #FF3131 !important;
  BACKGROUND-COLOR: #FF3131 !important;
  COLOR: #FFF !important;
  FONT-SIZE: 10px !important;
  FONT-WEIGHT: BOLD !important;
  PADDING: 2PX !important;
  BORDER-RADIUS: 5PX !important;
}

/* CONFORMITY TAG */
.info-FDA {
  BORDER: 1PX SOLID !important;
  BORDER-COLOR: blue !important;
  BACKGROUND-COLOR: blue !important;
  COLOR: #FFF !important;
  FONT-SIZE: 10PX !important;
  FONT-WEIGHT: BOLD !important;
  PADDING: 2PX !important;
  BORDER-RADIUS: 5PX !important;
}

.info-Norsok {
  BORDER: 1PX SOLID !important;
  BORDER-COLOR: Tomato !important;
  BACKGROUND-COLOR: Tomato !important;
  COLOR: #FFF !important;
  FONT-SIZE: 10PX !important;
  FONT-WEIGHT: BOLD !important;
  PADDING: 2PX !important;
  BORDER-RADIUS: 5PX !important;
}

.info-DVGW {
  BORDER: 1PX SOLID !important;
  BORDER-COLOR: Orchid !important;
  BACKGROUND-COLOR: Orchid !important;
  COLOR: #FFF !important;
  FONT-SIZE: 10PX !important;
  FONT-WEIGHT: BOLD !important;
  PADDING: 2PX !important;
  BORDER-RADIUS: 5PX !important;
}

.info-BAM {
  BORDER: 1PX SOLID !important;
  BORDER-COLOR: LimeGreen !important;
  BACKGROUND-COLOR: LimeGreen !important;
  COLOR: #FFF !important;
  FONT-SIZE: 10PX !important;
  FONT-WEIGHT: BOLD !important;
  PADDING: 2PX !important;
  BORDER-RADIUS: 5PX !important;
}

.info-549 {
  BORDER: 1PX SOLID !important;
  BORDER-COLOR: Indigo !important;
  BACKGROUND-COLOR: Indigo !important;
  COLOR: #FFF !important;
  FONT-SIZE: 10PX !important;
  FONT-WEIGHT: BOLD !important;
  PADDING: 2PX !important;
  BORDER-RADIUS: 5PX !important;
}

.info-ZP51 {
  BORDER: 1PX SOLID !important;
  BORDER-COLOR: DodgerBlue !important;
  BACKGROUND-COLOR: DodgerBlue !important;
  COLOR: #FFF !important;
  FONT-SIZE: 10PX !important;
  FONT-WEIGHT: BOLD !important;
  PADDING: 2PX !important;
  BORDER-RADIUS: 5PX !important;
}

.info-LNG {
  BORDER: 1PX SOLID !important;
  BORDER-COLOR: Chocolate !important;
  BACKGROUND-COLOR: Chocolate !important;
  COLOR: #FFF !important;
  FONT-SIZE: 10PX !important;
  FONT-WEIGHT: BOLD !important;
  PADDING: 2PX !important;
  BORDER-RADIUS: 5PX !important;
}

.info-UL {
  BORDER: 1PX SOLID !important;
  BORDER-COLOR: FireBrick !important;
  BACKGROUND-COLOR: FireBrick !important;
  COLOR: #FFF !important;
  FONT-SIZE: 10PX !important;
  FONT-WEIGHT: BOLD !important;
  PADDING: 2PX !important;
  BORDER-RADIUS: 5PX !important;
}

.info-WRAS {
  BORDER: 1PX SOLID !important;
  BORDER-COLOR: SteelBlue !important;
  BACKGROUND-COLOR: SteelBlue !important;
  COLOR: #FFF !important;
  FONT-SIZE: 10PX !important;
  FONT-WEIGHT: BOLD !important;
  PADDING: 2PX !important;
  BORDER-RADIUS: 5PX !important;
}

.info-biod {
  BORDER: 1PX SOLID !important;
  BORDER-COLOR: DarkGoldenRod !important;
  BACKGROUND-COLOR: DarkGoldenRod !important;
  COLOR: #FFF !important;
  FONT-SIZE: 10PX !important;
  FONT-WEIGHT: BOLD !important;
  PADDING: 2PX !important;
  BORDER-RADIUS: 5PX !important;
}


.col-sedi-10{
  -ms-flex: 0 0 10%;
  flex: 0 0 10%;
  max-width: 10%;
  padding-right: 5px;
  padding-left: 5px;
}
.col-sedi-80{
  -ms-flex: 0 0 80%;
  flex: 0 0 80%;
  max-width: 80%;
  padding-right: 5px;
  padding-left: 5px;
}
.col-sedi-60{
  -ms-flex: 0 0 60%;
  flex: 0 0 60%;
  max-width: 60%;
  padding-right: 5px;
  padding-left: 5px;
}
.col-sedi-50{
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  padding-right: 5px;
  padding-left: 5px;
}
.col-sedi-40{
  -ms-flex: 0 0 40%;
  flex: 0 0 40%;
  max-width: 40%;
  padding-right: 5px;
  padding-left: 5px;
}

.img-oring
{
  border-radius: 15%;
  border: 2px solid #ccc;
}






[data-compliance-title]:hover:after {
    opacity: 1;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
}
[data-compliance-title]:after {
    content: attr(data-compliance-title);
    background-color: #ffffff;
    color: #212529;
    font-size: 160%;
    position: absolute;
    padding: 2px 7px 4px 7px;
    bottom: -1.6em;
    left: 100%;
    text-wrap: wrap;
    width: 150px;
    opacity: 0;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    z-index: 99999;
    visibility: hidden;
}
[data-compliance-title] {
    position: relative;
}