/** Chaotic Orbit - LOADER **/
#chaotic-container{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); z-index: 9999999999; }
#chaotic-container.initial-hide{ display: none; }
.chaotic-orbit{ --uib-size: 4vw; --uib-speed: 2.5s; --uib-color: #fff; position: fixed; top: 44%; left: 50%; transform: translate(-50%); display: flex; align-items: center; justify-content: center; height: var(--uib-size); width: var(--uib-size); animation: rotate calc(var(--uib-speed) * 1.667) infinite linear; }
.chaotic-orbit::before, .chaotic-orbit::after{ content: ''; position: absolute; height: 60%; width: 60%; border-radius: 50%; background-color: var(--uib-color); will-change: transform; flex-shrink: 0; }
.chaotic-orbit::before{ animation: orbit var(--uib-speed) linear infinite; }
.chaotic-orbit::after{ animation: orbit var(--uib-speed) linear calc(var(--uib-speed) / -2) infinite; }
@media(max-width:991px) {
	.chaotic-orbit { --uib-size: 8vw; }
}
@media(max-width:479px) {
	.chaotic-orbit{ --uib-size: 18vw; }
}
@keyframes orbit{
	0%{ transform: translate(calc(var(--uib-size) * 0.5)) scale(0.73684); opacity: 0.65; }
	5%{ transform: translate(calc(var(--uib-size) * 0.4)) scale(0.684208);	opacity: 0.58; }
	10%{ transform: translate(calc(var(--uib-size) * 0.3)) scale(0.631576); opacity: 0.51; }
	15%{ transform: translate(calc(var(--uib-size) * 0.2)) scale(0.578944);  opacity: 0.44; }
	20%{ transform: translate(calc(var(--uib-size) * 0.1)) scale(0.526312); opacity: 0.37; }
	25%{ transform: translate(0%) scale(0.47368); opacity: 0.3; }
	30%{ transform: translate(calc(var(--uib-size) * -0.1)) scale(0.526312); opacity: 0.37; }
	35%{ transform: translate(calc(var(--uib-size) * -0.2)) scale(0.578944); opacity: 0.44; }
	40%{ transform: translate(calc(var(--uib-size) * -0.3)) scale(0.631576); opacity: 0.51; }
	45%{ transform: translate(calc(var(--uib-size) * -0.4)) scale(0.684208); opacity: 0.58; }
	50%{ transform: translate(calc(var(--uib-size) * -0.5)) scale(0.73684); opacity: 0.65; }
	55%{ transform: translate(calc(var(--uib-size) * -0.4)) scale(0.789472); opacity: 0.72; }
	60%{ transform: translate(calc(var(--uib-size) * -0.3)) scale(0.842104); opacity: 0.79; }
	65%{ transform: translate(calc(var(--uib-size) * -0.2)) scale(0.894736); opacity: 0.86; }
	70%{ transform: translate(calc(var(--uib-size) * -0.1)) scale(0.947368); opacity: 0.93; }
	75%{ transform: translate(0%) scale(1); opacity: 1; }
	80%{ transform: translate(calc(var(--uib-size) * 0.1)) scale(0.947368); opacity: 0.93; }
	85%{ transform: translate(calc(var(--uib-size) * 0.2)) scale(0.894736); opacity: 0.86; }
	90%{ transform: translate(calc(var(--uib-size) * 0.3)) scale(0.842104); opacity: 0.79; }
	95%{ transform: translate(calc(var(--uib-size) * 0.4)) scale(0.789472); opacity: 0.72; }
	100%{ transform: translate(calc(var(--uib-size) * 0.5)) scale(0.73684); opacity: 0.65; }
}
/** fine chaotic **/

#NavigazionePrincipale .nav-logo, #pageMenu, #RicercaTuttoSchermo, .n-line-w, .menu-close-w{ display: none !important; }
#barraDelMenu{ background-color: transparent; padding-bottom: 0; width: 100%; }
#barraDelMenu .cart.w-embed svg * { fill: var(--main-white); }
#NavigazionePrincipale{ position: revert; border: 0; }
td[tipo=sSisMet], td[codice=Euro]{ padding-left: 1rem; }
#notification{ z-index: 11; position: fixed; top: 0; }
.success{ width: 100vw; padding: 1.35rem; font-size: 1.4rem; color: var(--main-white); background-color: var(--main-black); text-align: center; }
.success span{ color: var(--main-orange); font-size: inherit; font-weight: bold; }
.success svg{ cursor: pointer; width: 1.5rem; position: relative; top: 0.3rem; margin-left: 1rem; }
.success svg *{ fill: var(--main-white) !important; }
.success svg:hover *{ fill: var(--fourth-grey) !important; }
#CalcTableContenitore{ width: 90vw; margin-left: 5vw; margin-right: 5vw; }
#tdDescEst{ padding-left: var(--value-margin-app); }

/* dati/layout/attivo/calc-style-r.css */
#areacentrale{ opacity: 0; }
#CalcTableContenitore{ background-color: #000; background-image: url('/dati/layout/attivo/calc.jpg'); background-size: contain; background-repeat: no-repeat; background-position: top; width: 100%; height: 100%; max-height: 950px; margin-left: auto; margin-right: auto; }
#CalcTableContenitore img#tdImg{ margin-left: 15px; }
#CalcTableContenitore.TabPrinc button{ border-radius: 10px; height: 30px; line-height: 20px; margin: 0px; padding: 0px 10px; text-decoration: none; border: none; margin-left: 100px; margin-right: 100px; }
#CalcTableContenitore select, input{ border: none !important; }
#CalcTableContenitore.TabPrinc input, .TabPrinc select{ color: blue !important; font-weight: 600; background-color: orange !important; margin-left: 3px; margin-right: 3px; }
#CalcTableContenitore .Testo{ background: lightgrey; padding: 2px; text-align: center; }
#CalcTableContenitore .TestoSX, #CalcTableContenitore .TestoSX2{ color: white; }
#CalcTableContenitore .TestoSX{ text-align: right; }
#CalcTableContenitore .TestoSX2{ text-align: left; }
#CalcTableContenitore .TestoDX{ color: white; }
#CalcTableContenitore .Riga{ height: 20px; }
.TestoDxUM{ padding-right: 5px; width: 150px; text-align: right; }
.TestoDxLbl{ width: 140px; padding-left: 5px; text-align: left; }
.Totali{ background: white; color: black; text-align: right; width: 80px; }
#CalcTableContenitore .TestoBlu{ background: #9EC9DC !important; }
#CalcTableContenitore .RigaV{ height: 11px; }
.BottoneSistema:hover, .BottoneSistemaSel{ color: #ffff00; }
html, body{ background-color: #000; }
.Spiegazione * { color: var(--main-white) !important; }
 .LinkPostAcq{ background: #E7FFFF; width: 100%; display: inline-block; border: 3px solid white; padding: 3px; margin-bottom: 10px; font-weight: bold; text-decoration: underline; text-align: center; }

#nav, #IconSearch{ display: none; }
#IconSearch i, #boxcarrello i{ color: #fff; }
.Logo { grid-area: Logo; text-align: left;  }
.Logo .selezioneUTM{ display: flex; justify-content: space-between; align-items: center;  margin-top: 40px; }
#TornaAllaHome{ display: inline-block; }
#TornaAllaHome a{ display: flex; align-items: center; text-decoration: none; color: #fff; }
#TornaAllaHome a img{ margin-right: 10px; }
#cosaNelcarrello{ top: 50px; }

.Scelta-cavo { grid-area: Scelta-cavo; }
.Scelta-cavo > div{ width: 100%; display: flex; margin-bottom: 12px; align-items: center; }
.Scelta-cavo > div:first-child{ color: transparent; margin-bottom: 8px; height: 15px; }
.Scelta-cavo > div > div { width: 50%; }
.Scelta-cavo > div > div select.Testo{ width: 102%; position: relative; left: -5px; }
.TestoSX[codice=SceCavo]{ position: relative; left: -5px; }
.Scelta-cavo > div > div input.Testo, .Scelta-cavo > div > div .TestoSX2{ width: 85px; }
.flexIntern{ display: flex; align-items: center; }
#CalcTableContenitore .TestoSX{ margin-right: 11px; }

.Calcoli-vari { grid-area: Calcoli-vari; }
.Calcoli-vari > div{ display: flex; justify-content: flex-end; margin-bottom: 12px; }
.Calcoli-vari > div:first-child{ margin-bottom: 8px; }
.Calcoli-vari .dimensionFix{ width: 65px; }

.Immagine-Cavo { grid-area: Immagine-Cavo; }
#tdImg{ max-height: 458px; max-width: 130px; margin-left: 0 !important; }
#RigaImmagineRuotata{ text-align: center; } 
#Diametro{ text-align: center; width: 60px; display: inline-block; }
#SezCompra{ cursor: pointer; margin-top: 25px; display: block !important; }
#SezCompra div{ margin-right: 0px !important; text-align: center !important; }
#SezCompra img{ width: 90px; margin-top: 10px; }

.Riepilogo { grid-area: Riepilogo; display: flex; justify-content: flex-end; align-items: flex-end; margin-right: 25px; }
.Varie-Definizioni { grid-area: Varie-Definizioni; display: flex; justify-content: space-between;  align-items: flex-end; }
#tdDescEst{ color: #fff; font-weight: 600; text-align: left; }

#TornaAllaHome img{  width: 45px; }

.fakeSelectImg { position: absolute; z-index: 5; background-color: #fff; max-height: 150px; overflow-y: scroll; margin-top: 3px; margin-left: 3px; -webkit-box-shadow: 0px 0px 17px -1px #000000; 
box-shadow: 0px 0px 17px -1px #000000; }
.fakeSelectImg dt { display: flex; padding: 8px; justify-content: space-between; align-items: center; border-bottom: 1px solid #d8d8d8; cursor: pointer; min-height: 57px; }
.fakeSelectImg dt:hover{ background-color: #d8d8d8; }
.fakeSelectImg img{ max-height: 74px; }
.fakeSelectImg span{ color: #000; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
#fakeDivSelectA, #fakeDivSelectB, .fakeDivSelect{ background-color: #fff; display: flex; justify-content: space-between; align-items: center; padding: 2px 7px; position: relative; left: 3px; cursor: pointer; }
#fakeDivSelectA span, #fakeDivSelectB span, .fakeDivSelect span{ color: #000; font-style: italic; }
#fakeDivSelectA i, #fakeDivSelectB i, .fakeDivSelect i{ color: #000; }
#ConnettoreA, #ConnettoreB{ opacity: 0; position: absolute; }
table td span{ text-align: left; }
#FormInputNrCavi { position: relative; left: -3px; }

#PesoCavo_Selezionato{ font-size: 12px !important; color: white !important; margin-top: 20px; margin-bottom: 20px; }
#PesoCavo_Selezionato small{ background: #9EC9DC; padding: 4px 12px; color: #000; display: block; width: fit-content; font-size: 13px; margin: 10px auto; }
.aggiungiCarrelloMobile{ display: none !important; }

@media(min-width: 1760px) {
	#CalcTableContenitore{ max-height: 1020px; }
	#CalcTableContenitore, #CalcTableContenitore * { font-size: 0.8vw; }
	.Calcoli-vari > div{ align-items: center; }
	.Calcoli-vari > div > div{ margin-left: 0.8vw; }
	.Riepilogo td{ width: fit-content !important; }
	.Riepilogo td.Totali{ width: 6svw !important; }
}
@media(max-width: 1759px) {
	#CalcTableContenitore .Testo{ font-size: 13px !important; }
	#CalcTableContenitore .TestoDX { font-size: 12px !important; }
	#CalcTableContenitore .TestoSX, #CalcTableContenitore .TestoSX2{ font-size: 12px !important; }
	#fakeDivSelectA span, #fakeDivSelectB span, .fakeDivSelect span{ font-size: 13px; }
}

@media (min-width: 1024px) {
	.container.grid {
	  display: grid;
	  grid-template-columns: 2fr 1fr 1fr 2fr 1fr;
	  grid-template-rows: 1fr 1fr 1fr 1fr;
	  gap: 0px 0px;
	  grid-auto-flow: row;
	  grid-template-areas:
		"Logo Logo Logo Logo Logo"
		"Scelta-cavo . . Calcoli-vari Immagine-Cavo"
		". . . . Immagine-Cavo"
		"Varie-Definizioni Varie-Definizioni Riepilogo Riepilogo Immagine-Cavo";
	}
}

@media(max-width: 1023px){
	#CalcTableContenitore{ max-height: 100%; background: #050000; }
	.Logo{ order: 1; width: 100%; }
	.Immagine-Cavo { order: 2;  width: 100%; }
	.Scelta-cavo { order: 3; }
	.Calcoli-vari { order: 4; }
	.Varie-Definizioni { order: 5;  width: 100%; }
	.Riepilogo {  order: 6;  width: 100%;}
	.aggiungiCarrelloMobile{ order: 7; display: block !important; width: 100%; margin-top: 50px; cursor: pointer; text-align: center; margin-bottom: 8vw; }
	#SezCompra{ opacity: 0; }
	.container{ background-size: cover; }
	.container.grid{ display: flex; flex-direction: row; flex-flow: row wrap; }
	#CalcTableContenitore img#tdImg{ transform: rotate(90deg); max-height: 300px; position: absolute; bottom: 196px; }
    #TornaAllaHome{ margin-top: 15px; margin-left: 15px; }
    #testata{ justify-content: flex-start; }
    #TornaAllaHome img{ width: 30px; }
    #fasciacentrale, #navigazione{ padding: 0px; }
    .Logo .selezioneUTM{ padding-top: 20px; padding-bottom: 20px; margin-bottom: 21px; margin-top: 18px; background-image: url(MessiCalcBollo.png); background-position: center; background-repeat: no-repeat; background-size: contain; }
    #tdDescEst{ width: 100%; text-align: center;  margin-top: 32px; margin-bottom: 32px; background-color: rgba(146, 28, 37, 0.4); padding: 21px 20px; }
    .Riepilogo > div{ width: 100%; }
    .Riepilogo{ margin-right: 0px; }
    .Riepilogo table{ width: auto !important; margin-left: auto; margin-right: auto; }
    #RigaImmagineRuotata{ margin-top: 142px; }
	#IconSearchMob{ display: none; }
}
@media(max-width: 500px){
   #CalcTableContenitore.TabPrinc button{ margin-left: 0px; margin-right: 0px; }
    .selezioneUTM { padding-left: 30px; padding-right: 30px; }
	#ConnettoreA, #ConnettoreB{ width: 0px !important; }
	.Riepilogo { margin-left: 20px; margin-right: 20px; }
	#calcMessi * { font-size: 15px; }
	.Riepilogo td { font-size: 13px; }
	#CalcTableContenitore img#tdImg{ left: 165px; }
	.Calcoli-vari { width: 265px; margin-top: 32px; margin-left: auto; margin-right: auto; }
	.Scelta-cavo { width: auto; margin-left: auto; max-width: 93%; margin-right: auto; margin-top: -90px; z-index: 5; }
	.Scelta-cavo > div > div{ width: auto; }
	#PostAcq{ position: fixed !important; }
}