.allarme { /*display:none!important;*/ }

html { height:100%; }
body { display:flex; z-index:1; font-size:15px; min-height:100%; font-family: 'roboto', sans-serif, Arial, Tahoma, Verdana; margin:0; padding:0; color:#202020; background:#f5f5f5; }


* { box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

a { color:var(--erpcolorlink); text-decoration:none; }
a:hover { text-decoration:underline; }

tfoot td, 
strong { font-weight:500; }

p { margin:0 0 1em; }
img { border:0; }
del { display:none; }

h1, h2, h3, h4, h5, h6 { color:#737373; margin:4px 0; line-height:1.2; font-weight:500; }
h1 { font-size:22px; font-weight:700; padding:0; margin:0 0 15px; color:#737373; }
h2 { font-size:20px; line-height:22px; border-bottom:1px solid var(--erpcolor); margin-bottom:8px; }
h3 { font-size:18px; }
h4 { font-size:15px; }
h5 { font-size:12px; }
h6 { font-size:11px; }





form { width:100%; max-width:100%; }
input, select, textarea { width:100%; height:24px; border:1px solid #ccc; padding:2px; margin-bottom:3px; max-width:100%; border-radius: 3px; font-size: 1em; }
input + input { margin:0 0 0 3px; }
input:hover, select:hover, textarea:hover { border:1px solid #777; }
input:focus, select:focus, textarea:focus { border:1px solid #777; }
textarea { height:7em; font-family: inherit; }
textarea.wysiwyg { min-height:200px; }
input.inputinvia { width:auto; min-width:0; color:#FFF; border:1px solid var(--erpcolor); background-color:var(--erpcolor); cursor:pointer; text-transform:uppercase; padding-left:1em; padding-right:1em; }
input.inputinvia:hover { color:#fff; border:1px solid var(--erpcolorhover); background-color:var(--erpcolorhover); }
input.hasDatepicker { width:6em; }

input[type=text],
input[type=password],
input.inputinvia,
select, 
textarea { -webkit-appearance:none; -moz-appearance:none; appearance:none; }

input.checkbox { min-width:15px; width:15px; }
input[readonly], select[readonly], textarea[readonly] { background:#eee }
input[readonly]:hover, select[readonly]:hover, textarea[readonly]:hover { border:1px solid #ccc; }
input[readonly]:focus, select[readonly]:focus, textarea[readonly]:focus { border:1px solid #ccc; }
input[disabled], select[disabled], textarea[disabled] { background:#eee }
input[disabled]:hover, select[disabled]:hover, textarea[disabled]:hover { border:1px solid #ccc; }
input.password {  }
input[type=file] { padding:0; }
.checkbox { margin-bottom:0.1em; white-space:nowrap; }
.checkbox label { display:inline; white-space:nowrap; }
input[type="checkbox"] { border:none!important; height:auto; min-width:15px; width:15px; max-width:15px; }
th input[type="checkbox"] { border:none!important; min-width:100%!important; width:100%!important; max-width:100%!important; }

select { /*	text-indent: 1px; text-overflow: ''; */ padding-right:22px; background-image:url('/core/images/nuovaui3/select-arr.svg'); background-repeat:no-repeat; background-position-x:calc(100% + 1px); background-position-y: -1px; background-size: 19px; }

.radio { margin-bottom:0.1em; white-space:nowrap; min-height:20px; }
.radio label { display:inline; white-space:nowrap; }
.radio input { border:none!important; height:auto; min-width:15px; width:15px; max-width:15px; }

.obl { background:#CC0000; color:#fff; border:1px solid #CC0000!important; }
.invalido { color:#444; border:1px solid #ffdd00!important; background:url(/core/images/icone/warning.png) no-repeat 99.5% #fffab2; background-size:16px 16px; }

td label { display:inline-block; margin-top:3px; }

form td { border:none; }
.calendarButton { width:20px!important; padding:0; }
tfoot input, tfoot select, tfoot texarea { width:98%!important; min-width:0; overflow:hidden; margin:-2px 0 1px -3px; }

table.orizzontale input, .orizzontale select, .orizzontale textarea { width:auto; margin:0 2px 3px 0; }
table.orizzontale input.inputinvia { margin-top:3px;}
table.orizzontale .checkbox input,
table.orizzontale .checkbox,  
table.orizzontale .radio input { min-width:0; }
table.orizzontale .checkbox { margin:0 5px 0 0; }
table.orizzontale .hasDatepicker { width:6em; }

/*
.hasDatepicker { padding-right:24px; background-image:url(/core/images/nuovaui3/input-calendario.svg); background-repeat:no-repeat; background-position-x:calc(100% - 4px); background-position-y:4px; background-size:16px; }
*/

div.orizzontale { display:flex; flex-flow: row wrap; margin:0 -0.5em; }
div.orizzontale .uncampo { float:left; margin:0 0.3em 1.5em; }
div.orizzontale .uncampo>label, 
div.orizzontale .uncampo>input, 
div.orizzontale .uncampo>select { display:block; }
div.orizzontale input + input { margin:0; }

.selectenum { display:table; width:100%; }
.selectenum .selectenumselect { display:table-cell; width:100%; }
.selectenum .selectenumimg { display:table-cell; padding:0 5px; }

.dragable { width:15px; height:auto; float:left; margin:1px 3px 0 2px; }
.dragable .sinistro, .dragable .destro { width:2px; height:2px; background:#aaa; float:left; margin:2px; }



/*
.suggestions { border:1px solid #e8e8e8; position:absolute; }
.suggestions div { cursor:default; padding:1px 3px; background-color:#f3f9ff; }
.suggestions div.current { background-color:#375a90; color:white; }
*/

.messaggio { min-height:20px; font-size:1.2em; cursor:pointer; margin:0 0 0.7em; padding:0.5em 1em; transition:ease-in-out .2s; }
.messaggio a { text-decoration:underline; }
.messaggio ol { margin:0; padding:0 0 0 1.6em; }
td .messaggio { margin:0 0 1px; }

.messaggio { color:#fff; background:url('/core/images/chiudi-messaggio.png') no-repeat right 1em center #08903c; }
.messaggio:hover { background:url('/core/images/chiudi-messaggio.png') no-repeat right 1em center #067932; }
.errore { color:#fff; background:url('/core/images/chiudi-messaggio.png') no-repeat right 1em center #CC0000!important; }
.errore:hover { background:url('/core/images/chiudi-messaggio.png') no-repeat right 1em center #b70000!important; transition:ease-in-out .2s; }
.warning { color:#000; background:url('/core/images/chiudi-messaggio.png') no-repeat right 1em center #fd0!important; }
.warning:hover { background:url('/core/images/chiudi-messaggio.png') no-repeat right 1em center #ecce00!important; transition:ease-in-out .2s; }
.info { color:#006AAB; color:#fff; background:url('/core/images/chiudi-messaggio.png') no-repeat right 1em center #88B6ED!important; }
.info:hover { background:url('/core/images/chiudi-messaggio.png') no-repeat right 1em center #66a0e8!important; transition:ease-in-out .2s; }

#risultatiMessaggiErp { position:fixed; z-index:150; width:96%; height:auto; bottom:0; left:2%; }
#popup #risultatiMessaggiErp { /*width:958px; left:23px!important;*/ }


.iconeerp { font-size:15px; }
th .iconeerp  { color:#ffffff!important; }
.faconsottoicona { margin-right:5px; position:relative; }
.fasubicon { position:absolute; background:#fff; bottom:-4px; right:-5px; display:inline-block; border-radius:50%; font-size:11px; height:11px; line-height:11px; width:11px; text-align:center; }

.cke_editable_inline { border:1px solid #ccc; border-radius: 3px; outline: none; background:url(/core/images/ckeditor.png) no-repeat bottom right #fff; cursor: text; padding:2px; min-height:150px; }
.cke_focus {  }
.cke { padding-bottom:3px; }


.spacer { display:block; clear:both; font-size:1px; height:1px; }














#erplogin { height:100%; width:100%; font-size:14px; background:#333; color:#202020; }
#erplogincontainer { position:relative; height:100%; width:100%; }
#erplogincontent { position:absolute; top:48%; left:50%; transform:translate(-50%, -50%); width:400px; }
#erploginmain { background:#f5f5f5; padding:25px 50px 7px;  }
#erploginlogo { text-align:center; margin:0 0 2rem; }
#erplogin form { margin:0 0 2em; }
#erplogin input { width:100%; }
#erplogin input:-webkit-autofill,
#erplogin input:-webkit-autofill:hover, 
#erplogin input:-webkit-autofill:focus { background:#fff; }
#erploginpassworddimenticata { display:block; text-align:center; padding-top:5px; margin-bottom:20px; }
#erploginfooter { text-align:center; }
#erploginversione { padding:0 1em; color:#ddd!important; font-size:12px; }
#erploginversione span { color:#ddd!important; }
#erplogoweasy { padding:0.5em 1em; display:inline-block; }
#erplogininfo { display:none; color:#eee; padding:5px; height:10px; }
a.link-areautenti { width:100%; font-size:13px; text-align:center; border-radius:3px; float:left; min-width:0; color:#FFF; border:1px solid var(--erpcolor); background-color:var(--erpcolor); cursor:pointer; text-transform:uppercase; padding:4px 1em 2px; }
a.link-areautenti:hover { text-decoration:none; color:#fff; border:1px solid var(--erpcolorhover); background-color:var(--erpcolorhover); }
#logintorna { display:block; text-align:center; }











.wrapper { flex:0 0 cal(100% - 320px); display:flex; flex-direction:column; }
#wrapperappunti { display:flex; }



.allarme { background:#CC0000; line-height:2em; margin:0 0 10px; padding:0 10px; color:#fff; }



#loadingrichiesteajax { visibility:hidden; top:0; position:sticky; z-index:999; background:#f9f9f9; margin:0 50%; height:0px; }
#loadingrichiesteajax img { background:#fff; padding:5px; margin:8px; border-radius:21px; }



/*
#popup { margin:0 auto; max-width:1500px; padding:16px; display:block; }
#popupcontainer { width:100%; background:#fff; padding:16px; border:1px solid #ccc; margin-bottom:10px; }
*/
#popup { display:block; }
#popupmain { margin:0 auto; max-width:1500px; padding:16px; display:block; }
#popupcontainer { width:100%; background:#fff; padding:16px; border:1px solid #ccc; margin-bottom:10px; }


#header { flex:0 0 60px; display:flex; align-items:center; align-content:stretch; border-bottom:1px solid #ccc; background:#fff; height:60px; }

#header #logo { flex:0 0 180px; text-align:center; }
#header #logo a { display:inline-block; padding:5px 0; text-decoration:none; }
#header #logo a img { width:120px; }

#header #lastlogin { flex:10; padding:0 16px; }

#header #utility { flex:1; display:flex; font-size:11px; }
#header #utility a { color:#202020; text-decoration:none; }


#header #utility .utility { background-size:24px; background-repeat:no-repeat; background-position:top center; padding-top:24px; display:inline-block; height:40px; margin:10px 0; width:60px; text-align:center; -webkit-transition: background 0.7s; transition: background 0.7s; white-space:nowrap; }

#header #utility #data { display:none; }

#header #utility #utilitymenupricipale { display:none; background-image:url(/core/images/nuovaui3/utility-menu.svg); }
#header #utility #utilitymenupricipale:hover { background-image:url(/core/images/nuovaui3/utility-menu-hover.svg); }

#header #utility #utilityappunti { display:none; background-image:url(/core/images/nuovaui3/utility-appunti.svg); }
#header #utility #utilityappunti:hover { background-image:url(/core/images/nuovaui3/utility-appunti-hover.svg); }

#header #utility #gestionepreferiti { background-image:url(/core/images/nuovaui3/preferiti.svg); }
#header #utility #gestionepreferiti:hover { background-image:url(/core/images/nuovaui3/preferiti-hover.svg); }

#header #utility #user { background-image:url(/core/images/nuovaui3/utenti.svg); }
#header #utility #user:hover { background-image:url(/core/images/nuovaui3/utenti-hover.svg); }
#header #utility #user img { display:inline-block; width:24px; }
#header #utility #user span { display:block; width:100%; }
#header #utility #user strong { display:block; width:100%; font-weight:normal; }

#header #utility #lingue { position:relative; }
#header #utility #lingue:hover #bandiere { height:auto; border:1px solid #ccc; border-top:0; }
#header #utility #lingue #bandiere { position:absolute; z-index:5; float:left; width:100%; height:0; overflow:hidden; background:#fff; -webkit-transition: height 0.7s; transition: height 0.7s; }
#header #utility #lingue #bandiere a { display:block; height:34px; padding:5px 0; }
#header #utility #lingue #bandiere a img { display:inline-block; }

#header #utility #messaggisticainterna { background-image:url(/core/images/nuovaui3/newsletter.svg); position:relative; }
#header #utility #messaggisticainterna:hover { background-image:url(/core/images/nuovaui3/newsletter-hover.svg);  }
#header #utility #messaggisticainterna img { display:inline-block; width:24px; }
#header #utility #messaggisticainterna span:not(:empty) { display:inline-block; background:red; position:absolute; top:-6px; right:10px; width:17px; height:17px; line-height:17px; color:#fff; font-weight:bold; border-radius:50%; }

#header #utility #logout { background-image:url(/core/images/nuovaui3/esci.svg);  }
#header #utility #logout:hover { background-image:url(/core/images/nuovaui3/esci-hover.svg);  }
#header #utility #logout span { display:block; width:100%; }







#main { flex:1 0 calc(100% - 120px); display:flex; }

#sx { flex:0 0 180px; background:#333; }
#cx { width:100%; font-size:0.9em; padding:0 16px 16px; vertical-align:top; /* NO OVERFLOW X STICKY overflow:hidden;*/ }

#sx.menuaperto { flex:0 0 180px; }
#sx.menuchiuso { flex:0 0 47px; }
#sx.menuaperto + #cx { flex:0 0 calc(100% - 180px); }
#sx.menuchiuso + #cx { flex:0 0 calc(100% - 47px); -webkit-transition: 0.7s; transition: 0.7s; }
#sx.menuchiuso:hover + #cx { flex:0 0 calc(100% - 180px); }

#sx.menuaperto #nav ul { margin:0; }
#sx.menuchiuso #nav ul { margin-left:-180px; -webkit-transition: 0.7s; transition: 0.7s; }

#sx.menuchiuso:hover {  }
#sx.menuchiuso:hover #nav ul { margin-left:0; }



#nav { background:inherit; z-index:1000; display:block; }
#nav ul { width:180px; list-style-type:none; margin:0; padding:0; background:inherit; }
#nav ul li { padding:0; margin:0; }
#nav ul li span,
#nav ul li a { display:block; color:#fff; text-transform:capitalize; padding:0.5em 1em; text-decoration:none; }
#nav>ul>li>span { background:url(/core/images/nuovaui3/menu_piu.svg) no-repeat center right +1em; background-size:10px; cursor:pointer; }
#nav ul li span:hover { background-color:#222; }
#nav ul li a:hover { background-color:#222; }
#nav>ul>li {  }
#nav>ul>li>ul { display:none; }
#nav>ul>li.menuprincipaleaperto>span { background-image:url(/core/images/nuovaui3/menu_meno.svg); background-color:#2d2d2d; }
#nav>ul>li.menuprincipaleaperto>ul { display:block; }
#nav>ul>li.attivo>ul { display:block; }
#nav>ul>li>ul>li>a { background-color:#666; }
#nav>ul>li>ul>li>a:hover { background-color:#555; }



/*
#nav { background:inherit; z-index:1000; display:block; }
#nav ul { width:180px; list-style-type:none; margin:0; padding:0; background:inherit; }
#nav ul li { padding:0; margin:0; }
#nav ul li div,
#nav ul li a { display:block; color:#fff; text-transform:capitalize; padding:0.5em; text-decoration:none; }
#nav>ul>li>div { background:url(/core/images/nuovaui3/menu_piu.svg) no-repeat center right +1em; background-size:10px; cursor:pointer; }
#nav ul li div:hover { background-color:#222; }
#nav ul li a:hover { background-color:#222; }
#nav>ul>li {  }
#nav>ul>li>ul { display:none; }
#nav>ul>li.menuprincipaleaperto>span { background-image:url(/core/images/nuovaui3/menu_meno.svg); background-color:#2d2d2d; }
#nav>ul>li.menuprincipaleaperto>ul { display:block; }
#nav>ul>li.attivo>ul { display:block; }
#nav>ul>li>ul>li>a { background-color:#666; }
#nav>ul>li>ul>li>a:hover { background-color:#555; }


#nav .iconeerp { color:#fff!important; }
*/


#nav #bloccanav,
#nav #boxpreferiti { margin-bottom:0.3em; }

#nav #bloccanav { overflow:hidden; -webkit-transition: 0.7s; transition: 0.7s; }
.menuaperto #nav #bloccanav { width:180px; }
.menuchiuso #nav #bloccanav { width:47px; }
.menuchiuso:hover #nav #bloccanav { width:180px; overflow:hidden; }
#nav #bloccanav a { text-indent:-999em; width:180px; display:block; padding:0.5em 1em; background-image:url(/core/images/nuovaui3/menu.svg); background-size:18px; background-repeat:no-repeat; background-position: center left +1em; }
#nav #bloccanav a span { display:block; background-image:url(/core/images/nuovaui3/pushpin-menu.svg); background-size:18px; background-repeat:no-repeat; background-position: center right; } 
.menuaperto #nav #bloccanav a span { background-image:url(/core/images/nuovaui3/pushpin-menu-pinned.svg); }
.menuchiuso #nav #bloccanav a span { background-image:url(/core/images/nuovaui3/pushpin-menu.svg); }



#content { /*float:left;*/ background: #FFFFFF; padding: 16px 16px 0; border:1px solid #c8c8c8; color: #555; width: 100%; max-width: 100%; /* NO OVERFLOW X STICKY overflow:hidden;*/ }

#briciole { padding:0.5em 0; }



#navsecondaria { margin:0.5em 0 1em; }
#navsecondaria ul { list-style-type:none; margin:0; padding:0; }
#navsecondaria ul li { padding:0; margin:0 0.5em 0 0; display:inline; }
#navsecondaria ul li a { display:inline; text-transform:capitalize; padding:0.5em; text-decoration:none; font-size:16px; border-bottom:2px solid #f5f5f5; -webkit-transition: border 0.4s; transition: border 0.4s; }
#navsecondaria ul li a.attivo { border-bottom:2px solid var(--erpcolor); }
#navsecondaria ul li a:hover { border-bottom:2px solid var(--erpcolor); }





/*
@media ( min-width : 600px ) {
	.boxcolonna { border-bottom:1px solid #fff; margin-bottom:50px; width:inherit; }
	.boxcolonna h3 { width:150px; margin:0; padding:3px 0 2px 35px; border:1px solid #999; background:url(/core/images/menu-sec-bg-titolo.jpg) no-repeat top left #b3b3b3; line-height:20px;  color:#fff; font-size:12px; text-transform:uppercase; cursor:pointer; }
	.boxcolonna ul { margin:1px 0 0; padding:0; list-style-type:none; border:1px solid #ccc; background:#e6e6e6; }
	.boxcolonna ul li { width:150px; padding:0; font-size:12px; }
	.boxcolonna ul li + li { border-top:1px solid #cfcbc8; }
	.boxcolonna ul li a { display:block; margin:0; padding:5px 2px 5px 30px; font-size:12px; background-repeat:no-repeat; background-position:4px 3px; background-size:19px 19px; color:#666; }
}
*/

#proprietapagina { display:table; width:100%; margin:0 0 0.5rem; }
#proprietapagina #titolopagina { display:table-cell; width:100%; vertical-align:bottom; }
#proprietapagina #titolopagina h1 {margin:0; }
#proprietapagina #proprieta { display:table-cell; white-space:nowrap; vertical-align:bottom; text-align:right; }
#proprietapagina #proprieta a { display:inline-block; margin:0 0 0 0.7em; background-repeat:no-repeat; background-position:center center; background-size:20px 20px; width:20px; height:20px; }
#proprietapagina #preferitiaggiungi { background-image:url(/core/images/nuovaui3/preferiti_add.svg); }
#proprietapagina #preferitiaggiungi:hover { background-image:url(/core/images/nuovaui3/preferiti_add-hover.svg); }
#proprietapagina #guidaErpHelp { background-image:url(/core/images/nuovaui3/info.svg); }
#proprietapagina #guidaErpHelp:hover { background-image:url(/core/images/nuovaui3/info-hover.svg); }
#proprietapagina #log { background-image:url(/core/images/nuovaui3/log.svg); }
#proprietapagina #log:hover { background-image:url(/core/images/nuovaui3/log-hover.svg); }


table.console { margin-bottom:1em; border-bottom:1px solid #ccc; }
table.console td { text-align:left; vertical-align: middle; padding:2px 0; font-size:18px; text-transform:uppercase; color:#222; }
table.console td:first-child a { margin:0 3px 0 0; float:left; }
table.console td:last-child a { margin:0 0 0 3px; float:right; }
table.console + table.console { border-top:1px solid #fff; margin-top:-9px; }
/*
div.console { display:table; width:100%; border-bottom:1px solid var(--erpcolor); margin-bottom:8px; font-size:18px; text-transform:uppercase; color:var(--erpcolor); }
div.console .consolesx { display:table-cell; padding:2px 0; vertical-align:bottom; }
div.console .consoledx { display:table-cell; padding:2px 0; text-align:right; vertical-align:bottom; }
div.console a { display:inline-block; font-size:12px; line-height:20px; text-align:center; white-space:nowrap; border:1px solid #ccc; color:#818181; color:#777; text-decoration:none; background-color:#fff; background-position:6px center; background-repeat:no-repeat; padding:0 6px 0 28px; background-size:18px 18px; }
div.console a:hover,
div.console a.sel { border:1px solid var(--erpcolor); color:var(--erpcolor); }
div.console + div.console { border-top:1px solid #fff; margin-top:-9px; }
div.console .consolesx a { margin-left:0; margin-right:3px; }
div.console .consoledx a { margin-left:3px; margin-right:0; }
*/


/*
.pulsante { background-color:#fff; background-position:6px center; background-repeat:no-repeat; padding:0 6px 0 28px; background-size:18px 18px; }

.pulsante { display:inline-block; margin:0 0 0 3px; font-size:14px; min-width:40px; text-align:center; white-space:nowrap; text-decoration:none; border:1px solid var(--erpcolor); border-radius:3px; line-height:2.5rem; transition: 0.4s; }
.pulsante:hover,
.pulsante.sel { border:1px solid var(--erpcolor); background-color:#BB0000; color:#fff; text-decoration:none; }
.senzatesto { background-position:center center!important; padding:0!important; }
.senzatesto::after { content: '.'; color:transparent; }
.senzaicona { text-align:center; padding:0 6px!important; min-width:32px; }
*/

.pulsante { display:inline-block; background-color:#fff; padding:0 6px; margin:0 0 0 3px; font-size:14px; min-width:40px; text-align:center; white-space:nowrap; text-decoration:none; border:1px solid #CCC; color:#666; border-radius:3px; line-height:1.8rem; transition: 0.4s; }
.pulsante:hover,
.pulsante.sel { border:1px solid #CCC; background-color:#eee; color:#333; text-decoration:none; }
.pulsante .iconeerp { margin-right: 0.4em; }

/*
.pulsantetab { background-image:url(/core/images/chiuso.png); background-position:left center!important; padding:0 6px 0 20px!important; }
.pulsantetab.sel { background-image:url(/core/images/aperto.png); }
.pulsantetab:hover { background-image:url(/core/images/aperto.png); }

.pulsantefiltro { background-image:url(/core/images/icone/filtro.png);}
.pulsantefiltro:hover,
.pulsantefiltrosel { border:1px solid var(--erpcolor)!important; color:#fff!important; background-color:var(--erpcolor)!important; }

h3 .pulsante, h4 .pulsante, h5 .pulsante, h6 .pulsante { float:right; }
*/
.pulsanteattivo { display:inline-block; margin:0 0 0 3px; font-size:14px; min-width:40px; text-align:center; white-space:nowrap; text-decoration:none; border:1px solid var(--erpcolor); border-radius:3px; padding:0 1em; background-image:none!important; transition: 0.4s; }
.pulsanteattivo:hover,
.pulsanteattivosel { display:inline-block; margin:0 0 0 3px; font-size:14px; min-width:40px; text-align:center; white-space:nowrap; text-decoration:none; border:1px solid var(--erpcolor); background:var(--erpcolor); color:#fff; border-radius:3px; padding:0 1em; background-image:none!important; transition: 0.4s; }
.pulsanteattivo + .pulsanteattivo { margin-bottom:5px; } 



#footer { flex:0 0 60px; display:table; table-layout:fixed; width:100%; font-size:12px; background:#fff; height:60px; }
#footer1 { display:table-cell; color:#fff; width:180px; padding:10px; text-align:center; vertical-align:middle; }
#footer1 span { display:block; }
#footer1 a { color:#fff; }
#footer2 { display:table-cell; width:100%; padding:1em 16px; vertical-align:middle; }
#footer3 { display:table-cell; width:240px; color:#666; padding:10px; text-align:right; vertical-align:middle; }
#footer3 #versione { padding:0 5px 5px; color:#666; }
#footer3 #permessidipagina { padding:0 5px 5px; }





#wrapperappunti { display:flex; background:#fff; }

.appuntiaperti { flex: 0 0 320px; width:320px; /*border:2px solid red;*/ }
.appuntichiusi { flex: 0 0 60px; width:60px; /*border:2px solid green;*/ }


#contenitoreareaappunti { width:inherit; overflow:hidden; padding: 0 0 15px; position:relative; z-index:1000; }
.appuntiaperti #contenitoreareaappunti {  }
.appuntichiusi #contenitoreareaappunti {  }


.appuntichiusi #contenitoreareaappunti { -webkit-transition: all 0.7s; transition: all 0.7s; transition-delay: .4s; transition-property: all; }
.appuntichiusi:hover #contenitoreareaappunti { margin-left:-260px; width:320px; }


.appuntiaperti h4#bloccaappunti { background-image:url(/core/images/nuovaui3/pushpin-pinned.svg); }
.appuntichiusi h4#bloccaappunti { background-image:url(/core/images/nuovaui3/pushpin.svg); }

/*
#contenitoreareaappunti { flex:1 0 100%; } 
*/
#areaappunti { height:100%; width:320px; background:#fff; color:#737373; font-size:12px; border-left:1px solid #c8c8c8; }
.appuntichiusi #areaappunti { /*-webkit-transition: margin 0.7s; transition: margin 0.7s; transition-delay: .4s; transition-property: margin;*/ }



h4#bloccaappunti { height:60px; line-height:60px; margin:0; width:100%; text-align:center; display:inline-block; cursor:pointer; background-repeat:no-repeat; background-position:center left +18px; background-size:24px; }

#textareatestoappunto { border:0; background:inherit; }
#inputdataappunto { color:#fff; width:0; height:0; border:0; position:fixed; }


#elencoappunti { overflow-y:auto; overflow-x:hidden; width:calc(100%); height:calc(100% - 60px); float:left; padding:0 16px; }

#areaappunti .appunto { display:table; width:100%; border-bottom:1px solid #ccc; color:#222; background:rgba(255, 255, 255, 0.8); }
#areaappunti .appunto .datascadenzaappunto { cursor:pointer; display:table-cell; vertical-align: top; padding:0.5em 0; border-right:10px solid #fff; width:34px; text-align:center; font-size:12px; color:#666; padding:1px 0 2px; }
#areaappunti .appunto .datascadenzaappunto span { font-size:18px; }
#areaappunti .appunto .datascadenzaappunto:empty { background:url(/core/images/nuovaui3/calendar.png) no-repeat center top +0.35em; background-size: 20px; }
#areaappunti .appuntoscaduto .datascadenzaappunto { color:red; }
#areaappunti .appunto .testoappunto { cursor:pointer; display:table-cell; padding:0.5em 0; }
#areaappunti .appunto .maniglia { display:table-cell; background:#ccc; width:4px; border:5px solid #fff; border-radius:10px; padding:0 0 0 4px; cursor:grab; }

#areaappunti #areaaggiungiappunto { border:1px dashed #aaa; background:#fff; color:#666; margin:0.5em 0; height:50px; width:100%; cursor:pointer; }
#areaappunti:hover #areaaggiungiappunto { background:background-image:url(/core/images/nuovaui3/appunti-add.svg) no-repeat center cenetr #fafafa; }

#contenitoreareaappunti .appuntibloccati { margin-left:-260px; }









table { border-collapse:collapse; table-layout:auto; width:100%; max-width:100%; }

table tr { vertical-align:top; }

.form { margin-bottom:1em; }

.dati { position: relative; margin-bottom:1.7em; line-height:1.1em; background:#fff; }
.dati tr { vertical-align:top; }
.dati th { position:sticky; z-index:1; top:-1px; white-space:nowrap; vertical-align:middle; height:35px; background:#aaa; border:1px solid #999!important; color:#fff; padding:3px 6px 4px; font-weight:normal; text-transform:uppercase; text-align:left; }
.dati th a { text-decoration:none!important; color:#fff; }
.dati th a.link { text-decoration:underline!important; color:#fff; }
.dati th img {  }
.dati td { border:1px solid #d6d6d6; padding:4px 6px; } 
.dati td.maniglia.alt { cursor:move; background:url(/core/images/maniglia.png) no-repeat bottom right #fffddd!important; }
.dati td.maniglia { cursor:move; background:url(/core/images/maniglia.png) no-repeat bottom right!important; }
.dati tbody tr.rigaevidenziatadblclick { background:#cee6af!important; }
.dati tfoot td { background:#e2e2e2; background:#ededed; color:#000; }
.dati td.notable { border:none; background:#fff; }
.dati tr:hover { background:#d0ebce!important; color:#000!important; }
.dati tr:hover td.alt { background-color:#d0ebce!important; color:#000!important; }






.righealterne tr:nth-child(even) { background:#f6f6f6; }
/*
.dati td input[type="text"] { max-width:95%; margin:-2px 0 0; padding:1px; }
.dati td select { max-width:95%; margin:-2px 0 0; padding:1px; }
.dati ul { margin:0; padding:0 0 0 1em; }
.dati .iconecms { margin:-2px 0 -1px; }
*/
.sin { text-align:left!important; }
.cen { text-align:center!important; }
.des { text-align:right!important; }
.max { width:100%; }
.nowrap { white-space:nowrap; }
.acapo { white-space:normal!important; }
.testoacapo { word-break:break-all; }
.smwrap { white-space:nowrap; }
.padding0 { padding:0!important; }
.padding0 .dati { margin:0!important; }


.dati th.cellastretta { letter-spacing:-2px; padding-left:3px; padding-right:3px; }
.datistretti th { padding-left:2px; padding-right:2px; }
.datistretti td { padding-left:3px; padding-right:3px; }


th.sortable,
th.sortable-text,
th.sortable-date,
th.sortable-keep,
th.sortable-date-dmy,
th.sortable-numeric,
th.sortable-currency,
th.sortable-sortByTwelveHourTimestamp,
th.sortable-sortIPAddress,
th.sortable-sortEnglishLonghandDateFormat,
th.sortable-sortScientificNotation,
th.sortable-sortImage,
th.sortable-sortFileSize,
th.sortable-sortAlphaNumeric,
th.sortable-sortEnglishDateTime { padding-left:14px!important; cursor:pointer; background-image:url(/core/images/nuovaui3/freccia.png); background-repeat:no-repeat; background-position:left -3px center; }
th.forwardSort { background-image:url(/core/images/nuovaui3/freccia-su.png); }
th.reverseSort { background-image:url(/core/images/nuovaui3/freccia-giu.png); }
.alt { background:#fffddd!important; }



/*
.tablescroll { clear:both; overflow-x:auto; overflow-y:hidden; margin:0 0 20px; }
*/



.giallino { background-color:#fffddd!important; }
.grigio { background:url(/core/images/td-bg.jpg) repeat-y left, url(/core/images/td-bg.jpg) repeat-y right, url(/core/images/td-bg.jpg) repeat-x bottom, url(/core/images/td-bg.jpg) repeat-x top #f8f8f8; color:#999; }
.rosso { color:#CC0000!important; font-weight:500; }
.rosso a { color:#CC0000!important; }
.arancio { color:orange!important; }
.arancio a { color:orange; font-weight:500; }

.bordospesso { border:2px solid #000!important; }
.bg_arancio { background:#ffd27f!important; background:#FFE273!important; }
.bg_verde { background:#cee6af!important; }
.bg_grigio { background:#f3f3f3!important; }
.bg_grigio1 { background:#e5e5e5!important; }
.bg_nero { background:#000!important; color:#fff; }
.bg_rosso { background-color:#CC0000!important; color:#fff!important; }
.bg_rosso a { color:#fff!important; font-weight:500; }
.bg_azzurro { background:#c0dbee!important; }
.bg_blu { background:#77b3fc!important; }


.testosecondario { color:#777; font-style:italic; line-height:18px; }
.bg_rosso .testosecondario { color:#fff; }

/*
.forget-password { text-align:center; }



.maniglia { cursor:move; }


.paginazione a { display:block; float:left; border:1px solid #e8e7e1; background:#f7f6f0; text-align:center; min-width:17px; padding:3px 4px; margin:0 10px 8px 0; }
.paginazione a:hover { color:#fff; background:var(--erpcolor); border:1px solid var(--erpcolor); text-decoration:none; }



.calendario { width:30%; float:left; }
.calendario + .calendario { margin:0 0 0 5%; }
.calendario th, .calendario td { padding:0; text-align:center!important; line-height:1.8em; }
.calendario a { display:block; }
.calendario span { display:block; }
.calendario a:hover { background:#ccc; }
.calendario img { height:18px; display:block; margin:0 auto; padding:2px 0 0; } 
.calendario .dati tbody tr.rigaevidenziatadblclick { background:none!important; }
.calendario .dati tr:hover { background:none!important; }


#progettiinpausa { position:relative; float:right;width:300px; height:3.7em; border-bottom:1px solid; overflow:hidden; }
#progettiinpausa h5 { margin-bottom:0.2em; }
#progettiinpausa ul { position:absolute; z-index:100; width:96%; margin:0; padding:5px; border:1px solid; background:#fff; }
#progettiinpausa:hover { overflow:visible; }




.popup { width:1000px!important; }
.popup #content { width:1000px; }
.login .boxPad { padding:20px 10px; min-height:130px; }




.box { clear:both; }
*/

@media ( min-width : 600px ) {
	#content { float:left; }
	.mezzo { width:48%; float:left; clear:none; }
	.mezzo + .mezzo { margin:0 0 0 4%; }
	.popup .mezzo { width:480px; }
	.primo { clear:left; margin:0!important; }
	
	.unterzo { width:32%; float:left; clear:none; margin:0 3% 0 0; }
	.dueterzi { width:65%; float:left; clear:none; margin:0 3% 0 0; }
	.unterzo + .dueterzi { margin:0; }
	.dueterzi + .unterzo { margin:0; }
	
	.unquarto { width:24%; float:left; clear:none; margin:0 2% 0 0; }
	.trequarti { width:74%; float:left; clear:none; margin:0 2% 0 0; }
	.unquarto + .trequarti { margin:0; }
	.trequarti + .unquarto { margin:0; }
	
	
	.unquinto { width:20%; float:left; clear:none; margin:0 2% 0 0; }
	.quattroquinti { width:78%; float:left; clear:none; margin:0 2% 0 0; }
	.unquinto + .quattroquinti { margin:0; }
	.quattroquinti + .unquinto { margin:0; }
}


/*
.ui-autocomplete { float:left; margin:0; padding:0; list-style-type:none; }  
.ui-autocomplete li { margin:0; padding:0; background:#eee; }  
.ui-autocomplete li a { display:block; padding:2px; }  
.ui-autocomplete li a { color:#000; }  
.ui-autocomplete li:hover { background:var(--erpcolor); }  
.ui-autocomplete li:hover a { font-weight:normal; border:0; cursor:pointer; color:#fff; background:var(--erpcolor); text-decoration:none; display:block; }  
.ui-state-hover { font-weight:normal!important; border:1px solid var(--erpcolor)!important; cursor:pointer; color:#fff!important; background:var(--erpcolor)!important; text-decoration:none; display:block; }  


.rigalavori { cursor:pointer; }
.rigalavori:hover { background:#fffddd; }
*/


.download { position:relative; }
.download div { display:none; position:absolute; left:45px; top:-9px; border:1px solid #CC0000; background:#fff; padding:5px 10px; width:300px; text-align:left; box-shadow:2px 2px 8px 0px #999; line-height:1.4em;  }
.download:hover div { display:block; }

/*
.indirizzoemail { float:left; color:#666; padding:2px 22px 2px 3px; margin:0 5px 2px 0;background:url(/core/images/rimuoviindirizzo.jpg) no-repeat center right; border:1px solid #ccc; text-decoration:none!important; }
.indirizzoemail:hover { border:1px solid #aaa; }
.allegato { padding:2px 0; }
*/

.codicearticolo { font-size:1.05em; font-weight:bold; font-family:Courier New; }


.lampeggiante {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1.4s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinker;
    -moz-animation-duration: 1.4s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinker;
    animation-duration: 1.4s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    40% { opacity: 0.0; }
    80% { opacity: 1.0; }
   	100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    40% { opacity: 0.0; }
    80% { opacity: 1.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    40% { opacity: 0.0; }
    80% { opacity: 1.0; }
    100% { opacity: 1.0; }
}