/*PRODUCTS' LIST*/ #container #prd-content, #container #prd-content div{overflow:hidden;box-sizing:border-box} #container #prd-content, #prd-content #prdlist, #prd-content #prdlist div.dataTables_wrapper, #prd-content #prdlist div.dataTables_scroll, #prd-content #ElencoProdottiMobile, #prd-content #ElencoProdottiMobileContainer, #prd-content #templateBoxProdottoMobile{width:100%;clear:both} #container #prd-content, #prd-content #prdlist{overflow:visible!important;position:relative} #container #prd-content{padding:var(--main-spacing);padding-top:0!important} #prd-content #prdlist div.dataTables_wrapper, #prd-content #prdlist div.toolbar{overflow:visible!important} #prd-content #ElencoProdottiMobile{display:none!important} /*CONTAINERS*/ #layout.prdlist-page #engine, #prd-content #prdlist div.top, #prd-content #prdlist div.dataTables_scrollHead{position:fixed!important;z-index:10000!important} #layout.prdlist-page #engine{top:calc(var(--toolbar-height) + var(--head-height))!important;left:0} #prd-content #prdlist div.top, #prd-content #prdlist div.dataTables_scrollHead{ width:calc(100% - (var(--main-spacing) * 2)); position:fixed!important; left:var(--main-spacing)!important } #prd-content #prdlist div.top{ height:calc(var(--fld-height-3) + var(--main-spacing) + 10px); top:calc(var(--toolbar-height) + var(--head-height) + (var(--main-spacing) * 2) + var(--fld-height-2))!important; padding:var(--main-spacing) 0 10px 0; background:var(--c-white) } #prd-content #prdlist div.dataTables_scrollHead{top:calc(var(--toolbar-height) + var(--head-height) + (var(--main-spacing) * 3) + var(--fld-height-2) + var(--fld-height-3) + 10px)!important} #prd-content #prdlist div.dataTables_scrollBody{ height:auto!important; overflow:visible!important; border-bottom:none!important; background:none!important } /*INFO-FILTER*/ #prd-content #prdlist div.bottom{margin-top:10px} #prd-content #prdlist div.dataTables_info, #prd-content #prdlist div.dataTables_filter{ width:auto; height:100%; clear:none; display:inline; overflow:hidden; box-sizing:border-box } #prd-content #prdlist div.dataTables_info{float:left;padding:0!important} #prd-content #prdlist div.dataTables_info p{ font-size:var(--fnt-smaller-1); font-weight:var(--w-bold); color:var(--c-black); text-align:left; text-transform:uppercase } #prd-content #prdlist div.dataTables_info p span:not(.note){color:var(--c-blue)} #prd-content #prdlist div div.dataTables_info p span.note{ font-size:0.90em; font-weight:var(--w-light); color:var(--c-grey-50); text-transform:none } #prd-content #prdlist div div.dataTables_info p span.note strong{font-weight:var(--w-bold);color:var(--c-blue)} #prd-content #prdlist div div.dataTables_info p span.note span{font-weight:var(--w-bold)} #prd-content #prdlist div.top div.dataTables_info p.under-1000{line-height:var(--fld-height-3)} #prd-content #prdlist div.top div.dataTables_info p.over-1000{line-height:calc(var(--fld-height-3) / 2)} #prd-content #prdlist div.bottom div.dataTables_info p.under-1000{line-height:100%} #prd-content #prdlist div.bottom div.dataTables_info p.over-1000{line-height:130%} #prd-content #prdlist div.dataTables_filter{float:right;margin:0!important} #prd-content #prdlist div.dataTables_filter *{overflow:hidden;box-sizing:border-box} #prd-content #prdlist div.dataTables_filter label{ height:100%; display:flex; flex-flow:row nowrap; align-items:center; grid-gap:0 5px } #prd-content #prdlist div.dataTables_filter span{ width:auto; font-size:var(--fnt-smaller-2); font-weight:var(--w-bold); color:var(--c-black); line-height:120%; text-align:right; text-transform:uppercase } #prd-content #prdlist div.dataTables_filter input{ width:170px; height:100%; font-size:var(--fnt-smaller-2); color:var(--c-grey-50); padding:0 var(--fld-padding-2); outline:none!important; -webkit-appearance:none!important; outline:none; border-radius:var(--fld-radius); border:1px solid var(--c-grey-90); background:var(--c-grey-96) } /*LIST*/ #prd-content #prdlist div.dataTables_scroll{ overflow:visible!important; /*position:relative; margin-top:10px*/ } #prd-content #prdlist div.dataTables_scrollHead tr, #prd-content #prdlist div.dataTables_scrollBody tr{background:none!important} #prd-content #prdlist div.dataTables_scrollHead th, #prd-content #prdlist div.dataTables_scrollBody td{ font-size:var(--fnt-smaller-2); font-weight:var(--w-light); line-height:150%; text-align:left!important; white-space:normal!important; box-sizing:border-box; border-bottom:1px solid var(--c-white); border-left:1px solid var(--c-white) } #prd-content #prdlist div.dataTables_scrollHead th.prd_marchio, #prd-content #prdlist div.dataTables_scrollBody td.prd_marchio, #prd-content #prdlist div.dataTables_scrollHead th.prd_codice, #prd-content #prdlist div.dataTables_scrollBody td.prd_codice, #prd-content #prdlist div.dataTables_scrollHead th.prd_description, #prd-content #prdlist div.dataTables_scrollBody td.prd_description{word-break:break-word!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_codmarchio, #prd-content #prdlist div.dataTables_scrollBody td.prd_codmarchio, #prd-content #prdlist div.dataTables_scrollHead th.prd_marchio, #prd-content #prdlist div.dataTables_scrollBody td.prd_marchio, #prd-content #prdlist div.dataTables_scrollHead th.prd_image, #prd-content #prdlist div.dataTables_scrollBody td.prd_image, #prd-content #prdlist div.dataTables_scrollHead th.prd_um, #prd-content #prdlist div.dataTables_scrollBody td.prd_um, #prd-content #prdlist div.dataTables_scrollHead th.prd_stato, #prd-content #prdlist div.dataTables_scrollBody td.prd_stato, #prd-content #prdlist div.dataTables_scrollHead th.prd_sconto, #prd-content #prdlist div.dataTables_scrollBody td.prd_sconto{text-align:center!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_listino, #prd-content #prdlist div.dataTables_scrollBody td.prd_listino, #prd-content #prdlist div.dataTables_scrollHead th.prd_netto, #prd-content #prdlist div.dataTables_scrollBody td.prd_netto, #prd-content #prdlist div.dataTables_scrollHead th.prd_dispo, #prd-content #prdlist div.dataTables_scrollBody td.prd_dispo{text-align:right!important} #prd-content #prdlist div.dataTables_scrollBody td.prd_image{position:relative} /*#prd-content #prdlist div.dataTables_scrollHead{z-index:0!important}*/ #prd-content #prdlist div.dataTables_scrollHead th{ color:var(--c-white); text-transform:uppercase; background-position:center right!important; background-color:var(--c-grey-14) } #prd-content #prdlist div.dataTables_scrollHead th.sorting, #prd-content #prdlist div.dataTables_scrollHead th.sorting_asc, #prd-content #prdlist div.dataTables_scrollHead th.sorting_desc{padding:var(--tbl-padding) calc(var(--tbl-padding) * 2) var(--tbl-padding) var(--tbl-padding)!important;background-size:18px auto!important} #prd-content #prdlist div.dataTables_scrollHead th.sorting_disabled{padding:var(--tbl-padding)!important} #prd-content #prdlist div.dataTables_scrollHead th:first-child{border-left:none} #prd-content #prdlist div.dataTables_scrollHead th.prd_netto span.iva, #prd-content #prdlist div.dataTables_scrollHead th.prd_listino span.iva{ font-size:0.95em; white-space:nowrap; display:block } #prd-content #prdlist div.dataTables_scrollBody td{color:var(--c-grey-14);padding:var(--tbl-padding)!important} #prd-content #prdlist div.dataTables_scrollBody tr:nth-of-type(odd) td{background:var(--c-grey-93)} #prd-content #prdlist div.dataTables_scrollBody tr:nth-of-type(even) td{background:var(--c-grey-96)} #prd-content #prdlist div.dataTables_scrollBody tr:nth-of-type(odd) td.prd_cart.addOk{background:var(--c-lightgreen-1)!important} #prd-content #prdlist div.dataTables_scrollBody tr:nth-of-type(even) td.prd_cart.addOk{background:var(--c-lightgreen-2)!important} #prd-content #prdlist div.dataTables_scrollBody tr.odd:hover td, #prd-content #prdlist div.dataTables_scrollBody tr.even:hover td{background:var(--c-lightyellow-2)!important} #prd-content #prdlist div.dataTables_scrollBody td img{width:auto;float:left} #prd-content #prdlist div.dataTables_scrollBody td.details img, #prd-content #prdlist div.dataTables_scrollBody td.prd_cart img, #prd-content #prdlist div.dataTables_scrollBody td.prd_image img.hasimg{cursor:pointer} #prd-content #prdlist div.dataTables_scrollBody td.details img{width:100%;height:auto} #prd-content #prdlist div.dataTables_scrollBody td.prd_dispo img.hasimg, #prd-content #prdlist div.dataTables_scrollBody td.prd_cart img{height:var(--ico-size-6)} #prd-content #prdlist div.dataTables_scrollBody td.prd_description{font-weight:var(--w-bold)} #prd-content #prdlist div.dataTables_scrollBody td.prd_description a{color:var(--c-grey-14);cursor:pointer} #prd-content #prdlist div.dataTables_scrollBody td.prd_description a:hover{color:var(--c-blue)} #prd-content #prdlist div.dataTables_scrollBody td.prd_description a.open-sheet{display:block} #prd-content #prdlist div.dataTables_scrollBody td.prd_description a.page-link{ font-size:0.90em; font-weight:var(--w-semibold); font-style:italic; color:var(--c-blue); line-height:14px; text-transform:uppercase; padding-right:13px; background:url(/layout/img/ico-arrow-double-blue.png) no-repeat center right; background-size:auto 50%!important } #prd-content #prdlist div.dataTables_scrollBody td.prd_description a.page-link:hover{color:var(--c-grey-14);background-image:url(/layout/img/ico-arrow-double-green.png)} #prd-content #prdlist div.dataTables_scrollBody td.prd_description br.promosep, #prd-content #prdlist div.dataTables_scrollBody td.prd_description span.promo{display:none} #prd-content #prdlist div.dataTables_scrollBody td.prd_marchio{font-weight:var(--w-bold)} #prd-content #prdlist div.dataTables_scrollBody td.prd_marchio img{width:100%!important;height:auto} #prd-content #prdlist div.dataTables_scrollBody td.prd_image img{ width:100%; height:auto; float:left } #prd-content #prdlist div.dataTables_scrollBody td.prd_image img.hasimg, #prd-content #prdlist div.dataTables_scrollBody td.prd_image img.noimage{border:1px solid var(--c-grey-85)} #prd-content #prdlist div.dataTables_scrollBody td.prd_image #preview, #prd-content #prdlist div.dataTables_scrollBody td.prd_image #preview img{border-radius:var(--boxes-radius)} #prd-content #prdlist div.dataTables_scrollBody td.prd_image #preview{ width:400px; height:400px; clear:both; overflow:hidden; position:fixed!important; top:0; bottom:0; left:0; z-index:99999!important; padding:15px; margin:auto 0 auto -410px!important; box-sizing:border-box; border:1px solid var(--c-grey-85); background:var(--c-white) } #prd-content #prdlist div.dataTables_scrollBody td.prd_image #preview img{border:none!important} #prd-content #prdlist div.dataTables_scrollBody td.prd_listino, #prd-content #prdlist div.dataTables_scrollBody td.prd_netto{font-weight:var(--w-bold)} #prd-content #prdlist div.dataTables_scrollBody td.prd_dispo{font-weight:var(--w-bold)} #prd-content #prdlist div.dataTables_scrollBody td.prd_dispo a.dispoReparti{ width:var(--ico-size-5); height:var(--ico-size-5); cursor:pointer; float:left; display:inline; margin-top:2px } #prd-content #prdlist div.dataTables_scrollBody td.prd_dispo a.dispoReparti img{ width:100%; height:auto; float:left } #prd-content #prdlist div.dataTables_scrollBody td.prd_cart input{display:inline} #prd-content #prdlist div.dataTables_scrollBody td.prd_cart input{ width:calc(100% - (var(--ico-size-6) + 10px)); height:var(--fld-height-4); font-size:0.85em; color:var(--c-grey-35); text-align:center; float:left; box-sizing:border-box; border:1px solid var(--c-grey-85); background:var(--c-white) } #prd-content #prdlist div.dataTables_scrollBody td.prd_cart img{float:right;margin-top:calc((var(--fld-height-4) - var(--ico-size-6)) / 2)} #prd-content #prdlist div.dataTables_scrollBody td.prd_cart a.selcli{ width:100%; height:var(--ico-size-2); font-size:0.85em; color:var(--c-black); line-height:120%; text-transform:uppercase; text-align:right; display:flex; flex-flow:row nowrap; justify-content:flex-end; align-items:center; padding-right:calc(var(--ico-size-2) + 6px); box-sizing:border-box; background:url(/layout/img/ico-user-black.png) no-repeat center right; background-size:auto 100% } #prd-content #prdlist div.dataTables_scrollBody td.prd_cart a.selcli:hover{color:var(--c-blue);background-image:url(/layout/img/ico-user-blue.png)} /*promo*/ #prd-content #prdlist div.dataTables_scrollBody tr.promo td{font-weight:bold;color:var(--c-blue)} #prd-content #prdlist div.dataTables_scrollBody tr.promo td.prd_description{position:relative} #prd-content #prdlist div.dataTables_scrollBody tr.promo td.prd_description br.promosep{display:unset} #prd-content #prdlist div.dataTables_scrollBody tr.promo td.prd_description span.promo{ width:auto; font-size:0.95em; color:var(--c-white); line-height:110%; text-transform:uppercase; text-align:center; clear:both; float:left; display:block; padding:2px 5px 4px 5px; margin-top:3px; border-radius:var(--fld-radius); background:var(--c-green) } /*columns sizes*/ #prd-content #prdlist div.dataTables_scrollHead th.details, #prd-content #prdlist div.dataTables_scrollBody th.details, #prd-content #prdlist div.dataTables_scrollBody td.details{width:40px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_marchio, #prd-content #prdlist div.dataTables_scrollBody th.prd_marchio, #prd-content #prdlist div.dataTables_scrollBody td.prd_marchio{width:140px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_codmarchio, #prd-content #prdlist div.dataTables_scrollBody th.prd_codmarchio, #prd-content #prdlist div.dataTables_scrollBody td.prd_codmarchio{width:100px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_codice, #prd-content #prdlist div.dataTables_scrollBody th.prd_codice, #prd-content #prdlist div.dataTables_scrollBody td.prd_codice{width:200px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_image, #prd-content #prdlist div.dataTables_scrollBody th.prd_image, #prd-content #prdlist div.dataTables_scrollBody td.prd_image{width:80px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_um, #prd-content #prdlist div.dataTables_scrollBody th.prd_um, #prd-content #prdlist div.dataTables_scrollBody td.prd_um{width:80px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_sostitutivo, #prd-content #prdlist div.dataTables_scrollBody th.prd_sostitutivo, #prd-content #prdlist div.dataTables_scrollBody td.prd_sostitutivo{width:190px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_stato, #prd-content #prdlist div.dataTables_scrollBody th.prd_stato, #prd-content #prdlist div.dataTables_scrollBody td.prd_stato{width:120px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_listino, #prd-content #prdlist div.dataTables_scrollBody th.prd_listino, #prd-content #prdlist div.dataTables_scrollBody td.prd_listino{width:140px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_sconto, #prd-content #prdlist div.dataTables_scrollBody th.prd_sconto, #prd-content #prdlist div.dataTables_scrollBody td.prd_sconto{width:140px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_netto, #prd-content #prdlist div.dataTables_scrollBody th.prd_netto, #prd-content #prdlist div.dataTables_scrollBody td.prd_netto{width:140px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_dispo, #prd-content #prdlist div.dataTables_scrollBody th.prd_dispo, #prd-content #prdlist div.dataTables_scrollBody td.prd_dispo{width:80px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_cart, #prd-content #prdlist div.dataTables_scrollBody th.prd_cart, #prd-content #prdlist div.dataTables_scrollBody td.prd_cart{width:120px!important} /*no results*/ #prd-content #prdlist div.dataTables_scrollBody td.dataTables_empty{ font-size:var(--fnt-base); font-weight:var(--w-bold); color:var(--c-red); text-align:center!important } /*PRODUCT SHEET (TABLE)*/ #prd-content table div.prdDetails, #prd-content table div.prdDetails *{overflow:hidden;box-sizing:border-box} #prd-content table div.prdDetails, #prd-content table div.prdDetails ul{width:100%;clear:both} #prd-content table div.prdDetails, #prd-content table div.prdDetails div.prd-data, #prd-content table div.prdDetails ul, #prd-content table div.prdDetails li{display:flex;flex-flow:row wrap} #prd-content table div.prdDetails{grid-gap:var(--tbl-padding)} #prd-content table div.prdDetails div.prd-images{width:400px;position:relative} #prd-content table div.prdDetails div.prd-images img{float:left} #prd-content table div.prdDetails div.prd-images a.my-gallery__img--main, #prd-content table div.prdDetails div.prd-images a.my-gallery__img--main img{width:100%!important} #prd-content table div.prdDetails div.prd-images a.my-gallery__img--main{ height:400px; clear:both; display:block; overflow:hidden; border-radius:var(--boxes-radius); border:1px solid var(--c-grey-85) } #prd-content table div.prdDetails div.prd-images a.my-gallery__img--main img{height:auto!important} #prd-content table div.prdDetails div.prd-images img.img-promo{ width:auto!important; height:25px!important; position:absolute; top:10px; right:0 } #prd-content table div.prdDetails div.prd-data, #prd-content table div.prdDetails ul, #prd-content table div.prdDetails li{align-items:flex-start;align-content:flex-start} #prd-content table div.prdDetails div.prd-data{width:calc(100% - (400px + var(--tbl-padding)))} #prd-content table div.prdDetails h3{ width:100%; font-size:1.20em; font-weight:var(--w-bold); color:var(--c-blue); line-height:100%; margin-bottom:var(--tbl-padding); } #prd-content table div.prdDetails ul{width:100%;border-top:1px solid var(--c-grey-85)} #prd-content table div.prdDetails li{ width:33.33%; font-size:1.00em; line-height:140%; padding:var(--tbl-padding); border-bottom:1px solid var(--c-grey-85) } #prd-content table div.prdDetails li label{ font-weight:var(--w-bold); text-transform:uppercase; margin-right:7px } #prd-content table div.prdDetails li span a{color:var(--c-blue);text-decoration:underline} #prd-content table div.prdDetails li span a:hover{color:var(--c-grey-14)} #prd-content table div.prdDetails li.barcode span br{display:inline;content:" "} #prd-content table div.prdDetails li.barcode span br::before{content: " - "} /*RESPONSIVITY*/ @media only screen and (min-width:320px) and (max-width:1024px) { /*containers*/ #prd-content #prdlist div.top{height:calc(var(--fld-height-3) + var(--main-spacing) + 8px);padding:var(--main-spacing) 0 8px 0} #prd-content #prdlist div.dataTables_scrollHead{top:calc(var(--toolbar-height) + var(--head-height) + (var(--main-spacing) * 3) + var(--fld-height-2) + var(--fld-height-3) + 8px)!important} /*info-filter*/ #prd-content #prdlist div.dataTables_filter input{width:140px} /*list*/ #prd-content #prdlist div.bottom{margin-top:8px} #prd-content #prdlist div.dataTables_scrollHead th.sorting, #prd-content #prdlist div.dataTables_scrollHead th.sorting_asc, #prd-content #prdlist div.dataTables_scrollHead th.sorting_desc{background-size:15px auto!important} #prd-content #prdlist div.dataTables_scrollBody tr td.prd_description a.page-link{line-height:10px;padding-right:10px} #prd-content #prdlist div.dataTables_scrollBody td.prd_image #preview{ width:300px; height:300px; margin-left:-306px!important; padding:12px } #prd-content #prdlist div.dataTables_scrollBody td.prd_cart input{width:calc(100% - (var(--ico-size-6) + 5px))} #prd-content #prdlist div.dataTables_scrollBody td.prd_cart a.selcli{padding-right:calc(var(--ico-size-2) + 5px)} /*columns sizes*/ #prd-content #prdlist div.dataTables_scrollHead th.details, #prd-content #prdlist div.dataTables_scrollBody th.details, #prd-content #prdlist div.dataTables_scrollBody td.details{width:26px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_marchio, #prd-content #prdlist div.dataTables_scrollBody th.prd_marchio, #prd-content #prdlist div.dataTables_scrollBody td.prd_marchio{width:95px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_codmarchio, #prd-content #prdlist div.dataTables_scrollBody th.prd_codmarchio, #prd-content #prdlist div.dataTables_scrollBody td.prd_codmarchio{width:65px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_codice, #prd-content #prdlist div.dataTables_scrollBody th.prd_codice, #prd-content #prdlist div.dataTables_scrollBody td.prd_codice{width:120px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_image, #prd-content #prdlist div.dataTables_scrollBody th.prd_image, #prd-content #prdlist div.dataTables_scrollBody td.prd_image{width:50px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_um, #prd-content #prdlist div.dataTables_scrollBody th.prd_um, #prd-content #prdlist div.dataTables_scrollBody td.prd_um{width:55px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_sostitutivo, #prd-content #prdlist div.dataTables_scrollBody th.prd_sostitutivo, #prd-content #prdlist div.dataTables_scrollBody td.prd_sostitutivo{width:90px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_stato, #prd-content #prdlist div.dataTables_scrollBody th.prd_stato, #prd-content #prdlist div.dataTables_scrollBody td.prd_stato{width:85px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_listino, #prd-content #prdlist div.dataTables_scrollBody th.prd_listino, #prd-content #prdlist div.dataTables_scrollBody td.prd_listino{width:90px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_sconto, #prd-content #prdlist div.dataTables_scrollBody th.prd_sconto, #prd-content #prdlist div.dataTables_scrollBody td.prd_sconto{width:70px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_netto, #prd-content #prdlist div.dataTables_scrollBody th.prd_netto, #prd-content #prdlist div.dataTables_scrollBody td.prd_netto{width:90px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_dispo, #prd-content #prdlist div.dataTables_scrollBody th.prd_dispo, #prd-content #prdlist div.dataTables_scrollBody td.prd_dispo{width:55px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_cart, #prd-content #prdlist div.dataTables_scrollBody th.prd_cart, #prd-content #prdlist div.dataTables_scrollBody td.prd_cart{width:95px!important} /*product sheet (table)*/ #prd-content table div.prdDetails div.prd-images{width:280px} #prd-content table div.prdDetails div.prd-images a.my-gallery__img--main{height:280px} #prd-content table div.prdDetails div.prd-images img.img-promo{height:18px!important} #prd-content table div.prdDetails div.prd-data{width:calc(100% - (280px + var(--tbl-padding)))} #prd-content table div.prdDetails li label{margin-right:6px} } @media only screen and (min-width:1025px) and (max-width:1280px) { /*containers*/ #prd-content #prdlist div.top{height:calc(var(--fld-height-3) + var(--main-spacing) + 8px);padding:var(--main-spacing) 0 8px 0} #prd-content #prdlist div.dataTables_scrollHead{top:calc(var(--toolbar-height) + var(--head-height) + (var(--main-spacing) * 3) + var(--fld-height-2) + var(--fld-height-3) + 8px)!important} /*info-filter*/ #prd-content #prdlist div.dataTables_filter input{width:140px} /*list*/ #prd-content #prdlist div.dataTables_scrollHead th.sorting, #prd-content #prdlist div.dataTables_scrollHead th.sorting_asc, #prd-content #prdlist div.dataTables_scrollHead th.sorting_desc{background-size:15px auto!important} #prd-content #prdlist div.dataTables_scrollBody tr td.prd_description a.page-link{line-height:10px;padding-right:10px} #prd-content #prdlist div.dataTables_scrollBody td.prd_image #preview{ width:300px; height:300px; margin-left:-306px!important; padding:12px } #prd-content #prdlist div.dataTables_scrollBody td.prd_cart input{width:calc(100% - (var(--ico-size-6) + 5px))} #prd-content #prdlist div.dataTables_scrollBody td.prd_cart a.selcli{padding-right:calc(var(--ico-size-2) + 5px)} /*columns sizes*/ #prd-content #prdlist div.dataTables_scrollHead th.details, #prd-content #prdlist div.dataTables_scrollBody th.details, #prd-content #prdlist div.dataTables_scrollBody td.details{width:26px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_marchio, #prd-content #prdlist div.dataTables_scrollBody th.prd_marchio, #prd-content #prdlist div.dataTables_scrollBody td.prd_marchio{width:95px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_codmarchio, #prd-content #prdlist div.dataTables_scrollBody th.prd_codmarchio, #prd-content #prdlist div.dataTables_scrollBody td.prd_codmarchio{width:65px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_codice, #prd-content #prdlist div.dataTables_scrollBody th.prd_codice, #prd-content #prdlist div.dataTables_scrollBody td.prd_codice{width:120px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_image, #prd-content #prdlist div.dataTables_scrollBody th.prd_image, #prd-content #prdlist div.dataTables_scrollBody td.prd_image{width:50px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_um, #prd-content #prdlist div.dataTables_scrollBody th.prd_um, #prd-content #prdlist div.dataTables_scrollBody td.prd_um{width:55px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_sostitutivo, #prd-content #prdlist div.dataTables_scrollBody th.prd_sostitutivo, #prd-content #prdlist div.dataTables_scrollBody td.prd_sostitutivo{width:90px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_stato, #prd-content #prdlist div.dataTables_scrollBody th.prd_stato, #prd-content #prdlist div.dataTables_scrollBody td.prd_stato{width:85px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_listino, #prd-content #prdlist div.dataTables_scrollBody th.prd_listino, #prd-content #prdlist div.dataTables_scrollBody td.prd_listino{width:90px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_sconto, #prd-content #prdlist div.dataTables_scrollBody th.prd_sconto, #prd-content #prdlist div.dataTables_scrollBody td.prd_sconto{width:70px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_netto, #prd-content #prdlist div.dataTables_scrollBody th.prd_netto, #prd-content #prdlist div.dataTables_scrollBody td.prd_netto{width:90px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_dispo, #prd-content #prdlist div.dataTables_scrollBody th.prd_dispo, #prd-content #prdlist div.dataTables_scrollBody td.prd_dispo{width:55px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_cart, #prd-content #prdlist div.dataTables_scrollBody th.prd_cart, #prd-content #prdlist div.dataTables_scrollBody td.prd_cart{width:95px!important} /*product sheet (table)*/ #prd-content table div.prdDetails div.prd-images{width:280px} #prd-content table div.prdDetails div.prd-images a.my-gallery__img--main{height:280px} #prd-content table div.prdDetails div.prd-images img.img-promo{height:18px!important} #prd-content table div.prdDetails div.prd-data{width:calc(100% - (280px + var(--tbl-padding)))} #prd-content table div.prdDetails li label{margin-right:6px} } @media only screen and (min-width:1281px) and (max-width:1500px) { /*info-filter*/ #prd-content #prdlist div.dataTables_filter input{width:150px} /*list*/ #prd-content #prdlist div.dataTables_scrollHead th.sorting, #prd-content #prdlist div.dataTables_scrollHead th.sorting_asc, #prd-content #prdlist div.dataTables_scrollHead th.sorting_desc{background-size:16px auto!important} #prd-content #prdlist div.dataTables_scrollBody tr td.prd_description a.page-link{line-height:10px;padding-right:10px} #prd-content #prdlist div.dataTables_scrollBody td.prd_image #preview{ width:340px; height:340px; margin-left:-348px!important; padding:12px } #prd-content #prdlist div.dataTables_scrollBody td.prd_cart input{width:calc(100% - (var(--ico-size-6) + 6px))} #prd-content #prdlist div.dataTables_scrollBody td.prd_cart a.selcli{padding-right:calc(var(--ico-size-2) + 5px)} /*columns sizes*/ #prd-content #prdlist div.dataTables_scrollHead th.details, #prd-content #prdlist div.dataTables_scrollBody th.details, #prd-content #prdlist div.dataTables_scrollBody td.details{width:34px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_marchio, #prd-content #prdlist div.dataTables_scrollBody th.prd_marchio, #prd-content #prdlist div.dataTables_scrollBody td.prd_marchio{width:100px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_codmarchio, #prd-content #prdlist div.dataTables_scrollBody th.prd_codmarchio, #prd-content #prdlist div.dataTables_scrollBody td.prd_codmarchio{width:70px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_codice, #prd-content #prdlist div.dataTables_scrollBody th.prd_codice, #prd-content #prdlist div.dataTables_scrollBody td.prd_codice{width:150px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_image, #prd-content #prdlist div.dataTables_scrollBody th.prd_image, #prd-content #prdlist div.dataTables_scrollBody td.prd_image{width:55px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_um, #prd-content #prdlist div.dataTables_scrollBody th.prd_um, #prd-content #prdlist div.dataTables_scrollBody td.prd_um{width:60px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_sostitutivo, #prd-content #prdlist div.dataTables_scrollBody th.prd_sostitutivo, #prd-content #prdlist div.dataTables_scrollBody td.prd_sostitutivo{width:110px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_stato, #prd-content #prdlist div.dataTables_scrollBody th.prd_stato, #prd-content #prdlist div.dataTables_scrollBody td.prd_stato{width:90px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_listino, #prd-content #prdlist div.dataTables_scrollBody th.prd_listino, #prd-content #prdlist div.dataTables_scrollBody td.prd_listino{width:100px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_sconto, #prd-content #prdlist div.dataTables_scrollBody th.prd_sconto, #prd-content #prdlist div.dataTables_scrollBody td.prd_sconto{width:80px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_netto, #prd-content #prdlist div.dataTables_scrollBody th.prd_netto, #prd-content #prdlist div.dataTables_scrollBody td.prd_netto{width:100px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_dispo, #prd-content #prdlist div.dataTables_scrollBody th.prd_dispo, #prd-content #prdlist div.dataTables_scrollBody td.prd_dispo{width:65px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_cart, #prd-content #prdlist div.dataTables_scrollBody th.prd_cart, #prd-content #prdlist div.dataTables_scrollBody td.prd_cart{width:100px!important} /*product sheet (table)*/ #prd-content table div.prdDetails div.prd-images{width:310px} #prd-content table div.prdDetails div.prd-images a.my-gallery__img--main{height:310px} #prd-content table div.prdDetails div.prd-images img.img-promo{height:20px!important} #prd-content table div.prdDetails div.prd-data{width:calc(100% - (310px + var(--tbl-padding)))} } @media only screen and (min-width:1501px) and (max-width:1950px) { /*info-filter*/ #prd-content #prdlist div.dataTables_filter input{width:160px} /*list*/ #prd-content #prdlist div.dataTables_scrollHead th.sorting, #prd-content #prdlist div.dataTables_scrollHead th.sorting_asc, #prd-content #prdlist div.dataTables_scrollHead th.sorting_desc{background-size:16px auto!important} #prd-content #prdlist div.dataTables_scrollBody tr td.prd_description a.page-link{line-height:12px;padding-right:11px} #prd-content #prdlist div.dataTables_scrollBody td.prd_image #preview{ width:370px; height:370px; margin-left:-378px!important; padding:12px } /*columns sizes*/ #prd-content #prdlist div.dataTables_scrollHead th.details, #prd-content #prdlist div.dataTables_scrollBody th.details, #prd-content #prdlist div.dataTables_scrollBody td.details{width:36px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_marchio, #prd-content #prdlist div.dataTables_scrollBody th.prd_marchio, #prd-content #prdlist div.dataTables_scrollBody td.prd_marchio{width:110px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_codmarchio, #prd-content #prdlist div.dataTables_scrollBody th.prd_codmarchio, #prd-content #prdlist div.dataTables_scrollBody td.prd_codmarchio{width:90px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_codice, #prd-content #prdlist div.dataTables_scrollBody th.prd_codice, #prd-content #prdlist div.dataTables_scrollBody td.prd_codice{width:180px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_image, #prd-content #prdlist div.dataTables_scrollBody th.prd_image, #prd-content #prdlist div.dataTables_scrollBody td.prd_image{width:70px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_um, #prd-content #prdlist div.dataTables_scrollBody th.prd_um, #prd-content #prdlist div.dataTables_scrollBody td.prd_um{width:65px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_sostitutivo, #prd-content #prdlist div.dataTables_scrollBody th.prd_sostitutivo, #prd-content #prdlist div.dataTables_scrollBody td.prd_sostitutivo{width:120px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_stato, #prd-content #prdlist div.dataTables_scrollBody th.prd_stato, #prd-content #prdlist div.dataTables_scrollBody td.prd_stato{width:100px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_listino, #prd-content #prdlist div.dataTables_scrollBody th.prd_listino, #prd-content #prdlist div.dataTables_scrollBody td.prd_listino{width:120px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_sconto, #prd-content #prdlist div.dataTables_scrollBody th.prd_sconto, #prd-content #prdlist div.dataTables_scrollBody td.prd_sconto{width:100px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_netto, #prd-content #prdlist div.dataTables_scrollBody th.prd_netto, #prd-content #prdlist div.dataTables_scrollBody td.prd_netto{width:120px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_dispo, #prd-content #prdlist div.dataTables_scrollBody th.prd_dispo, #prd-content #prdlist div.dataTables_scrollBody td.prd_dispo{width:70px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_cart, #prd-content #prdlist div.dataTables_scrollBody th.prd_cart, #prd-content #prdlist div.dataTables_scrollBody td.prd_cart{width:110px!important} /*product sheet (table)*/ #prd-content table div.prdDetails div.prd-images{width:350px} #prd-content table div.prdDetails div.prd-images a.my-gallery__img--main{height:350px} #prd-content table div.prdDetails div.prd-images img.img-promo{height:20px!important} #prd-content table div.prdDetails div.prd-data{width:calc(100% - (350px + var(--tbl-padding)))} } /*TABLET*/ @media only screen and (min-device-width:768px) and (max-device-width:1024px) { /*containers*/ #layout.prdlist-page #container{padding-top:0!important} #prd-content{padding-top:var(--main-spacing)} #layout.prdlist-page #engine, #prd-content #prdlist div.top{position:static!important} #layout.prdlist-page #engine{top:unset!important;left:unset} #prd-content #prdlist div.top{width:100%!important} #prd-content #prdlist div.dataTables_scrollHead{ width:100%!important; position:relative!important; top:0!important; left:0!important } /*list*/ #prd-content #prdlist div.dataTables_scroll{overflow:auto!important} #prd-content #prdlist div.dataTables_scrollHead th, #prd-content #prdlist div.dataTables_scrollBody td{white-space:normal} #prd-content #prdlist div.dataTables_scrollHead th.sorting, #prd-content #prdlist div.dataTables_scrollHead th.sorting_asc, #prd-content #prdlist div.dataTables_scrollHead th.sorting_desc{background-size:14px auto!important} #prd-content #prdlist div.dataTables_scrollBody tr.promo td.prd_description span.promo{padding:3px 5px;margin-top:2px} } @media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) { /*list*/ #prd-content #prdlist div.dataTables_scroll > div{width:170%!important} /*product sheet (table)*/ #prd-content #prdlist div.dataTables_scrollHead th.prd_marchio, #prd-content #prdlist div.dataTables_scrollBody th.prd_marchio, #prd-content #prdlist div.dataTables_scrollBody td.prd_marchio{width:100px!important} #prd-content table div.prdDetails{width:66%} #prd-content table div.prdDetails div.prd-images{width:210px} #prd-content table div.prdDetails div.prd-images a.my-gallery__img--main{height:210px} #prd-content table div.prdDetails div.prd-data{width:calc(100% - (210px + var(--tbl-padding)))} #prd-content table div.prdDetails li{width:50%} } @media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape)R { /*list*/ #prd-content #prdlist div.dataTables_scroll > div{width:130%!important} /*columns sizes*/ #prd-content #prdlist div.dataTables_scrollHead th.prd_codmarchio, #prd-content #prdlist div.dataTables_scrollBody th.prd_codmarchio, #prd-content #prdlist div.dataTables_scrollBody td.prd_codmarchio{width:65px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_codice, #prd-content #prdlist div.dataTables_scrollBody th.prd_codice, #prd-content #prdlist div.dataTables_scrollBody td.prd_codice{width:110px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_image, #prd-content #prdlist div.dataTables_scrollBody th.prd_image, #prd-content #prdlist div.dataTables_scrollBody td.prd_image{width:45px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_um, #prd-content #prdlist div.dataTables_scrollBody th.prd_um, #prd-content #prdlist div.dataTables_scrollBody td.prd_um{width:50px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_sostitutivo, #prd-content #prdlist div.dataTables_scrollBody th.prd_sostitutivo, #prd-content #prdlist div.dataTables_scrollBody td.prd_sostitutivo{width:85px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_stato, #prd-content #prdlist div.dataTables_scrollBody th.prd_stato, #prd-content #prdlist div.dataTables_scrollBody td.prd_stato{width:80px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_listino, #prd-content #prdlist div.dataTables_scrollBody th.prd_listino, #prd-content #prdlist div.dataTables_scrollBody td.prd_listino{width:100px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_sconto, #prd-content #prdlist div.dataTables_scrollBody th.prd_sconto, #prd-content #prdlist div.dataTables_scrollBody td.prd_sconto{width:65px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_netto, #prd-content #prdlist div.dataTables_scrollBody th.prd_netto, #prd-content #prdlist div.dataTables_scrollBody td.prd_netto{width:100px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_cart, #prd-content #prdlist div.dataTables_scrollBody th.prd_cart, #prd-content #prdlist div.dataTables_scrollBody td.prd_cart{width:85px!important} /*product sheet (table)*/ #prd-content table div.prdDetails div.prd-images{width:230px} #prd-content table div.prdDetails div.prd-images a.my-gallery__img--main{height:230px} #prd-content table div.prdDetails div.prd-data{width:calc(100% - (230px + var(--tbl-padding)))} } /*SMARTPHONE*/ @media only screen and (min-device-width:320px) and (max-device-width:767px) { /*containers*/ #layout.prdlist-page #container{padding-top:0!important} #prd-content{padding-top:var(--main-spacing)} #layout.prdlist-page #engine, #prd-content #prdlist div.top{position:static!important} #layout.prdlist-page #engine{top:unset!important;left:unset} #prd-content #prdlist div.top{width:100%!important} #prd-content #prdlist div.dataTables_scrollHead{ width:100%!important; position:relative!important; top:0!important; left:0!important } /*list*/ #prd-content #prdlist div.dataTables_scroll{overflow:auto!important} #prd-content #prdlist div.dataTables_scrollHead th, #prd-content #prdlist div.dataTables_scrollBody td{white-space:normal} #prd-content #prdlist div.dataTables_scrollHead th.sorting, #prd-content #prdlist div.dataTables_scrollHead th.sorting_asc, #prd-content #prdlist div.dataTables_scrollHead th.sorting_desc{background-size:13px auto!important} #prd-content #prdlist div.dataTables_scrollBody td.prd_image #preview{ width:200px; height:200px; margin-left:-206px!important; padding:10px } #prd-content #prdlist div.dataTables_scrollBody tr.promo td.prd_description span.promo{padding:3px 5px;margin-top:2px} /*columns sizes*/ #prd-content #prdlist div.dataTables_scrollHead th.prd_marchio, #prd-content #prdlist div.dataTables_scrollBody th.prd_marchio, #prd-content #prdlist div.dataTables_scrollBody td.prd_marchio{width:80px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_codmarchio, #prd-content #prdlist div.dataTables_scrollBody th.prd_codmarchio, #prd-content #prdlist div.dataTables_scrollBody td.prd_codmarchio{width:50px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_codice, #prd-content #prdlist div.dataTables_scrollBody th.prd_codice, #prd-content #prdlist div.dataTables_scrollBody td.prd_codice{width:100px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_image, #prd-content #prdlist div.dataTables_scrollBody th.prd_image, #prd-content #prdlist div.dataTables_scrollBody td.prd_image{width:45px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_um, #prd-content #prdlist div.dataTables_scrollBody th.prd_um, #prd-content #prdlist div.dataTables_scrollBody td.prd_um{width:50px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_sostitutivo, #prd-content #prdlist div.dataTables_scrollBody th.prd_sostitutivo, #prd-content #prdlist div.dataTables_scrollBody td.prd_sostitutivo{width:85px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_stato, #prd-content #prdlist div.dataTables_scrollBody th.prd_stato, #prd-content #prdlist div.dataTables_scrollBody td.prd_stato{width:80px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_listino, #prd-content #prdlist div.dataTables_scrollBody th.prd_listino, #prd-content #prdlist div.dataTables_scrollBody td.prd_listino{width:85px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_sconto, #prd-content #prdlist div.dataTables_scrollBody th.prd_sconto, #prd-content #prdlist div.dataTables_scrollBody td.prd_sconto{width:65px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_netto, #prd-content #prdlist div.dataTables_scrollBody th.prd_netto, #prd-content #prdlist div.dataTables_scrollBody td.prd_netto{width:85px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_dispo, #prd-content #prdlist div.dataTables_scrollBody th.prd_dispo, #prd-content #prdlist div.dataTables_scrollBody td.prd_dispo{width:50px!important} #prd-content #prdlist div.dataTables_scrollHead th.prd_cart, #prd-content #prdlist div.dataTables_scrollBody th.prd_cart, #prd-content #prdlist div.dataTables_scrollBody td.prd_cart{width:80px!important} /*product sheet (table)*/ #prd-content table div.prdDetails div.prd-images img.img-promo{height:15px!important;top:8px} #prd-content table div.prdDetails li{width:50%} #prd-content table div.prdDetails li label{margin-right:5px} } @media only screen and (min-device-width:320px) and (max-device-width:767px) and (max-aspect-ratio:13/9) { /*info-filter*/ #prd-content #prdlist div div.dataTables_info{max-width:50%} #prd-content #prdlist div.dataTables_filter{} #prd-content #prdlist div.dataTables_filter input{width:100px} /*list*/ #prd-content #prdlist div.dataTables_scroll > div{width:290%!important} /*product sheet (table)*/ #prd-content table div.prdDetails{width:39%} #prd-content table div.prdDetails div.prd-images{width:100%} #prd-content table div.prdDetails div.prd-images a.my-gallery__img--main{ width:150px!important; height:150px; margin:0 auto 4px auto } #prd-content table div.prdDetails div.prd-data{width:100%} #prd-content table div.prdDetails h3{text-align:center} } @media only screen and (min-device-width:320px) and (max-device-width:767px) and (min-aspect-ratio:13/9) { /*info-filter*/ #prd-content #prdlist div.dataTables_filter input{width:120px} /*list*/ #prd-content #prdlist div.dataTables_scroll > div{width:170%!important} /*product sheet (table)*/ #prd-content table div.prdDetails{width:66%} #prd-content table div.prdDetails div.prd-images{width:180px} #prd-content table div.prdDetails div.prd-images a.my-gallery__img--main{height:180px} #prd-content table div.prdDetails div.prd-data{width:calc(100% - (180px + var(--tbl-padding)))} }