body { } .body-content { padding-left: 15px; padding-right: 15px; } .dl-horizontal dt { white-space: normal; } a:hover, a:focus { text-decoration: none;} .left { float:left; } .right { float:right; } .cursoreAttivo{cursor:pointer;} /* Login */ /* ******************************************************************************************************************************************************** */ .inputTextLogin { width:80%; height:30px; max-width: 80%;} .inputLogin { width:60%; margin-left: 20%; background-color: #0060AF; max-width: 60%; border: 1px solid #0060AF;padding: .3em 0em; font-weight:bold; font-size: 1.2em; float:left; text-align:center; color: white; text-decoration:none;} .inputLogin a { color: white; text-decoration:none;} .slidingDivAccedi { margin-left:5%; max-width:20%; background:#AEB5BD; border:1px solid; border-color:white; padding:1%; color:white; } .slidingDivLogin { margin-left:5%; max-width:20%; background:#AEB5BD; border:1px solid; border-color:white; padding:1%; color:white; } .validation-summary-errors { color: red; font-size: 1.1vw; margin-top: 3vh; float:left; text-align:center; width:100%; } .labelUtenteAutenticato { /*font-size:1.1em;*/ color: #0060AF; padding-right: 10px; float:left; /*padding: 10px;*/ font-weight:bold; font-size:2vmin;padding: 1vmin;} .errorLogin { color: #b94a48; float: left; width: 100%;} /* Barra Superiore */ /* ******************************************************************************************************************************************************** */ .barraTop { position:fixed; top: 0; right: 0; height: 6.2vh; /*height: 60px;*/ border: 0; z-index:4; background-color: white; /*border-bottom: 10px solid #0060AF;*/ width:100%; border-bottom: 1vh solid #0060AF;} .infoBarraTop {display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .logoHeader { float:left; margin-left: 4px; } .boxHamburger {/*height:40px; margin-top:5px; margin-left:5px;*/ border-left: 2px solid #0060AF; height: 6vh; width: 4vw; margin-left: 1vw; padding-top: .5vh; } .hamburger {/*width:50px; height:40px; padding-left:10px;*/ width:3vw; height:4vh; padding-left:1vw;} *, *::before, *::after { box-sizing: border-box; } .menu-utente-loggato{ background-color:white; position:fixed; /*top: 50px;*/top: 6.2vh; right:0px; padding: 10px;display: none;box-shadow: -5px 0px 28px 0px #e4e4e4;width: 300px; color: #5E5F5F;z-index:10; } .menu-utente-voci { color: #5E5F5F; padding: 12px 0px; border-top: 1px solid #5E5F5F; } .menu-utente-voci a { color: #5E5F5F; text-decoration:none; } .menu-utente-voci a:hover { text-decoration: underline; color: #0060AF; } .td_bordo { border:1px solid #444444;} .Contenitore { width:100%; /*height:100%;*/ float:left; /*margin-top:10px;*/ height:93.8vh !important; margin-top: 6.2vh;} /*Popup Attesa*/ /************************************************************************************************************************************************************************/ .overlayPopupAttesa{ background:#000; position:fixed; top:0px; bottom:0px; left:0px; right:0px; z-index:1032; cursor:pointer; /*Trasperenza cross browser*/ opacity: .7; filter: alpha(opacity=70); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } .popupAttesa{ z-index:1033; position:absolute; left:48%; top:45%;} /*DASHBOARD*/ /*********************************************************************************************************************************************************************/ /*Clock Calendar*/ .clock { width: 100%; margin: 0 auto; padding: 1%; color: #0060AF; font-size:1vw;} .date { font-family: Arial, Helvetica, sans-serif; font-size: 1.7vw; text-align: center; text-shadow: 0 0 5px #0060AF; width:50%;} ul { width: 100%; margin: 0 auto; padding: 0px; list-style: none; /*text-align: center;*/} ul li { display: inline; font-size: 1.7vw; text-align: center; font-family: Arial, Helvetica, sans-serif; } #point { position: relative; -moz-animation: mymove 1s ease infinite; -webkit-animation: mymove 1s ease infinite; padding-left: 0.2%; padding-right: 0.2%;} .ulHome { width: 100%; margin: 0 auto; padding: 0px; list-style: none; } .ulHome li { display: inline; font-size: 1.5vw; text-align: center; text-shadow: 0px 0px; } /* Simple Animation */ @-webkit-keyframes mymove { 0% {opacity: 1.0; text-shadow: 0 0 20px #00c6ff;} 50% { opacity: 0; text-shadow: none;} 100% { opacity: 1.0; text-shadow: 0 0 20px #00c6ff;} } @-moz-keyframes mymove { 0% { opacity: 1.0; text-shadow: 0 0 20px #00c6ff; } 50% { opacity: 0; text-shadow: none; } 100% { opacity: 1.0; text-shadow: 0 0 20px #00c6ff; } } .inputTextBoxInfo {border:1px solid grey; width:10%; height:100%; float:right; font-size:1.2vw; padding-left:5px;margin-right:5%;text-align:center; } .inputTextBoxAlert {border:1px solid grey; width:98%; height:100%; float:left; font-size:1.2vw; padding-left:5px; margin-right:1%; margin-left:1%;max-width:98%;color:red; padding-top: .5%; padding-bottom: .5%;} .labelMagazzini {font-size:1vw; color:#0060AF; text-align:center;} .canvasRadialChart{margin-left:12%; width:8vw !important; height: 16vh !important; margin-top:35%;} .labelHomeGrafici {font-size:0.9vw; color:#0060AF; text-align:center; padding-bottom: 15px;} .labelHomeGrafici:hover .filtroSottomenu { display: block;} .filtroSottomenu { display: none; border: 1px solid #0060AF; margin: 5px 5px 5px 0px; padding: 10px; z-index: 100; position: absolute; background-color: white; } .filtroSottomenu div:hover { background-color: #0060AF; color: white; } .overlayCalendarioProduzione { background:#000; position:fixed; top:0px; bottom:0px; left:0px; right:0px; z-index:1031; cursor:pointer; /*Trasperenza cross browser*/ opacity: .7; filter: alpha(opacity=70); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } #boxOverlayCalendarioProduzione{ width:70%; height:70%; background-color:#FFF; display:none; z-index:1031; position:absolute; left:15%; top:15%; border: 2px solid #0060AF /*-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;*/} .chiudiBoxOverlayCalendarioProduzione{ font-size:1vw; color:#000; font-weight:bold; position:absolute; right:1%; top:1%; cursor:pointer; color: #0060AF;} #boxOverlayAlert{ width:70%; height:70%; background-color:#FFF; display:none; z-index:1031; position:absolute; left:15%; top:15%; border: 2px solid #0060AF /*-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;*/} .TestataTabellaDettaglioProduzione { width: 10%; padding-top:.8vh; border: 1px solid #A4AFB6; height: 10%; color: #0060af; font-size: .8vw; font-weight: bold; display:inline-block; border-right: 0; text-align: center; padding-left: 0.5%; padding-right: 0.5%;} .ItemTabellaDettaglioProduzione { width: 10%; padding-top:.8vh; border: 1px solid #A4AFB6; padding-left: .5%; padding-right: .5%; color: #0060af; font-size: .8vw; display:inline-block; border-right: 0; margin-right: -0.3%;} /*PANNELLO DI CONTROLLO*************************************************************************************************************************************************************/ .labelMenuLaterale {width:100%; text-decoration:underline; color:#0060AF; text-align: center; font-size:0.7vw; position:absolute; padding-top:65%;} .menuPannelloControllo{ width: 100%; float:left; background-color: #F2F2F2; height:100%; border:1px solid #0060AF} .imgMenuPannelloControllo { font-size: 1.3em; font-weight:bold; width:100%; text-align:center; padding: 0; height: 80px; cursor:pointer; border-bottom:1px solid grey;} .imgMenuPannelloControllo a:hover { color:white; text-decoration:none; } .BoxPannelloControllo { width:33%; border-right: 1px solid #0060AF; position: relative; height:100%; float:left; background-color:white; padding:1%; } .labelPannelloControllo { width:30%; font-size: .9vw; height:40px; padding-top:.5vh; color:black; float:left;} .inputTextPannelloControllo { border:1px solid grey; width:95%; height:40px; float:left; font-size:1vw; max-width:95%; padding-left:5px; } .inputTextPannelloControlloFor { border:1px solid grey; width:95%; height:40px; float:left; font-size:1vw; max-width:95%; padding-left:5px; } .dropDownListPannelloControllo { width: 95%; height: 40px; overflow: hidden; background: url(../Images/selectDown.png) no-repeat right; border: 1px solid grey; max-width: 95%; padding-left:5px;} .dropDownListPannelloControllo select { background: transparent; width: 100%; font-size: 1.5em; line-height: 1; border: 0; border-radius: 0; height: 40px; max-width:100%; cursor:pointer; -moz-appearance: none;-webkit-appearance: none; /*appearance: none; text-overflow: '';*/ } .dropDownListPannelloControllo select::-ms-expand { display:none;} .boxButtonNuovoUtente {background:#0060AF; float:left; color:white; font-size: 1.4vw; border: 1px solid #0060AF; position:relative; cursor:pointer;} .divButtonNuovoUtente {text-decoration:underline; color:#ffffff !important; font-weight:bold;} .maggioriInfoButton { background-color: #0060AF; text-align:left; font-size: 1vw; width: 100%; padding-top: 5px; padding-bottom: 5px; padding-left:10px; border: 0; color: white; float:left; height:40px; text-decoration:underline; max-width:100%; cursor:pointer;} .gestisciPermessiPC { color: #0060AF;} .gestisciPermessiPC:hover { text-decoration:underline;} /*Dashboard*************************************************************************************************************************************************************************/ .buttonDashboard {width:25%; height:99%; background:#0060AF; cursor:pointer; position:relative; text-align:center; margin-right:7%; margin-bottom:1%;} .iconFontDashboard {color:#ffde00; position:absolute; left:33%; top:5%; opacity:0.8; font-size:7vw; } .labelButtonDashboard {font-size:1.5vw; color:white; text-align:center; text-decoration:underline; margin-top:40%;font-weight:bold;} .dropDownListDashBoard { width: 40%; height: 100%; overflow: hidden; background: url(../Images/EspandiMenuUtenteLoggato.png) no-repeat right; border: 1px solid grey; max-width: 50%; padding-left:5px; float:right; margin-right:1%;} .dropDownListDashBoard select { background: transparent; width: 100%; font-size: 1.2vw; line-height: 1; border: 0; border-radius: 0; height: 100%; max-width:100%; cursor:pointer; -moz-appearance: none;-webkit-appearance: none; /*appearance: none; text-overflow: '';*/ } .dropDownListDashBoard select::-ms-expand { display:none;} .buttonSezioneHome {width:20%; background:#0060AF; cursor:pointer; position:relative; text-align:center; margin-bottom: 1%;} .iconFontSezioneHome {color:#ffde00; opacity:0.8; font-size:7vw; float:left; width:100%; text-align: center; } .labelButtonSezioneHome {font-size:1.5vw; color:white; text-align:center; text-decoration:underline; font-weight:bold; float: left; width:100%;} /* MAGAZZINO */ /********************************************************************************************************************************************************************************/ .buttonMagazzino {width:30%; height:99%; background:#0060AF; cursor:pointer; position:relative; text-align:center; margin-right:5%; margin-bottom:1%;} .iconFontMagazzino {color:#ffde00; position:absolute; left:35%; top:5%; opacity:0.8; font-size:8vw; } .labelButtonMagazzino {font-size:2vw; color:white; text-align:center; text-decoration:underline; margin-top:35%;font-weight:bold;} .textButtonMagazzino {font-size:2vw; color:white; text-align:center; text-decoration:underline; margin-top:35%;font-weight:bold;} .itemCodiceProdotto {color:#0060AF; font-size:1vw;} .itemCodiceProdotto:hover {background-color:#AFD7FF} .itemOrdine {color:#0060AF} .itemOrdine :hover {background-color:#AFD7FF} .labelMagazzino{ font-size: 1.2vw; color: #0060AF; font-weight:bold; padding-top:.5%; list-style: none; border-radius: 4px; float:left; width:30%;} .labelMagazzinoScarico {font-size: 1.2vw; color: #0060AF; font-weight:bold; padding-top:.5%; list-style: none; border-radius: 4px; float:left; width:50%;} .inputTextMagazzino { border:1px solid grey; width:100%; height:3.8vh; float:left; font-size:1vw; padding-left:5px; max-width:100%;} .inputDatePicker {border:1px solid grey; width:30%; height:3.8vh; float:left; font-size:1vw; padding-left:5px; max-width:100%; } .radioButtonCarico {width:1.5vw; height:1.5vw; margin-top:0.4vh;float:left;} .labelRadioButton {font-size:1.2vw; float:left; width:15%;margin-top:0.5vh; padding-left:0.5vw;} .inputTextSoglieMagazzino { border:1px solid grey; width:100%; float:left; font-size:1.2vw; padding-left:5px; max-width:100%;} .canvasRadialChartMagazzino {width:8vw !important; height: 16vh !important; margin-top:5%;} .dropDownListMagazzino { width: 30%; height: 100%; overflow: hidden; /*background: url(../Images/EspandiMenuUtenteLoggato.png) no-repeat right; */border: 1px solid grey; padding-left:5px; margin-top:0.5vh;} .dropDownListMagazzino select { /*background: transparent;*/background: url(../Images/EspandiMenuUtenteLoggato.png) no-repeat right; width: 100%; font-size: 1vw; line-height: 1; border: 0; border-radius: 0; height: 100%; max-width:100%; cursor:pointer; -moz-appearance: none;-webkit-appearance: none; /*appearance: none; text-overflow: '';*/ } .dropDownListMagazzino select::-ms-expand { display:none;} .canvasPieChart {margin-left:25%; width:12vw !important; height: 24vh !important;} .legendaChartColori {width:1vw; height:2vh; background-color:#0060AF; margin-right:1%; margin-top:0.3vh;} .legendaChartLabel {font-size:1vw; color:#0060AF; margin-right:1%;} .labelTabella {font-size: 1.2vw; color: #0060AF; font-weight:bold; padding-top:.5%; list-style: none; border-radius: 4px; float:left; } .titoloGriglia { border: 1px solid #5E5F5F; border-right:0; border-top: 0; font-size: .8vw; color: #0060AF; font-weight: bold; width:7%; float:left; text-align: center; padding-top: 1vh; padding-bottom: .7vh; height:10%; } .inputTabella {border:0; width:100%; padding-top:0.6vh; padding-bottom:0.6vh; float:left; font-size:1vw; padding-left:5px; text-align:center;} .boxButtonSezioneDefault {background:#EBECEA; float:left; color:#0060AF; font-size: 1.4vw; border: 1px solid #0060AF; cursor:pointer;width:15%; height:55%; margin-right:3%; position:relative; margin-top:0.5%;} .divButtonSezioneDefault {text-decoration:underline; color:#0060AF !important; font-weight:bold;} .boxButtonSezione {background:#0060AF; float:left; color:white; font-size: 1.4vw; border: 1px solid #0060AF; cursor:pointer;width:15%; height:55%; margin-right:3%; position:relative; margin-top:0.5%;} .divButtonSezione {text-decoration:underline; color:#ffffff !important; font-weight:bold;} .tableScrollable { overflow: auto; /*height: 100%;*/ width:100%; } .tabellaTrovaProdotto{/*width:9vw !important;*/ font-size:1vw !important; text-align:center;} .tabellaTrovaProdottoHeader{/*width:8.9vw !important;*/ font-size:1vw !important; text-align:center;} .opzioneTabella{width:2vw; height:2vw; background-color:#0060AF;border-radius:50%; color:white;margin-left:2vw; cursor:pointer;} .overlayModificaMagazzino { background:#000; position:fixed; top:0px; bottom:0px; left:0px; right:0px; z-index:1031; cursor:pointer; /*Trasperenza cross browser*/ opacity: .7; filter: alpha(opacity=70); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } #boxOverlayModificaMagazzino{ width:70%; height:70%; background-color:#FFF; display:none; z-index:1031; position:absolute; left:15%; top:15%; border: 2px solid #0060AF /*-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;*/} .chiudiBoxOverlayModificaMagazzino{ font-size:1vw; color:#000; font-weight:bold; position:absolute; right:1%; top:1%; cursor:pointer; color: #0060AF;} .labelMagazzinoModifica {font-size: 1.2vw; color: #0060AF; font-weight:bold; padding-top:.5%; list-style: none; border-radius: 4px; float:left; width:45%;} .inputModificaMagazzino{margin-top:0.7vh; width:45%;padding-left:0.5vw;} .overlayMagazzinoListaQRCode { background: #000; position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 1031; cursor: pointer; /*Trasperenza cross browser*/ opacity: .7; filter: alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } #boxOverlayMagazzinoListaQRcode { width: 70%; height: 70%; background-color: #FFF; display: none; z-index: 1031; position: absolute; left: 15%; top: 15%; border: 2px solid #0060AF /*-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;*/ } .chiudiBoxOverlayMagazzinoListaQRCode { font-size: 1vw; color: #000; font-weight: bold; position: absolute; right: 1%; top: 1%; cursor: pointer; color: #0060AF; } /* MAGAZZINO FISCALE */ /************************************************************************************************************************************************************************/ #boxOverlayRicercaAvanzata{ width:70%; height:70%; background-color:#FFF; display:none; z-index:1031; position:absolute; left:15%; top:15%; border: 2px solid #0060AF /*-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;*/} #boxOverlaySceltaCategoriaProdotto{ width:70%; height:70%; background-color:#FFF; display:none; z-index:1031; position:absolute; left:15%; top:15%; border: 2px solid #0060AF /*-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;*/} #boxOverlayCalcolaValoreMagazzino{ width:70%; height:70%; background-color:#FFF; display:none; z-index:1031; position:absolute; left:15%; top:15%; border: 2px solid #0060AF /*-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;*/} #boxOverlayPrezzi{width:70%; height:70%; background-color:#FFF; display:none; z-index:1031; position:absolute; left:15%; top:15%; border: 2px solid #0060AF /*-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;*/} #boxOverlayLegendaMovimenti{width:70%; height:70%; background-color:#FFF; display:none; z-index:1031; position:absolute; left:15%; top:15%; border: 2px solid #0060AF /*-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;*/} .TestataTabellaLegendaMovimenti { width: 30%; padding-top:.8vh; border: 1px solid #A4AFB6; height: 10%; color: #0060af; font-size: 1vw; font-weight: bold; display:inline-block; border-right: 0; text-align: center; padding-left: 0.5%; padding-right: 0.5%;} .ItemTabellaLegendaMovimenti { height: 100%; text-align: center;width: 30%; padding-top:.8vh; border: 1px solid #A4AFB6; padding-left: .5%; padding-right: .5%; color: #0060af; font-size: 0.8vw; display:inline-block; border-right: 0; margin-right: -0.3%;} .RigaTabellaLegendaMovimenti {width: 100%; height: 4vh; margin-top: -1px; float:left;} .TestataTabellaMovimentiMagazzino { width: 12.5%; margin-right:-0.3%; padding-top:.8vh; border: 1px solid #A4AFB6; height: 10%; color: #0060af; font-size: .8vw; font-weight: bold; display:inline-block; border-right: 0; text-align: center; padding-left: 0.5%; padding-right: 0.5%;} .ItemTabellaMovimentiMagazzino { width: 12.5%; padding-top:.8vh; border: 1px solid #A4AFB6; padding-left: .5%; padding-right: .5%; color: #0060af; font-size: .8vw; display:inline-block; border-right: 0; margin-right: -0.3%;; height:100%;text-align: center;border-top:0;} .rigaMovimentoMagazzino:hover{ background-color:#AFD7FF} .dropDownListMovimenti { width: 95%; height: 100%; overflow: hidden; /*background: url(../Images/EspandiMenuUtenteLoggato.png) no-repeat right; */border: 1px solid grey; max-width: 95%; padding-left:5px;} .dropDownListMovimenti select { /*background: transparent;*/background: url(../Images/EspandiMenuUtenteLoggato.png) no-repeat right; width: 100%; font-size: 1.5em; line-height: 1; border: 0; border-radius: 0; height: 100%; max-width:100%; cursor:pointer; -moz-appearance: none;-webkit-appearance: none; /*appearance: none; text-overflow: '';*/ } .dropDownListMovimenti select::-ms-expand { display:none;} .dropDownListMovimenti:disabled { background-color:#AFD7FF} .etichettaAzioneLista { float: left; font-size: 1.2vmin; } .divIconaAzioniConEtichetta { font-size: 2vmin; text-align: center; } .divContenitoreIconaAzioni { margin-right: 1%; margin-left: 1%; margin-top: 0.5vh; color: white; position: relative; cursor: pointer; float: left; } .divContenitoreIconaAzioni img { height: 4.5vh; margin-top: .3vh; } /* Cliente */ /*********************************************************************************************************************************************************************************/ .menuCliente{width: 100%; float:left; background-color: #F2F2F2; height:100%; border:1px solid #0060AF} .labelMenuLateraleCliente {width:100%; text-decoration:underline; color:#0060AF; text-align: center; font-size:0.7vw; position:absolute; padding-top:55%;} .imgMenuCliente { font-size: 1.3em; font-weight:bold; width:100%; text-align:center; padding: 0; height: 80px; cursor:pointer; border-bottom:1px solid grey;} .imgMenuCliente a:hover { color:white; text-decoration:none;} .BoxSchedaCliente { width:33%; border-right: 1px solid #0060AF; position: relative; height:100%; float:left; background-color:white; /*padding:1%;*/ } .labelSchedaCliente { width:20%; font-size: .9vw; height:40px; padding-top:.5vh; color:black; float:left;} .inputTextSchedaCliente { border:1px solid grey; width:95%; height:40px; float:left; font-size:1vw; max-width:95%; padding-left:5px; } .dropDownListSchedaCliente { width: 95%; height: 40px; overflow: hidden; background: url(../Images/EspandiMenuUtenteLoggato.png) no-repeat right; border: 1px solid grey; max-width: 95%; padding-left:5px;} .dropDownListSchedaCliente select { background: transparent; width: 100%; font-size: 1.5em; line-height: 1; border: 0; border-radius: 0; height: 40px; max-width:100%; cursor:pointer; -moz-appearance: none;-webkit-appearance: none; /*appearance: none; text-overflow: '';*/ } .dropDownListSchedaCliente select::-ms-expand { display:none;} .boxButtonNuovoCliente {background:#0060AF; float:left; color:white; font-size: 1.4vw; border: 1px solid #0060AF; position:absolute; cursor:pointer;} .divButtonNuovoCliente {text-decoration:underline; color:#ffffff !important; font-weight:bold;} .overlayEliminazione { background:#000; position:fixed; top:0px; bottom:0px; left:0px; right:0px; z-index:1031; cursor:pointer; /*Trasperenza cross browser*/ opacity: .7; filter: alpha(opacity=70); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } #boxOverlayEliminazione{ width:40vw; height:30vh; background-color:#FFF; display:none; z-index:1031; position:absolute; left:30vw; top:35vh; border: 2px solid #0060AF /*-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;*/} .chiudiBoxOverlayEliminazione{ font-size:1vw; color:#000; font-weight:bold; position:absolute; right:2%; top:0%; cursor:pointer; color: #0060AF;} .buttonConfermaEliminazione { background-color:#0060AF; font-size: 1.4vw; width:30%; padding: 10px 0px 10px 5px; border:0; color:white; cursor:pointer } .overlayDisable { background:#0060AF; position:absolute; /*top:0px; bottom:0px; left:0px; right:0px;*/ z-index:1031; /*cursor:pointer;*/ /*Trasperenza cross browser*/ opacity: .7; filter: alpha(opacity=70); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } /*ANAGRAFICA*//*********************************************************************************************************************************************************************************/ .menuAnagrafica{width: 100%; float:left; background-color: #F2F2F2; height:100%; border:1px solid #0060AF} .labelMenuLateraleAnagrafica {width:100%; text-decoration:underline; color:#0060AF; text-align: center; font-size:0.7vw; position:absolute; padding-top:55%;} .imgMenuAnagrafica { font-size: 2vmin; font-weight:bold; width:100%; text-align:center; padding: 0; height: 80px; cursor:pointer; border-bottom:1px solid grey;} .imgMenuAnagrafica a:hover { color:white; text-decoration:none;} .BoxSchedaAnagrafica { width:33%; border-right: 1px solid #0060AF; position: relative; height:100%; float:left; background-color:white; /*padding:1%;*/ } .labelSchedaAnagrafica { width:30%; font-size: .9vw; height:40px; padding-top:.5vh; color:black; float:left;} .inputTextSchedaAnagrafica { border:1px solid grey; width:95%; height:40px; float:left; font-size:1vw; max-width:95%; padding-left:5px; } .dropDownListSchedaAnagrafica { width: 95%; height: 40px; overflow: hidden; background: url(../Images/EspandiMenuUtenteLoggato.png) no-repeat right; border: 1px solid grey; max-width: 95%; padding-left:5px;} .dropDownListSchedaAnagrafica select { background: transparent; width: 100%; font-size: 1.5em; line-height: 1; border: 0; border-radius: 0; height: 40px; max-width:100%; cursor:pointer; -moz-appearance: none;-webkit-appearance: none; /*appearance: none; text-overflow: '';*/ } .dropDownListSchedaAnagrafica select::-ms-expand { display:none;} .boxButtonNuovoAnagrafica {background:#0060AF; float:left; color:white; font-size: 1.4vw; border: 1px solid #0060AF; cursor:pointer;width:15%; height:55%; margin-right:3%; position:relative; margin-top:0.5%;} .divButtonNuovoAnagrafica {text-decoration:underline; color:#ffffff !important; font-weight:bold;} .overlayEliminazioneAnagrafica { background:#000; position:fixed; top:0px; bottom:0px; left:0px; right:0px; z-index:1031; cursor:pointer; /*Trasperenza cross browser*/ opacity: .7; filter: alpha(opacity=70); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } #boxOverlayEliminazioneAnagrafica{ width:40vw; height:30vh; background-color:#FFF; display:none; z-index:1031; position:absolute; left:30vw; top:35vh; border: 2px solid #0060AF /*-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;*/} .chiudiBoxOverlayEliminazioneAnagrafica{ font-size:1vw; color:#000; font-weight:bold; position:absolute; right:2%; top:0%; cursor:pointer; color: #0060AF;} .buttonConfermaEliminazioneAnagrafica { background-color:#0060AF; font-size: 1.4vw; width:30%; padding: 10px 0px 10px 5px; border:0; color:white; cursor:pointer } .overlayDisableAnagrafica { background:#0060AF; position:absolute; /*top:0px; bottom:0px; left:0px; right:0px;*/ z-index:1031; /*cursor:pointer;*/ /*Trasperenza cross browser*/ opacity: .7; filter: alpha(opacity=70); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } /*PRODUZIONE*/ /***************************************************************************************************************************************************************************/ .inputTextRicetta { border:1px solid grey; width:95%; float:left; font-size:1vw; max-width:95%; padding-left:5px; } .boxButtonRicetta {background:#0060AF; color:white; font-size: 1.4vw; border: 1px solid #0060AF; position:relative; cursor:pointer;} .labelRicetta { width:20%; font-size: 1vw; padding-top:.5vh; color:black; float:left;} .itemListaRicette {color:#0060AF; font-size:1vw;} .itemListaRicette:hover {background-color:#AFD7FF} .labelListaRicette {width:20%; font-size: 1vw; /*padding-top:5px;*/ font-weight:bold; color:black; float:left;} .PianoProduzioneTestataTabella { width: 10%; padding-top:1vh; border: 1px solid #A4AFB6; height: 10%; color: #0060af; font-size: .8vw; font-weight: bold; display:inline-block; margin-right: -0.3%; border-right: 0; text-align: center;} .PianoProduzioneItemTabella { width: 10%; padding-top:1vh; border: 1px solid #A4AFB6; padding-left: .5%; padding-right: .5%; color: #0060af; font-size: .8vw; font-weight: bold; display:inline-block; margin-right: -0.3%; border-right: 0;} .inputOrdinaProdotto { border:1px solid grey; width:95%; float:left; font-size:1vw; max-width:95%; padding-left:5px; } .inputTextAreaProduzione { border:1px solid grey; width:95%; float:left; font-size:1vw; max-width:95%; padding-left:5px; } .inputDataCalendario { border:1px solid grey; width:95%; float:left; font-size:1vw; max-width:95%; padding-left:5px; } .CalendarioTestataTabella { width: 10%; padding-top:.8vh; border: 1px solid #A4AFB6; height: 10%; color: #0060af; font-size: .8vw; font-weight: bold; display:inline-block; border-right: 0; text-align: center; padding-left: 0.5%; padding-right: 0.5%;} .CalendarioItemTabella { width: 10%; padding-top:.8vh; border: 1px solid #A4AFB6; padding-left: .5%; padding-right: .5%; color: #0060af; font-size: .8vw; display:inline-block; border-right: 0; margin-right: -0.22%;} .contenitoreFrecceGriglia { float: left; font-size: 1.8vw; width: 2%; height: 100%; margin-top: 2%; cursor: pointer; color: #0060af; padding-left: .3%;} .contenitoreFrecceGriglia:hover { background-color: #EBEEEF; color: #0060af; font-weight: bold;} .buttonTrafilaCalcola {background:#0060AF; color:white; font-size: 1vw; border: 1px solid #0060AF; position:relative; cursor:pointer; width: 10%; margin-left: 1%; text-align: center; margin-right: 1%;} .overlayOrdinaProdotto { background:#000; position:fixed; top:0px; bottom:0px; left:0px; right:0px; z-index:1031; cursor:pointer; /*Trasperenza cross browser*/ opacity: .7; filter: alpha(opacity=70); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } #boxOverlayOrdinaProdotto{ width:70%; height:70%; background-color:#FFF; display:none; z-index:1031; position:absolute; left:15%; top:15%; border: 2px solid #0060AF /*-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;*/} .chiudiBoxOverlayOrdinaProdotto{ font-size:1vw; color:#000; font-weight:bold; position:absolute; right:1%; top:1%; cursor:pointer; color: #0060AF;} .dropDownListSchedaConfezione { width: 95%; height: 40px; overflow: hidden; background: url(../Images/EspandiMenuUtenteLoggato.png) no-repeat right; border: 1px solid grey; max-width: 95%; padding-left:5px;} .dropDownListSchedaConfezione select { background: transparent; width: 100%; font-size: 1.2em; line-height: 1; border: 0; border-radius: 0; height: 40px; max-width:100%; cursor:pointer; -moz-appearance: none;-webkit-appearance: none; /*appearance: none; text-overflow: '';*/ } .dropDownListSchedaConfezione select::-ms-expand { display:none;} /*ORDINI*/ /**************************************************************************************************************************************************************************************/ .buttonFileUpload { border: 0; width: 30%; color: white; padding-top: 0.5vh; padding-bottom: 0.5vh; font-size: 1vw; font-weight: bold; margin-top: 1vh; float: right; max-width: 30%; background-color: #0060AF;} .ordineEvaso {background-color: #09bf0c !important; color:black !important; border: 1px solid #09bf0c !important; text-align:center !important; font-size:1em !important; } .ordineEvaso:hover { border: 2px solid black !important; } .ordineClienteEvaso { background-color: #19e1d2 !important; color: black !important; border: 1px solid #19e1d2 !important; text-align: center !important; font-size: 1em !important; } .ordineClienteEvaso:hover { border: 2px solid black !important; } .ordineFornitoreEvaso { background-color: #09bf0c !important; color: black !important; border: 1px solid #09bf0c !important; text-align: center !important; font-size: 1em !important; } .ordineFornitoreEvaso:hover { border: 2px solid black !important; } .ordineInRitardo {background-color: #cf0909 !important; color:white !important; border: 1px solid #cf0909 !important; text-align:center !important; font-size:1em !important;} .ordineInRitardo:hover { border: 2px solid black !important; } .ordineClienteInRitardo { background-color: #f68511 !important; color: white !important; border: 1px solid #f68511 !important; text-align: center !important; font-size: 1em !important; } .ordineClienteInRitardo:hover { border: 2px solid black !important; } .ordineFornitoreInRitardo { background-color: #cf0909 !important; color: white !important; border: 1px solid #cf0909 !important; text-align: center !important; font-size: 1em !important; } .ordineFornitoreInRitardo:hover { border: 2px solid black !important; } .ordineClienteDaEvadere { background-color: #FFE74C !important; color:#0060AF !important; border: 1px solid #0060AF !important; text-align:center !important; font-size: 1em !important;} .ordineClienteDaEvadere:hover {border: 2px solid black !important} .ordineFornitoreDaEvadere { background-color: #0060AF !important; color:#FFE74C !important; border: 1px solid #FFE74C !important; text-align:center !important; font-size: 1em !important;} .ordineFornitoreDaEvadere:hover {border: 2px solid black !important} .labelListaOrdini {width:20%; font-size: 1vw; /*padding-top:5px;*/ font-weight:bold; color:black; float:left;} .boxButtonTrovaUtente {background:#0060AF; float:left; /*height:4vh;*/ width:12%; color:white; font-size: 1.4vw; border: 1px solid #0060AF; position:relative; cursor:pointer; overflow:hidden; height:100%;} .contentInputTrovaUtente { width:80%; float:left; height:70%;} .inputTextTrovaUtente{ border:1px solid grey; width:100%; /*height:4vh;*/ float:left; font-size:1.2vw; color:#5E5E5E; max-width:100%; height:100%; } .inputTextTrovaUtente:hover { border: 1px solid #0060AF; } .inputDatePickerOrdini {border:1px solid grey; width:30%; height:3.8vh; float:left; font-size:1vw; padding-left:5px; max-width:100%; } .itemListaOrdini {color:#0060AF; font-size:1vw;} .itemListaOrdini:hover {background-color:#AFD7FF} .dettaglioOrdine { font-size: 1vw; text-align:center; width:12%;} .switch { position: relative; display: inline-block; width: 60px; height: 34px; } /* Hide default HTML checkbox */ .switch input { display: none; } /* The slider */ .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; } input:checked + .slider { background-color: #2196F3; } input:focus + .slider { box-shadow: 0 0 1px #2196F3; } input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } /* Rounded sliders */ .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 50%; } .tgl { display: none; } .tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn { box-sizing: border-box; } .tgl::-moz-selection, .tgl:after::-moz-selection, .tgl:before::-moz-selection, .tgl *::-moz-selection, .tgl *:after::-moz-selection, .tgl *:before::-moz-selection, .tgl + .tgl-btn::-moz-selection { background: none; } .tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection { background: none; } .tgl + .tgl-btn { outline: 0; display: block; width: 4vw; height: 3vh; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .tgl + .tgl-btn:after, .tgl + .tgl-btn:before { position: relative; display: block; content: ""; width: 50%; height: 100%; } .tgl + .tgl-btn:after { left: 0; } .tgl + .tgl-btn:before { display: none; } .tgl:checked + .tgl-btn:after { left: 50%; } .tgl-flip + .tgl-btn { padding: 2px; -webkit-transition: all .2s ease; transition: all .2s ease; font-family: sans-serif; -webkit-perspective: 100px; perspective: 100px; } .tgl-flip + .tgl-btn:after, .tgl-flip + .tgl-btn:before { display: inline-block; -webkit-transition: all .4s ease; transition: all .4s ease; width: 100%; text-align: center; position: absolute; line-height: 2em; font-weight: bold; color: #fff; position: absolute; top: 0; left: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; border-radius: 4px; } .tgl-flip + .tgl-btn:after { content: attr(data-tg-on); background: #FFE74C; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); } .tgl-flip + .tgl-btn:before { background: #0060af; content: attr(data-tg-off); } .tgl-flip + .tgl-btn:active:before { -webkit-transform: rotateY(-20deg); transform: rotateY(-20deg); } .tgl-flip:checked + .tgl-btn:before { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .tgl-flip:checked + .tgl-btn:after { -webkit-transform: rotateY(0); transform: rotateY(0); left: 0; background: #FFE74C; } .tgl-flip:checked + .tgl-btn:active:after { -webkit-transform: rotateY(20deg); transform: rotateY(20deg); } /* Prodotto */ /*********************************************************************************************************************************************************************************/ .menuOrizzontaleProdotti{ width: 100%; float:left; background-color: #F2F2F2; height:8%; /*border:1px solid #9a1538*/ border-bottom: 1px solid grey; padding-top:0.5%;} .labelMenuLateraleProdotto {width:100%; text-decoration:underline; color:#0060AF; text-align: center; font-size:0.7vw; position:absolute; padding-top:70%;} .imgMenuProdotto { font-size: 1.3em; font-weight:bold; width:100%; text-align:center; padding: 0; height: 80px; cursor:pointer; border-bottom:1px solid grey;} .imgMenuProdotto a:hover { color:white; text-decoration:none;} .inputTextProdotto { border:1px solid grey; width:95%; height:40px; float:left; font-size:1vw; max-width:95%; padding-left:5px; } .dropDownListProdotto { width: 95%; height: 100%; overflow: hidden; /*background: url(../Images/EspandiMenuUtenteLoggato.png) no-repeat right; */border: 1px solid grey; max-width: 95%; padding-left:0.2vw;} .dropDownListProdotto select { /*background: transparent;*/background: url(../Images/EspandiMenuUtenteLoggato.png) no-repeat right; width: 100%; font-size: 1.5em; line-height: 1; border: 0; border-radius: 0; height: 100%; max-width:100%; cursor:pointer; -moz-appearance: none;-webkit-appearance: none; /*appearance: none; text-overflow: '';*/ } .dropDownListProdotto select::-ms-expand { display:none;} .BoxSchedaProdotto { width:33%; border-right: 1px solid #0060AF; position: relative; height:100%; float:left; background-color:white; /*padding:1%;*/ } .labelSchedaProdotto { width:20%; font-size: 1vw; height:100%; color:black; float:left;} .inputTextSchedaProdotto { border:1px solid grey; width:100%; height:100%; float:left; font-size:1vw; max-width:100%; padding-left:5px; } .dropDownListSchedaProdotto { width: 80%; height: 100%; overflow: hidden; /*background: url(../Images/EspandiMenuUtenteLoggato.png) no-repeat right; */border: 1px solid grey; padding-left:5px;} .dropDownListSchedaProdotto select { /*background: transparent;*/background: url(../Images/EspandiMenuUtenteLoggato.png) no-repeat right; width: 100%; font-size: 1vw; line-height: 1; border: 0; border-radius: 0; height: 100%; max-width:100%; cursor:pointer; -moz-appearance: none;-webkit-appearance: none; /*appearance: none; text-overflow: '';*/ } .dropDownListSchedaProdotto select::-ms-expand { display:none;} .boxButtonNuovoProdotto {background:#0060AF; float:left; color:white; font-size: 1.4vw; border: 1px solid #0060AF; position:absolute; cursor:pointer;} .divButtonNuovoProdotto {text-decoration:underline; color:#ffffff !important; font-weight:bold;} #boxOverlayEliminazione{ width:40vw; height:30vh; background-color:#FFF; display:none; z-index:1031; position:absolute; left:30vw; top:35vh; border: 2px solid #0060AF /*-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;*/} .chiudiBoxOverlayEliminazione{ font-size:1vw; color:#000; font-weight:bold; position:absolute; right:2%; top:0%; cursor:pointer; color: #0060AF;} .buttonConfermaEliminazione { background-color:#0060AF; font-size: 1.4vw; width:30%; padding: 10px 0px 10px 5px; border:0; color:white; cursor:pointer } .maggioriInfoButtonDefault { background-color: #8f9393; text-align:left; font-size: 1vw; width: 100%; padding-top: 5px; padding-bottom: 5px; padding-left:10px; border: 0; color: white; float:left; height:40px; text-decoration:underline; max-width:100%; cursor:pointer;} .maggioriInfoButton { background-color: #0060AF; text-align:left; font-size: 1vw; width: 100%; padding-top: 5px; padding-bottom: 5px; padding-left:10px; border: 0; color: white; float:left; height:40px; text-decoration:underline; max-width:100%; cursor:pointer;} .BoxPannelloProdotti { width:33%; border-right: 1px solid #0060AF; position: relative; height:100%; float:left; background-color:white; padding:1%; } .textAreaSchedaProdotto { font-size: 1.2vw; width: 92%; border: 1px solid black; padding-left: 1vw; padding-top: 1vh; max-height: 15vh; max-width:92%;} /*Trova*/ /******************************************************************************************************************************************/ .labelTrovaUtente{ font-size: 1.2vw; color: #0060AF; font-weight:bold; padding-top:.5%; list-style: none; border-radius: 4px; float:left; width:15%;} .contentInputTrovaUtente { width:85%; float:left; } .inputTextTrovaUtente{ border:1px solid grey; width:100%; /*height:4vh;*/ float:left; font-size:1.2vw; color:#5E5E5E; max-width:100%; } .inputTextTrovaUtente:hover { border: 1px solid #0060AF; } .boxButtonTrovaUtente {background:#0060AF; float:left; /*height:4vh;*/ width:12%; color:white; font-size: 1.4vw; border: 1px solid #0060AF; position:relative; cursor:pointer; overflow:hidden;} .boxButtonTrovaMagazzino {background:#0060AF; float:left; /*height:4vh;*/ width:12%; color:white; font-size: 1.4vw; border: 1px solid #0060AF; position:relative; cursor:pointer; overflow:hidden;} /*Alert Template*/ bodyAlert{ background: #0060AF; } #pricing-table { margin: 100px auto; text-align: center; } #pricing-table .plan { font: 12px 'Lucida Sans', 'trebuchet MS', Arial, Helvetica; text-shadow: 0 1px rgba(255,255,255,.8); background: #fff; border: 1px solid #0060AF; color: #0060AF; padding: 20px; float: left; position: relative; } #pricing-table #most-popular { z-index: 2; top: -13px; border-width: 3px; padding: 30px 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15); -webkit-box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15); box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15); } #pricing-table .plan:nth-child(1) { -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } #pricing-table .plan:nth-child(4) { -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; } /* --------------- */ #pricing-table h3 { font-size: 2vw; font-weight: normal; color: #0060AF; padding: 20px; margin: -20px -20px 50px -20px; background-color: #eee; background-image: -moz-linear-gradient(#fff,#468BC5); background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#468BC5)); background-image: -webkit-linear-gradient(#fff, #468BC5); background-image: -o-linear-gradient(#fff, #468BC5); background-image: -ms-linear-gradient(#fff,#468BC5); background-image: linear-gradient(#fff, #468BC5); } #pricing-table #most-popular h3 { background-color: #0060AF; background-image: -moz-linear-gradient(#468BC5,#0060AF); background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#0060AF)); background-image: -webkit-linear-gradient(#468BC5, #0060AF); background-image: -o-linear-gradient(#468BC5, #0060AF); background-image: -ms-linear-gradient(#468BC5, #0060AF); background-image: linear-gradient(#468BC5, #0060AF); margin-top: -30px; padding-top: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } #pricing-table .plan:nth-child(1) h3 { -moz-border-radius: 5px 0 0 0; -webkit-border-radius: 5px 0 0 0; border-radius: 5px 0 0 0; } #pricing-table .plan:nth-child(4) h3 { -moz-border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; border-radius: 0 5px 0 0; } #pricing-table h3 span { display: block; font: bold 25px/100px Georgia, Serif; color: red; background: #fff; border: 5px solid #fff; height: 100px; width: 100px; margin: 10px auto -65px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; -moz-box-shadow: 0 5px 20px #0060AF inset, 0 3px 0 #999 inset; -webkit-box-shadow: 0 5px 20px #0060AF inset, 0 3px 0 #999 inset; box-shadow: 0 5px 20px #0060AF inset, 0 3px 0 #999 inset; } /* --------------- */ #pricing-table ul { margin: 20px 0 0 0; padding: 0; list-style: none; text-shadow:0; } #pricing-table li { border-top: 1px solid #0060AF; padding: 10px 0; text-shadow:0; } /* --------------- */ #pricing-table .signup { cursor:pointer; position: relative; padding: 8px 20px; margin: 20px 0 0 0; color: #ffde00; font: bold 14px Arial, Helvetica; text-transform: uppercase; text-decoration: none; display: inline-block; background-color: #0060AF; background-image: -moz-linear-gradient(#0060AF, #196FB7); background-image: -webkit-gradient(linear, left top, left bottom, from(#0060AF), to(#196FB7)); background-image: -webkit-linear-gradient(#0060AF, #196FB7); background-image: -o-linear-gradient(#0060AF, #196FB7); background-image: -ms-linear-gradient(#0060AF, #196FB7); background-image: linear-gradient(#0060AF, #196FB7); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-shadow: 0 1px 0 rgba(0,0,0,.3); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 2px 0 rgba(0, 0, 0, .7); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 2px 0 rgba(0, 0, 0, .7); box-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 2px 0 rgba(0, 0, 0, .7); } #pricing-table .signup:hover { background-color: #196FB7; background-image: -moz-linear-gradient(#196FB7, #0060AF); background-image: -webkit-gradient(linear, left top, left bottom, from(#196FB7), to(#0060AF)); background-image: -webkit-linear-gradient(#196FB7, #0060AF); background-image: -o-linear-gradient(#196FB7, #0060AF); background-image: -ms-linear-gradient(#196FB7, #0060AF); background-image: linear-gradient(#196FB7, #0060AF); } #pricing-table .signup:active, #pricing-table .signup:focus { background: #196FB7; top: 2px; -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .7) inset; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .7) inset; box-shadow: 0 0 3px rgba(0, 0, 0, .7) inset; } /* --------------- */ .clearAlert:before, .clearAlert:after { content:""; display:table } .clearAlert:after { clear:both } .clearAlert { zoom:1 } .listaSoglie{ font-size:1vw; } .AlertTable {overflow-y:auto;} .speech-bubble { position: relative; background-color: #000; /*width: 200px;*/ /*height: 150px;*/ /*line-height: 150px;*/ color: white; text-align: center; border-radius: 10px; font-family: sans-serif; margin: 2em auto; } .speech-bubble:after { content: ''; position: absolute; width: 0; height: 0; border: 15px solid; color: transparent; } .speech-bubble-top:after { border-bottom-color: #0060af; left: 50%; bottom: 100%; margin-left: -15px; } .speech-bubble-right:after { border-left-color: #0060af; left: 100%; top: 50%; margin-top: -15px; } .speech-bubble-bottom:after { border-top-color: #0060af; top: 100%; left: 50%; margin-left: -15px; } .speech-bubble-left:after { border-right-color: #0060af; top: 50%; right: 100%; margin-top: -15px; } /*NUOVA GESTIONE LISTE*************************************/ .titoloContenitoreHome { float: left; font-size: 3.5vmin; color: #132A36; height: 6vh; width: 100%; } .titoloContenitorePagina{ float: left; margin: 0 1vw; } .titoloDettaglioContabilitaAnalitica { float: left; font-size: 3.5vmin; color: #132A36; height: 6vh; width: 100%; } .recordLista { height: 5vh; font-size: 2vmin; border-bottom: black 1px dashed; width: 100%; float: left; } .contenutoRecordLista { width: 98%; height: 100%; position: relative; padding-top: .5vh; float: left; } .valoreElementoLista { width: 96%; padding-top: 1.3vh; overflow: hidden; white-space: nowrap; } .elementoListaAzioni { width: 2%; } .checkBoxLista { width: 3.4%; text-align: center; } .divColoreLista { width: 0.4%; height: 60%; margin-top: 1.3vh; margin-right: 0.2%; cursor: pointer; } .divAzioniRigaLista { float: left; width: 100%; height: 5vh; display: none; background-color: #004f5e; } .divContenitoreIconAzioniRigaLista { width: 4%; height: 70%; text-align: center; margin-top: 0.5%; margin-right: 1%; margin-left: 1%; position: relative; cursor: pointer; background-color: #0060AF; } .iconaAzioniRigaLista { top: 8%; width: 100%; color: white; font-size: 1.2vw; position: absolute; } .divImgAzioniRigaLista { margin-right: 1%; margin-left: 1%; position: relative; cursor: pointer; } .divImgAzioniRigaLista img { height: 4.5vh; margin-top: .3vh;} .icona { color: #132A36; font-family: 'Dosis', 'Open Sans', sans-serif; font-size: 4vh; vertical-align: middle; display: table; } .icona_elenco { font-family: 'Open Sans', sans-serif; font-size: 2vmin; vertical-align: middle; display: table; } .icona_filtri { color: #B8BFC2; font-family: 'Dosis', 'Open Sans', sans-serif; font-size: 3vh; vertical-align: middle; display: table; } .contenuto_icona { display: table-cell; vertical-align: middle; text-align: center; padding-top: 0.5vh; } .contenuto_icona_elenco { display: table-cell; vertical-align: middle; text-align: center; } .icona_click{ cursor: pointer; } .testo_icona { font-size: 0.7vw; } .contenitoreListaOperatori{ width: 100%; overflow-y: scroll; margin-top: 1vw; height: 60vh; } .contenitoreListaMacchinari{ width: 100%; overflow-y: scroll; margin-top: 1vw; height: 60vh; } .contenitoreListaProdotti{ width: 100%; overflow-y: scroll; margin-top: 1vw; height: 60vh; } .contenitoreListaAnnoFiscale{ width: 100%; overflow-y: scroll; margin-top: 1vw; height: 60vh; } .rigaIntestazioneUtenti{ overflow:hidden; width: 100%; } .cellaIntestazione { text-transform: uppercase; font-weight: 800; float: left; width: 8vw; font-size: 1vw; overflow: hidden;} .cellaIntestazione div { float: left;} .cellaIntestazioneOrder { color: tomato; font-size: 0.8vw; padding: 0.25vw 0.1vw; cursor: pointer; } .cellaIntestazione div input { border: 1px solid #dddddd; padding: 0.1vw 0.2vw; font-size: 1vw;} .cellaIntestazioneUtenti { text-transform: uppercase; font-weight: 800; float: left; width: 8vw; font-size: 1vw; overflow: hidden;} .cellaIntestazioneOrderUtenti { color: tomato; font-size: 0.8vw; padding: 0.25vw 0.1vw; cursor: pointer; } .elementoListaDefault { overflow: hidden; border-bottom: #444444 1px dotted; padding: 0.5vw 0 0vw 0; font-size: 1.2vw; width: 100%; } .elementoListaDefault div { float: left;} /*.elementoListaOperatore{ overflow: hidden; border-bottom: #444444 1px dotted; padding: 0.5vw 0 0vw 0; font-size: 1.2vw; width: 100%; } .elementoListaOperatore div { float: left;}*/ .divAzioniRigaRequest { float: left; width: 100%; height: 5vh; display: none; background-color: #004f5e; margin-top: .2vw; } .divContenitoreIconAzioniRigaRequest { width: 4%; height: 70%; text-align: center; margin-top: 0.5%; margin-right: 1%; margin-left: 1%; position: relative; cursor: pointer; background-color: #0060AF; } .iconaAzioniRigaRequest { top: 8%; width: 100%; color: white; font-size: 1.2vw; position: absolute; } .divContenitoreImgAzioniRigaRequest { margin-right: 1%; margin-left: 1%; margin-top: 1vh; color: white; position: relative; cursor: pointer; } .divContenitoreImgAzioniRigaRequest img { height: 4.5vh; margin-top: .3vh;} .ModificaSchedaPopUp { display: none; position: absolute; top: 8.5vh; right: 0vw; width: 77vw; height: 85vh; background-color: #F1F1F1; box-shadow: 0px 2px 18px 2px #999999; overflow: hidden; padding: 2vh 2vh 2vh 4vh; z-index: 2;} /*.ModificaSchedaPopUp div { float: left;}*/ .sfondoSelect{background-color: #0060AF; color:white;} .SchedaPopUpChiudi{ float:right !important; overflow:hidden; padding: 0 1vw; } .SchedaPopUpIcona{font-size: 2vw; color: black; cursor: pointer;} .posChiudiScheda { position: absolute;top: 17px;right: 0;z-index: 1; } .BoxSchedaUtente { width:33%; border-right: 1px solid #0060AF; position: relative; height:100%; float:left; background-color:white; } .labelSchedaUtente { width:20%; font-size: .9vw; height:4vh; padding-top:.5vh; color:black; float:left;} .rigaSchedaUtente { float: left; width: 100%; padding-bottom: 1vh; } .inputTextSchedaUtente { border:1px solid grey; width:95%; height:4vh; float:left; font-size:1vw; max-width:95%; padding-left:5px; } .dropDownListSchedaUtente { width: 95%; height: 4vh; overflow: hidden; background: url(../Images/EspandiMenuUtenteLoggato.png) no-repeat right; background-size: 2vw 4vh; background-color: white; border: 1px solid grey; max-width: 95%; padding-left:5px;} .dropDownListSchedaUtente select { float: left; background: transparent; width: 100%; font-size: 1vw; line-height: 1; border: 0; border-radius: 0; height: 4vh; max-width:100%; cursor:pointer; -moz-appearance: none;-webkit-appearance: none; } .dropDownListSchedaUtente select::-ms-expand { display:none;} .inputTextAreaUtente { border:1px solid grey; width:95%; float:left; font-size:1vw; max-width:95%; padding-left:5px; } .divInformazioniAnnoCostoOperatore { font-size: 1.5vw; font-weight: 600;} .dropDownListAnniCosto { overflow: hidden; background-size: 2vw 2vw; background-color: transparent; border: 0; padding-top: 0.3vh; padding-left: 0.5vw; } .dropDownListAnniCosto select { background: url(../Images/EspandiMenuSelectScuro.png) no-repeat right; background-size: 2vw 2vw; line-height: 1; border: 0; border-radius: 0; width: 100%; height: 100%; max-width:100%; cursor:pointer; -moz-appearance: none;-webkit-appearance: none; float: left; padding-right: 2vw; } .dropDownListAnniCosto select::-ms-expand { display:none; } .dropDownListAnniCosto select:disabled::-ms-value { color: black; } .dropDownListAnniCosto select:disabled { background: none; cursor: default; } .cellaIntestazioneSelect { width: 95%; height: 1.6vw; overflow: hidden; background: url(../Images/EspandiMenuSelect.png) no-repeat right; background-size: 2vw 2vw; background-color: white; border: 1px solid grey; max-width: 95%; padding-left:5px;} .cellaIntestazioneSelect select { background: transparent; width: 100%; font-size: 1vw; line-height: 1; border: 0; border-radius: 0; max-width:100%; cursor:pointer; -moz-appearance: none;-webkit-appearance: none; float: left; /*appearance: none; text-overflow: '';*/ } .cellaIntestazioneSelect select::-ms-expand { display:none;} .overlayLoadLista{ background:#000; position:absolute; top:0px; bottom:0px; left:0px; right:0px; z-index:1032; cursor:pointer; /*Trasperenza cross browser*/ opacity: .7; filter: alpha(opacity=70); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } .loadLista{ z-index:1033; position:absolute; left:48%; top:45%;} .divNavigazioneProdotto{overflow:hidden; float: left; padding: 0.5vw 1vw; font-size:1.2vw; border: 1px solid #d8d8d8; border-left: 0px; cursor: pointer} .divNavigazioneProdottoEtichetta{ /*margin-right: 1vw;*/} .divNavigazioneProdottoEtichettaDisable{ margin-right: 1vw;; color: #c8c8c8} .divNavigazioneProdottoFlag{ font-weight: 200; color: forestgreen; font-size: 1.2vw} .divNavigazioneProdottoDeny{ font-weight: 200; color: tomato; font-size: 1.2vw} .divNavigazioneProdotto:hover, .divNavigazioneProdottoSelezionato {border-bottom: 2px solid tomato; font-weight: 500;} .buttonDatiAnagraficiProdotto { border: 0; width: 30%; color: white; padding-top: 0.5vh; padding-bottom: 0.5vh; font-size: 1vw; font-weight: bold; margin-top: 1vh; float: right; max-width: 30%; background-color: #0060AF;} #pannelloModificaTransazione { padding: 0; padding-left: 2vw; } /*********ELENCO VALORE MAGAZZINO********/ ​.titoloContenitoreLista { float: left; font-size: 3.5vmin; color: #132A36; height: 6vh; width: 100%;} .contenitoreGeneraleFiltri { width: 97%; padding-left: 0; } .contenitoreElencoFiltri { width: 98%; height: auto; margin-top: 2vh; margin-bottom: 1vh; } .etichettaFiltroIcona { color: #B8BFC2; font-size: 1.5vmin; padding: 0.4vmin 0; cursor: pointer; } .etichettaFiltroIconaSelezionato { color: black; font-size: 1.5vmin; padding: 0.4vmin 0; cursor: pointer;} .etichettaFiltro { float: left; width: 8vw; font-size: 1.8vmin; overflow: hidden; white-space: nowrap; font-weight: bold; } .etichettaFiltro div { float: left;} .etichettaFiltroLabel { font-size: 1.3vmin; padding-top: .4vmin;} .filtroLabelSize { font-size: 1.5vmin;} .ordAsc { padding-left: 1vmin; padding-right: .5vmin; } .chkAll { width: 3.4%; font-size: 1.4vmin; margin-right: 0.6%; background-color: #00BCEE; color: white; text-align: center; margin-top: .4vh; cursor: pointer; } .divSettingPagina { float: left; width: 95%; display: none; background-color: #004f5e; height: 5vmin; } .filtroLista{ width: 20vw; } .filtroListaInput{ width: 86%; font-size: 1.5vmin; height: 2.5vh; } .filtroListaInputGenerale{ width: 86%; font-size: 2.5vmin; height: 3.5vh; } .contenitoreLista { width: 98%; height: 60vh; padding-left: 0; overflow-y: scroll; } .contenitoreFooter { width: 97vw; height: 5vh; padding-left: 0; overflow: hidden; } .footerLista{ width: 98%; height: 5vh; background-color: #B3C7D9; } .azioniSpecialiFooter { width: 6%; font-size: 1.5vmin; margin-left: 1.5vw; background-color: #00BCEE; color: white; text-align: center; margin-top: 1.2vh; cursor: pointer; padding: .2vh .2vw; } .azioniSpecialiFooterDisabled { width: 6%; font-size: 1.5vmin; margin-left: 1.5vw; background-color: #D1DDE8; color: white; text-align: center; margin-top: 1.2vh; cursor: default; padding: .2vh .2vw; } .numeroCheckSelezionati { width: 8%; height: 100%; background-color: #F1F1F1; float: left; font-size: 2.5vmin; text-align:center; padding-top: .6vh; } .loadingLista { width: 100%; height: 10vh; bottom: 5vh; left: 0; float: left; position: fixed; display: none; opacity: 0.7; z-index: 1;} .loadingListaPC { width: 75vw; height: 10vh; bottom: 5vh; //left: 0; float: right; position: fixed; display: none; opacity: 0.7; z-index: 1; } .loadingListaImg { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba( 255, 255, 255, .8 ) url('../Images/spin.gif') 50% 50% no-repeat; background-size: 5%; } .loadTotaliLista { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: transparent url('../Images/spin.gif') 0% 50% no-repeat; background-size: 30%;} .rigaScheda { float: left; width: 100%; padding-bottom: 1vh; } .labelScheda { width: 20%; font-size: .9vw; height:4vh; padding-top:.5vh; color:black; float:left;} .inputTextScheda { border:1px solid grey; width:95%; height:4vh; float:left; font-size:1vw; max-width:95%; padding-left:5px; } .inputTextScheda::-webkit-input-placeholder { color: #D3D3D3;} .inputTextScheda:-moz-placeholder { color: #D3D3D3;} .inputTextScheda::-moz-placeholder { color: #D3D3D3;} .inputTextScheda:-ms-input-placeholder { color: #D3D3D3;} .boxButtonNuovo {background:#0060AF; float:left; color:white; font-size: 1.4vw; border: 1px solid #0060AF; position:absolute; cursor:pointer;} .divButtonNuovo {text-decoration:underline; color:#ffffff !important; font-weight:bold; width: 100%;} .overlayAzioniSpeciali { background:#000; position:fixed; top:0px; bottom:0px; left:0px; right:0px; z-index:100; cursor:pointer; opacity: .7; filter: alpha(opacity=70); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";} .boxOverlayAzioniSpeciali{ width:76vw; height:60vh; margin-left: 10vw; background-color:#FFF; display:none; z-index:101; position:absolute; left:0vw; top:15vh; border: 0; } .menuMF {width: 100%; float:left; background-color: #F2F2F2; height:100%; border:1px solid #0060AF} .imgMenuMF { font-size: 2vmin; font-weight:bold; width:100%; text-align:center; padding: 0; /*height: 80px;*/ cursor:pointer; border-bottom:1px solid grey; height: 8vh;} .imgMenuMF a:hover { color:white; text-decoration:none;} .labelMenuLateraleMF {width:100%; text-decoration:underline; color:#0060AF; text-align: center; font-size: 1.1vmin; position:absolute; padding-top:4.5vh;} .contenitoreDateFiltro{ float:left; width:100%; overflow:hidden;margin-left:1vh;} .contenitoreDettagli{float:left; overflow:hidden; width:100%;} .HeaderInfoPagamenti { float: left; width: 15vw; font-size: 1.2vw; font-weight: bold; } .infoPagamenti { float:left; width:15vw; font-size:1vw; } .titoloNote { font-size: 1.5vh; font-weight: bold; width: 10%; } .noteDettaglio{font-size:1.2vh; width:85%;margin-left:0.5vh;} .mouseOverSelect:hover { background-color: #0060AF; color:white; opacity:0.5; } .icona{cursor:pointer;} /****************************************************************************************************************/ /* VEGA 2018 */ /****************************************************************************************************************/ /********************************************NUOVA GESTIONE MAGAZZINI**********************************************/ .contenitoreStatoMagazzino { display: block; width: 94vw; } .contenitoreIntestazioneGrafici { width: 94vw; overflow: hidden; height: 18vh; position: relative; } .contenitoreIconaIntestazione { float: left; width: 2vw; padding-top:0.5vh; } .fontSizeIconaIntestazione { font-size: 3.5vmin; } .fontSizeIconaSettings { font-size: 3.5vmin; } .contenitoreTitolo { float: left; font-size: 3.5vmin; color: #132a36; height:6vh; width:25vw; } .contenitoreIntestazione { float: left; width: 85%; } .testoIntestazione { font-weight: 500; float: left; margin: 0.5vh 1vw 0 1vw; } .contenitoreRigaAzioniIntestazione { width: 60%; padding: 0.5vh 1vh; } .iconaRigaAzioniIntestazione { font-size: 1.5vw; color: white; width: 100%; margin-top: 0.5vh; } .ModificaSchedaPopUpReparto { display: none; position: absolute; top: 6.5vh; right: 0vw; width: 77vw; bottom: 0; background-color: #F1F1F1; box-shadow: 0px 2px 18px 2px #999999; overflow: hidden; padding: 2vh 2vh 2vh 4vh; z-index: 5; } .ModificaSchedaPopUpSettings { display: none; position: absolute; top: 6.5vh; right: 0vw; width: 40vw; bottom: 0; background-color: #F1F1F1; box-shadow: 0px 2px 18px 2px #999999; overflow: hidden; padding: 2vh 2vh 2vh 4vh; z-index: 5; } .ModificaSchedaPopUpTP { display: none; position: absolute; top: 6.5vh; right: 0vw; width: 69vw; bottom: 0; background-color: #F1F1F1; box-shadow: 0px 2px 18px 2px #999999; overflow: hidden; padding: 2vh 2vh 2vh 4vh; z-index: 5; } .ModificaQrcode { display: none; position: absolute; top: 6.5vh; right: 0vw; width: 40vw; bottom: 0; background-color: #F1F1F1; box-shadow: 0px 2px 18px 2px #999999; overflow: hidden; padding: 2vh 2vh 2vh 4vh; z-index: 5; } .contenutoQRCode { display: none; position: absolute; top: 6.5vh; right: 0vw; width: 40vw; bottom: 0; background-color: #F1F1F1; box-shadow: 0px 2px 18px 2px #999999; overflow: hidden; padding: 2vh 2vh 2vh 4vh; z-index: 5; } .schedaQrcode { display: none; position: absolute; top: 6.5vh; right: 0vw; width: 40vw; bottom: 0; background-color: #F1F1F1; box-shadow: 0px 2px 18px 2px #999999; overflow: hidden; padding: 2vh 2vh 2vh 4vh; z-index: 5; } /*NUOVI GRAFICI MAGAZZINO*/ .chartCanvasParent { position: relative; height: 150px !important; width: 150px !important; float: left; margin-right: 15px; } .chartCanvasParentStato { position: relative; height: 10vw !important; width: 10vw !important; float: left; margin-right: 1vw; } .chart-container { position: relative; width: 100% } .chart-container.has-scroll { overflow-x: scroll; overflow-y: visible; max-width: 100% } .labelSettingsReparto { float: left; width: 100%; font-size: 1vw; } .inputSettingsReparto { width: 40%; margin-bottom: 3vh; max-width: 50%; border: 1px solid grey; height: 40px; float: left; font-size: 1vw; max-width: 95%; padding-left: 5px; } .overlayMagazzinoMappa { background: #000; position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 1031; cursor: pointer; /*Trasperenza cross browser*/ opacity: .7; filter: alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } #boxOverlayMagazzinoMappa { width: 90%; height: 90%; background-color: #FFF; display: none; z-index: 1031; position: absolute; left: 5%; top: 5%; border: 2px solid #0060AF /*-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;*/ } .chiudiBoxOverlayMagazzinoMappa { font-size: 1vw; color: #000; font-weight: bold; position: absolute; right: 1%; top: 1%; cursor: pointer; color: #0060AF; } .labelModificaQRCode { float: left; font-size: 1.5vw; } .labelTitoloAreaModifica { font-size: 1vw; color: #0060AF; font-weight:bold; } .labelSottoTitoloAreaModifica { font-size: 1vw; color: dimgrey; font-weight: 400; } .inputModificaQRcode { width: 25%; border: 1px solid grey; height: 3vh; font-size: 1vw; padding-left: 0.2vw; margin-left:1.5vw; } .dropdownModificaQRCodeUbicazione { margin-left: 0.5vw; margin-right: 2vw; width: 30%; max-width: 30%; font-size:1.5vmin; height:3vh; } .dropdownModificaQRCodeCodice { margin-left: 2%; width: 40%; max-width: 40%; font-size: 1.5vmin; height: 3vh; } .textAreaModificaQRcode{ width:90%; max-width:90%; font-size:1vw; color:grey; } .divContenitoreInfo{ width:100%; overflow-y:auto; height:70vh; } .inputDatePickerTP { border: 1px solid grey; width: 40%; height: 3vh; float: left; font-size: 1vw; padding-left: 5px; max-width: 100%; margin-left:3%; } .contenitoreIntestazioneCercaQrcode { width: 94vw; overflow: hidden; height: 25vh; position: relative; } .boxButtonCercaQRCode { background: #0060AF; float: left; color: white; border: 1px solid #0060AF; cursor: pointer; width: 100%; position: relative; height: 4vh; font-size: 2.5vmin; } .settingPage { display: none; background-color: #004f5e; } .divAzioniRigaLista { float: left; width: 100%; min-height: 5vh; display: none; background-color: #004f5e;} .divContenitoreIconaAzioni { margin-right: 1%; margin-left: 1%; margin-top: 1vh; color: white; position: relative; cursor: pointer; float: left;} .divContenitoreIconaAzioni img { height: 4.5vh; margin-top: .3vh; } .divIconaAzioniConEtichetta { font-size: 1.5vmin; text-align: center; } .etichettaAzioneLista{ float: left; font-size: 1.2vmin;} .divIconaAzioni { font-size: 2.5vmin; } .divAzioniRigaListaCruscotto { float: left; width: 100%; min-height: 5vh; display: none; background-color: rgba(0,0,0,0.05);} .icona { color: #132A36; font-family: 'Dosis', 'Open Sans', sans-serif; font-size: 4vh; vertical-align: middle; display: table; } .icona_disabilitata { color: #132A36; opacity: 0.2; font-family: 'Dosis', 'Open Sans', sans-serif; font-size: 4vh; vertical-align: middle; display: table; cursor: default; } .icona_elenco { font-family: 'Open Sans', sans-serif; font-size: 2vmin; vertical-align: middle; display: table; } .icona_filtri { color: #B8BFC2; font-family: 'Dosis', 'Open Sans', sans-serif; font-size: 3vh; vertical-align: middle; display: table; } .contenuto_icona { display: table-cell; vertical-align: middle; text-align: center; padding-top: 0.5vh; } .contenuto_icona_elenco { display: table-cell; vertical-align: middle; text-align: center; } .icona_click { cursor: pointer; } .testo_icona { font-size: 0.7vw; } .iconScrollOrizzontale { color: black; font-size: 20px; padding: 0.4vmin 0; cursor: pointer; } @media only screen and (max-width: 600px) { .contenutoRecordLista { width: 92%; } .contenutoRecordListaColore { width: 91.4% !important; } .contenutoRecordListaCheck { width: 88% !important; } .contenutoRecordListaColoreCheck { width: 87.4% !important; } .elementoListaAzioni { width: 6%; } .icona_elenco { font-size: 4vmin; } .clRecord { width: 100% !important; font-size: 3.5vmin; } .clRecordCheck { width: 95% !important; font-size: 3.5vmin; } .clRecordDesktop { display: none; } .clRecordTablet { display: none; } .imgIconLista { margin-top: -5.5vmin; } .contenitoreButtonAddLista { left: calc(50% - 2.5em); } .buttonAddLista { font-size: 1.5em; } .valoreElementoLista { padding-top: 0; } .contenitoreElencoFiltri { width: 92%; } .contenitoreLeftRightFiltri { width: 8%; } .etichettaFiltroLabel { font-size: 3vmin; max-width: 75%; text-overflow: ellipsis; overflow: hidden; } .etichettaFiltroIcona { font-size: 2.5vmin; } .etichettaFiltroIconaSelezionato { font-size: 2.5vmin; } .ordAsc { padding-left: 2vmin; padding-right: 1vmin; } .iconaResetFiltri { font-size: 4vmin; } .ModificaSchedaPopUp { width: 100vw; } .chartCanvasParent { position: relative; height: 100px; width: 100px !important; } #divParentCanvasOrigination { position: relative; height: 75px; width: 75px !important; } #divParentCanvasDD { position: relative; height: 75px; width: 75px !important; } #divParentCanvasFatture { position: relative; height: 75px; width: 75px !important; } .iconScrollOrizzontale { font-size: 13px; } .schedaPopupLaterale { width: 100vw !important;} .divIconaAzioniConEtichetta { font-size: 2vmin; } .etichettaAzioneLista{ float: left; font-size: 1.5vmin;} } @media only screen and (max-width: 768px) { .schedaPopupLaterale { width: 100vw !important;} /*#bar_cruscotto { height: 200px !important;}*/ } @media screen and (max-width: 1200px) and (min-width: 992px) { .chartCanvasParent { position: relative; height: 125px; width: 125px !important; } #divParentCanvasOrigination { position: relative; height: 100px; width: 100px !important; } #divParentCanvasDD { position: relative; height: 100px; width: 100px !important; } #divParentCanvasFatture { position: relative; height: 100px; width: 100px !important; } .iconScrollOrizzontale { font-size: 17px; } } @media screen and (max-width: 992px) and (min-width: 600px) { .contenutoRecordLista { width: 94%; } .contenutoRecordListaColore { width: 93.4% !important; } .contenutoRecordListaCheck { width: 90% !important; } .contenutoRecordListaColoreCheck { width: 89.4% !important; } .elementoListaAzioni { width: 4%; } .icona_elenco { font-size: 2.3vmin; } .clRecord { width: 33% !important; } .clRecordDesktop { display: none; } .clRecordTablet { display: block; } .contenitoreElencoFiltri { width: 94%; } .contenitoreLeftRightFiltri { width: 6%; } .chartCanvasParent { position: relative; height: 125px; width: 125px !important; } .iconScrollOrizzontale { font-size: 15px; } } /***************************CRUSCOTTO*********************************/ .ordineCruscottoChiuso {background-color: #09bf0c !important; color:black !important; border: 1px solid #09bf0c !important; text-align:center !important; font-size:1em !important; } .ordineCruscottoChiuso:hover { border: 2px solid black !important; } .ordineCruscottoInLavorazione { background-color: #FFE74C !important; color:#0060AF !important; border: 1px solid #0060AF !important; text-align:center !important; font-size: 1em !important;} .ordineCruscottoInLavorazione:hover {border: 2px solid black !important} .ordineCruscottoRitardo { background-color: #EB4600 !important; color: white !important; border: 1px solid #EB4600 !important; text-align: center !important; font-size: 1em !important; } .ordineCruscottoRitardo:hover { border: 2px solid black !important; } .loadingListaCruscotto { width: 100%; height: 10vh; bottom: 5vh; left: 0; float: left; position: fixed; display: none; opacity: 0.7; z-index: 1;} .loadingListaCruscottoImg { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-size: 5%; } #pannelloProdottoCruscotto { padding: 0; padding-left: 2vw; } #pannelloOrdiniCruscotto { padding: 0; padding-left: 2vw; } #pannelloImportazioneCruscotto { padding: 0; padding-left: 2vw; } #pannelloImportazioneRAMCruscotto { padding: 0; padding-left: 2vw; } /*------------------------------------------------------------------ [ Alert validate ]*/ .validate-input { position: relative; } .alert-validate::before { content: attr(data-validate); position: absolute; max-width: 70%; background-color: white; border: 1px solid #c80000; border-radius: 14px; padding: 4px 25px 4px 10px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 8px; pointer-events: none; font-family: Montserrat-Bold; color: #c80000; font-size: 13px; line-height: 1.4; text-align: left; visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; -moz-transition: opacity 0.4s; transition: opacity 0.4s; } .alert-validate::after { content: "\f06a"; font-family: FontAwesome; display: block; position: absolute; color: #c80000; font-size: 15px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 13px; } .alert-validate:hover:before { visibility: visible; opacity: 1; } @media (max-width: 992px) { .alert-validate::before { visibility: visible; opacity: 1; } } .alert-validate-scheda::before { content: attr(data-validate); position: absolute; max-width: 70%; background-color: white; border: 1px solid #c80000; border-radius: 14px; padding: 4px 25px 4px 10px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 16px; pointer-events: none; font-family: Montserrat-Bold; color: #c80000; font-size: 13px; line-height: 1.4; text-align: left; visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; -moz-transition: opacity 0.4s; transition: opacity 0.4s; z-index: 3; } .alert-validate-scheda::after { content: "\f06a"; font-family: FontAwesome; display: block; position: absolute; color: #c80000; font-size: 15px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 20px; z-index: 2; } .alert-validate-scheda:hover:before { visibility: visible; opacity: 1; z-index: 2; } @media (max-width: 992px) { .alert-validate-scheda::before { visibility: visible; opacity: 1; z-index: 3; } } .form-check { position: relative; display: block; margin-bottom: 0.5rem; } .form-check.disabled .form-check-label { color: #868e96; } .form-check-label { padding-left: 1.25rem; margin-bottom: 0; } .form-check-input { position: absolute; margin-top: 0.25rem; margin-left: -1.25rem; } .form-check-input:only-child { position: static; } .form-check-inline { display: inline-block; } .form-check-inline .form-check-label { vertical-align: middle; } .form-check-inline + .form-check-inline { margin-left: 0.75rem; } /***************************SWITCH CUSTOM**********************************/ .switchery{background-color:#fff;border:1px solid #ddd;cursor:pointer;display:block;line-height:1;width:2.25rem;height:1.125rem;position:relative;box-sizing:content-box;border-radius:100px} .form-check-switchery .switchery{position:absolute;top:0;left:0;margin-top:.00002rem} .form-check-switchery.disabled .switchery{cursor:default} .switchery>small{background-color:#fff;width:1.125rem;height:1.125rem;position:absolute;top:0;box-shadow:0 1px 3px rgba(0,0,0,.4);border-radius:100px} .form-check-switchery:not(.dropdown-item){padding-left:3rem} .form-check-switchery:not(.dropdown-item).form-check-right{padding-left:0;padding-right:3rem} .form-check-switchery:not(.dropdown-item).form-check-right .switchery{left:auto;right:0} .form-check-switchery-double.form-check-switchery{padding-left:0;padding-right:0} .form-check-switchery-double.form-check-switchery .switchery{margin-top:0} .form-check-switchery-double .form-check-label{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center} .form-check-switchery-double .switchery{position:relative;margin-left:.625rem;margin-right:.625rem} .form-check-switchery-double input{margin-left:.625rem;margin-right:.625rem} .dropdown-item.form-check-switchery .form-check-label{padding-left:4.375rem} .dropdown-item.form-check-switchery .switchery{top:50%;left:1rem;margin-top:-.625rem} .dropdown-item.form-check-right.form-check-switchery .form-check-label{padding-right:4.375rem} .dropdown-item.form-check-right.form-check-switchery .switchery{left:auto;right:1rem} /****************************SWEET ALERT*******************************************/ .sweet-overlay { background-color: rgba(0,0,0,.4); position: fixed; left: 0; right: 0; top: 0; bottom: 0; display: none; z-index: 1050 } .sweet-alert { background-color: #fff; width: 470px; padding: 20px; border-radius: 3px; text-align: center; position: fixed; left: 50%; top: 50%; margin-left: -235px; margin-top: -200px; overflow: hidden; display: none; z-index: 1060 } .sweet-alert h2 { margin-top: 10px; font-size: 19px; text-align: center; display: block; position: relative } .sweet-alert p { text-align: center; position: relative } .sweet-alert fieldset { border: none; position: relative } .sweet-alert button { background-color: #2196f3; color: #fff; border: 0; border-radius: 3px; padding: 7px 15px; margin: 10px 5px 0 5px; box-shadow: none !important } .sweet-alert button:hover { background-color: #1e88e5 } .sweet-alert button:focus { outline: 0 } .sweet-alert button:active { background-color: #42a5f5 } .sweet-alert button.cancel { background-color: transparent; color: #333 } .sweet-alert button[disabled] { cursor: default; opacity: .6 } .sweet-alert button.confirm[disabled] { color: transparent } .sweet-alert button.confirm[disabled] ~ .la-ball-fall { visibility: visible; -webkit-transition-delay: 0s; transition-delay: 0s; opacity: 1 } .sweet-alert button::-moz-focus-inner { border: 0 } .sweet-alert[data-has-cancel-button=false] button { -webkit-box-shadow: none !important; box-shadow: none !important } .sweet-alert[data-has-cancel-button=false][data-has-confirm-button=false] { padding-bottom: 40px } .sweet-alert .sa-error-container { background-color: #f5f5f5; overflow: hidden; padding: 0 10px; max-height: 0; border-radius: 3px; -webkit-transition: padding .15s,max-height .15s; -o-transition: padding .15s,max-height .15s; transition: padding .15s,max-height .15s } .sweet-alert .sa-error-container p { display: inline-block; margin-bottom: 0 } .sweet-alert .sa-error-container.show { padding: 10px 0; max-height: 100px; -webkit-transition: padding .2s,max-height .2s; -o-transition: padding .2s,max-height .2s; transition: padding .2s,max-height .2s } .sweet-alert .sa-error-container .icon { display: inline-block; width: 16px; height: 16px; line-height: 16px; border-radius: 50%; background-color: #ff7043; color: #fff; text-align: center; margin-right: 7px } .sweet-alert .sa-input-error { position: absolute; top: 20px; right: 12px; width: 16px; height: 16px; -webkit-transform: scale(.5); -ms-transform: scale(.5); -o-transform: scale(.5); transform: scale(.5); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all .1s; -o-transition: all .1s; transition: all .1s; opacity: 0 } .sweet-alert .sa-input-error:after, .sweet-alert .sa-input-error:before { content: ""; width: 16px; height: 2px; background-color: #ef5350; border-radius: 3px; position: absolute; top: 50%; margin-top: -1px; left: 50%; margin-left: -8px } .sweet-alert .sa-input-error:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg) } .sweet-alert .sa-input-error:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) } .sweet-alert .sa-input-error.show { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1 } .sweet-alert input { width: 100%; border-radius: 3px; border: 1px solid #ddd; margin-top: 10px; margin-bottom: 10px; font-size: 13px; padding: 7px 12px; display: none; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05) inset; box-shadow: 0 1px 1px rgba(0,0,0,.05) inset; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s } .sweet-alert input::-moz-placeholder { color: #bdbdbd; opacity: 1 } .sweet-alert input:-ms-input-placeholder { color: #bdbdbd } .sweet-alert input::-webkit-input-placeholder { color: #bdbdbd } .sweet-alert input:focus { outline: 0 } .sweet-alert input:focus:-ms-input-placeholder, .sweet-alert input:focus::-moz-placeholder, .sweet-alert input:focus::-webkit-input-placeholder { -webkit-transition: opacity ease .3s 30ms; -o-transition: opacity ease .3s 30ms; transition: opacity ease .3s 30ms; opacity: .5 } .sweet-alert.show-input input { display: block } .sweet-alert .sa-confirm-button-container { display: inline-block; position: relative } .sweet-alert .la-ball-fall { position: absolute; left: 50%; top: 50%; margin-left: -27px; margin-top: 0; visibility: hidden; opacity: 0 } .sweet-alert .sa-icon { width: 80px; height: 80px; border: 4px solid #ddd; border-radius: 50%; margin: 10px auto 20px auto; padding: 0; position: relative; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } .sweet-alert .sa-icon.sa-error { border-color: #f44336 } .sweet-alert .sa-icon.sa-error .sa-x-mark { position: relative; display: block } .sweet-alert .sa-icon.sa-error .sa-line { position: absolute; height: 5px; width: 47px; background-color: #f44336; display: block; top: 37px; border-radius: 2px } .sweet-alert .sa-icon.sa-error .sa-line.sa-left { left: 17px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { right: 16px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg) } .sweet-alert .sa-icon.sa-warning { border-color: #ff5722 } .sweet-alert .sa-icon.sa-warning .sa-body { position: absolute; width: 5px; height: 47px; left: 50%; top: 10px; border-radius: 2px; margin-left: -2px; background-color: #ff5722 } .sweet-alert .sa-icon.sa-warning .sa-dot { position: absolute; width: 7px; height: 7px; border-radius: 50%; margin-left: -3px; left: 50%; bottom: 10px; background-color: #ff5722 } .sweet-alert .sa-icon.sa-info { border-color: #2196f3 } .sweet-alert .sa-icon.sa-info:before { content: ""; position: absolute; width: 5px; height: 29px; left: 50%; bottom: 17px; border-radius: 2px; margin-left: -2px; background-color: #2196f3 } .sweet-alert .sa-icon.sa-info:after { content: ""; position: absolute; width: 7px; height: 7px; border-radius: 50%; margin-left: -3px; top: 19px; background-color: #2196f3 } .sweet-alert .sa-icon.sa-success { border-color: #4caf50 } .sweet-alert .sa-icon.sa-success:after, .sweet-alert .sa-icon.sa-success:before { content: ''; border-radius: 50%; position: absolute; width: 60px; height: 120px; background-color: #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) } .sweet-alert .sa-icon.sa-success:before { border-radius: 120px 0 0 120px; top: -7px; left: -33px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 60px 60px; -moz-transform-origin: 60px 60px; -ms-transform-origin: 60px 60px; transform-origin: 60px 60px } .sweet-alert .sa-icon.sa-success:after { border-radius: 0 120px 120px 0; top: -11px; left: 30px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 60px; -moz-transform-origin: 0 60px; -ms-transform-origin: 0 60px; transform-origin: 0 60px } .sweet-alert .sa-icon.sa-success .sa-placeholder { width: 80px; height: 80px; border: 4px solid rgba(76,175,80,.2); border-radius: 50%; position: absolute; left: -4px; top: -4px; z-index: 2; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } .sweet-alert .sa-icon.sa-success .sa-fix { width: 5px; height: 90px; background-color: #fff; position: absolute; left: 28px; top: 8px; z-index: 1; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg) } .sweet-alert .sa-icon.sa-success .sa-line { height: 5px; background-color: #4caf50; display: block; border-radius: 2px; position: absolute; z-index: 2 } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { width: 25px; left: 14px; top: 46px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { width: 47px; right: 8px; top: 38px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg) } .sweet-alert .sa-icon.sa-custom { background-size: contain; border-radius: 0; border: 0; background-position: center center; background-repeat: no-repeat } @media (max-width:480px) { .sweet-alert { width: auto; margin-left: 0; margin-right: 0; left: 20px; right: 20px } } @-webkit-keyframes showSweetAlert { 0% { -webkit-transform: scale(.7); -ms-transform: scale(.7); -o-transform: scale(.7); transform: scale(.7) } 45% { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05) } 80% { -webkit-transform: scale(.95); -ms-transform: scale(.95); -o-transform: scale(.95); transform: scale(.95) } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1) } } @keyframes showSweetAlert { 0% { -webkit-transform: scale(.7); -ms-transform: scale(.7); -o-transform: scale(.7); transform: scale(.7) } 45% { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05) } 80% { -webkit-transform: scale(.95); -ms-transform: scale(.95); -o-transform: scale(.95); transform: scale(.95) } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1) } } .showSweetAlert[data-animation=pop] { -webkit-animation: showSweetAlert .3s; -o-animation: showSweetAlert .3s; animation: showSweetAlert .3s } .showSweetAlert[data-animation=none] { -webkit-animation: none; -o-animation: none; animation: none } @-webkit-keyframes hideSweetAlert { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(.5); -ms-transform: scale(.5); -o-transform: scale(.5); transform: scale(.5) } } @keyframes hideSweetAlert { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(.5); -ms-transform: scale(.5); -o-transform: scale(.5); transform: scale(.5) } } .hideSweetAlert[data-animation=pop] { -webkit-animation: hideSweetAlert .2s; -o-animation: hideSweetAlert .2s; animation: hideSweetAlert .2s } .hideSweetAlert[data-animation=none] { -webkit-animation: none; -o-animation: none; animation: none } @-webkit-keyframes slideFromTop { 0% { top: 0 } 100% { top: 50% } } @keyframes slideFromTop { 0% { top: 0 } 100% { top: 50% } } .showSweetAlert[data-animation=slide-from-top] { -webkit-animation: slideFromTop .3s; -o-animation: slideFromTop .3s; animation: slideFromTop .3s } @-webkit-keyframes slideToTop { 0% { top: 50% } 100% { top: 0 } } @keyframes slideToTop { 0% { top: 50% } 100% { top: 0 } } .hideSweetAlert[data-animation=slide-from-top] { -webkit-animation: slideToTop .4s; -o-animation: slideToTop .4s; animation: slideToTop .4s } @-webkit-keyframes slideFromBottom { 0% { top: 70% } 100% { top: 50% } } @keyframes slideFromBottom { 0% { top: 70% } 100% { top: 50% } } .showSweetAlert[data-animation=slide-from-bottom] { -webkit-animation: slideFromBottom .3s; -o-animation: slideFromBottom .3s; animation: slideFromBottom .3s } @-webkit-keyframes slideToBottom { 0% { top: 50% } 100% { top: 70% } } @keyframes slideToBottom { 0% { top: 50% } 100% { top: 70% } } .hideSweetAlert[data-animation=slide-from-bottom] { -webkit-animation: slideToBottom .3s; -o-animation: slideToBottom .3s; animation: slideToBottom .3s } .inputNumberGestione::-webkit-outer-spin-button, .inputNumberGestione::-webkit-inner-spin-button { /* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none; margin: 0; /* <-- Apparently some margin are still there even though it's hidden */ } /**********************SCARTI***********************************************/ .barraStato { width: 1vh; height: 4vh; margin-left: 1vh; } #pannelloConfigurazioneScarti { padding: 0; padding-left: 2vw; } #pannelloImpostaConfigurazione { padding: 0; padding-left: 2vw; } #pannelloDettaglioVenditePC { padding: 0; padding-left: 2vw; } #pannelloGestioneAnagraficaClientiPC { padding: 0; padding-left: 2vw; } .testoCentratoSinistra { text-align: left !important; } .bg-info { color: #ffffff; background-color: #5bc0de; border-color: #46b8da; } @media (min-width: 992px) { .modal-lg { width: 900px; } }