@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat&display=swap);@import url(https://fonts.googleapis.com/css2?family=Ubuntu+Condensed&display=swap);*{box-sizing:border-box;margin:0;padding:0}:focus-visible{outline:none}:root{--background:#373a36;--background-secondary:#222421;--primary:#d48166;--primary:#cb9346;--primary:#dc8000;--secondary:#e6e2dd;--highlight:#cb9346;--white:#ebf0fd;--ivory:#e8ece7;--placeholder:#a9aca7;--dark-grey:#666965;--error:#c25451;--sidebar-shadow:3px 3px 3px #000;--table-row-light:#4f4e4e;--table-row-dark:#393939;--stato-nuovo:#d5b926;--stato-attesa:#d57128;--stato-ricevuto:#007f46;--stato-chiuso:#c25451;--stato-preventivo:#007f46;--stato-in-corso:#00c9c7;--stato-attesa-pagamento:#e84f04}body{background:#373a36;background:var(--background);color:#e8ece7;color:var(--ivory);font-family:Montserrat,sans-serif;overflow:hidden;-webkit-user-select:none;-ms-user-select:none;user-select:none}label{letter-spacing:1.2px}h1{font-family:Ubuntu Condensed,sans-serif;font-weight:700;white-space:nowrap}@font-face{font-family:Bungie;src:url(/static/media/BungeeInline-Regular.d20e7ecc71e7d71bc7c7.ttf)}.modal{align-items:center;background:rgba(0,0,0,.5);display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:absolute;top:0;width:100vw;z-index:200}.close-icon-wrap{text-align:right;width:100%}.modal-card,.modal-card-print{background:rgba(0,0,0,.9);max-height:70vh;max-width:80vw;min-height:30vh;padding:23px}.modal-card-print{justify-content:space-between}.error-modal,.modal-card-print{align-items:center;display:flex;flex-direction:column}.error-modal{gap:34px;height:100%;justify-content:center;padding:23px}.error-modal h2{color:red}.modal-data{grid-gap:8px;align-items:flex-start;display:grid;gap:8px;margin-bottom:23px;max-height:85%;overflow-x:hidden;overflow-y:auto;padding:0 23px}.modal-obj{align-items:flex-start;gap:13px;margin-top:13px}.modal-data .modal-text,.modal-obj{display:flex}.modal-icon-wrap{font-size:1.2rem;margin-bottom:10px;margin-left:auto;margin-right:23px;width:-webkit-min-content;width:min-content}.modal-btn-wrap{align-items:center;display:flex;gap:20px;justify-content:center;width:100%}.modal-label{color:var( --highlight );margin-right:10px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.modal-text{-webkit-user-select:text;-ms-user-select:text;user-select:text}.debug-layout{flex-direction:column;gap:4rem}.debug-layout,.login-page{align-items:center;display:flex;justify-content:center}.login-page{height:calc(100vh - 49px);overflow:hidden}.splash-logo>div{align-items:center;display:flex;gap:30px}.splash-logo>div img{height:clamp(1rem,15vw,20vh);width:auto}.splash-logo h1{font-family:Bungie,cursive!important;margin:0!important;text-decoration:underline;width:auto!important}.splash-logo{align-items:flex-start;-webkit-animation:inflate 1s ease-in infinite alternate;animation:inflate 1s ease-in infinite alternate;color:var(--highlight);display:flex;flex-direction:column;font-size:clamp(1rem,6vw,20vh)}.label-fix{color:var(--highlight);font-size:.9rem;position:absolute;-webkit-transform:scale(83%) translate(-12px,-27px);transform:scale(83%) translate(-12px,-27px);-webkit-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.date-input-wrap .label-fix{-webkit-transform:scale(83%) translate(-2px,-21px);transform:scale(83%) translate(-2px,-21px)}.error-label{bottom:0;color:red;font-size:.8rem;left:0;overflow:hidden;position:absolute;text-overflow:ellipsis;-webkit-transform:translateY(1.2rem);transform:translateY(1.2rem);white-space:nowrap;width:100%}.error-label-show{background:var( --background-secondary );border:1px ridge #000;border-radius:10px;bottom:unset;overflow:visible;padding:4px 2px;text-align:center;text-overflow:visible;top:10px;white-space:unset;z-index:200}.btn-group-wrap{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-around;margin-top:34px}.fasi-section{height:200px}.fasi-section,.pending-section{grid-gap:12px;align-content:flex-start;display:grid;gap:12px;justify-items:center;margin-top:54px}.pending-section{height:345px}.pending-section h1{font-family:Ubuntu Condensed,sans-serif}.options-wrap{align-items:flex-start;display:flex;flex-direction:column;gap:34px}.no-scroll *{overflow-x:hidden!important;overflow-y:hidden!important}@media only screen and (max-width:450px){.modal-card{max-height:80vh;max-width:97vw}html{font-size:.8rem}h1{white-space:pre-wrap}.modal-obj{flex-wrap:wrap}.modal-data .modal-obj:nth-child(3){margin-bottom:30px}}@media only screen and (max-width:550px){.modal-data .modal-text{display:grid;overflow-wrap:break-word;white-space:normal;word-break:break-all}h1{white-space:pre-wrap}}@-webkit-keyframes inflate{0%{-webkit-transform:scale(100%);transform:scale(100%)}to{-webkit-transform:scale(120%);transform:scale(120%)}}@keyframes inflate{0%{-webkit-transform:scale(100%);transform:scale(100%)}to{-webkit-transform:scale(120%);transform:scale(120%)}}.text-input-wrap{height:24px;max-width:220px;position:relative}.text-input{background:transparent;border:transparent;border-bottom:1px solid var(--dark-grey);color:var(--white);letter-spacing:.3px;outline:unset;padding:3px 26px 3px 7px;-webkit-user-select:default;-ms-user-select:default;user-select:default;width:100%}.text-input-label{color:var(--placeholder);font-size:.9rem;margin-left:11px;position:absolute;transition:color .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,color .2s ease;transition:transform .2s ease,color .2s ease,-webkit-transform .2s ease;-webkit-user-select:none;-ms-user-select:none;user-select:none}.text-input-label-active{color:var(--highlight);-webkit-transform:scale(83%) translate(-18px,-22px);transform:scale(83%) translate(-18px,-22px)}.text-input-border{border-bottom:3px solid var(--highlight);border-radius:3px;bottom:-1px;position:absolute;transition:width .2s ease;width:0}.text-input-icon{color:var(--placeholder);position:absolute;right:0}.text-input-border-active{width:100%}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;padding-right:3px}input[type=number]~label{color:var(--highlight);-webkit-transform:scale(83%) translate(-18px,-22px);transform:scale(83%) translate(-18px,-22px);white-space:nowrap}.quantity-nav{float:left;height:42px;position:relative}.quantity-button{align-content:center;color:var(--highlight);cursor:pointer;display:grid;float:right;font-family:Trebuchet MS,Helvetica,sans-serif!important;font-size:1.5rem;height:100%;position:absolute;right:0;text-align:center;top:0;-webkit-transform:translate(20px,5px);transform:translate(20px,5px);-webkit-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;width:20px}.quantity-down,.quantity-up{height:50%}.btn-wrap{justify-content:center;width:auto}.btn,.btn-wrap{display:flex;position:relative}.btn{align-items:center;background:transparent;border:2px solid var(--highlight);color:var(--highlight);gap:11px;justify-content:space-around;padding:6px 17px;transition:color .2s ease,-webkit-transform .1s ease;transition:color .2s ease,transform .1s ease;transition:color .2s ease,transform .1s ease,-webkit-transform .1s ease;width:167px;z-index:20}.fit{width:auto}.btn>svg{font-size:1.5rem}.btn:active,.btn:active+.btn-back{-webkit-transform:scale(95%);transform:scale(95%)}.btn:active+.btn-back{transition:width .2s ease,-webkit-transform .1s ease;transition:width .2s ease,transform .1s ease;transition:width .2s ease,transform .1s ease,-webkit-transform .1s ease}.btn-back{background:var(--highlight);height:100%;pointer-events:none;position:relative;position:absolute;transition:width .2s ease;width:0}.btn-back-active{width:100%}@media only screen and (max-width:320px){.btn{width:auto}}.searchbox-wrap{position:relative}@media only screen and (max-width:450px){.searchbox-wrap{width:auto}}.small-loader{height:13px;position:absolute;right:5px;top:0;width:13px}.small-loader>div:first-child{border:3px solid var( --placeholder)}.small-loader>div:first-child,.small-loader>div:nth-child(2){border-radius:50%;display:block;height:13px;left:0;position:absolute;top:0;width:13px}.small-loader>div:nth-child(2){-webkit-animation:rotate-loader .5s linear infinite;animation:rotate-loader .5s linear infinite;border:3px solid var( --highlight);border-bottom:3px solid transparent}@-webkit-keyframes rotate-loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate-loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.search-result-box{background:#fff;border-radius:0 0 4px 4px;box-shadow:4px 11px 20px #000;margin-top:4px;max-height:30vh;overflow-y:auto;position:absolute;width:100%;z-index:100}.search-info{font-size:.7rem}.search-result-list{color:#000;display:flex;flex-direction:column;gap:7px;list-style:none}.search-result{padding:7px}.search-result:hover{background:#cb9346bf}.table{display:grid;max-height:70vh;max-width:90%;min-width:200px;overflow-x:auto;overflow-y:auto;position:relative}thead{position:-webkit-sticky;position:sticky;top:0}thead .table-row{border:none;height:-webkit-min-content;height:min-content}tbody{display:inline-block;max-height:67vh}tbody .table-row:last-child{border-bottom:1px solid #000}.table-row{align-items:center;display:flex;gap:1.5rem;height:90px;justify-content:space-between;padding:0 1.5rem}.light{background:var( --table-row-light );border:1px solid #000}.dark{background:var( --table-row-dark );background:var( --background );border-left:1px solid #000;border-right:1px solid #000}.table-item{align-items:center;display:flex;gap:10px;height:99%;justify-content:center;min-width:120px;overflow-x:visible;white-space:nowrap;width:120px}.table-item .logo-invoicex{margin-left:10px}.small{min-width:50px;width:50px}.big{min-width:150px;width:150px}.wrapped-item{padding:7px 0;text-align:center;white-space:break-spaces}.nuovo{background:var( --stato-nuovo );color:#000}.ricevuto,.riparazione{background:var( --stato-ricevuto );color:#000}.annullato{background:var( --stato-chiuso );color:#000}.attesa{background:var( --stato-attesa);color:#000}.da-comunicare{background:var( --stato-attesa-pagamento);color:#000;text-align:center;white-space:break-spaces}.preventivo{background:var( --stato-preventivo );color:#000}.in-corso{background:var( --stato-in-corso );color:#000}.reso-non-riparato{background:var( --stato-chiuso );color:#000;text-align:center;white-space:break-spaces}.reso-non-riparato-attesa-pagamento{background:var( --stato-attesa-pagamento);color:#000;text-align:center;white-space:break-spaces}.riparato{background:var( --stato-ricevuto );color:#000}.attesa-ricambi{background:var( --stato-attesa-pagamento);color:#000;text-align:center;white-space:break-spaces}.table-header{align-items:flex-end;color:var( --highlight );font-size:.9rem;height:-webkit-min-content;height:min-content;padding:7px 3px}.table-header p{overflow-x:visible;padding:unset}@media only screen and (max-width:450px){.table-item{border-right:1px solid #000;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;min-width:80px;overflow:hidden;overflow-wrap:anywhere;white-space:normal;width:80px}.table-item.small{min-width:39px;width:39px}.table-row{gap:0}thead .table-item{white-space:normal}.table{width:100%}}.logo-invoicex{height:20px;width:20px}.select-wrap{position:relative}.select{background:transparent;border:2px solid var( --highlight );color:var( --highlight );max-width:186px;overflow:hidden;padding:8px 12px;text-overflow:ellipsis}.select:hover{box-shadow:0 0 10px 2px var( --highlight ) inset}@media only screen and (max-width:320px){.select{width:150px}}.check-box-wrap{cursor:pointer;display:inline-block;padding-left:32px;padding-top:2px;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none}.check-box-wrap input{cursor:pointer;height:0;opacity:0;pointer-events:none;position:absolute;width:0}.check-mark{background-color:transparent;border:1px solid var( --highlight );border-radius:3px;height:25px;left:0;position:absolute;top:0;width:25px}.check-box:checked+.check-mark{background-color:#4c0c77;border:1px solid transparent;border-color:var( --highlight )}.check-mark:after{content:"";display:none;position:absolute}.check-box-wrap input:checked~.check-mark:after{display:block}.check-box-wrap .check-mark:after{border:solid #fff;border-width:0 3px 3px 0;height:10px;left:8px;top:4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:5px}.loader-wrap{align-items:center;display:flex;gap:3rem}.loader-wrap .loader-circle:first-child{-webkit-animation:ball1 1.3s ease-out infinite alternate;animation:ball1 1.3s ease-out infinite alternate}.loader-wrap .loader-circle:nth-child(2){-webkit-animation:ball1 1.3s ease-out .25s infinite alternate;animation:ball1 1.3s ease-out .25s infinite alternate}.loader-wrap .loader-circle:nth-child(3){-webkit-animation:ball1 1.3s ease-out .5s infinite alternate;animation:ball1 1.3s ease-out .5s infinite alternate}.loader-wrap .loader-circle:nth-child(4){-webkit-animation:ball1 1.3s ease-out .75s infinite alternate;animation:ball1 1.3s ease-out .75s infinite alternate}.loader-circle{background:var(--highlight);border-radius:4rem;height:5px;width:5px}@-webkit-keyframes ball1{0%{opacity:100%;-webkit-transform:scale(100%);transform:scale(100%)}to{opacity:0;-webkit-transform:scale(750%);transform:scale(750%)}}@keyframes ball1{0%{opacity:100%;-webkit-transform:scale(100%);transform:scale(100%)}to{opacity:0;-webkit-transform:scale(750%);transform:scale(750%)}}.range-input-wrap{position:relative}.range-input{margin-right:23px}.range-input-wrap>span{color:var(--highlight);font-size:2rem}@media only screen and (max-width:450px){.range-input-wrap>span{left:0;position:absolute;top:25px}}.azienda-select-wrap{display:flex;justify-content:center;margin-top:20px;width:100%}.base-page{display:flex}.page{height:100vh;overflow-y:auto;padding-bottom:49px;padding-left:49px;padding-right:15px;width:100%}.page h1{margin:45px auto;width:-webkit-min-content;width:min-content}.start-section{align-items:flex-start;display:grid;grid-template-columns:2fr 1fr;margin-bottom:34px;width:100%}.data-section{align-items:center}.data-section,.filter-section{display:flex;flex-direction:column}.filter-section{align-items:flex-start;gap:25px;min-height:95px;position:relative}.filter-section>span{display:inherit;gap:23px}@media only screen and (max-width:450px){.start-section{gap:40px;grid-template-columns:1fr;width:80vw}}.sidebar{align-items:center;background:var( --background );border-right:3px solid var(--primary);box-shadow:var( --sidebar-shadow );display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:relative;top:0;transition:width .2s ease,left .2s ease;width:260px;z-index:80}.sidebar-active{width:0}.sidebar-active li{pointer-events:none}.side-menu{background:var( --background );display:unset;list-style:none;position:relative;width:100%}.menu-hidden{display:none}@media only screen and (max-width:450px){.sidebar{overflow-x:auto!important;overflow-y:auto!important;overflow:visible!important;position:absolute}.side-menu{padding-bottom:50px}.sidebar{width:200px}.sidebar-active{width:0}}@media only screen and (max-height:700px){.side-menu{overflow-y:auto!important}}.side-controll{background:var( --primary );border-radius:0 100px 100px 0;box-shadow:var( --sidebar-shadow );height:130px;justify-content:flex-end;left:min(20vw,260px);left:100%;padding-right:6px;position:absolute;top:50vh;width:30px;z-index:-1}.menu-item,.side-controll{align-items:center;display:flex}.menu-item{background:var( --background );color:var( --primary );color:var(--ivory );gap:19px;height:90px;justify-content:flex-start;padding-left:33px;position:relative;width:100%;z-index:12}.menu-item a{color:var(--ivory );text-decoration:none}.menu-item:active,.menu-item:active a{color:var(--primary )}@media only screen and (max-width:450px){.menu-item{font-size:1.1rem}}.filter{align-items:center;display:flex}.used-filter-wrap{display:inherit;flex-direction:column;gap:13px}.filter-used{align-items:center;color:var( --highlight );display:flex;font-size:.8rem;gap:19px}.filter-used>span{display:flex}.date-input-wrap{height:24px;position:relative;width:150px}.date-input{background:transparent;border:transparent;border-bottom:1px solid var(--dark-grey);color:var(--white);letter-spacing:.3px;outline:unset;padding:3px 16px 3px 7px;-webkit-user-select:default;-ms-user-select:default;user-select:default;width:100%}.date-input-border{border-bottom:3px solid var(--highlight);border-radius:3px;bottom:-1px;position:absolute;transition:width .2s ease;width:0}.date-input-icon{color:var(--placeholder);position:absolute;right:0}.date-input-border-active{width:100%}.page-controller{align-items:center;display:flex;font-size:1.5rem;gap:7px;margin-bottom:23px}.arrow-page-wrap{color:var( --highlight );display:flex}.selected-page{align-content:center;border:1px solid var( --highlight );display:grid;height:1.8rem;justify-items:center;width:1.8rem}.form-cliente-wrap{align-items:center;flex-direction:column;gap:48px;height:auto;justify-content:center;width:100%}.cliente-line{align-items:center;display:flex;gap:19px;justify-content:space-around;margin-bottom:44px;width:100%}.label-anagrafica{font-size:.7rem}.dettagli-anagrafica{color:var( --highlight );cursor:pointer}.dettagli-anagrafica:active{color:var( --dark-grey )}.clienti-btn-wrap{align-items:center;display:flex;gap:48px;justify-content:center}.form-input-wrap{border-bottom:2px solid #000;border-top:2px solid #000;display:flex;flex-wrap:wrap;gap:47px;height:auto;opacity:0;padding:19px 19px 39px 49px;pointer-events:none}.form-cliente{background:var( --background-secondary );height:auto;margin-bottom:49px;max-height:0;transition:max-height .3s ease;width:100%}.form-cliente-active .form-input-wrap{pointer-events:all}.form-cliente-active{max-height:3220px}@media only screen and (max-width:450px){.cliente-line{flex-direction:column}}.divider-wrap{align-items:center;color:var(--highlight);display:flex;font-size:.8rem;gap:13px;justify-content:center;margin-top:17px;width:90%}.icon-divider-wrap{display:flex;font-size:2rem;margin-right:23px}.divider{border-bottom:1px solid var(--highlight);height:1px;width:100%}.ricezioni-form{align-items:flex-start;display:flex;flex-direction:column;gap:45px;justify-content:flex-start;margin-bottom:49px;width:100%}.obj-label{align-items:center;color:var( --highlight );font-size:.8rem;gap:19px;margin:13px 0}.obj-label,.obj-label>.obj-icon{display:flex}.text-area-wrap{position:relative}.text-area{padding:12px;resize:none}@media only screen and (max-width:550px){.text-area{width:230px}}@media only screen and (max-width:250px){.text-area{width:150px}}.modal-email{display:flex;flex-direction:column;gap:34px;height:100%}.modal-email h1{margin-bottom:34px}.spedizione-line{grid-gap:34px;display:grid;gap:34px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;margin-bottom:23px;padding-top:23px}@media only screen and (max-width:550px){.spedizione-line{grid-template-columns:1fr;grid-template-rows:auto}}.signature-modal{align-items:center;background:rgba(0,0,0,.9);display:flex;flex-direction:column;height:auto;justify-content:center;max-height:450px;overflow-y:auto;width:92vw}.signature-btn-wrap{display:flex;gap:23px;justify-content:center;margin-bottom:13px;margin-top:23px}.signature-canvas{background:#fff;height:80vh;margin-top:23px;max-height:250px;width:90vw}.displayer-wrap{border:1px solid var( --highlight );margin-top:23px;padding:15px;width:auto}.displayer-key{color:var(--highlight)}.displayer-value{display:block;margin-left:10px;max-width:200px;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:text;-ms-user-select:text;user-select:text;white-space:break-spaces;width:auto}.displayer-value-hover:hover{background:var(--background-secondary);border-radius:10px;max-width:none;overflow:visible;padding:6px 9px;position:absolute;z-index:10}.column{display:flex;flex-direction:column;gap:8px}.row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr auto;width:90%}.column .displayer-key{white-space:break-spaces}.column .displayer-value{max-width:unset;white-space:break-spaces;word-break:break-word}.column p{width:auto}.preventivo-form{display:flex;flex-direction:column;gap:45px;margin-top:40px}.price-box{align-items:center;background:var(--background-secondary);border-radius:20px;bottom:40vh;color:var(--highlight );display:grid;font-size:3rem;justify-content:center;padding:5px 10px;position:fixed;right:5px;text-align:center;transition:bottom .1s cubic-bezier(.95,.05,.8,.04) .3s,width .2s ease;width:202px;z-index:70}.price-box label{font-size:.7rem}.price-close{bottom:80vh;width:61px}.ricambi-section{display:flex;flex-direction:column;gap:33px}.ricambio-row{align-items:flex-end;display:flex;gap:23px}@media only screen and (max-width:450px){.ricambio-manual{align-items:flex-start;border:1px solid #000;flex-direction:column;gap:33px;justify-content:flex-start;padding:10px 10px 15px 20px}.ricambio-manual .text-input-wrap:nth-child(3){margin-left:10px;margin-top:20px}.ricambio-icon{color:var(--highlight);display:flex}}.modal-price{display:flex;flex-direction:column;gap:34px;height:100%}.modal-price h1{margin-bottom:34px}.files-section{display:flex;flex-direction:column;gap:33px;margin-bottom:45px}.new-file-wrap{align-items:center;display:flex;gap:33px}@media only screen and (max-width:550px){.new-file-wrap{flex-direction:column}}.file-row{align-items:center;color:var( --highlight );display:flex;gap:34px}.file-mobile{flex-direction:column;gap:21px}.file-mobile>div{display:flex;justify-content:space-around;width:100%}.file-mobile>label{word-break:break-all}.file-icon-wrap{display:flex}.webcam-modal-close-icon-wrap{color:var(--highlight);display:flex;font-size:2.5rem;justify-content:flex-end;margin-bottom:34px;width:100%}.webcam-modal-btn-wrap{display:flex;justify-content:space-around;margin-top:34px}.webcam-foto canvas,.webcam-video{max-width:640px;width:80vw}.webcam-modal-card{background:rgba(0,0,0,.9);height:auto;padding:23px;width:auto}.riparazione-form{display:flex;flex-direction:column;gap:32px;margin-top:40px}