:root {
--but-C-w: 116px;
--but-L-w: 310px;
color-scheme: dark;
}
.ce_body::-webkit-scrollbar {
display: none;
}
.ce_body {
width: 100vw;
margin: auto;
text-align: center;
padding: 20px 50px;
}
.but-C-X-first {
margin-top: 0;
}
.but-C-CUSTOM {
background-size: contain;
}
#ceConfig {
width: 100%;
margin: auto;
text-align: center;
min-width: unset;
/*padding: 0 20px 0 20px;*/
display: block;
}
#main {
width: 100%;
text-align: center;
margin: auto;
}
.titolo {
width: 100%;
margin-bottom: 5px;
height: 80px;
}
#v3d_div {
width: 100%;
text-align: center;
margin: auto;
cursor: move;
}
#ce_taglie {
position: absolute;
bottom: 20px;
right: 20px;
}
#ce_taglia-L, #ce_taglia-M, #ce_taglia-S {
width: 50px;
height: 50px;
background-color: #AE8B61;
background-size: 80%;
margin-bottom: 10px;
background-position: center 2px;
cursor: pointer;
border-radius: 10px;
background-repeat: no-repeat;
}
#ce_taglie div:last-child {
margin-bottom: 0;
}
#ce_taglia-L {
background-image: url("data:image/svg+xml;utf8,"), url('ce_icons/large.png');
}
#ce_taglia-M {
background-image: url("data:image/svg+xml;utf8,"), url('ce_icons/medium.png');
}
#ce_taglia-S {
background-image: url("data:image/svg+xml;utf8,"), url('ce_icons/small.png');
}
#ce_taglia-L.large_active, #ce_taglia-L:hover {
background-image: url("data:image/svg+xml;utf8,"), url('ce_icons/large_active.png');
background-color: #ffffff;
}
#ce_taglia-M.medium_active, #ce_taglia-M:hover {
background-image: url("data:image/svg+xml;utf8,"), url('ce_icons/medium_active.png');
background-color: #ffffff;
}
#ce_taglia-S.small_active, #ce_taglia-S:hover {
background-image: url("data:image/svg+xml;utf8,"), url('ce_icons/small_active.png');
background-color: #ffffff;
}
#main-but {
width: 100%;
text-align: center;
margin: 15px auto 11px auto;
display: inline-block;
min-width: unset;
}
.large {
width: unset;
min-width: unset;
}
.halfrow {
}
.but-P {
min-width: unset;
}
input {
display:block;
}
input.text {
margin-bottom:12px;
width:95%;
padding: .4em;
}
.selected-language {
background-color: #424242;
}
#bloccoUtenti {
display: inline;
text-align: center;
}
#bloccoUtentiSpace {
height: 27px;
}
#utenteLoggato {
font-size: 1.2em;
color: #ae8b61;/*#de8b61;*/
display: block;
margin-bottom: -5px;
display: block;
}
#clienteRegistrato {
color: #ffffff;
font-size: .9em;/*.7em;*/
font-weight: normal;
display: inline-block;
}
#clienteRegistrato.grayColor {
color: #555555;
}
#logo {
float: left;
height:80px;
}
#tredflex {
float: right;
position: relative;
height: 65px;
top: 15px;
}
#v3d_div {
/*margin: 0.3em 0 1.1em 0;*/
}
#menu {
display: none;
position: absolute;
top: 53px;
right: 120px;/*calc(calc(100vw)/1.5 + 20px);*/
z-index: 100;
font-size: 1.4em;
}
#menuDebug {
display: none;
}
.btn-menu, .close-btn {
margin: 10px -10px 0 16px;
height: 78px;
width: 78px;
float: right;
z-index: 10;
position: relative;
}
.btn-menu {
background-image: url('ce_icons/open-menu.svg');
background-size: cover;
display: flex;
justify-content: space-evenly;
align-items: center;
flex-direction: column;
cursor: pointer;
}
.close-btn {
background-image: url('ce_icons/close-menu.svg');
background-size: cover;
display: flex;
justify-content: space-evenly;
align-items: center;
flex-direction: column;
cursor: pointer;
}
.display-block {
display: block !important;
}
#provaBtn {
float: left;
height: auto;
padding: 15px 25px;
width: auto;
font-size: 1.3em;
}
#addBasket {
float: left;
height: auto;
margin-left: 25px;
padding: 15px 25px;
width: auto;
font-size: 1.3em;
}
#carrelloBtnLnk {
float: right;
margin-right: 20px;
height: 59px;
width: 59px;
}
#videoBtnLnk {
float: right;
padding-left:5px;
padding-right: 5px;
height: 59px;
width: 59px;
margin-right: 20px;
}
#carrelloOtticoBtnLnk {
float: right;
background-color: #51749e;
height: 59px;
width: 59px;
}
#nfcBtnLnk {
float: right;
margin-right: 20px;
height: 59px;
width: 59px;
display: none;
}
#nfcBtnLnk a {
background-image: url(ce_icons/rcp.png);
background-position: center;
background-repeat: no-repeat;
background-size: 85%;
width: 100%;
height: 100%;
}
#nfcBtnLnk a.nfc-loading {
background-image: url(ce_icons/nfc-loading.gif);
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
width: 100%;
height: 100%;
cursor: none;
}
.b_generi, .b_aste, .b_capsule, .b_colors, #curPart {
padding:12px 8px 10px 8px !important;
height: 40px;
font-size: 1.2em;
}
.but-P p {
font-size: 1em;
}
.butrow-int {
width: 100%;
}
.buttab {
justify-content: center;
}
.buttab a {
font-size: 2em;
}
.buttab #colorLnk, .buttab #btnLoadTexture {
width: unset;
}
#btnLoadTexture {
margin-left: 20px;
border: 1px solid #ffffff;
border-radius: 15px;
padding: 0 12px;
}
#tab-but {
background-size: cover;
width: 100% !important;
text-align: center;
background-size: cover;
margin-top: 0;
height: 145px;
}
.lefttab, .righttab {
background-size: cover;
}
.lefttab {
background-image: url('lefttab-top.png') !important;
}
.righttab {
background-image: url('righttab-top.png') !important;
margin-left: 0.2px;
}
.tabcontent {
background-image: url('tab-bottom.png') !important;
border: 0 !important;
background-position: center bottom;
background-size: 100% 100%;
margin: 0 !important;
border-radius: 8mm;
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
#colori_div, #design_div {
width: 100%;
text-align: center;
margin: auto;
min-width: unset;
margin-top: -10px !important;
}
#design_div .maxVlimit {
min-height: 500px;
}
#colori_div {
padding-bottom: 20px;
}
.butrow-int {
padding: 8mm 8mm 0 8mm;
}
.butrow-generi, .butrow-aste, .butrow-capsule {
justify-content: center;
}
.butrow-parti, .butrow-colori {
padding: 0 5mm 8mm 5mm
}
.menu-C {
width: calc(var(--but-C-w)*3 + 15px)
}
#v3d_div {
border: 4px solid #AE8B61;
}
.info-tooltip, .freccia-info-tooltip-top, .freccia-info-tooltip-bottom {
position: absolute;
background-color: #AE8B61;
z-index: 2000002;
}
.info-tooltip {
color: #ffffff;
display: none;
border-radius: 5px;
padding: 10px 10px;
opacity: .95;
font-size: .9em;
white-space: wrap;
text-align: left;
text-transform: uppercase;
word-break: break-word;
flex-direction: column;
z-index: 2000004;
}
.freccia-info-tooltip-top, .freccia-info-tooltip-bottom {
width: 15px;
height: 10px;
margin: 0 15px 0 15px;
}
.freccia-info-tooltip-top {
top: -10px;
-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
.freccia-info-tooltip-bottom {
bottom: -10px;
-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
}
.freccia-info-tooltip-fromright {
right: 10px;
}
.info-tooltip-title {
text-decoration: underline;
font-weight: bold;
}
.info-tooltip-body {
}
.justify-tooltip-left {
justify-content: left;
}
.justify-tooltip-right {
justify-content: right;
}
.justify-tooltip-center {
justify-content: center;
}
#crop-layer, #text-layer {
display: none;
position: fixed;
z-index: 12;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.9);
top: 0;
bottom:0;
left: 0;
padding: 0;
margin: 0;
background-repeat: no-repeat;
background-position: center;
}
#crop-layer #crop-layer-img {
width: 100%;
height: 100%;
}
#crop-layer #crop-layer-img, #text-layer #text-layer-img {
/*position: relative;*/
display: flex;
align-items: center;
justify-content: center;
}
#text-layer {
}
#text-layer-img {
flex-basis: 55%;
}
#text-layer-buttons {
}
#text-layer #text-layer-img > img {
border: 1px dashed #ffffff;
}
.img-crop {
/*position: absolute;
margin: auto;*/
flex-basis: auto;
}
#crop-layer-buttons, #text-layer-buttons {
display: flex;
flex-direction: column;
margin: auto;
z-index: 1999996;
}
#crop-layer-buttons {
position: absolute;
top: 20px;
right: 20px;
}
#text-layer-buttons {
overflow: scroll;
margin: 5px auto auto auto;
}
#selFont {
padding: 0 !important;
}
#selFontsize-menu, #tilePaddingSel-menu, #lineSpacing-menu {
max-height: 200px;
overflow: scroll;
}
#textAreaDiv > textarea {
width: 400px;
height: 100px;
background-color: #424242;
color: #ffffff;
text-align: left;
border: 1px solid #AE8B61;
}
#crop-layer-buttons > div {
flex-basis: 100%;
background-color: #424242;
color: #ffffff;
padding: 10px 15px;
margin: 5px;
cursor: pointer;
border-radius: 20px;
border: 1px solid #AE8B61;
}
#text-layer-buttons > div:not(.iris-picker, #textAreaDiv), #text-layer-buttons > span {
flex-basis: 100%;
background-color: #424242;
color: #ffffff;
margin: 5px 0;
padding: 10px 15px;
cursor: pointer;
border-radius: 20px;
border: 1px solid #AE8B61;
}
.ui-selectmenu-menu {
z-index: 99999999999;
}
#crop-layer-buttons input, #text-layer-buttons input {
display: inline;
}
#crop-layer-buttons label, #text-layer-buttons label {
color: #ffffff !important;
}
#text-layer-buttons select {
color: #000000;
}
.crop-scala-btn {
margin-bottom: 30px !important;
cursor: not-allowed !important;
background-color: #212121 !important;
font-weight: bold;
}
.crop-ok-btn {
margin-top: 30px !important;
}
.crop-layer-visible {
display: block !important;
}
.text-layer-visible {
display: flex !important;
}
#working, #offline, #support {
display: none;
position: fixed;
z-index: 2000000;
width: 100%;
height: 100%;
background-color: transparent;
top: 0;
bottom:0;
left: 0;
padding: 0;
margin: 0;
background-repeat: no-repeat;
background-position: center;
}
#support {
z-index: 2000003;
align-items: center;
justify-content: center;
background-color: red;
opacity: .05;
}
#support-elements {
display: none;
z-index: 2000004;
position: fixed;
top: 20px;
left: 20px;
}
#support-close, #support-video {
cursor: pointer;
background-color: #ffffff;
color: #000000;
font-size: 24px;
font-weight: bold;
border-radius: 10px;
border: 2px solid #AE8B61;
padding: 20px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
}
#support-close {
margin-right: 10px;
}
#support-video {
text-transform: uppercase;
}
#working {
background-image: url("ce_icons/working.gif");
}
#offline {
background-color: #000000;
opacity: .6;
background-image: url("data:image/svg+xml;utf8,");
}
.working-visible, .offline-visible {
display: block !important;
}
.help-large, .help-large * {
cursor: help !important;
}
.no-events {
pointer-events: none;
}
#texture-algorithm {
position: fixed;
background-color: #424242;
z-index: 200;
top: 0;
right: 0;
bottom: 0;
width: 50vw;
min-height: 100vh;
max-height: 100vh;
/*padding-top: 20px;*/
overflow: auto;
}
#texture-algorithm-group {
display: flex;
}
#texture-algorithm-opacity {
position: absolute;
left: 150px;
top: 450px;
z-index: 100;
padding: 0 15px;
border-radius: 10px;
background-color: rgba(66,66,66,.7);
}
#texture-algorithm-drag {
position: relative;
background-repeat: no-repeat, repeat;
background-size: contain, 33.3%;
width: 500px;
height: 500px;
max-width: 500px;
max-height: 500px;
min-width: 500px;
min-height: 500px;
overflow: hidden;
}
#drag-img {
position: absolute;
left: 0;
top: 0;
z-index: 9;
opacity: 1;
cursor: move;
}
#texture-algorithm-header {
--dot-bg: #212121;
--dot-color: #AE8B61;
--dot-size: 1px;
--dot-space: 2px;
border: 1px solid rgba(174,139,97,.5);
background: linear-gradient(90deg, var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space),
linear-gradient(var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space),
var(--dot-color);
cursor: move;
height: 20px;
z-index: 210;
}
#texture-algorithm-header-minimize {
width: 20px;
height: 20px;
border-right: 1px solid rgba(174,139,97,.5);
background-color: #212121;
cursor: pointer;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cline x1='2' y1='4' x2='18' y2='4' stroke='rgb(174,139,97)' stroke-width='3' vector-effect='non-scaling-stroke'%3E%3C/line%3E%3C/svg%3E");
background-repeat: repeat-x;
}
#texture-algorithm-colors {
padding: 20px;
margin: 10px;
max-height: 50%;
overflow: auto;
}
#texture-algorithm-colors div {
width: 80px;
height: 80px;
display: inline-block;
cursor: pointer;
margin: 0 3px;
background-size: 100%, var(--but-L-w);
}
#texture-algorithm-colors div.selected-color {
border: 1px solid #AE8B61;
border-radius: 40px;
}
#texture-algorithm-commands {
margin: 10px 10px auto 10px;
display: flex;
justify-content: center;
flex-direction: column;
}
#texture-algorithm-commands div:not(.circular-slider-container, .circular-slider-handle, .circular-slider-value) {
background-color: #424242;
color: #ffffff;
padding: 10px 15px;
cursor: pointer;
border-radius: 20px;
border: 1px solid #AE8B61;
margin: 5px;
}
#texture-algorithm-commands input {
display: inline-block;
}
#texture-algorithm-commands label {
color: #ffffff;
margin-right: 15px;
}
.opacity-slider, .zoom-slider {
-webkit-appearance: none;
width: 90%;
height: 12px;
border-radius: 5px;
background-color: #AE8B61 !important;
outline: none;
opacity: 1;
-webkit-transition: .2s;
transition: opacity .2s;
margin: 15px auto;
}
.opacity-slider {
width: 200px;
}
.zoom-slider {
margin-bottom: 25px;
}
.opacity-slider::-webkit-slider-thumb, .zoom-slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
height: 24px;
border: 0;
cursor: pointer;
filter: invert(1);
}
.opacity-slider::-webkit-slider-thumb {
width: 23px;
background: url('ce_icons/contrasticon.png');
}
.zoom-slider::-webkit-slider-thumb {
width: 24px;
background: url('ce_icons/zoomslider.png');
}
.opacity-slider::-moz-range-thumb, .zoom-slider::-moz-range-thumb {
height: 24px;
border: 0;
cursor: pointer;
filter: invert(1);
}
.opacity-slider::-moz-range-thumb {
width: 23px;
background: url('ce_icons/contrasticon.png');
}
.zoom-slider::-moz-range-thumb {
width: 24px;
background: url('ce_icons/zoomslider.png');
}
.text-texture-dropimg {
padding: 16px;
font-size: 16px;
}
.text-texture-dropdown {
position: relative;
display: inline-block;
}
.text-texture-dropdown-content {
display: none;
position: absolute;
min-width: 160px;
z-index: 99999999999;
background-color: #212121;
border: 1px solid #AE8B61;
border-radius: 15px;
overflow: scroll;
max-height: 200px;
}
.text-texture-dropdown-content a {
padding: 12px 16px;
text-decoration: none;
display: block;
}
.text-texture-dropdown-content a.text-texture-first {
border-radius: 15px 15px 0 0;
}
.text-texture-dropdown-content a.text-texture-last {
border-radius: 0 0 15px 15px;
}
.text-texture-dropdown-content a:hover {
background-color: #424242;
}
#selFont:hover .text-texture-dropdown-content {
/*display: block;*/
}
.text-texture-dropdown:hover .text-texture-dropimg {
}
.circular-slider-container {
margin: auto;
position: relative;
width: 100px;
height: 100px;
border-radius: 50%;
background: #AE8B61;
overflow: hidden;
margin-bottom: 15px;
}
.circular-slider-container::before {
content: "";
position: absolute;
width: 90px;
height: 90px;
background-color: #424242;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
}
.circular-slider-handle {
position: absolute;
top: 50%;
left: 50%;
width: 15px;
height: 15px;
background: #ffffff;
border-radius: 50%;
transform: translate(-50%, -50%);
cursor: move;
}
.circular-slider-value {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #ffffff;
}
@media screen and (max-width: 992px) {
html {
touch-action: pan-x pan-y;
}
.ce_body {
padding: 10px 20px 5px 20px;
}
#menu {
top: 32px;
right: 100px;
font-size: 1.4em;
}
#v3d_div {
height: 520px !important;
min-height: 520px !important;
}
#ce_taglie {
bottom: 15px;
right: 15px;
}
#ce_taglia-L, #ce_taglia-M {
margin-bottom: 8px;
}
#colori_div, #design_div {
border-bottom-left-radius: 6mm !important;
border-bottom-right-radius: 7mm !important;
padding-bottom: 7mm;
}
#tab-but {
height:114px;
}
.buttab {
padding-bottom: 0;
height: 75px;
}
.butrow-generi {
column-gap: 3mm;
}
.butrow-colori, .butrow-parti {
max-height: 425px !important;
}
.but-O {
width: 180px; /*247px;*/
height: 91.5px;/*119px;*/
background-size: 95%;
}
.maxVlimit {
max-height: 425px; /*425*/
}
#design_div .maxVlimit {
min-height: 425px;
}
#provaBtn {
padding: 15px 20px;
}
#addBasket {
margin-left: 15px;
padding: 15px 25px;
}
#carrelloBtnLnk {
margin-right: 15px;
}
#videoBtnLnk {
padding-left: 5px;
padding-right: 5px;
margin-right: 15px;
}
#carrelloOtticoBtnLnk {
}
#nfcBtnLnk {
margin-right: 15px;
}
#working {
background-position: center 230px;
}
#offline {
background-position: center 330px;
}
#texture-algorithm {
top: 50%;
right: unset;
width: 100vw;
min-height: 50vh;
max-height: 50vh;
overflow: auto;
}
#texture-algorithm-header {
height: 30px;
}
#texture-algorithm-colors {
max-height: 70%;
}
}
@media screen and (max-width: 480px) {
:root {
--but-C-w: 50px;
--but-L-w: 140px;
}
body {
padding: 10px !important;
font-size: 1.5em;
}
#main {
padding-top: 0;
}
.titolo {
margin-bottom: 25px;
}
#logo {
margin:0;
width: 140px;
height: auto;
}
#tredflex {
margin:0;
width: 75px;
height: auto;
top: 5px;
}
#v3d_div {
height: 200px !important;
min-height: 200px !important;
}
#ce_taglie {
bottom: 10px;
right: 10px;
}
#ce_taglia-L, #ce_taglia-M, #ce_taglia-S {
width: 20px;
height: 20px;
background-size: contain;
margin-bottom: 5px;
cursor: pointer;
}
.btn-menu, .close-btn {
margin: 10px -5px 0 16px;
height: 40px;
width: 40px;
}
.btn-menu {
position: absolute;
top: 60px;
right: 10px;
}
.close-btn {
position: absolute;
top: 60px;
right: 10px;
}
#menu {
top: 75px;
right: 10px;
font-size: .7em;
}
#bloccoUtentiSpace {
height: 0;
}
#bloccoUtenti {
position: absolute;
left: 10px;
top: 75px;
text-align: left;
}
#utenteLoggato {
font-size: .7em;
margin-bottom: -7px;
}
#clienteRegistrato {
font-size: .6em;
}
.ui-menu .ui-menu-item-wrapper {
padding: 10px 3em 10px 3em ;
}
.ui-icon.ui-icon-logout, .ui-icon.ui-icon-newuser, .ui-icon.ui-icon-reset, .ui-icon.ui-icon-spazio, .ui-icon.ui-icon-rimuovi, .ui-icon.ui-icon-langen, .ui-icon.ui-icon-langit {
background-size: 60%;
}
#working {
background-size: 50%;
background-position: center 130px;
}
#provaBtn, #addBasket {
display: block;
font-size: .7em;
float: none;
padding: 10px 10px;
width: 100%;
margin: 0 0 10px 0;
}
#carrelloOtticoBtnLnk, #videoBtnLnk, #carrelloBtnLnk {
display: inline-block;
float: none;
margin: 0 10px 10px 10px;
width: 50px;
height: 50px;
}
#nfcBtnLnk {
display: none !important;
}
#tab-but {
height: 60px;
}
.buttab {
font-size: .35em;
height: auto;
margin-top: -29px;
}
.b_generi, .b_aste, .b_capsule, .b_colors, #curPart {
padding: 5px 4px 5px 4px !important;
height: 30px;
font-size: .5em !important;
}
.butrow-generi, .butrow-aste {
flex-basis: 100%;
margin-bottom: 10px;
}
.butrow-parti, .butrow-colori {
padding: 0 5px 10px 5px;
}
.but-P, .but-C {
font-size: .4em;
}
.but-C p {
margin-bottom: 3px;
}
.but-C-X {
margin: 0;
}
.but-C-X p {
font-size: 2em;
margin: auto;
max-width: unset;
}
.but-O {
width: 125px;
height: 60px;
}
.b_colors {
font-size: .9em !important;
}
.img-L {
height: 40px;
}
#colori_div, #design_div {
border-bottom-left-radius: 16px !important;
border-bottom-right-radius: 16px !important;
}
}
#customizeHighRes {
display: none;
float: right;
height: auto;
padding: 15px 25px;
width: auto;
font-size: 1.3em;
}
#highResDiv {
}
#highResDivClose {
display: none;
}
/*help non tablet
[data-title]:hover:after {
opacity: 1;
transition: all 0.1s ease 0.5s;
visibility: visible;
}
[data-title]:after {
content: attr(data-title);
background-color: #00FF00;
color: #111;
font-size: 150%;
position: absolute;
padding: 1px 5px 2px 5px;
bottom: -1.6em;
left: 100%;
white-space: nowrap;
box-shadow: 1px 1px 3px #222222;
opacity: 0;
border: 1px solid #111111;
z-index: 99999;
visibility: hidden;
}
[data-title] {
}
fine help non tablet*/
.texture-modify {
font-size: 30px;
background-color: #70706f;
color: #ffffff;
padding: 2px 5px;
border-radius: 10px;
position: absolute;
left: 20%;
}
@media screen and (min-width: 1680px) {
.ce_body {
padding: 0;
overflow-x: hidden;
}
.titolo {
position: relative;
z-index: 2;
padding: 0 25px 0 20px;
}
#bloccoUtenti #utenteLoggato, #bloccoUtenti #clienteRegistrato {
/*text-shadow: 1px 1px #424242;*/
}
.titoloRidotto {
width: 50%;
}
.btn-menu {
background-color: #888888;
}
#v3d_div {
position: absolute !important;
top: 0;
left: 0;
width: 100vw !important;
height: 100vh !important;
border: none;
border-radius: 0 !important;
}
canvas {
border-radius: 0 !important;
}
#main-but {
position: absolute;
left: 0;
bottom: 20px;
padding: 0 20px 0 20px;
}
#ce_taglie {
bottom: 150px;
}
#carrelloBtnLnk, #carrelloOtticoBtnLnk, #videoBtnLnk, #nfcBtnLnk {
float: left;
}
#carrelloOtticoBtnLnk, #videoBtnLnk, #carrelloBtnLnk {
margin-left: 20px;
}
#videoBtnLnk {
margin-right: 0;
}
#highResDiv {
display: none;
position: absolute;
background-color: #424242;
/*border-radius: 28px;*/
top: 0;
right: 0;
bottom: 0;
width: 50vw;
min-height: 100vh;
max-height: 100vh;
z-index: 12;
/*padding-top: 20px;*/
overflow: auto;
border: 2px solid #AE8B61;
}
#highResDivClose {
display: unset;
position: absolute;
top: 5px;
right: 5px;
color: #ffffff;
font-size: 30px;
font-weight: bold;
padding: 10px;
min-height: 60px;
display: flex;
align-items: center;
justify-content: left;
}
#highResDivClose div {
cursor: pointer;
padding: 5px 10px;
border-radius: 8px;
}
#highResDivClose div:hover {
background-color: #bdbdbd;
color: #212121;
}
#tab-but {
height: unset;
}
#buttabColor, #buttabDesign {
border-bottom: 2px solid #AE8B61;
}
#buttabColor.highResTabActive {
border-radius: 20px 0 0 0;
border-left: 2px solid #AE8B61;
}
#buttabDesign.highResTabActive {
border-radius: 0 20px 0 0;
border-right: 2px solid #AE8B61;
}
#design_div, #colori_div {
margin: 0 !important;
padding: 60px 0;
}
.buttab {
padding: 10px !important;
}
.butrow-generi {
justify-content: right;
padding-right: 30px;
}
.butrow-aste {
justify-content: left;
padding-left: 30px;
}
.lefttab {
background-image: unset !important;/*url('lefttab-top-alpha.png') !important;*/
background-color: transparent !important;
}
.righttab {
background-image: unset !important;/*url('righttab-top-alpha.png') !important;*/
background-color: transparent !important;
}
.tabcontent {
background-image: unset !important;/*url('tab-bottom-alpha.png') !important;*/
background-color: transparent !important;
}
/*.but-O {
background-color: transparent !important;
filter: drop-shadow(2px 2px #000000);
}
.but-O.but-A {
filter: drop-shadow(2px 2px #000000) invert(100%) !important;
}*/
#customizeHighRes {
display: unset;
}
.butrow-int, .butrow-capsule {
padding: 0 !important;
margin-top: 0 !important;
}
.butrow-capsule {
margin-right: 30px;
}
.butrow-colori {
justify-content: right;
}
.butrow-parti {
justify-content: left;
max-width: calc( var(--but-L-w) + 55px);
}
.butrow-parti > div {
flex-basis: 100%;
}
.butrow-parti > div p {
width: var(--but-L-w);
display: block;
}
.highResLinkActive {
color: #AE8B61;
/*text-decoration: underline;
text-underline-offset: 5px;*/
}
.highResTabActive {
background-color: #424242;
border-bottom: none !important;
}
.maxVlimit {
max-height: 190mm !important;
}
#texture-algorithm-header {
display: none;
}
}
@media screen and (min-width: 1680px) and (min-height: 1280px) {
.maxVlimit {
max-height: 230mm;
}
}