/* CSS Document */

/* SELETTORI PRINCIPALI */
* {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	word-wrap: break-word;
}

body {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #000;	
	margin: 0px;
	padding: 0px;
	width: 100%;
	word-wrap: break-word;
}

img {
    max-width: 100%;
}

strong {
	font-weight: 600;	
}


form {
	margin: 0px;
	padding: 0px;
}

input[type=text], 
input[type=number], 
input[type=time], 
input[type=password], 
textarea,
select  {
	border-radius: 3px;
	padding: 5px;
	color: #333333;
	background-color: #fff;
	width: 100%;
	font-size: 14px;
	box-sizing: border-box;

	border: solid 1px #ccc;
  	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

input[type="time"] {
    min-width: 80px !important;
    font-family: 'Open Sans', sans-serif;
}
 
input[type=submit],
input[type=button]  { 
	text-transform: uppercase; 
}


textarea {
	
	font-family: 'Open Sans', sans-serif;
}


label {
	display: block;
}

input[type="checkbox"] + label,
input[type="radio"] + label {
	display: inline !important;
}



input[type=text]:focus,
input[type=number]:focus, 
input[type=time]:focus, 
input[type=password]:focus,
textarea:focus,
select:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
   box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);   
}

input[type=submit]:disabled,
input[type=button]:disabled  {  
	opacity: .5;
	filter: alpha(opacity=5);
	-moz-opacity: .5; 
}

.placeholder {
	color: #A9A9A9;
}
a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: none;	
	text-decoration: none;
}

a img:hover {	
	text-decoration: none;
}


h1, p  {
	margin: 0px;
	padding: 0px;
	font-size: inherit;
	font-weight: inherit;
}


ul, li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.agenteconmarchio {
	color: #B00020;
}

.agentesenzamarchio {
	color: #607D8B;
}

.evidenzia-agente {
    display: inline-block;
    background-color: #F65314;;
    color: #fff;
    min-width: 50px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: normal;
    padding: 2px;
    text-decoration: none;
}

.txt-agente {
    color: #F65314;
}

.contenuto-overflow-down ul {
	margin: 10px 0;
	padding-left: 20px;
}
.contenuto-overflow-down li {
	list-style: initial;
}
.postit-contenuto ul {
	padding-left: 15px;
}
.postit-contenuto li {
	list-style: initial;
	margin: 5px 0px;
}


.aforisma,
.generico {
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    border-radius: 6px;
    box-shadow: 1px 1px 1px #ccc;
    padding: 20px;
    margin-bottom: 30px;
    color: #383838;
	text-align: center;
}

.aforisma-testa,
.generico-testa {
	font-weight: 600;
    margin-bottom: 10px;
    font-size: 15px;
}

.aforisma-testa:first-letter {
    text-transform: uppercase;
}

.aforisma-testo {
    font-family: Georgia, serif;
    font-style: italic;
	font-size: 16px;
}

.aforisma-piede {
    font-family: Georgia, serif;
    font-style: italic;
    color: #a1a1a1;
    font-size: 14px;
    display: block;
    margin-top: 10px;
    font-style: italic;
}

.aforisma-piede::before {
    content: "\2014 \2009";
}

.aforisma-piede::after {
    content: "\2009 \2014";
}

.ottimizzatoper {
	text-align: center;
	font-size: 12px;
	color: #666;
	margin-top: 50px;
	clear: both;
}
.avvisoIEBox  {
    width: 400px;
    padding-top: 10px;
    margin: auto;
    
}

.avvisoIE {
  margin-top: 20px;
  margin-left: 0;
  padding: 15px;
  font-weight: 400;
  overflow: hidden;
  background: #fff;
  box-shadow: 0px  1px 3px rgba(255,0,0,.13), 
              0px -1px 3px rgba(255,0,0,.13),
               0px -1px 3px rgba(255,0,0,.13),
              0px  1px 3px rgba(255,0,0,.13);
  font-size: 13px;
  color: red;
}


/* SELETTORI STRUTTURA */
#testa {
	font-family: 'Oswald', sans-serif;
	background-image: linear-gradient(to bottom, #4D90FE 5%, #4787ED 100%);
	background-position: top left;
	background-repeat: no-repeat;
	height: 60px;
	width: 100%;
	font-size: 30px;
   	position: fixed;
   	top: 0px;
   	left: 0px;
	/*z-index: 2;*/
	box-sizing: border-box;
	padding: 5px;
	color: #fff;
	
	z-index: 100;
}

#testa a {
	display: block;
	height: 100%;
	width: 100%;
}


#testa a h1 {
	display: block;
	color: #fff;
	text-decoration: none;
	height: 100%;
	width: 100%;
}

#testa a:hover {
	text-decoration: none;
}



#index #testa {
	display: none;
}


#setup {
	text-align: center;
	color: #fff;
   	position: absolute;
   	right: 10px;	
   	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	bottom: 7px;
    font-size: 20px;
    text-align: right;
        
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display: -ms-flexbox;      /* TWEENER - IE 10 */
  	display: -webkit-flex;     /* NEW - Chrome */
  	display: flexbox;            /* NEW, Spec - Opera 12.1, Firefox 20+ */	
  	
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}


@supports (flex-wrap: wrap) { /* hide from the incomplete Flexbox implementation in Firefox */
    #setup {
      display: flex;
    }
}
.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px; /* Preferred icon size */
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. 
	text-rendering: optimizeLegibility;*/
	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;
	/* Support for IE.
	font-feature-settings: 'liga'; */
}
.material-icons-outlined {
	font-family: 'Material Icons Outlined';
	font-weight: normal;
	font-style: normal;
	font-size: 24px; /* Preferred icon size */
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. 
	text-rendering: optimizeLegibility;*/
	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;
	/* Support for IE.
	font-feature-settings: 'liga'; */
}

#setup .material-icons,
#setup .material-icons-outlined {
    font-size: 20px;
}

#setup #setup-logout {
	margin-left: 10px;	
}

#setup a {
	color: #fff;	
	text-decoration: none;
    display: inline;
}

#setup-linguaattuale {
	font-size: 16px;
	margin-top: -1px;
}
#setup-linguacambia {
	cursor: pointer;
}
	

#setup-linguascegli {
    position: absolute;
    background-color: #454F58;
    font-size: 16px;
    height: 0;
    transition: height 0.2s linear;
    margin-left: -21px;
    width: 41px;
    text-align: center;
    margin-top: 7px;
}

#setup-linguascegli li {
    padding: 0px;
    height: 0px;
	font-size: 0;
	transition: all 0.2s linear;
}

#setup-linguascegli li:hover {
    background-color:#666666;
}

#setup-linguascegli li:not(:last-child) {
	border-bottom: solid 1px #fff;
	cursor: pointer;
}

#setup-linguascegli li {
    border: 0px !important;
}


#utenteAutenticato-nome {
	text-align: center;
	color: #fff;
   	position: fixed;
   	top: 10px;
   	right: 10px;	
   	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
}

#orologio {
    color: #fff;
    font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	display: inline;
	margin-right: 20px;
}

#piede {
	padding: 20px;
	text-align: center;
	font-size: 11px;
	line-height: 20px;
	background-color: #EFEFEF;
	min-height: 50px;
	color: #17242F;
	
	display: none;
}

#piede a {
	color: #17242F;
}

#pagina-corpo {
	margin-top: 60px;
	
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display: -ms-flexbox;      /* TWEENER - IE 10 */
  	display: -webkit-flex;     /* NEW - Chrome */
  	display: flexbox;            /* NEW, Spec - Opera 12.1, Firefox 20+ */	
  
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;	
	
	-webkit-flex-wrap: nowrap;
	-moz-flex-wrapp: row nowrap;
	-ms-flex-wrap: row nowrap;
	flex-wrap: nowrap;
}

@supports (flex-wrap: wrap) { /* hide from the incomplete Flexbox implementation in Firefox */
    #pagina-corpo {
      display: flex;
    }
}

#pagina-titolo {
	padding: 5px;
	color: #4C759C;/*#0073C0;*/
	font-weight: 600;
	text-transform: uppercase;
}
#pagina-titolo-2 {
	padding: 5px;
	color: #333;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 16px;
}

.secondotitolo{
	padding-bottom: 5px;
	color: #333;
	font-weight: 600;
	text-transform: uppercase;
	
}

#pagina-sottotitolo {
	color: #000;
	font-weight: normal;
	font-size: 14px;	
}

#pagina-sottotitolo-2 {
	color: #666;
	font-weight: normal;
	font-size: 12px;	
	text-transform: unset;
}

#pagina-sottotitolo span {
	margin-right: 10px;	
}

#pagina-sottotitolo .txt-stagione {
	font-size: 10px;
	color: #666;
}

#pagina-sottotitolo .txt-ordinamento {
    font-size: 10px;
    color: #666;
    display: block;
}

#pagina-menu-mobile {
    display: none;
    visibility: hidden;
}
#pagina-menu {
	width: 180px;
	z-index: 3;
}

#pagina-menu > ul {
    position: fixed;
	width: 190px;
	background-color: #F2F2F2;
	z-index: 3;	
	overflow: hidden;
	overflow-y: auto;
	height: 100%;
	scrollbar-width: none;
}

.menu-pulsante:first-child {
	padding-top: 15px;	
}

.menu-pulsante {
	border-bottom: solid 1px #dae3e9;
	font-size: 14px;
	color: #4C759C;
    min-height: 30px;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.menu-pulsante.attivo {
    background-color: #1565c0;
    color: #f2f2f2;
}

.menu-pulsante.attivo a {
    color: #f2f2f2;
}

.menu-pulsante.attivo a:hover {
	color: #ccc;
}


.menu-pulsante.attivo .attivo {
	color: #ccc;
}

.material-icons {
  font-size: 26px;
  text-transform: none !important;
}

.menu-pulsante a {
	color: #4C759C;
}


.menu-pulsante a:hover {
	text-decoration: none;
	color: #002A5A;
}

.menu-pulsante .pulsante {
  	margin-left: 32px;
   	margin-top: -27px;
    display: block;
}

.menu-pulsante .attivo {
	color: #002A5A;
}

.menu-sottopulsante {
	font-size: 12px;
  	margin-left: 33px;
	padding-top: 10px;
}

.menu-sottopulsante2 {
    font-size: 11px;
    margin-left: 45px;
    padding-top: 5px;
}

.menu-sottopulsante:last-of-type {
	padding-bottom: 10px;
}

.menu-sottopulsante .pulsante {
    margin-left: 0px;
    margin-top: -19px;
}

.menu-sottopulsante .icona.material-icons {
    font-size: 15px;
    margin-left: -20px;
}

.menu-pulsante .menu-aprichiudi {
    position: absolute;
    right: 0;
    top: 5px;
    cursor: pointer;
}

.menu-pulsante:first-child .menu-aprichiudi {
    top: 15px;
}



#pagina-cerca {
	background-color: #eee;
	border-radius: 4px;
	border: 1px solid #dddddd;
	margin-bottom: 20px;
	
}

#pagina-contenuti {
	position: relative;

	padding: 15px;	
		
	-webkit-box-flex: 1 0 0px;      /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1 0 0px;         /* OLD - Firefox 19- */
	/*width: 20%;*/               		/* For old syntax, otherwise collapses. */
	-webkit-flex: 1 0 0px;          /* Chrome */
	-ms-flex: 1 0 0px;              /* IE 10 */
	flex: 1 0 0px;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
	
	box-sizing: border-box;	
	/*margin-left: 170px;*/
}


#errore #pagina-menu, #index #pagina-menu {
	display: none;
	visibility: hidden;
}


#index form {
	width: 400px;
 	margin: auto;
 	position: relative;
    box-shadow: 0px 1px 3px rgba(0,0,0,.13), 
 0px -1px 3px rgba(0,0,0,.13),
 0px -1px 3px rgba(0,0,0,.13),
 0px 1px 3px rgba(0,0,0,.13);
	background-color: #f7f7f7;
	box-sizing: border-box;
	padding: 40px;
}


  
.windows_cerca input[type=submit],
.windows_cerca input[type=button],
.windows_cerca input[type=text],
.windows_cerca input[type=number],
.windows_cerca input[type=time] {
	font-size: 14px;	
	height: 32px;
}

  
#pagina-cerca input[type=submit],
#pagina-cerca input[type=button],
#pagina-cerca input[type=text],  
#pagina-cerca input[type=number],
#pagina-cerca input[type=time], 
#pagina-cerca textarea,
#pagina-cerca select {
	font-size: 14px;	
	height: 32px;
}

#pagina-cerca input[class^="data"] {
    font-size: 12px;
    text-align: center;
}
  
#pagina-piede {
	margin: 10px 0;
} 
  
  
#index input[type=text], 
#index input[type=password] {	
    width: 100%;
}

#index form .field {
	margin-bottom: 20px;
}

#index form input[type=submit] {
    cursor: pointer;
    text-align: center;
    border-radius: 3px;
    display: inline-block;
    width: 100%;
    height: 34px;
    color: #fff;
    border: solid 1px #3079ED;
    background-image: linear-gradient(to bottom, #4D90FE 5%, #4787ED 100%);
    font-size: 12px;
    font-weight: 600;
}

#index form input[type=submit]:hover {
    background-image: linear-gradient(to bottom, #4787ED 5%, #4D90FE 100%);
}

#home {
}

#home-nome {
	text-align: center;
	font-size: 18px;
	margin-top: 30px;
}






#home .avvisihomepc {
	display: -webkit-box;      
  	display: -moz-box;        
  	display: -ms-flexbox;      
  	display: -webkit-flex;     
  	display: flexbox;            	
  
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
  
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;	
	
	-webkit-box-align: flex-start;
    -webkit-align-items: flex-start;
    -moz-box-align: flex-start;
    -ms-flex-align: flex-start;
	align-items: flex-start;
}

@supports (flex-wrap: wrap) { 
    #home .avvisihomepc {
      display: flex;
    }
}


#home .avvisihome .box-contenuto {
    font-size: 11px;
    padding: 0px;
}
#home .avvisihome > article {
	width: 49%;
	margin-top: 0px;
	margin-bottom: 20px;
}
#home .avvisihome > table {
	width: 49%;
	margin-bottom: 20px;
}

#home .avvisihome > article table {
	border: 0px;
}

#home .avvisihome > article table tr:first-child td {
	border-top: 0px;
}
#home .avvisihome > article table tr td:last-child {
	border-right: 0px;
}

#home .avvisihome > article .box-piede {
	border-top: solid 1px #ddd;
}

#home .avvisihome .box-contenuto > .txt-dicascalia {
	padding: 10px;
}


.anagrafiche-agenti-collegati > div > div:not(:first-child) {
    margin-top: 10px;
}

.cdf-orario-veloce-sopra {
	display: none;
	visibility: hidden;
}


.menumobile {
	display:none;
	visibility: hidden;
}

#formlogin {
	width: 400px;
	margin: auto;
}
#formlogin a {
	text-decoration: none;
	color: #427fed;
}
#formlogin a:hover {
	text-decoration: underline;
}
#registrazioni2 {
	float: left;
}

#registrazione {
	display: block;
	float: left;
	margin-top: 10px;
}

#recuperapassword {
	float: right;
	margin-top: 10px;
}


#registrazioni2 #pagina-titolo {
    text-align: center;
    font-size: 20px;
}

#registrazioni2 #pagina-testo {
    width: 800px;
    margin: auto;
    text-align: center;
}

#registrazioni2 a {
	text-decoration: none;
	color: #427fed;
}

#pagina-titolo.flexcontainer > div {
    width: 50%;
}
/* SELETTORI GENERICI */

.field-errore {
  border: solid 1px #DD4B39 !important;
  
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(221, 75, 57, .6) !important;
   box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(221, 75, 57, .6) !important;
}

.label-errore {
	color: rgb(221, 75, 57);	
}

.txt-9 {
	font-size: 9px;
}
.txt-10 {
	font-size: 10px;
}
.txt-11 {
	font-size: 11px;
}
.txt-12 {
	font-size: 12px;
}
.txt-14 {
	font-size: 14px;
}
.txt-16 {
	font-size: 16px;
}
.txt-18 {
	font-size: 18px;
}
.txt-20 {
	font-size: 20px;
}
.txt-22 {
	font-size: 22px;
}
.txt-24 {
	font-size: 24px;
}
.txt-26 {
	font-size: 26px;
}
.txt-28 {
	font-size: 28px;
}
.txt-30 {
	font-size: 30px;
}
.txt-didascalia {
	font-size: 10px !important;
	color: #666 !important;	
	font-weight: normal;
}

.txt-verde {
	color: #34A853;	
}
.txt-rosso {
	color: #DD4B39;	
}
.txt-grigio {
	color: #666;	
}
.txt-blu {
	color: #0000FF !important;		
}

.txt-errore {
	color: #DD4B39;	
}
.txt-avviso {
	color: #F65314;	
}
.txt-upper  { 
	text-transform: uppercase; 
}
.txt-lower  { 
	text-transform: lowercase; 
}
.txt-bold  { 
	font-weight: 600;
}
.txt-nobold  { 
	font-weight: normal;
}
.txt-conferma  { 
	color: #34A853;
}
.txt-ellipsis {
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
}
.txt-nolink {
    color: #000;
    text-decoration: none;
}
.txt-hover-underline:hover {
    text-decoration: underline;
}
.txt-pointer {
    cursor: pointer;
}
/**/



/* TABELLA */
table {
	border: 1px solid #dddddd;
	border-right: none;
	border-radius: 4px;
	width: 100%;
	font-size: 13px;
	box-sizing: border-box;
}

caption {
	display: none;
	text-transform: uppercase; 
	position: relative;
}



.caption-visible caption {
	display: table-caption;
    border-bottom: 1px solid #dddddd;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px;
    background-color: #EEEEEE;
    color: #333;
    text-align: left;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border: 1px solid #dddddd;
    box-sizing: border-box;
    border-bottom: 0px;
}

tr {
	height: 43px;
}

th {
	border-right: 1px solid #dddddd;
	box-sizing: border-box;
	padding: 3px;
	font-size: 12px;
	height: 43px;
	background-color: #fff;
	font-weight: 600;
	
}


/*messo da alice il 02/01/2019*/

.font-20{
	font-size:20px;
}
.font-15{
	font-size:15px;
}
.font-15-ruotato{
	font-size:15px;
}
.font-attenzione{
	font-size=13px;
}
td[data-title="scad."] {
   		width: 200px;
	}
td[data-title="priorita"] {
	width: 70px;
}
td[data-title="per chi"] {
	width: 150px;
}
/* parteaggiunta da alice il 13/12/2018*/
.assistenza-agente {
    display: inline;
    background-color: #f65314;
    color: #fff;
    min-width: 50px;
    height: 20px;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    float: left;
    font-weight: normal;
}

/* parte aggiunta da alice il 13/12/2018*/
.assistenza-agente-centrale {
   
    background-color: #f65314;
    color: #fff;
    width: 50px;
    height:20px;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    margin: 0 auto;
    font-weight: normal;
}
/* parte assistenza-operatore aggiunta da alice il 30/10/2018*/
.assistenza-operatore {
    display: inline;
    background-color: #2979ff;
    color: #fff;
    min-width: 50px;
    height: 20px;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    float: right;
    font-weight: normal;
    margin: 0 auto;
    margin-right:10px;
    margin-top:5px;
}
/* parte assistenza-operatore-centrale aggiunta da alice il 30/10/2018*/
.assistenza-operatore-centrale {
   
    background-color: #2979ff;
    color: #fff;
    width: 50px;
    height: 20px;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    margin: 0 auto;
   
    font-weight: normal;
    
}
/* parteaggiunta da alice il 29/11/2018*/
.assistenza-responsabile {
    display: inline;
    background-color: #1565c0;
    color: #fff;
    min-width: 50px;
    height: 20px;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    float: right;
    font-weight: normal;
    margin: 0 auto;
     margin-right:10px;
    margin-top:5px;
}

/* parte aggiunta da alice il 29/11/2018*/
.assistenza-responsabile-centrale {
   
    background-color: #1565c0;
    color: #fff;
   width: 50px;
    height:20px;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    margin: 0 auto;
    
    font-weight: normal;
}

td {
	border-top: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	vertical-align: top;
	overflow: hidden;
	text-overflow: ellipsis;
	box-sizing: border-box;
	padding: 3px;
	
}

#orariconsuntivo td {
    vertical-align: middle;
}


/*messo da alice il 28/12/18*/
.font-20{
	font-size:20px;
	
}


.caption-visible tr:first-child td {
	border-top: 0px;
}

table.caption-visible {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

td img {
	max-width: 100%;
}

td.td-txtellipsis > div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.table {
	display: table; /* dice al div di comportarsi come una tabella */
	border-collapse: separate; /* questo serve se si vogliono separare le celle della tabella */
	border-spacing: 2px; /* questo serve se si vogliono separare le celle della tabella per dire di quanto si vogliono separare */
	width: 100%; /* per far si che la tabella si adatti alla larghezza del contenitore*/
	box-sizing: border-box;
}

.row {
	display: table-row; /* dice al div di comportarsi come una riga di tabella */
}

.head {
	background-color: #EEEEEE;
	font-weight: 600;
}

.cell {
	display: table-cell; /* dice al div di comportarsi come una cella di tabella */
	padding: 3px; /* per dare alla cella uno spazio tra i bordi ed il testo */
	text-align: left;
	vertical-align: top;
	box-sizing: border-box;	
}

.cell input:not([type="checkbox"]):not([type="radio"]), .cell select {
	width: 100%;
}

.cell input[type="checkbox"] {
	width: auto;
}

.table.divisoretabella {
	border-top: solid 1px #dddddd;
}

.table.sottotable {
	border-spacing: 0px;
}
.table.sottotable .cell {
	padding: 0px;
}
.table.sottotable .row .cell:not(:nth-child(1)) {
	padding-left: 6px;
}




.box.persone .templateboxtabella  {
	width: 400px;
	border: solid 1px #dddddd;
	margin: 5px;  
	padding: 5px;
	box-sizing: border-box;
}

.templateboxtabella footer {
	text-align: right;
	width: 100%;
	margin-top: 10px;
}

.box.destinazioni .templateboxtabella  {
	border: solid 1px #dddddd;
	margin: 5px;  
	width: 500px;
	padding: 5px;
	box-sizing: border-box;
  
}
.templateboxtabella .table .cell.head {
	background-color: transparent;
	font-weight: normal;
	font-size: 12px;
	width: 150px;
	text-align: right;
}

.templateboxtabella .table .cell {
	background-color: #eee;
	font-weight: 600;
	width: 250px;
	height: 26px;
}

.templateboxtabella .table .row:nth-child(1) .cell:nth-child(2) {
    font-size: 18px;
}
/**/



/* PAGINAZIONE */
.paginazione-sopra {
	text-align: right;
	color: #666;
}

.paginazione-sotto {
	text-align: center;
	position: relative;
}
#next {
	border-radius: 3px;
	background-color: #eee;
	width: 150px;
	height: 30px;
	border: 1px solid #CCCCCC;
	cursor: pointer;
	font-size: 14px;
	box-sizing: border-box;
	margin: auto;
	margin-top: 10px;
	padding-top: 6px;
}
#next:hover {
	box-shadow: 0px 0px 5px 2px #ccc;
}
/* FINE PAGINAZIONE */



.pulsante-cerca {
	background-color: #4C8CF8;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
}




/* SCHEDA */

.scheda-etichetta {
	font-size: 12px;
}
.scheda-campo {
	font-weight: 600;
	font-size: 14px;
	min-height: 26px;
	background-color: #eee;
	padding: 3px;
	width: 100%;
	box-sizing: border-box;
}
.scheda-campo .material-icons {
	font-size: 32px;
}
 
.scheda-campo.grande {
	font-size: 24px;
}

/* BOX */
.box {
	border: 1px solid #dddddd;
	border-radius: 4px;
	width: 100%;
	box-sizing: border-box;
	margin-top: 20px;
	position: relative;
}
.box.box-nudo {
    border: 0;
    text-align: center;
}



.box-titolo {
	border-bottom: 1px solid #dddddd;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;	
	padding: 10px;
	background-color: #EEEEEE;
	color: #333;
	text-align: left;
	position: relative;
}

.box-titolo-totali {
    position: absolute;
    top: 10px;
    right: 10px;
}

.box-sottotitolo {
	font-size: 11px;
	font-weight: normal;
}

.box-contenuto {
	padding: 10px;
	word-break: break-word;
}



.flexcontainer {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display: -ms-flexbox;      /* TWEENER - IE 10 */
  	display: -webkit-flex;     /* NEW - Chrome */
  	display: flexbox;            /* NEW, Spec - Opera 12.1, Firefox 20+ */	
  
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}


.flexcontainer2 {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display: -ms-flexbox;      /* TWEENER - IE 10 */
  	display: -webkit-flex;     /* NEW - Chrome */
  	display: flexbox;            /* NEW, Spec - Opera 12.1, Firefox 20+ */	
  
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;	
  
	-webkit-justify-content: space-around;
	-moz-justify-content: space-around;
	-ms-justify-content: space-around;
  	justify-content: space-around;
}



.flexcontainer3 {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display: -ms-flexbox;      /* TWEENER - IE 10 */
  	display: -webkit-flex;     /* NEW - Chrome */
  	display: flexbox;            /* NEW, Spec - Opera 12.1, Firefox 20+ */	
  
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;	
  
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
  	justify-content: space-between;
}

@supports (flex-wrap: wrap) { /* hide from the incomplete Flexbox implementation in Firefox */
    .flexcontainer {
      display: flex;
    }
    
    .flexcontainer2 {
      display: flex;
    }
    
    .flexcontainer3 {
      display: flex;
    }
}



.box-contenuto.flexcontainer {
  	
	padding: 0px;
}

.box-piede {
	/*border-top: 1px solid #dddddd;*/
	text-align: right;	
	padding: 10px;
	/*background-color: #EEEEEE;*/
	text-transform: uppercase;
	
	/*bottom: 0;
	position: absolute;*/
	width: 100%;
	box-sizing: border-box;
}


.TabellaListaProdottiTipo2 td.comeTh {
    background-color: #FFF286;
    border-right: 1px solid #dddddd;
	box-sizing: border-box;
	padding: 3px;
	font-size: 11px;
	height: 43px;
	font-weight: 600;
	text-align: center;
	position: relative;
}
.TabellaListaProdottiTipo2 #intestazioneLista th {
    display: none;
}

.TabellaListaProdottiTipo2 td.comeTh img[id^='eliminagruppo'] {
    position: absolute;
    top: 3px;
    right: 3px;
    width: 13px;
}


.ordineintestazione > article {
	width: 49%;	
	margin: 5px 1% 5px 0;
}

.ordineintestazione2 > article {
	width: 24%;	
	margin: 5px 1% 5px 0;
}

.ordineintestazione > article:last-child {
	margin-right: 0;
}

.ordineintestazione2 > article:last-child {
	margin-right: 0;
}



.praticaintestazione > div {
	width: 49%;
	margin: 5px;	
}

.praticaintestazione > article {
	width: 49%;
	margin: 5px;	
}


.fattureintestazione {
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;		
}

.fattureintestazione > article {
	width: 33%;	
}

 
.ordineprodotti {
	margin: 20px 0px;
	/*border-top: solid 3px #dddddd;	
	border-bottom: solid 3px #dddddd;*/	
	margin: 20px 5px;
	padding: 10px 0px;
}
.ordineprodotti .TabellaListaProdotti td {
    vertical-align: top;
}

.ordinearticolo {
    font-size: larger;
    font-weight: 600;
}

.ordineprodottitotali {
	margin-top: 10px;
	font-size: 20px;
	text-align: right;
}


.ordineprodottitotalitichetta {
	
}
.ordineprodottitotalivalore {
	font-weight: 600;	
}

.ordineprodotti input, .ordineprodotti select {
	font-size: 12px;
	padding: 2px;
}
.ordineprodotti select option:nth-child(1) {
	color: #666;	
}

.ordineprodotti tr {
	height: auto;	
}
.ordineprodotti th {
	font-size: 11px;
}

.ordinenote {
margin: 20px 5px;
}

.ordinespunte label {
	display: initial;
}

.tipo1prezzo {
    font-size: 14px;
    font-weight: 700;
}

.tipo1prezzoPubblico {
    font-size: 12px;
    font-weight: normal;
}


.totsconto {
    font-size: 12px;
    font-weight: normal;
}

.totsconto > div {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display: -ms-flexbox;      /* TWEENER - IE 10 */
  	display: -webkit-flex;     /* NEW - Chrome */
  	display: flexbox;            /* NEW, Spec - Opera 12.1, Firefox 20+ */	
  	
	justify-content: space-between;
}

@supports (flex-wrap: wrap) { /* hide from the incomplete Flexbox implementation in Firefox */
    .totsconto > div {
      display: flex;
    }
}




.ui-datepicker-calendar *, .ui-datepicker-title *, .ui-datepicker-buttonpane *,
.ui-timepicker-calendar *, .ui-timepicker-calendar *, .ui-timepicker-calendar * {
    font-size: 12px !important;
    padding: initial;
    margin: initial;
    height: auto;
}

.ui-timepicker *, .ui-timepicker-title *, .ui-timepicker-buttonpane * {
    font-size: 12px !important;
    padding: initial;
    margin: initial;
    height: auto;
    border: none;
}








.windows_sfondo
	{
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #000000;
	opacity: .5;
	filter: alpha(opacity=5);
	-moz-opacity: .5;
	z-index: 1000;
}
.windows {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -300px;
	margin-top: -300px;
	padding: 0px;
	z-index: 1001; 
	width: 594px;
	height: 594px;
	border: solid 1px #666;
	border-radius: 10px 10px 10px 10px;	
	background-color: #fff;	
	box-sizing: border-box;
}

.windows_titolo {
	border-bottom: solid 1px #ccc;
	color: #002A5A;
	font-size: 14px;
	margin: 10px;
	text-transform: uppercase;
	font-weight: 600;
}
.windows_chiudi {
	cursor: pointer;
}

.windows_cerca {
	padding: 0 10px;
}
.windows_cerca input[type="text"] {    
	width: 490px;
    margin-right: 5px;
}

.windows_contenuto {
	padding: 10px;
	text-align: left;
	overflow: hidden;
	overflow-y: auto;
	height: calc(90vh - 80px);
	max-height: calc(650px - 80px);
}

#windowcdfscegli .windows_contenuto {
	max-height: 470px;
}




div[id^='windowaggiungi'] label, 
div[id^='windowmodifica'] label {
	margin-top: 15px;
	font-size: 12px;
	font-weight: 600;
	display: block;
}

div[id^='windowaggiungi'] #checkClient, 
div[id^='windowmodifica'] #checkClient {
	margin-top: 15px;
}
.windows form > label:first-child {
    margin-top: 0px;
}


div[id^='windowaggiungi'] input, div[id^='windowaggiungi'] select,
div[id^='windowmodifica'] input, div[id^='windowmodifica'] select {
	font-size: 12px;
	padding: 2px;
}
div[id^='windowaggiungi'] select option:nth-child(1),
div[id^='windowmodifica'] select option:nth-child(1) {
	color: #666;	
}



span[id^='elimina'],
span[id^='duplica'] {
	cursor: pointer;
	color: #00f;
}
span[id^='elimina']:hover,
span[id^='duplica']:hover {
	text-decoration: underline;
}


#windows_confirm_delete, #windows_confirm_deleteRisp, #windows_confirm_deleteFile
	{
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -200px;
	margin-top: -100px;
	padding: 0px;
	z-index: 1002; 
	
	width: 400px;
	height: 200px;
	background-color: #CECECE;
	padding: 20px;
	border: solid 1px #666;
	color: #666;
	font-size: 16px;
	text-align: center;
	box-shadow: 10px 10px 5px #888;
    
    
	display: none;
	}

#windows_confirm_delete_button {
    left: 130px;
	position:absolute;
    bottom:20;
	}
	
#windows_confirm_delete_button .button_confirm_delete {
	background-color: #6EABCA;
    color: white;	
	font-size: 16px;
	width: 50px;
    margin: 10px;
    padding: 10px;
	cursor: pointer;
    float:left;
    text-decoration: none;

    border-left:1px solid #fff;
    border-top:1px solid #fff; 
    border-bottom:1px solid #716f64; 
    border-right:1px solid #716f64; 

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	}


	
#windows_confirm_delete_button a {
    color: white;	
    text-decoration: none;
	display: block;
	width: 50px;
	}



#windows_confirm_label,
#windows_confirm_delete_label {
    height: 105px;
    width: 100%;
    overflow: hidden;
}


#windows_confirm
	{
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -200px;
	margin-top: -100px;
	padding: 0px;
	z-index: 104; 
	
	width: 400px;
	height: 200px;
	background-color: #eee;
	padding: 20px;
	/*padding-top: 40px;*/
	border: solid 1px #ccc;
	color: #666;
	font-size: 16px;
	text-align: center;
	box-shadow: 10px 10px 5px #888;
    
    
	display: none;
	}
    
#windows_confirm_button {
    left: 130px;
	position:absolute;
    bottom:20px;
	}
#windows_confirm_button2 {
    left: 50%;
	position:absolute;
    bottom:20px;
    transform: translateX(-50%);
	}
#windows_confirm_label .button_confirm_close {	
	cursor: pointer;
    text-decoration: none;  
    position: absolute; 
    top: 4px; 
    right: 4px  
}

	
#windows_confirm_button .button_confirm ,
#windows_confirm_button2 .button_confirm {
	background-color: #6EABCA;
    color: white;	
	font-size: 16px;
	min-width: 50px;
    margin: 10px;
    padding: 10px;
	cursor: pointer;
    float:left;
    text-decoration: none;

    border-left:1px solid #fff;
    border-top:1px solid #fff; 
    border-bottom:1px solid #716f64; 
    border-right:1px solid #716f64; 

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	}


	
#windows_confirm_button a {
    color: white;	
    text-decoration: none;
	display: block;
	width: 50px;
	}




#windows_avviso
	{
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -200px;
	margin-top: -100px;
	padding: 0px;
	z-index: 104; 
	
	width: 400px;
	height: 200px;
	background-color: #eee;
	padding: 20px;
	padding-top: 40px;
	border: solid 1px #ccc;
	color: #666;
	font-size: 16px;
	text-align: center;
	box-shadow: 10px 10px 5px #888;
    
    
	display: none;
	}

#windows_avviso_close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}



/* FLOAT */
.float-left {
	float: left;
	margin-right: 20px;
}
.float-left:last-child {
	margin-right: 0px;
}

.float-right {
	float: right;
	margin-left: 20px;
}
.float-right:last-child {
	margin-left: 0px;
}

.clear-left {
	clear: left;
}

.clear-right {
	clear: right;
}

.clear-both {
	clear: both;
}
/**/


/* ALIGN */
.align-left {
	text-align: left;
}

.align-right {
	text-align: right;
}

.align-center {
	text-align: center;
}
/**/
	
.no-link {
	color: inherit;	
}	
	
.link {
	color: #0000FF;	
	cursor: pointer;
}	
.link:hover {
	text-decoration: underline;	
}

.visibilita-solo-tablet-mobile {
	display:none;
	visibility: hidden;
}

.visibilita-solo-mobile {
	display:none;
	visibility: hidden;
}
.no-visibile {
	display:none;
	visibility: hidden;
}
.no-display {
	display:none;
}


a[class^="pul-"],
div[class^="pul-"] {
	text-transform: uppercase;
}


.pul-salva {
  display: inline-block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;
  font-family: sans-serif;
  color: #FFFFFF;
  font-size: 12px !important;
  background-image: linear-gradient(to bottom, #43a047 5%, #19B550 100%);
  border-radius: 5px;
  padding: 6px 15px 6px 15px !important;
  opacity: 1;
  cursor: pointer;
  text-transform: uppercase;
}


.pul-salva:hover {
  color: #FFFFFF;
  opacity: 0.95;
  text-decoration: none;
}

.pul-salva:active {
  color: #FFFFFF;
  background-image: linear-gradient(to bottom, #19B550 5%, #43a047 100%);
  opacity: 1;
}

.pul-modifica {
  display: inline-block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;
  font-family: sans-serif;
  color: #FFFFFF;
  font-size: 12px !important;
  background-color: #d14836;
  background-image: linear-gradient(to bottom, #F9A825 5%, #FBC02D 100%);
  border-radius: 5px;
  padding: 6px 15px 6px 15px !important;
  opacity: 1;
  cursor: pointer;
  text-transform: uppercase;
}

.pul-modifica:hover {
  color: #FFFFFF;
  opacity: 0.95;
  text-decoration: none;
}

.pul-modifica:active {
  color: #FFFFFF;
  background-image: linear-gradient(to bottom, #FBC02D 5%, #F9A825 100%);
  opacity: 1;
}


.pul-rifiuta { 
  display: inline-block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;
  font-family: sans-serif;
  color: #FFFFFF;
  font-size: 12px !important;
  background-color: #d14836;
  background-image: linear-gradient(to bottom,#dd4b39,#d14836);
  border-radius: 5px;
  padding: 6px 15px 6px 15px !important;
  opacity: 1;
  cursor: pointer;
  text-transform: uppercase;
}


.pul-rifiuta:hover {
  color: #FFFFFF;
  opacity: 0.95;
  text-decoration: none;
}

.pul-rifiuta:active {
  color: #FFFFFF;
  background-image: linear-gradient(to bottom,#dd4b39,#d14836);
  opacity: 1;
}




.pul-elimina { 
  	text-align: center;
  	border-width: 1px;
  	border-style: solid;
  	text-decoration: none;
  	color: #FFFFFF;
  	background-color: #d14836;
  	background-image: linear-gradient(to bottom,#dd4b39,#d14836);
  	border-radius: 5px;
 	padding: 2px 5px !important;
  	opacity: 1;
  	cursor: pointer;
  	height: 31px;
	box-sizing: border-box;
  
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	display: inline-block;
	line-height: 1;
	text-transform: lowercase !important;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.pul-elimina:hover {
  color: #FFFFFF;
  opacity: 0.95;
  text-decoration: none;
}

.pul-elimina:active {
  color: #FFFFFF;
  background-image: linear-gradient(to bottom,#dd4b39,#d14836);
  opacity: 1;
}



.pul-info {
  display: inline-block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;
  font-family: sans-serif;
  color: #FFFFFF;
  font-size: 12px !important;
  background-color: #d14836;
  background-image: linear-gradient(to bottom, #4D90FE 5%, #4787ED 100%);
  border-radius: 5px;
  padding: 6px 15px 6px 15px !important;
  opacity: 1;
  cursor: pointer;
  text-transform: uppercase;
}


.pul-info:hover {
  color: #FFFFFF;
  opacity: 0.95;
  text-decoration: none;
}

.pul-info:active {
  color: #FFFFFF;
  background-image: linear-gradient(to bottom, #4787ED 5%, #4D90FE 100%);
  opacity: 1;
}



.pul-aggiungi {
  display: inline-block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;
  font-family: sans-serif;
  color: #FFFFFF;
  font-size: 12px;
  background-image: linear-gradient(to bottom, #4D90FE 5%, #4787ED 100%);
  border-radius: 5px;
  padding: 6px 15px 6px 15px;
  opacity: 1;
  cursor: pointer;
  text-decoration: none;
}


.pul-aggiungi:hover {
  color: #FFFFFF;
  opacity: 0.95;
  text-decoration: none;
}

.pul-aggiungi:active {
  color: #FFFFFF;
  background-image: linear-gradient(to bottom, #4787ED 5%, #4D90FE 100%);
  opacity: 1;
}


.pul-aggiungi-articolo {
    margin: auto;
    display: block;
    width: 250px;
    margin-top: 10px;
    font-size: 20px;
}

.pul-aggiungi-assistenza {
    margin: auto;
    display: block;
    width: 100%;
    margin-top: 0;
    font-size: 24px;
    padding: 15px;
    max-width: 100%;
    border: 0;
}

.pul-pdf {
  display: inline-block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;
  font-family: sans-serif;
  color: #FFFFFF;
  font-size: 12px !important;
  background-color: #d14836;
  background-image: linear-gradient(to bottom,#dd4b39,#d14836);
  border-radius: 5px;
  padding: 6px 15px 6px 15px !important;
  opacity: 1;
  cursor: pointer;
  text-transform: uppercase;
}


.pul-pdf:hover {
  color: #FFFFFF;
  opacity: 0.95;
  text-decoration: none;
}

.pul-pdf:active {
  color: #FFFFFF;
  background-image: linear-gradient(to bottom,#dd4b39,#d14836);
  opacity: 1;
}


.pul-ordinevanzamento {
  display: inline-block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;
  font-family: sans-serif;
  color: #FFFFFF;
  font-size: 12px !important;
  background-color: #d14836;
  background-image: linear-gradient(to bottom, #4D90FE 5%, #4787ED 100%);
  border-radius: 5px;
  padding: 6px 15px 6px 15px !important;
  opacity: 1;
  cursor: pointer;
  text-transform: uppercase;
}


.pul-ordinevanzamento:hover {
  color: #FFFFFF;
  opacity: 0.95;
  text-decoration: none;
}

.pul-ordinevanzamento:active {
  color: #FFFFFF;
  background-image: linear-gradient(to bottom, #4787ED 5%, #4D90FE 100%);
  opacity: 1;
}



.pul-ordine-prosegui {
  display: inline-block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;
  font-family: sans-serif;
  color: #FFFFFF;
  font-size: 12px;
  background-image: linear-gradient(to bottom, #43a047 5%, #19B550 100%);
  border-radius: 5px;
  padding: 6px 15px 6px 15px;
  opacity: 1;
  cursor: pointer;
}


.pul-ordine-prosegui:hover {
  color: #FFFFFF;
  opacity: 0.95;
  text-decoration: none;
}

.pul-ordine-prosegui:active {
  color: #FFFFFF;
  background-image: linear-gradient(to bottom, #19B550 5%, #43a047 100%);
  opacity: 1;
}


.pul-cambiostato1 {
  display: inline-block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;
  font-family: sans-serif;
  color: #FFFFFF;
  font-size: 12px !important;
  background-color: #424242;
  background-image: linear-gradient(to bottom,#424242,#616161) !important;
  border-radius: 5px;
  padding: 6px 15px 6px 15px !important;
  opacity: 1;
  cursor: pointer;
  text-transform: uppercase;
}

.pul-cambiostato1:hover {
  color: #FFFFFF;
  opacity: 0.95;
  text-decoration: none;
}

.pul-cambiostato1:active {
  color: #FFFFFF;
  background-image: linear-gradient(to bottom,#616161,#757575) !important;
  opacity: 1;
}

.pul-cambiostato2 {
  display: inline-block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;
  font-family: sans-serif;
  color: #FFFFFF;
  font-size: 12px !important;
  background-color: #EF6C00;
  background-image: linear-gradient(to bottom,#EF6C00,#F57C00);
  border-radius: 5px;
  padding: 6px 15px 6px 15px !important;
  opacity: 1;
  cursor: pointer;
  text-transform: uppercase;
}

.pul-cambiostato2:hover {
  color: #FFFFFF;
  opacity: 0.95;
  text-decoration: none;
}

.pul-cambiostato2:active {
  color: #FFFFFF;
  background-image: linear-gradient(to bottom,#F57C00,#FB8C00);
  opacity: 1;
}



.pul-cambiostato5 {
  display: inline-block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;
  font-family: sans-serif;
  color: #FFFFFF;
  font-size: 12px !important;
  background-color: #B71C1C;
  background-image: linear-gradient(to bottom,#B71C1C,#C62828);
  border-radius: 5px;
  padding: 6px 15px 6px 15px !important;
  opacity: 1;
  cursor: pointer;
  text-transform: uppercase;
}

.pul-cambiostato5:hover {
  color: #FFFFFF;
  opacity: 0.95;
  text-decoration: none;
}

.pul-cambiostato5:active {
  color: #FFFFFF;
  background-image: linear-gradient(to bottom,#C62828,#D32F2F);
  opacity: 1;
}



.pul-cambiostato7 {
  display: inline-block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;
  font-family: sans-serif;
  color: #FFFFFF;
  font-size: 12px !important;
  background-color: #43A047;
  background-image: linear-gradient(to bottom,#43A047,#4CAF50);
  border-radius: 5px;
  padding: 6px 15px 6px 15px !important;
  opacity: 1;
  cursor: pointer;
  text-transform: uppercase;
}

.pul-cambiostato7:hover {
  color: #FFFFFF;
  opacity: 0.95;
  text-decoration: none;
}

.pul-cambiostato7:active {
  color: #FFFFFF;
  background-image: linear-gradient(to bottom,#388E3C,#4CAF50);
  opacity: 1;
}


.pul-cambiostato8 {
  display: inline-block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;
  font-family: sans-serif;
  color: #FFFFFF;
  font-size: 12px !important;
  background-color: #1f4ac2;
  background-image: linear-gradient(to bottom,#1f4ac2,#2c24b3);
  border-radius: 5px;
  padding: 6px 15px 6px 15px !important;
  opacity: 1;
  cursor: pointer;
  text-transform: uppercase;
}

.pul-cambiostato8:hover {
  color: #FFFFFF;
  opacity: 0.95;
  text-decoration: none;
}

.pul-cambiostato8:active {
  color: #FFFFFF;
  background-image: linear-gradient(to bottom,#2c24b3,#1f4ac2);
  opacity: 1;
}



.pul-generico {
  display: inline-block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;
  font-family: sans-serif;
  color: #444;
  font-size: 12px;
  background-image: linear-gradient(to bottom, #f5f5f5 5%, #f1f1f1 100%);
  border-radius: 5px;
  padding: 6px 15px 6px 15px;
  opacity: 1;
  cursor: pointer;
  border-color: rgba(0,0,0,0.1);
  text-decoration: none;
}


.pul-generico:hover {
  color: #444;
  opacity: 0.95;
  text-decoration: none;
}

.pul-generico:active {
  color: #444;
  background-image: linear-gradient(to bottom, #f1f1f1 5%, #f5f5f5 100%);
  opacity: 1;
}



.pul-mia { 
  display: inline-block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;
  font-family: sans-serif;
  color: #FFFFFF;
  font-size: 12px;
  background-image: linear-gradient(to bottom, #4D90FE 5%, #4787ED 100%);
  border-radius: 5px;
  padding: 6px 15px 6px 15px;
  opacity: 1;
  cursor: pointer;
  text-decoration: none;
}
.pul-mia:hover {
  color: #FFFFFF;
  opacity: 0.95;
  text-decoration: none;
}
.pul-mia:active {
  color: #FFFFFF;
  background-image: linear-gradient(to bottom, #4787ED 5%, #4D90FE 100%);
  opacity: 1;
}


.pul-riapri {
  display: inline-block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;
  font-family: sans-serif;
  color: #FFFFFF;
  font-size: 12px !important;
  background-image: linear-gradient(to bottom,#EF6C00 5%, #F57C00 100%);
  border-radius: 5px;
  padding: 6px 15px 6px 15px !important;
  opacity: 1;
  cursor: pointer;
  text-transform: uppercase;
}

.pul-riapri:hover {
  color: #FFFFFF;
  opacity: 0.95;
  text-decoration: none;
}

.pul-riapri:active {
  color: #FFFFFF;
  background-image: linear-gradient(to bottom, #E65100 5%, #EF6C00 100%);
  opacity: 1;
}

.pul-split{
  display: inline-block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;
  font-family: sans-serif;
  color: #FFFFFF;
  font-size: 12px !important;
  background-image: linear-gradient(to bottom,#8E24AA 5%, #9C27B0 100%);
  border-radius: 5px;
  padding: 6px 15px 6px 15px !important;
  opacity: 1;
  cursor: pointer;
  text-transform: uppercase;
}

.pul-split:hover {
  color: #FFFFFF;
  opacity: 0.95;
  text-decoration: none;
}

.pul-split:active {
  color: #FFFFFF;
  background-image: linear-gradient(to bottom, #7B1FA2 5%, #8E24AA 100%);
  opacity: 1;
}

.pul-rimanda {
  display: inline-block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;
  font-family: sans-serif;
  color: #fff;
  font-size: 12px;
  background-image: linear-gradient(to bottom, #607D8B 5%, #78909C 100%);
  border-radius: 5px;
  padding: 6px 15px 6px 15px;
  opacity: 1;
  cursor: pointer;
  border-color: rgba(0,0,0,0.1);
  text-decoration: none;
}


.pul-rimanda:hover {
  opacity: 0.95;
  text-decoration: none;
}

.pul-rimanda:active {
  background-image: linear-gradient(to bottom, #546E7A 5%, #607D8B 100%);
  opacity: 1;
}


.pul-creacdf {
  display: inline-block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;
  font-family: sans-serif;
  color: #FFFFFF;
  font-size: 12px;
  background-image: linear-gradient(to bottom, #6D4C41 5%, #795548 100%);
  border-radius: 5px;
  padding: 6px 15px 6px 15px;
  opacity: 1;
  cursor: pointer;
  text-decoration: none;
}


.pul-creacdf:hover {
  color: #FFFFFF;
  opacity: 0.95;
  text-decoration: none;
}

.pul-creacdf:active {
  color: #FFFFFF;
  background-image: linear-gradient(to bottom, #5D4037 5%, #6D4C41 100%);
  opacity: 1;
}



.pul-faccioquesta {
  display: inline-block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;
  font-family: sans-serif;
  color: #FFFFFF;
  font-size: 12px;
  background-image: linear-gradient(to bottom, #00796B 5%, #00897B 100%);
  border-radius: 5px;
  padding: 6px 15px 6px 15px;
  opacity: 1;
  cursor: pointer;
  text-decoration: none;
}


.pul-faccioquesta:hover {
  color: #FFFFFF;
  opacity: 0.95;
  text-decoration: none;
}

.pul-faccioquesta:active {
  color: #FFFFFF;
  background-image: linear-gradient(to bottom, #00695C 5%, #00796B 100%);
  opacity: 1;
}

.pul-sposta {
  display: inline-block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;
  font-family: sans-serif;
  color: #FFFFFF;
  font-size: 12px;
  background-image: linear-gradient(to bottom, #1565C0 5%, #1976D2 100%);
  border-radius: 5px;
  padding: 6px 15px 6px 15px;
  opacity: 1;
  cursor: pointer;
  text-decoration: none;
}


.pul-sposta:hover {
  color: #FFFFFF;
  opacity: 0.95;
  text-decoration: none;
}

.pul-sposta:active {
  color: #FFFFFF;
  background-image: linear-gradient(to bottom, #0D47A1 5%, #1565C0 100%);
  opacity: 1;
}

.pul-chiudi {
  display: inline-block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;
  font-family: sans-serif;
  color: #FFFFFF;
  font-size: 12px !important;
  background-image: linear-gradient(to bottom, #43a047 5%, #19B550 100%);
  border-radius: 5px;
  padding: 6px 15px 6px 15px !important;
  opacity: 1;
  cursor: pointer;
  text-transform: uppercase;
}


.pul-chiudi:hover {
  color: #FFFFFF;
  opacity: 0.95;
  text-decoration: none;
}

.pul-chiudi:active {
  color: #FFFFFF;
  background-image: linear-gradient(to bottom, #19B550 5%, #43a047 100%);
  opacity: 1;
}


.pul-chiudicliente {
  display: inline-block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;
  font-family: sans-serif;
  color: #FFFFFF;
  font-size: 12px !important;
  background-image: linear-gradient(to bottom, #43a047 5%, #19B550 100%);
  border-radius: 5px;
  padding: 6px 15px 6px 15px !important;
  opacity: 1;
  cursor: pointer;
  text-transform: uppercase;
}


.pul-chiudicliente:hover {
  color: #FFFFFF;
  opacity: 0.95;
  text-decoration: none;
}

.pul-chiudicliente:active {
  color: #FFFFFF;
  background-image: linear-gradient(to bottom, #19B550 5%, #43a047 100%);
  opacity: 1;
}



.pul-cdfscaduti {
  display: inline-block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;
  font-family: sans-serif;
  color: #FFFFFF;
  font-size: 12px;
  background-image: linear-gradient(to bottom, #4527A0 5%, #512DA8 100%);
  border-radius: 5px;
  padding: 6px 15px 6px 15px;
  opacity: 1;
  cursor: pointer;
  text-decoration: none;
}


.pul-cdfscaduti:hover {
  color: #FFFFFF;
  opacity: 0.95;
  text-decoration: none;
}

.pul-cdfscaduti:active {
  color: #FFFFFF;
  background-image: linear-gradient(to bottom, #311B92 5%, #4527A0 100%);
  opacity: 1;
}




.pulsanti-scheda-ordine {
    position: relative;
}

.pulsanti-scheda-ordine .pul-ordinevanzamento {
    position: absolute;
    height: 38px;
    padding-top: 12px !important;
}




.sbiadito {
	cursor: initial;
	opacity: 0.4;
}
.sbiadito:hover {
	opacity: 0.4;
}


img[id^='elimina'] {
	cursor: pointer;
}
img[id^='modifica'] {
	cursor: pointer;
}
img[id^='file'] {
	cursor: pointer;
}
img[id^='chiudi'] {
	cursor: pointer;
}

.formato_cf {
	text-transform: uppercase;
}


/* pratiche */

.praticadati {
	margin: 5px;
	margin-bottom: 20px;
}

#pratiche.scheda #pagina-testo {
    margin: auto;
    width: 800px;
    text-align: justify;        
}

.pratica-scheda {
    background-color: #F8EEB3;
    padding: 20px;
    position: relative;
    border-top-left-radius: 10px;
border-top-right-radius: 10px;
webkit-box-shadow: 0px -2px 5px -1px rgba(102,102,102,1);
    -moz-box-shadow: 0px -2px 5px -1px rgba(102,102,102,1);
    box-shadow: 0px -2px 5px -1px rgba(102,102,102,1);
}


.pratica-noteprivate {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;

}

.pratica-scheda > header {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    width: 700px;
}

.pratica-scheda-testo {
	width: 700px;
	min-height: 100px;	
}

.pratica-scheda-stato {
	width: 50px;
	position: absolute;
	top: 20px;
	right: 20px;	
	background-color: #fff;
}
.pratica-scheda-stato div {
    text-align: center;
    opacity: 0.3;
}
.pratica-scheda-stato-attivo {
    opacity: 1 !important;
    width: 120% !important;
    margin-left: -10% !important;
    height: 25px;
    padding-top: 3px;
}


.pratica-scheda > footer {
    text-align: right;
    font-style: italic;
    font-size: 12px;
    margin-top: 10px;
}

.pratica-sopratitolo {
    font-size: 15px;
}

.pratica-titolo {
    font-size: 28px;
}

#praticapromemoria {
    background-color: #f3f3f3;
    padding: 20px;
    display: none;
    margin-bottom: 10px;
}



.eventi {
	webkit-box-shadow: 0px -2px 5px -1px rgba(102,102,102,1);
    -moz-box-shadow: 0px -2px 5px -1px rgba(102,102,102,1);
    box-shadow: 0px -2px 5px -1px rgba(102,102,102,1);
}
.evento {
    background-color: #f3f3f3;
    padding: 20px;
    border-top: solid 1px #666;
}
.evento:last-child {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}

.evento > header {
    font-size: 16px;
    margin-bottom: 10px;
}

.evento > header h1 {   
    display: inline-block;
    vertical-align: top;
    width: 720px;
    box-sizing: border-box;
    padding-right: 5px;
}

.evento > header > span.icona { 
    display: inline-block;
    vertical-align: top;
    width: 30px;
}



.evento > div  {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display: -ms-flexbox;      /* TWEENER - IE 10 */
  	display: -webkit-flex;     /* NEW - Chrome */
  	display: flexbox;            /* NEW, Spec - Opera 12.1, Firefox 20+ */	
  
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}

@supports (flex-wrap: wrap) { /* hide from the incomplete Flexbox implementation in Firefox */
    .evento > div {
      display: flex;
    }
}


.evento > div > div:first-child  {
    margin-right: 10px;
    min-width: 200px;
    max-width: 200px;
    margin-bottom: 5px;
    text-align: left;
    
	-webkit-box-flex: 1 0 0px;      /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1 0 0px;         /* OLD - Firefox 19- */
	/*width: 20%;*/               		/* For old syntax, otherwise collapses. */
	-webkit-flex: 1 0 0px;          /* Chrome */
	-ms-flex: 1 0 0px;              /* IE 10 */
	flex: 1 0 0px;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.evento > div > div:first-child span {
    display: inline-block;
    vertical-align: top;
}
.evento > div > div:first-child span:first-child {
    font-style: italic;
    font-size: 12px;
    width: 35px;
}
.evento > div > div:first-child span:last-child {
    width: 160px;
    font-size: 13px;
}

.evento .fileallegato {
     padding: 5px; 
}

.evento .fileallegatotitolo {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display: -ms-flexbox;      /* TWEENER - IE 10 */
  	display: -webkit-flex;     /* NEW - Chrome */
  	display: flexbox;            /* NEW, Spec - Opera 12.1, Firefox 20+ */	
  
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}

@supports (flex-wrap: wrap) { /* hide from the incomplete Flexbox implementation in Firefox */
    .evento .fileallegatotitolo {
      display: flex;
    }
}

.evento .fileallegato:first-child  {
    margin-top: 10px;
}

.evento .fileallegatotitolo > div:first-child {
     width: 16px;
     margin-right: 4px;
}

.evento .fileallegatotitolo > div:nth-child(2) {
     width: 16px;
     margin-right: 4px;
}

.evento .fileallegatodescrizione {
     font-size: small;
     margin-left: 40px;
}

.evento > footer {
    text-align: right;
    font-style: italic;
    font-size: 12px;
    margin-top: 10px;
}

#TabellaLista tr:hover {
    background-color: #f9f9f9;
}

#TabellaLista #totali {
    font-weight: 700;
}

/*ARCHIVIO ASSISTENZE*/
#archivioassistenze.lista #TabellaLista td {
	height: 57px;
}

#archivioassistenze .box-titolo{
	background-color: transparent;
	padding: 0px;
}

#archivioassistenze td[data-title="titolo"] div {
	word-break:keep-all;
	
}

#archivioassistenze td[data-title="da chi"] div {
	word-break:keep-all;
	
}

/*ASSISTENZE
#assistenze.lista #TabellaLista td {
	height: 57px;
}

.assistenza-bianca {
	background-color: #FFFFFF;
    color: #000000;
}
.assistenza-gialla {
	background-color: #FBBC05;
    color: #000000;
}
.assistenza-rossa {
	background-color: #EA4335;
    color: #FFFFFF;
}
.assistenza-nera {
	background-color: #222222;
    color: #FFFFFF;
}
.assistenza-verde {
	background-color: #34A853;
    color: #FFFFFF;
}


.assistenza-rossa a,
.assistenza-nera a,
.assistenza-verde a {
	color:#FFFFFF;
}

.assistenza-bianca a,
.assistenza-gialla a {
    color: #000000;
}


.pul-rifiuta a:link{
	color:#FFFFFF;
	text-decoration: none;
}
.pul-rifiuta a:visited{
	color:#FFFFFF;
	text-decoration: none;
}

.pul-info a:link{
	color:#FFFFFF;
	text-decoration: none;
}
.pul-info a:visited{
	color:#FFFFFF;
	text-decoration: none;
}

.assistenza-nera a:visited{
	color:#FFFFFF;
}

.contenuto-overflow-down-large {
	max-height: 500px;
    
    width: 100%;
    min-height: 120px;
    display: block;
    overflow: hidden;
    word-break: break-word;
    word-wrap: break-word;
    box-sizing: border-box;
	border-bottom: solid 10px #ddd;
}


.contenuto-overflow-down-noteprivate {

    width: 100%;
    min-height: 120px;
    display: block;
    overflow: hidden;
    word-break: break-word;
    word-wrap: break-word;
    box-sizing: border-box;
	border-bottom: solid 10px #ddd;
	
}

.contenuto-overflow-down-noteprivate > div {
    padding: 10px;
    background-color: #eaeaea;
    text-transform: none;
}

.pul-arancio{
  display: inline-block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;
  font-family: sans-serif;
  color: #FFFFFF;
  font-size: 12px !important;
  background-image: linear-gradient(to bottom, #FF9933 5%,#FF9900 100%);
  border-radius: 5px;
  padding: 6px 15px 6px 15px !important;
  opacity: 1;
  cursor: pointer;
  text-transform: uppercase;
}

.pul-blu {
  display: inline-block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;
  font-family: sans-serif;
  color: #FFFFFF;
  font-size: 12px !important;
  background-image: linear-gradient(to bottom, #2979ff 5%, #2060CC 100%);
  border-radius: 5px;
  padding: 6px 15px 6px 15px !important;
  opacity: 1;
  cursor: pointer;
  text-transform: uppercase;
  font-size:20px;
}
.pul-blu a:link{
	color:#FFFFFF;
}
.pul-blu a:visited{
	color:#FFFFFF;
	text-decoration: none;
}


.pul-opaco {
  display: inline-block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;
  font-family: sans-serif;
  color: #FFFFFF;
  font-size: 12px !important;
  background-image: linear-gradient(to bottom,#C4C4C4 5%, #C4C4C4 100%);
  border-radius: 5px;
  padding: 6px 15px 6px 15px !important;
  opacity: 1;
  cursor: pointer;
  text-transform: uppercase;
}




.assistenza-scheda > header {
	display: -webkit-box;     
  	display: -moz-box;         
  	display: -ms-flexbox;      
  	display: -webkit-flex;     
  	display: flexbox;            	
  	
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
  	
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
    justify-content: flex-start;
    
    margin-bottom: 0px; 
   
     text-transform: none;
}


@supports (flex-wrap: wrap) { 
    .assistenza-scheda > header {
      display: flex;
    }
}
*/
.legenda {
	margin-top: 20px;
}
.legenda strong:first-child {
	margin-bottom: 10px;
	display: block;
}


.legenda span:first-child {
	display: inline-block;
	height: 25px;
	width: 25px;
	border: solid 1px #666;
}

.legenda span:last-child {
	/*display: inline-block;
	margin-top: -25px;
	font-size: 12px;*/
	display: inline-block;
	font-size: 12px;
	vertical-align: bottom;
	height: 25px;
	line-height: normal;
	padding-left: 5px;
}

.assistenza-scheda .assistenza-stato {
    padding: 10px;/*messo a 10 da alice il 14/12*/
    text-align: center;
    border: solid 1px #666;
}

.assistenza-scheda .assistenza-da {
    padding: 20px;
}

.assistenza-scheda .assistenza-a {
    padding: 20px;
}

.assistenza-scheda .assistenza-provenienza {
    padding: 20px;
}

.assistenza-scheda .box {
    display: table;

}

/* parte assistenza-sottotitolo aggiunta da alice il 30/10/2018*/
.assistenza-scheda .assistenza-sottotitolo {    
	padding: 10px;
	text-transform:none; 
	font-weight: normal;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display: -ms-flexbox;      /* TWEENER - IE 10 */
  	display: -webkit-flex;     /* NEW - Chrome */
  	display: flexbox;            /* NEW, Spec - Opera 12.1, Firefox 20+ */	
  	
  
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
  
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;	
}

@supports (flex-wrap: wrap) { /* hide from the incomplete Flexbox implementation in Firefox */
    .assistenza-scheda .assistenza-sottotitolo {
      display: flex;
    }
}
/* parte assistenza-titolo aggiunta da alice il 30/10/2018*/
.assistenza-scheda .assistenza-titolo {    
	padding: 10px 20px;
	border-top-left-radius: 20px;
	border-top-right-radius: 25px;
	

}

/* parte asszona0 aggiunta da alice il 30/10/2018*/
#asszona0 {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display: -ms-flexbox;      /* TWEENER - IE 10 */
  	display: -webkit-flex;     /* NEW - Chrome */
  	display: flexbox;
	
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
  
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;	
}
@supports (flex-wrap: wrap) { 
    #asszona0 {
      display: flex;
    }
}
/* parte asszona1 aggiunta da alice il 30/10/2018*/
#asszona1 {
    max-width: 49%;
    min-width: 350px;
    width: 100%;          
  	
	-webkit-flex-grow: 2;
	-moz-flex-grow: 2;
	-ms-flex-grow: 2;
    flex-grow: 2;
     
	-webkit-flex-shrink: 1;
	-moz-flex-shrink: 1;
	-ms-flex-shrink: 1;
    flex-shrink: 1;
}



/* parte assistenza-operatore aggiunta da alice il 30/10/2018*/
.assistenza-scheda .assistenza-operatore {
    
    
    padding: 0 5px;
    float: right;
    display: inline;
}

/* parte aggiunta da alice il 29/11/2018*/
.assistenza-scheda .assistenza-responsabile {
    
    
    padding: 0 5px;
    float: right;
    display: inline;
}


.assistenza-scheda .box .box-contenuto {
    display: table-row;
	
}

/*alice: messo padding a 5 il 13/12/18*/
.assistenza-scheda .box-contenuto > div {
    display: table-cell;
    padding: 5px;
    word-wrap: break-word;
}

.assistenza-scheda .box-contenuto > div:first-child {
    width: 280px;
    border-right: 1px solid #dddddd;
}

.assistenza-scheda .box-contenuto > div:first-child .txt-didascalia {
    width: 280px;
    word-wrap: break-word;
}

.assistenza-scheda .box-contenuto > div:nth-child(2) > div:nth-child(2) {
    margin-top: 10px;
    padding-top: 10px;
    border-top: solid 1px #eee;
}

.assistenza-note {
	font-size: 12px;
}

.descrizione-scheda-testo {
	margin-bottom: 30px;
}

.assistenze-incluse,
.appunti-inclusi,
.commenti-inclusi,
.sds-inclusi,
.stc-inclusi,
.documenti-inclusi,
.prezzo-inclusi,
.cdfconti-inclusi,
.fattprev-inclusi {
	margin-top: 15px;
	border-top: 0;
}


.assistenze-incluse caption,
.appunti-inclusi caption,
.commenti-inclusi caption,
.sds-inclusi caption,
.stc-inclusi caption,
.documenti-inclusi caption,
.prezzo-inclusi caption,
.cdfconti-inclusi caption,
.fattprev-inclusi caption {
	display: table-caption;
    border-bottom: 1px solid #dddddd;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px;
    background-color: #EEEEEE;
    color: #333;
    text-align: left;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border: 1px solid #dddddd;
    box-sizing: border-box;
    border-bottom: 0;
}


#commentoinserisci,
#assistenzainserisci,
#appuntoinserisci,
#comunicazioneinserisci,
#aggiungiFileSpecifica,
#cdfcontoinserisci,
#fattprevinserisci {
    top: 10px !important;
    right: 10px !important;
}




.preordine {
    height: 21px;
	width: 21px;
	border-radius: 5px;
	margin-top: 0;
	margin-left: 0;
	color: #fff;
	background-color: #800020;
	border: solid 1px #ddd;
	display: inline-block;
	text-align: center;
}

#TabellaLista .preordine {
    height: 15px;
    width: 15px;
	bottom: 2px;
	left: 2px;
    line-height: 11px;
    position: absolute;
}



.rigocorrelato {
    height: 15px;
    width: 15px;
	border-radius: 5px;
	margin-top: 0;
	margin-left: 0;
	color: #fff;
	background-color: #00695C;
	border: solid 1px #ddd;
	display: inline-block;
	text-align: center;
	top: 2px;
	right: 2px;
    line-height: 11px;
    position: absolute;
    font-size: 13px;
}

.listaordini tr td:first-child a {
    font-size: 14px;
    font-weight: 600;
    display: block;
    width: 100%;
    background-color: #00f;
    color: #fff;
    box-sizing: border-box;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}
.listaordini tr td:first-child a:hover {
    background-color: #fff;
    color: #00f;
    text-decoration: none;
}


.immagine-lista {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 70px;
}

	
.scheda-struttura1 {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display: -ms-flexbox;      /* TWEENER - IE 10 */
  	display: -webkit-flex;     /* NEW - Chrome */
  	display: flexbox;            /* NEW, Spec - Opera 12.1, Firefox 20+ */	
  
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}

@supports (flex-wrap: wrap) { /* hide from the incomplete Flexbox implementation in Firefox */
    .scheda-struttura1 {
      display: flex;
    }
}

.immagine-scheda {
	/*-webkit-flex-grow: 1;
	flex-grow: 1;
	
	-webkit-flex-basis: 25%;
	flex-basis: 25%;*/
    -webkit-flex-basis: 50%; /* Safari 6.1+ */
    flex-basis: 50%;
}
.descrizione-scheda {
/*	-webkit-flex-grow: 2;
	flex-grow: 2;
	    */
    -webkit-flex-basis: 50%; /* Safari 6.1+ */
    flex-basis: 50%;
	
	padding-left: 20px;
	box-sizing: border-box;
}



.richiesticampiaggiuntivispunteordini {
	margin: 20px;
	border: solid 1px #ccc;
	border-radius: 5px;
	padding: 10px;
	max-width: 300px;
	display: none;
	background-color: #eee;
}

.richiesticampiaggiuntivispunteordini label {
	display: block;
}

.spuntecampiaggiuntivi {
	margin: 20px;
	margin-top: 5px;
	border: solid 1px #ccc;
	border-radius: 5px;
	padding: 10px;
	background-color: #eee;
	font-size: smaller;
}



.hide-calendar .ui-datepicker-calendar, .hide-calendar .ui-datepicker-prev, .hide-calendar .ui-datepicker-next
	{
	display:none!important;
	visibility:hidden!important
	}


.galleria-immagini {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display: -ms-flexbox;      /* TWEENER - IE 10 */
  	display: -webkit-flex;     /* NEW - Chrome */
  	display: flexbox;            /* NEW, Spec - Opera 12.1, Firefox 20+ */	
  
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	
	margin-top: 2px;
}

@supports (flex-wrap: wrap) { /* hide from the incomplete Flexbox implementation in Firefox */
    .galleria-immagini {
      display: flex;
    }
}

.immagine-galleria {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100px;
	height: 70px;
	margin: 2px;
}

.immagine-galleria:first-child {
	margin-left: 0px;	
}

.immagine-galleria:last-child {
	margin-right: 0px;	
}

.allegatilista {
	margin-top: 10px;	
}

.allegatilista .fileallegato {
     padding: 5px; 
}

.allegatilista .fileallegatotitolo {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display: -ms-flexbox;      /* TWEENER - IE 10 */
  	display: -webkit-flex;     /* NEW - Chrome */
  	display: flexbox;            /* NEW, Spec - Opera 12.1, Firefox 20+ */	
  
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}

@supports (flex-wrap: wrap) { /* hide from the incomplete Flexbox implementation in Firefox */
    .allegatilista .fileallegatotitolo {
      display: flex;
    }
}


.allegatilista .fileallegato:first-child  {
    margin-top: 10px;
}

.allegatilista .fileallegatotitolo > div:first-child {
     width: 16px;
     margin-right: 4px;
}

.allegatilista .fileallegatotitolo > div:nth-child(2) {
     margin-right: 4px;
}

.allegatilista .fileallegatodescrizione {
     font-size: small;
     margin-left: 20px;
}

#articoli.scheda .templateboxtabella .table .cell {
    width: auto;
    margin-top: 20px;
    font-size: 14px;
    font-weight: normal;
}

#articoli.scheda .templateboxtabella .table {
    margin-top: 20px;
}

#articoli.inserisci .templateboxtabella .table .cell {
    width: auto;
    margin-top: 20px;
    font-size: 14px;
    font-weight: normal;
}


#articoli.scheda .templateboxtabella .table .cell.head,
#articoli.inserisci .templateboxtabella .table .cell.head {
	width: 150px !important;
}

#articoli.inserisci .templateboxtabella .table {
    margin-top: 20px;
}
.articolovariante {
	padding: 10px 0 0 10px;
	display: inline-block;
}


#articoli.inserisci .articolovariante {
	width: 250px;
	vertical-align: top;
}


.contenitorevideo iframe {
	max-width: 100%;
}

.campiaggiuntivi-nomecampo {
	font-weight: 600;
}

.descrizione-scheda-campiaggiuntivi {
	margin-bottom: 30px;
}

.lista-numero-evidente:first-child a {
    font-size: 14px;
    font-weight: 600;
    display: block;
    width: 100%;
    background-color: #00f;
    color: #fff;
    box-sizing: border-box;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}
.lista-numero-evidente:first-child a:hover {
    background-color: #fff;
    color: #00f;
    text-decoration: none;
}



.liste-tipolista span, .pulsantino {
    margin: 1px;
    background-color: #eee;
    border-radius: 3px;
    border: solid 1px #ccc;
    color: #333;
	cursor: pointer;
}
.liste-tipolista span.selezionato, .pulsantino.selezionato {
    background-color: #ccc;
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75) inset;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75) inset;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75) inset;
}
.liste-tipolista span:hover, .pulsantino:hover {	
    /*background-color: rgba(238,238,238,0.7);*/
    background: #f8f8f8;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1));
	background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
	background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);
	background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1);
	background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);
	background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
	border: 1px solid #c6c6c6;
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	color: #222;
	transition: all 0s;
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	-moz-transition: all 0s;
	-o-transition: all 0s;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	-webkit-transition: all 0s;
	
	}
.liste-tipolista span.selezionato:hover, .pulsantino.selezionato:hover {	
    background-color: rgba(204,204,204,0.7);
    background-image: none;
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75) inset;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75) inset;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75) inset;
}

#cdf.lista .box {
	border-radius: 10px;
	width: 400px;
	z-index: 1;
	position: relative;
	border-top: 0px;
	/*-webkit-box-shadow: 0px -2px 5px -1px rgba(102,102,102,1);
	-moz-box-shadow: 0px -2px 5px -1px rgba(102,102,102,1);
	box-shadow: 0px -2px 5px -1px rgba(102,102,102,1);*/
	margin-top: 30px;
}


.box.cdf-boxcliente {
    border-radius: 5px !important;
    background-color: #ce93d8;    
	cursor: pointer;
}


.box.cdf-boxoperatore {
    border-radius: 5px !important;
    background-color: #2979ff;    
	cursor: pointer;
	color: #fff;
}

.cdf-ripetitivo {
position: absolute;
top: 0;
right: 0;
}

.cdf-scadenzafissa {
    /*position: absolute;
    top: 3px;
    right: 3px;*/
    font-size: 12px !important;
}

.cdf-scadenzavariabile {
    color: #666;
    font-size: 12px !important;
}


#TabellaLista .cdf-scadenzafissa,
#TabellaLista .cdf-scadenzavariabile {
    cursor: pointer;
}

.cdf-ore .cdf-scadenzafissa {
    /*position: initial;
    top: 0;
    right: 0;*/
    font-size: 12px !important;
    margin-right: 5px;
}


.oreipotizzatetotali,
.orelavorate,
.oreipotizzate {
   display: inline-block;
   text-align: center;
}   
.orelavorate {
    color: rgb(3, 102, 182);
}
.oreipotizzate {
    color: purple;
}


#cdf.scheda #pagina-testo {
    margin: auto;
    text-align: left;        
}

#cdfzona0 {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display: -ms-flexbox;      /* TWEENER - IE 10 */
  	display: -webkit-flex;     /* NEW - Chrome */
  	display: flexbox;
	
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
  
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;	
}

@supports (flex-wrap: wrap) { 
    #cdfzona0 {
      display: flex;
    }
}

#cdfzona1 {
    max-width: 49%;
    min-width: 500px;
    width: 100%;          
  
	-webkit-flex-grow: 2;
	-moz-flex-grow: 2;
	-ms-flex-grow: 2;
    flex-grow: 2;
     
	-webkit-flex-shrink: 1;
	-moz-flex-shrink: 1;
	-ms-flex-shrink: 1;
    flex-shrink: 1;
   
}

#cdfzona2 {
    max-width: 49%;
    min-width: 500px;
    width: 100%;
     
	-webkit-flex-grow: 1;
	-moz-flex-grow: 1;
	-ms-flex-grow: 1;
    flex-grow: 1;
     
	-webkit-flex-shrink: 2;
	-moz-flex-shrink: 2;
	-ms-flex-shrink: 2;
    flex-shrink: 2;
}

.cdf-scheda {
    width: 100%;
    border-radius: 10px;
   /* webkit-box-shadow: 0px -2px 5px -1px rgba(102,102,102,1);
    -moz-box-shadow: 0px -2px 5px -1px rgba(102,102,102,1);
    box-shadow: 0px -2px 5px -1px rgba(102,102,102,1);*/
}

.cdf-scheda .box-titolo {
    background-color: transparent;
	border-bottom: 0px;
	padding: 0px;
    color: #000;
    position: relative;
}



.cdf-scheda .addsopracdf { 
	top: 1px;
	left: 20px;
    position: absolute;
}  
.cdf-scheda .addsottocdf { 
	top: 1px;
	right: 1px;
    position: absolute;
}  

.cdf-scheda .cdf-titolo {    
	padding: 10px 20px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	min-height: 75px;
	text-transform: none;
	font-size: 18px;
}


.cdf-boxcliente .box-titolo,
.cdf-boxoperatore .box-titolo {
    background-color: transparent;
    border-radius: 0px !important;
}
.cdf-scheda .cdf-titolo .cdf-data {
	font-size: 11px;
	font-weight: normal;
}

.cdf-scheda .cdf-sottotitolo {    
	padding: 10px;
	text-transform:none; 
	font-weight: normal;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display: -ms-flexbox;      /* TWEENER - IE 10 */
  	display: -webkit-flex;     /* NEW - Chrome */
  	display: flexbox;            /* NEW, Spec - Opera 12.1, Firefox 20+ */	
  
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
  
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;	
}


@supports (flex-wrap: wrap) { /* hide from the incomplete Flexbox implementation in Firefox */
    .cdf-scheda .cdf-sottotitolo {
      display: flex;
    }
}

.cdf-scheda .box-contenuto {    
	background-color: #f3f3f3;
    color: #000;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}


.cdf-scheda.cdf-verde .cdf-titolo {	
	background-color: rgba(52,168,83,0.8);
}

.cdf-scheda.cdf-giallo .cdf-titolo{
	background-color: rgba(255,241,118,0.8);
}

.cdf-scheda.cdf-arancio .cdf-titolo {
	background-color: rgba(255,152,0,0.8);
}

.cdf-scheda.cdf-rosso .cdf-titolo {
	background-color: rgba(244,67,54,0.8);
}


.cdf-scheda .cdf-titolo span:first-child a {
    color: #000;
    text-decoration: none;
    display: block;
    width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.cdf-scheda .cdf-titolo .material-icons {
	color: #000;	
	text-decoration: none;
}

.cdf-scheda .cdf-titolo div:first-child {
}


@supports (flex-wrap: wrap) { /* hide from the incomplete Flexbox implementation in Firefox */
    .cdf-scheda .cdf-titolo div:first-child {
    }
}

.cdf-scheda .cdf-titolo div:first-child span:first-child {
    color: #000;
    text-decoration: none;
    display: block;
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%;
}


.cdf-scheda .cdf-titolo div:first-child span:last-child { 
   	position: absolute;
	right: 1px;
	top: 20px;
}

.cdf-scheda .cdf-titolo .pul-inserisci-piccolo.material-icons {
    color: #304ffe;
    font-size: 24px;
    position: initial;
}


.cdf-verde {
	background-color: #34A853;	
	background-color: rgba(52,168,83,0.4);
}

.cdf-giallo {
	background-color: #fff176;	
	background-color: rgba(255,241,118,0.4);
}

.cdf-arancio {
	background-color: #ff9800;
	background-color: rgba(255,152,0,0.4);
}

.cdf-rosso {
	background-color: #f44336;
	background-color: rgba(244,67,54,0.4);
}

.cdf-rossoscuro {
	background-color: #640000;
	color: #ffffff;
	background-color: rgba(100,0,0,0.8);;
}

.cdf-rossoscuro a,
.cdf-rossoscuro span {
	color: #ffffff !important;
}

.cdf-rossoscuro .datapickerdatascadenza,
.cdf-rossoscuro .datapickerdatascadenza a,
.cdf-rossoscuro .datapickerdatascadenza span {
	color: #000000 !important;
}


.legenda .cdf-verde,
#TabellaLista .cdf-verde {	
	background-color: rgba(52,168,83,0.8);
}

.legenda .cdf-giallo,
#TabellaLista .cdf-giallo {
	background-color: rgba(255,241,118,0.8);
}

.legenda .cdf-arancio,
#TabellaLista .cdf-arancio {
	background-color: rgba(255,152,0,0.8);
}

.legenda .cdf-rosso,
#TabellaLista .cdf-rosso {
	background-color: rgba(244,67,54,0.8);
}

.legenda .cdf-rossoscuro,
#TabellaLista .cdf-rossoscuro {
	background-color: rgba(100,0,0,0.8);;
}



#cdf.lista .cdf-verde .box-titolo {	
	background-color: rgba(52,168,83,0.8);
}

#cdf.lista .cdf-giallo .box-titolo{
	background-color: rgba(255,241,118,0.8);
}

#cdf.lista .cdf-arancio .box-titolo {
	background-color: rgba(255,152,0,0.8);
}

#cdf.lista .cdf-rosso .box-titolo{
	background-color: rgba(244,67,54,0.8);
}



.cdf-priorita {
	font-size:50px;	
	margin-top: 2px;
}
.cdf-priorita-1 {
	background-color: #9575CD;
	color: #fff !important;
}
.cdf-priorita-2 {
	background-color: #7E57C2;
	color: #fff !important;
}
.cdf-priorita-3 {
	background-color: #6200EA;
	color: #fff !important;
}
.cdf-priorita-4 {
	background-color: #311B92;
	color: #fff !important;
}
.cdf-priorita-5 {
	background-color: #1d0a73;
	color: #fff !important;
}


.cdf-prioritabox{
	border: solid 1px #333; 
	width: 100%;
	max-width: 60px; 
	background-color:#F7F7F7; 	
	margin-top: 5px;
	padding: 5px;
	text-align: center;
  display: inline-block;
}
.cdf-prioritabox .pul-spostamentocdf {
    position: absolute;
    font-size: 14px;
    bottom: 5px;
    width: calc(100% - 10px);
}
.cdf-inattesabox {
  display: inline-block;
  vertical-align: top;
  margin: 10px;
  background-color: brown;
  color: #fff;
  width: 22px;
  height: 22px;
  text-align: center;
  border-radius: 50%;
  cursor: help;
}


#TabellaLista .cdf-priorita {
    font-size: 20px;
    font-weight: 600;
}

#TabellaLista .pul-spostamentocdfpriorita {
    bottom: unset;
}
#TabellaLista .cdf-inattesa {
  background-color: brown;
  color: #fff;
  width: 22px;
  height: 22px;
  text-align: center;
  border-radius: 50%;
  display: block;
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%);
  cursor: help;
}


.ui-resizable {
    position: absolute !important;
}

.programmazione-calendario-riga-prog.resizable::after {
	width: 100%;
	height: 15px;
	content: "=";
	/*content: "horizontal_split";
	font-family: 'Material Icons';*/
	position: absolute;
	bottom: 0;
	text-align: center;
}

.programmazione-calendario-riga-prog .cdf-verde {	
	background-color: rgba(52,168,83,0.8);
	border: solid 1px rgb(52,168,83);
}

.programmazione-calendario-riga-prog .cdf-giallo{
	background-color: rgba(255,241,118,0.8);
	border: solid 1px rgb(255,241,118);
}

.programmazione-calendario-riga-prog .cdf-arancio {
	background-color: rgba(255,152,0,0.8);
	border: solid 1px rgb(255,152,0);
}

.programmazione-calendario-riga-prog .cdf-rosso {
	background-color: rgba(244,67,54,0.8);
	border: solid 1px rgb(244,67,54);
}




.programmazione-calendario-verde {	
	background-color: rgba(52,168,83,0.8);
	border: solid 1px rgb(52,168,83);
}

.programmazione-calendario-giallo{
	background-color: rgba(255,241,118,0.8);
	border: solid 1px rgb(255,220,118);
}

.programmazione-calendario-rosso{
	background-color: rgba(244,67,54,0.8);
	border: solid 1px rgb(244,67,54);
}

.programmazione-calendario-grigio {
	background-color: rgba(189,189,189,0.8);
	border: solid 1px rgb(189,189,189);
}

.programmazione-calendario-marrone {
	background-color: rgba(141,110,99,0.8);
	border: solid 1px rgb(141,110,99);
}


.fineprog {
    position: absolute;
    bottom: 0;
    height: 10px;
    width: 100%;
    left: 0;
}

.programmazione-calendario-verde .fineprog {
    background: -prefix-linear-gradient(0deg, rgba(52,168,83,0.8), transparent);
    background: linear-gradient(0deg, rgba(52,168,83,0.8), transparent);
}

.programmazione-calendario-giallo .fineprog {
    background: -prefix-linear-gradient(0deg, rgba(255,241,118,0.8), transparent);
    background: linear-gradient(0deg, rgba(255,241,118,0.8), transparent);
}

.programmazione-calendario-rosso .fineprog {
    background: -prefix-linear-gradient(0deg, rgba(244,67,54,0.8), transparent);
    background: linear-gradient(0deg, rgba(244,67,54,0.8), transparent);
}

.programmazione-calendario-grigio .fineprog {
    background: -prefix-linear-gradient(0deg, rgba(189,189,189,0.8), transparent);
    background: linear-gradient(0deg, rgba(189,189,189,0.8), transparent);
}


.programmazione-calendario-prenotato, .programmazione-calendario-opzionato {
	position: absolute;
	width: calc(100% - 2px);
	margin-left: 1px;
}


.oraprogcorrezione {	
	color: #b71c1c;	
	font-weight: bold:
	font-size: 10px;
}

.orari-calendario-chiuso {
	background-color: rgba(66,165,245,0.8);
	border: solid 1px rgb(66,165,245);
}

.orari-calendario-aperto {
	background-color: rgba(187,222,251,0.8);
	border: solid 1px rgb(187,222,251);
}


#TabellaLista .programmazione-calendario-giallo,
#TabellaLista .programmazione-calendario-rosso,
#TabellaLista .programmazione-calendario-marrone,
#TabellaLista .programmazione-calendario-verde,
#TabellaLista .orari-calendario-aperto,
#TabellaLista .orari-calendario-chiuso {
	border-top: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
}



#cdf.lista .box .box-titolo {
	border-bottom: none;
	color: #000;
	z-index: 1;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-top: solid 1px #ddd;
    padding: 5px;
    position: relative;
	font-size: 12px;
		
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display: -ms-flexbox;      /* TWEENER - IE 10 */
  	display: -webkit-flex;     /* NEW - Chrome */
  	display: flexbox;            /* NEW, Spec - Opera 12.1, Firefox 20+ */	
  
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}

@supports (flex-wrap: wrap) { /* hide from the incomplete Flexbox implementation in Firefox */
    #cdf.lista .box .box-titolo {
      display: flex;
    }
}

#cdf.lista .box.cdf-boxoperatore .box-titolo {
	color: #fff;
}

#cdf.lista .box .box-titolo span:first-child {
    /*width: 365px;*/
   	width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 2px;
}

#cdf.lista .box-titolo span:first-child a {
    color: #000;
	text-decoration: none;
	display: block;
    /*width: 365px;*/
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#cdf.lista .box-titolo .material-icons {
    font-size: 20px;
    color: #000;
	text-decoration: none;
}



#TabellaLista .material-icons.cdf-documentiallegati {
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    top: 2px;
    right: 2px;
}

#cdf.lista .box .box-piede {  
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display: -ms-flexbox;      /* TWEENER - IE 10 */
  	display: -webkit-flex;     /* NEW - Chrome */
  	display: flexbox;            /* NEW, Spec - Opera 12.1, Firefox 20+ */	
  
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;/* NEW, Spec - Opera 12.1, Firefox 20+ */
  	
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
}

@supports (flex-wrap: wrap) { /* hide from the incomplete Flexbox implementation in Firefox */
    #cdf.lista .box .box-piede {
      display: flex;
    }
}




#cdf.lista .box .box-contenuto {   
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display: -ms-flexbox;      /* TWEENER - IE 10 */
  	display: -webkit-flex;     /* NEW - Chrome */
  	display: flexbox;            /* NEW, Spec - Opera 12.1, Firefox 20+ */	
  
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
}

@supports (flex-wrap: wrap) { /* hide from the incomplete Flexbox implementation in Firefox */
    #cdf.lista .box .box-contenuto {
      display: flex;
    }
}




#cdf.lista .cdf-boxcliente .box-contenuto,
#cdf.lista .cdf-boxoperatore .box-contenuto {
    -webkit-justify-content: flex-end;
	-moz-justify-content: flex-end;
	-ms-justify-content: flex-end;
    justify-content: flex-end;
}


.cdf-parte1 {
    width: 40%;
}

.cdf-parte2 {
    width: 30%;
}

.cdf-parte3 {
    width: 30%;
    text-align: center;
}


.cdf-operatore {
    display: inline-block;
    background-color: #2979ff;
    color: #fff;
    width: 30px;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
}
.cdf-scheda .cdf-operatore {
    width: auto;
    min-width: 50px;
    padding: 0 5px;
}

.cdf-responsabile {
    display: inline-block;
    background-color: #1565c0;
    color: #fff;
    width: 30px;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
}
.cdf-scheda .cdf-responsabile {
    width: auto;
    padding: 0 5px;
}

.cdf-tipocdf {
    display: inline-block;
    color: #fff;
    width: 30px;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
}
.cdf-scheda .cdf-tipocdf {
    min-width: 40px;
    padding: 0 5px;
}
.cdf-tipocdf.cdf-tipocdf-ass {
	background-color: #91008a;
}
.cdf-tipocdf.cdf-tipocdf-ut {
	background-color: #914e01;
}
.cdf-tipocdf.cdf-tipocdf-rip {
	background-color: #395006;
}

.cdf-programmazione {
    width: 20%;
    font-size: 12px;
}

.cdf-programmazione div {
margin-top: 5px;
}

#TabellaLista .cdf-cdfsotto {
    width: 100%;
}



.cdf-chiavvisare {
    font-size: 11px;
}

.cdf-cliente {
    font-size: 9px;
}


.cdf-ore {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display: -ms-flexbox;      /* TWEENER - IE 10 */
  	display: -webkit-flex;     /* NEW - Chrome */
  	display: flexbox;            /* NEW, Spec - Opera 12.1, Firefox 20+ */	
  
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	
	-webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -moz-box-align: baseline;
    -ms-flex-align: baseline;
	align-items: baseline;
	
    font-size: 11px;
    min-height:20px;
	}

@supports (flex-wrap: wrap) { /* hide from the incomplete Flexbox implementation in Firefox */
    .cdf-ore {
      display: flex;
    }
}

#TabellaLista .cdf-ore {
    justify-content: flex-end;
}

#TabellaLista .cdf-lavorisopra {
    height: 15px;
    width: 15px;
    border-radius: 5px;
    margin-top: 0;
	margin-left: 0;
	top: 2px;
	left: 2px;
    line-height: 11px;
}
#TabellaLista .cdf-lavorisotto {
    border: solid 1px #ddd;
    position: absolute;
    background-color: #333;
    display: block;
    height: 15px;
    width: 15px;
    border-radius: 5px;
    margin-top: 0;
	margin-left: 0;
	top: 2px;
	right: 2px;
    opacity: ;
    opacity: 0.4;
}

#TabellaLista .cdf-lavorisotto .cdf-lavorisotto {
    border: solid 1px #ddd;
    position: absolute;
    background-color: #333;
    display: block;
    height: 15px;
    width: 15px;
    border-radius: 5px;
    margin-top: 0;
	margin-left: 0;
	top: 3px;
	right: -3px;
    opacity: 1;
}



.cdf-ora {
    font-size: 18px;
    height: 20px;
}

.cdf-scadenza {
    border: solid 1px #000;
    width: 17px;
    height: 17px;
    background-color: rgba(241,241,241,0.8);
    font-weight: 600;
    text-align: center;
    margin-right:3px;
    border-radius: 3px;
    font-size: 13px;
}


.cdf-scheda .cdf-ore {
    position: relative;
}

.cdf-scheda .pul-inserisci-piccolo {
    font-size: 20px;
    display: inline-block;
    line-height: normal;
    position: absolute;
    top: -3px;
    right: 0;
    cursor: pointer;
    color: #304ffe !important;
    text-decoration: none;
}
.cdf-scheda .pul-inserisci-piccolo:hover {    
    text-decoration: none;
}

.box-titolo .pul-inserisci-piccolo,
#TabellaLista .pul-inserisci-piccolo {
    font-size: 20px;
    display: inline-block;
    line-height: normal;
    position: absolute;
    bottom: 0;
    right: 0;
    cursor: pointer;
    color: #304ffe;
    text-decoration: none;
}

.box-titolo .pul-inserisci-piccolo:hover,
#TabellaLista .pul-inserisci-piccolo:hover {    
    text-decoration: none;
}

.cdf-programmato,
.cdf-chiuso  {
    border: solid 1px #000;
    width: 17px;
    min-width: 17px;
    height: 17px;
    background-color: rgba(241,241,241,0.8);
    font-weight: 600;
    text-align: center;
    margin-right:3px;
    border-radius: 3px;
    font-size: 13px;
}


.cdf-nonprogrammato,
.cdf-nonchiuso {
    border: solid 1px #000;
    width: 17px;
    min-width: 17px;
    height: 17px;
    background-color: rgba(241,241,241,0.8);
    font-weight: 600;
    text-align: center;
    margin-right:3px;
    border-radius: 3px;
    font-size: 13px;
    opacity: 0.5;    
    color: rgba(241,241,241,0.8);
}

.cdf-lavorisopra {
	border: solid 1px #ddd;
	position: absolute;
	margin-top: -15px;
	margin-left: -10px;
	background-color: #333;
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 7px;
	opacity: 0.7;
}


#TabellaLista .cdf-lavorisopra.cdf-root {
    color: #ddd;
    background-color: #800020;
    opacity: 1;
}


.cdf-lavorisotto {
    border: solid 1px #ddd;
    position: absolute;
    margin-top: -15px;
    background-color: #333;
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 7px;
    right: -10px;
    opacity: ;
    opacity: 0.4;
}

.cdf-lavorisotto .cdf-lavorisotto {
    border: solid 1px #ddd;
    position: absolute;
    background-color: #333;
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 7px;
    right: -10px;
    opacity: 1;
    top: 20px;
}


.cdf-tempi {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display: -ms-flexbox;      /* TWEENER - IE 10 */
  	display: -webkit-flex;     /* NEW - Chrome */
  	display: flexbox;            /* NEW, Spec - Opera 12.1, Firefox 20+ */	
  
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	
    -webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
    justify-content: center;
    
	-webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


.cdf-tempi > div {
    margin: 2px 2px;
    font-size: 11px;
}

.cdf-sottocdf .cdf-tempi > div {
    margin: 2px 2px;
    font-size: 11px;
}

@supports (flex-wrap: wrap) { /* hide from the incomplete Flexbox implementation in Firefox */
    .cdf-tempi {
      display: flex;
    }
}

.cdf-oretotali {
    text-align: right;
    align-items: right;
    justify-content: flex-end;
    font-size: larger;
}

.cdf-cdfsotto {
margin: 2px auto;
width: 100px;
max-width: 100%;
}

.cdf-cdfsotto a {
	text-decoration: none;
}
.cdf-cdfsotto > span,
.cdf-cdfsotto a > span {
    display: block;
    width: 100%;
    text-align: center;
    border: solid 1px #000;
    border-radius: 5px;
    font-size: 14px;;
    font-weight: 600;
    background-color: rgba(241,241,241,0.8);
    color: #000;
    cursor: pointer;
}

.cdf-cdfsotto .cdf-ora {
	font-size: 14px;
    font-weight: normal;
}

.cdf-cdfsotto .cdf-minuti {
	font-size: 11px;
    font-weight: normal;
}

.cdf-sottocdf {
	margin-left: 450px;
}

.cdf-albero .cdf-sottocdf {
    margin-left: 150px;
}

.cdf-sottocdf-chiuso {
	display: none;
}


div[id^="cdfgruppolavori"] {
	display: none;	
}


.cdfgruppolavori {
    margin-left: 450px;
}



.cdfintestazione {
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.cdfdati {
	margin: 10px 0;
}
.cdfdati > .float-left .box {
	margin-top: 0px;	
}

.cdfdati > .float-left {
	width: 20%;
	margin: 0;
	padding-left: 10px;
	box-sizing: border-box;
}

.cdfdati > .float-left:first-child {
	padding-left: 0px;
	width: 30%;
}
.cdfdati > .float-left:nth-child(2), .cdfdati > .float-left:nth-child(4) {
    width: 17%;
}

.cdfdati > .float-left:nth-child(2), .cdfdati > .float-left:nth-child(3), .cdfdati > .float-left:nth-child(4) {
    width: 16%;
}


.cdfintestazione > div:first-child {
	width: 90%;
}
.cdfintestazione > div:last-child {
	width: 10%;
	text-align: right;
	align-self: flex-end;
}

.cdfprogrammazionedati .cdfintestazione,
.cdforariodati .cdfintestazione {
	margin-bottom: 10px;
}

.cdfprogrammazionedati .cdfintestazione:not(:first-child) > input:first-child, 
.cdforariodati .cdfintestazione:not(:first-child) > input:first-child {
	width: calc(100% - 45px) !important;
	}

.cdfprogrammazionedati #cdfscegli,
.cdforariodati #cdfscegli,
.cdforariodati #anagraficascegli,
#orariconsuntivo input[id^='cdfscegli'],
#orariconsuntivo input[id^='anagraficascegli']  {
    font-family: "Material Icons";
    text-transform: none;
    -webkit-font-feature-settings: "liga" 1;
    -moz-font-feature-settings: "liga" 1;
    -ms-font-feature-settings: "liga" 1;
    font-feature-settings: "liga" 1;
    word-wrap: normal;
    white-space: nowrap;
    vertical-align: bottom;
    height: 40px;
    width: 40px;
    padding: 0;
    letter-spacing: 1px;
    cursor: pointer;
  	font-size: 20px !important;
}


.cdfscelto {
	position: relative;
	font-size: 16px;
	margin-top: 10px;
	padding-left: 25px;
}

.cdfscelto #eliminacdf,
.cdfscelto #eliminacdfprec {
    width: 14px;
    margin-left: 5px;
}

#cdfscegli {
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
}

.cdficonaalbero {
	position: absolute;
	left: 0;
}

.cdfprogrammazionedati .cdfintestazione #cdfscegli,
.cdfprogrammazionedati .cdfintestazione #anagraficascegli,
.cdforariodati .cdfintestazione #cdfscegli,
.cdforariodati .cdfintestazione #anagraficascegli {
    font-size: 14px;    	
	height: 32px;
	font-weight: normal;
}

#cdfprogrammazioneripetizione {
    background-color: #f3f3f3;
    padding: 20px;
    display: none;
    margin-bottom: 10px;
}

.cdfstatistichesettimana > div {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px #ddd;
	font-size: 14px;
}

.cdfstatistichesettimana > div > div {
	text-transform: uppercase; 
	font-weight: 600;
	text-align: center;
	width: 75px; 
}

.cdfstatistichesettimana > div > div:nth-child(3),
.cdfstatistichesettimana > div > div:nth-child(4) {
	width: 100px;	
}

.cdfstatistichesettimana a {	
	text-decoration: none; 
	color: #000;
}

.cdfstatistichesettimana > div:nth-last-child(1),
.cdfstatistichesettimana > div:nth-last-child(2) {
    border-bottom: 0px;
	font-size: 16px;
    margin-top: 20px;
}




.tabellascdenzesettimana > .row:hover {
    background-color: #f9f9f9;
}

.spiegazioniover {
	/*background-color: #800;
	background-color: #F44336;*/
	position: absolute;
	left: -5px;
	top: 3px;
	height: 50px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	width: 40px;
	/*color: #fff;*/
	color: #F44336;
	padding-top: 10px;
	padding-left: 5px;
}

.spiegazionetempiscedenzesettimana {
	margin-left: 30px; 
	position:absolute; 
	top:0; 
	min-height: 50px;
	height: 50px;
}



@media all and (max-width: 1200px) {
	.cdfgruppolavori{
    	margin-left: 5%;
	}
}



@media all and (max-width: 1110px) {
	.cdf-sottocdf{
    	margin-left: 10%;
	}
	.cdf-albero .cdf-sottocdf {
	    margin-left: 10% !important;
	}
}



.selezionadeseleziona {
	font-size: 30px;
	cursor: pointer;
}
.selezionadeseleziona:hover {
	color: #666;
}


	
.DivOperazioniFoto {
	background-color: rgba(0,0,0,0.7); 
	width: 100%;
	box-sizing: border-box;
	padding: 1px;	   
	text-align: right;
    position: absolute;
}
	
.DivOperazioniFoto span {
	padding-left: 2px;
}	
.DivOperazioniFoto span:nth-child(1) {
	padding-left: 0px;
}




#statistiche.lista .flexcontainer article, 
#configurazioni.lista .flexcontainer article,
#prenotazioni.calendario .flexcontainer article {
	width: 390px;
	margin-right: 10px;
}

#statistiche.lista .flexcontainer article .box-contenuto a, 
#configurazioni.lista .flexcontainer article .box-contenuto a,
#prenotazioni.calendario .flexcontainer article .box-contenuto a {
	display: block;
	width: 100%;
	min-height: 175px;
}

#statistiche.lista .flexcontainer article:last-child, 
#configurazioni.lista .flexcontainer article:last-child,
#prenotazioni.calendario .flexcontainer article:last-child {
	margin-right: 0px;
}
 
#statistiche.lista .box-contenuto , 
#configurazioni.lista .box-contenuto {
    position: relative;
   }

.iconamodulostatistica  {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 80px !important;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-color: #fff;
    border: solid 1px #333;
    border-radius: 5px;
    color: #333;
}


.no-border  {
	border: 0px !important;;
	
}

.totali {
    font-size: 20px;
    font-weight: 600;
}



.variabili {
    border: solid 1px #B0BEC5;
}

.variabilititolo {
    background-color: #B0BEC5;
    text-transform: uppercase;
    padding: 5px;
}

.variabilicontenuto {
    padding: 5px;
}
.variabilicontenutogruppi {
    height: 310px;
    overflow: hidden;
    overflow-y: auto;
}

.variabilicontenutogruppo {
    margin-top: 10px;
}

.variabilicontenutogruppotitolo {
    text-transform: uppercase;
    color: #546E7A;
    font-weight: 600;
    -moz-border-image: -moz-linear-gradient(left, #546E7A 0%, #ffffff 100%);
	-webkit-border-image: -webkit-linear-gradient(left, #546E7A 0%, #ffffff 100%);
	border-image: linear-gradient(left right, #546E7A 0%, #ffffff 100%);
	border-image-slice: 1;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.variabile {
    padding: 2px;
    cursor: pointer;
    padding-left: 10px;
}
.variabile:hover {
    background-color: #ECEFF1;
    color: #37474F;
}






.situazionegiornaliera {
	background-color: #fff;
	border: 0px;
	table-layout: fixed;
	width: 100%;
	border-radius: 0px;
	position: relative;
	border-collapse: collapse;
	width: 1130px;
	border-bottom: solid 1px #ddd;
	border-left: solid 1px #ddd;
}

.situazionegiornaliera tr {
	height: 30px;
    box-sizing: border-box;
}
.situazionegiornaliera td {
	padding: 2px;
	vertical-align: top;
	color: #555;
    box-sizing: border-box;
}
.situazionegiornaliera th {
    box-sizing: border-box;
}
.situazione-giornaliera-th-ora {
	width: 60px;
	text-align: left;	
}
.situazionegiornaliera td:nth-child(1) {
	width: 150px;
}
.situazionegiornaliera td:nth-child(2) {
	position: relative;
}
.situazionegiornaliera td:nth-child(1n+2) {
	width: 60px;
	padding: 0px;
	overflow: visible;
}
.situazione-giornaliera-td-mezzora {
    height: 100%;
    width: 50%;
    border-right: 1px dotted #ddd;
    box-sizing: border-box;
}

.situazionegiornaliera td:last-child {
	width: 80px;
	padding: 2px;
}


.programmazione-calendario {
	background-color: #fff;
	border: 0px;
	table-layout: fixed;
	width: 100%;
	border-radius: 0px;
	position: relative;
	border-collapse: collapse;
}


.programmazione-calendario td{
	border: 0px;
	padding: 0px;
	vertical-align: top;	
}

.programmazione-calendario-creagrafica {
	height: 1px;
}

.programmazione-calendario-creagrafica td {
	overflow: auto;
}


.programmazione-calendario-grafica2 {
    position: absolute;
    width: 100%;
    left: 0;
    border: solid 1px #ddd;
}

.programmazione-calendario-grafica-ora {
	height: 42px;
}

.programmazione-calendario-grafica-mezzora {
    height: 20px;
    margin-bottom: 20px;
    border-bottom: 1px dotted #ddd;
	border-top: 1px solid #ddd;
	font-size: 1px;
	box-sizing: unset;
}

.programmazione-calendario-grafica-ora:first-child .programmazione-calendario-grafica-mezzora {
	border-top: 0px;
}


.programmazione-calendario-riga-ora {
    border-bottom: 1px solid #ddd;
    padding-right: 2px;
    color: #555;
    text-align: right;
    height: 42px;
    width: 100%;
   }
   
.programmazione-calendario-riga-ora:first-child {
    margin-top: 1px;
}

tr.programmazione-calendario-riga {
	height: 1px;   
}

tr.programmazione-calendario-riga td {
	border-right: solid 1px #ddd; 
	height: 712px;
    position: relative;
	overflow-y: hidden; 
}

tr.programmazione-calendario-riga td.ultimo-oggetto {
    border-right: solid 1px #b3b3b3;
}

.prenotazioniprogrammazionecalendario tr.programmazione-calendario-riga td {
	height: 1010px; 
}

tr.programmazione-calendario-riga td:first-child {
	width: 60px; 
	position: absolute; 
	background-color: #fff; 
}

tr.programmazione-calendario-riga td:last-child {
    border-right: 0px !important;
}


.programmazione-calendario-riga-fuoriorario {
    width: 100%;
    max-width: 100%;
    position: absolute;
	background-color: rgba(0,0,0,0.055);
}





.cdfprogrammazionecalendario.calendariosettimana,
.cdfprogrammazionecalendario.calendariogiorno {
overflow-x: auto;
overflow-y: hidden;
/*-ms-overflow-style: none;

scrollbar-width: none;*/
}

.cdfprogrammazionecalendario.calendariosettimana > table {
    min-width: 700px;
}

.cdfprogrammazionecalendario.calendariogiorno > table {
    min-width: 500px;
}


.prenotazioniprogrammazionecalendario.calendariosettimana,
.prenotazioniprogrammazionecalendario.calendariogiorno {
overflow-x: auto;
/*overflow-y: hidden;*/

}

.prenotazioniprogrammazionecalendario.calendariosettimana > table {
    min-width: 700px;
}

.prenotazioniprogrammazionecalendario.calendariogiorno > table {
    min-width: 500px;
}



.vaialgiorno {
	cursor: pointer;
}

.vaialgiorno:hover {
	text-decoration: underline;
}





.operazioniorario {
    bottom: -50px;
	right: 0;
	position: absolute;
	z-index: 10;
	height: auto !important;
	width: auto !important;
}

.operazioniorario-home {
    text-align: center;
    margin: 5px;
}
   
.operazioniorario a,
.operazioniorario div,
.operazioniorario-home > a,
.operazioniorario-home > div {
    margin: 1px;
    padding: 0px;
    border-radius: 3px;
    border: solid 1px #cecece;
    background-color: #eee;
    font-size: 36px !important;
    cursor: pointer;
    color: #333;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
}

.operazioniorario-home-ultimo a {
    width: calc(100% - 10px);
    display: block;
    height: 50px;
    padding-top: 6px;
    background-color: #ddd;
    margin: 20px 5px 0 5px;
}

.operazioniorario a:hover,
.operazioniorario div:hover,
.operazioniorario-home > a:hover,
.operazioniorario-home > div:hover {
	background-color: #ddd;
    text-decoration: none;
}

.operazioniorario a:active,
.operazioniorario div:active,
.operazioniorario-home > a:active,
.operazioniorario-home > div:active {
    text-decoration: none;
	position: relative;
	top: 1px;
}
  

.programmazione-calendario-riga-prog {
    width: 400px;
    max-width: 96%;
    left: 2%;
    position: absolute;
    color: #222;
    background-color: #fff;
    padding: 1px;
    overflow: hidden;
}

.programmazione-calendario-home {
    width: 100%;
    color: #222;
    background-color: #fff;
    padding: 1px;
    /*overflow: hidden;
    height: 70px;*/
    position: relative;
}


.testoproghome {
    overflow: hidden;
    height: 54px;
}


.programmazione-calendario-riga-festivo {
    top: 0;
    width: 100%;
    text-align: center;
    color: #d50000;
    text-transform: uppercase;
    font-size: 14px;
}
.programmazione-calendario-riga-prog > div.ui-resizable-handle {
    min-height: 10.5px;
    max-height: 15px;
}

.programmazione-calendario-riga-prog > div:not(.ui-resizable-handle),
.programmazione-calendario-home > div {
    width: 100%;
    height: 100%;
    padding: 2px;    
	font-size: 12px;
	font-family: Arial,sans-serif;
    line-height: 1;    
    overflow: hidden;
}


.programmazione-calendario-riga-prog > div > .oraprog {
	font-weight: 600;
	font-size: 10px;
	font-family: Arial,sans-serif;
}


.orario-calendario-riga-prog {
    width: 200px;
    max-width: 46%;
    left: 450px;
    position: absolute;
    color: #222;
    background-color: #fff;
    padding: 1px;
    overflow: hidden;
}

.orario-calendario-home {
    width: 100%;
    color: #222;
    background-color: #fff;
    padding: 1px;
   /* overflow: hidden;
    height: 70px;*/
    position: relative;
}

.orario-calendario-home .operazioniorario-home, .programmazione-calendario-home .operazioniorario-home {
    display: block;
    width: calc(100% - 10px);
}

.orario-calendario-home .operazioniorario-home a, .programmazione-calendario-home .operazioniorario-home a {
    width: 100%;
    display: block;
    height: 50px;
	padding-top: 6px;
}

.orario-calendario-riga-prog > div,
.orario-calendario-home > div {
	width: 100%;
	height: 100%;
	padding: 2px;
	font-size: 12px;
	font-family: Arial,sans-serif;
	line-height: 1;
	overflow: hidden;
}

.orario-calendario-riga-prog > div > .oraprog {
	font-weight: 600;
	font-size: 10px;
	font-family: Arial,sans-serif;
}


.assenza-calendario-riga-prog {
    width: 400px;
    max-width: 100%;
    left: 0%;
    position: absolute;
    color: #fff;
    background-color: #fff;
    padding: 1px;
    overflow: hidden;
}


.assenza-calendario-riga-prog > div {
    width: 100%;
    height: 100%;
    padding: 2px;    
	font-size: 12px;
	font-family: Arial,sans-serif;
    line-height: 1;    
    overflow: hidden;
    background-color: #607d8b;
}


.assenza-calendario-riga-prog > div > .oraprog {
	font-weight: 600;
	font-size: 10px;
	font-family: Arial,sans-serif;
}
.assenza-calendario-riga-prog > div > .testoprog {
	margin-top: 5px;
}
.assenza-calendario-riga-prog > div > .testoprog .tipoassenza {
	text-transform: uppercase;
	font-size: 14px;
}



.operazioniprog {
    position: absolute;
    right: 2px;
    top: 2px;
    z-index: 91;
}

.operazioniprog a,
.operazioniprog div {
    margin: 1px;
    padding: 0px;
    border-radius: 3px;
    border: solid 1px #cecece;
    background-color: #eee;
    font-size: 14px;
    cursor: pointer;
    color: #333;
    width: 15px;
    height: 15px;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
}

.operazioniprog a:hover,
.operazioniprog div:hover {
	background-color: #ddd;
    text-decoration: none;
}

.operazioniprog a:active,
.operazioniprog div:active {
    text-decoration: none;
	position: relative;
	top: 1px;
}








.oraprogcliente {
	color: #9c27b0 !important;
}

.orario-calendario-home .testoprog,
.programmazione-calendario-home .testoprog {

    margin-bottom: 5px;
    line-height: normal;
    font-size: 16px !important;
   	height: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.orario-calendario-home .oraprogcliente,
.programmazione-calendario-home .oraprogcliente {
    font-size: 22px !important;
    margin-bottom: 5px;
    line-height: normal;
    height: 29px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}


.cdforarioinchiusura .oraprogcdf, 
.cdforarioinchiusura .oraprogcliente,
.cdforarioinapertura #clientenome {	
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.cdforarioinchiusura,
.cdforariochiusura section {
    margin-bottom: 20px;
}


.cdforarioinchiusura header,
.cdforarioinapertura header,
.cdforariochiusura header {
	font-size: larger;
	font-weight: 600;
	text-transform: uppercase;
}


.cdforarioinchiusura > div,
.cdforarioinapertura > div,
.cdforariochiusura > section > div {
    background-color: #f3f3f3;
    padding: 20px;
	margin-top: 5px;	
}

.cdforarioinchiusura > div > div {
	max-height: 200px; 
	overflow: auto;
}

.cdforarioinchiusura > div > div > div,
.cdforarioinapertura > div > div {
	margin-bottom: 5px;	
}
.cdforarioinchiusura > div > div:last-child,
.cdforarioinapertura > div > div:last-child {
	margin-bottom: 0px;	
}

.cdforariochiusura > section > div > div > div > label {
	margin-top: 5px;	
}

#programmazionichiuseautom > div > div {
	max-height: 100px; 
	overflow: auto;
	margin-top: 10px;
	padding-top: 10px;
	border-top: solid 1px #ccc;
}

#programmazionichiuseautom > div > div:first-child {
	margin-top: 0px;
	padding-top: 0px;
	border-top: 0px;
}




div[class^="ordiniavanzamento-fase-"] {
    box-sizing: border-box;
    text-transform: uppercase;
    padding: 5px;
    min-width: 80px;
    text-align: center;
    font-size: 11px;
}

.programmazione-calendario-riga-adesso {
	position: absolute;
	left: 0;
	width: 100%;
	top: 0;
	height: 0;
	border-top: 2px solid #ff7f6e;
	overflow: hidden;
	z-index: 3;
}

.programmazione-calendario-fantasma {
    background-color: rgba(214,214,214,0.5);
    border: dashed 1px #333;
}

.programmazione-calendario-attiva {
    border: dashed 1px #333;
}


.pul-spostamentocdf {
	font-size: 9px;
	color: blue;
	cursor: pointer;
}
.pul-spostamentocdf span:hover {
	text-decoration: underline;
}


.pul-spostamentocdfpriorita {
    font-size: 12px;
    color: blue;
    cursor: pointer;
    font-weight: normal;
    position: absolute;
	bottom: 5px;
	width: calc(100% - 10px);
}

.pul-spostamentocdfpriorita span:hover {
    text-decoration: underline;
}

#TabellaLista .pul-spostamentocdfpriorita {
	width: calc(100% - 6px);
}


#errorescadenza {
	display: none;
	width: 100px;
	height: 10px;
	background-color: #f44336;
}

.scheda #errorescadenza {
	width: 100%;
}

#primascadenza {
	width: 100px;
	text-align: center;
	color: #f44336;
}



.link-torna-lista {
	margin-left: 32px;
	margin-top: -23px;
	display: block;
}


#cdfprogrammazionegestione,
#cdforariogestione {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display: -ms-flexbox;      /* TWEENER - IE 10 */
  	display: -webkit-flex;     /* NEW - Chrome */
  	display: flexbox;            /* NEW, Spec - Opera 12.1, Firefox 20+ */	
  
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	
	-webkit-justify-content: space-evenly;
	-moz-justify-content: space-evenly;
	-ms-justify-content: space-evenly;
	-webkit-justify-content: space-evenly;
    justify-content: space-evenly;
    
    
	-webkit-box-align: flex-start;
    -webkit-align-items: flex-start;
    -moz-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
}


@supports (flex-wrap: wrap) { /* hide from the incomplete Flexbox implementation in Firefox */
    #cdfprogrammazionegestione,
	#cdforariogestione {
      display: flex;
    }
}

.cdfprogrammazionedati,
.cdforariodati {
    width: 40%;
    padding-right: 2%;
}

.cdfprogrammazione-programma {
    background-color: #f3f3f3;
    padding: 20px;	
}

.cdfprogrammazionecalendario {
    width: 40%;
}


.cdforariochiusura {
    width: 40%;	
}

#prenotazioni.scheda #pagina-testo {
  margin: auto;
  width: 800px;
  text-align: left;
}

#prenotazioni.scheda #pagina-titolo-2 {
  margin: auto;
  width: 800px;
}

#prenotazioni.inserisci #pagina-testo {
  margin: auto;
  width: 800px;
  text-align: left;
}

.prenotazione-prenotato {
	overflow:hidden;
}

.prenotazione-opzionato {
	overflow:hidden;
}

.prenotazione-prenotato .box-titolo {
  background-color:#F54646;
}

.prenotazione-opzionato .box-titolo {
  background-color:#FFFF8C;
}

.pren_sottotitolo {
	font-size: 11px;
}

.pren_cliente {
	font-size:20px;
}

.pren_oggetto {
	font-size:20px;
}

.pren_data {
	margin-top:5px;
	float:left;
	margin-right:20px;
	font-size:18px;
}

.pren_stato {
	margin-top:10px;
}

.pren_note {
	margin-top:10px;
}

.pren-etichetta {
	font-weight:bold;
	font-size:14px;
}

.oggetto-prenotazione {
	padding-left:10px;
	overflow:hidden;
}

.oggetto-prenotazione a {
	color:#000000;
	overflow:hidden;
}

.stagioni-titolo {
	font-size:18px;
	margin-top:20px;
}

.oggetto-stagione {
	padding:3px;
}

.nome-stagione {
	float:left;
	width:120px;
}

.colore-stagione {
	float:left;
	border:1px solid #000000;
	width:50px;
	margin-right:30px;
}

.intervallo_periodo{
	float:left;
	margin-right:30px;
}

.opzioni-stagione {
	float:left;
}

.pren_oggetti {
	width:1000px;
}


.sdsnonvisto,
.stcnonvisto,
.documentononvisto {
	color: rgb(244,67,54);
 	text-decoration: none;
}

.material-icons.documentononvisto,
.material-icons.documentovisto {
 	display: block;
}
 

.sdsvisto,
.stcvisto,
.sdspresente, 
.stcpresente, 
.documentovisto {
	color: rgb(52,168,83);
 	text-decoration: none;
}
.sdsvisto:hover, 
.stcvisto:hover, 
.sdspresente:hover, 
.stcpresente:hover, 
.documentovisto:hover  {
	color: rgb(52,168,83);
 	text-decoration: none;
}

.lista-icona-documenti {
	height: 24px;
}

.lista-icona-documenti a {
    padding-top: 4px;
    display: block;
}


/* CONTENUTO OVERFLOW */
.contenuto-overflow-down {
    width: 100%;
    height: 120px;
    display: block;
    overflow: hidden;
    word-break: break-word;
    word-wrap: break-word;
    box-sizing: border-box;
	border-bottom: solid 10px #ddd;
}
   
.contenuto-overflow-down > div {
    padding: 10px;
    background-color: #dddddd;
}
   
.pul-overflow-down {
    display: none;
    background-color: #dddddd;
    text-align: center;
    width: 100px;
    margin: auto;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    cursor: pointer;
}

.contenuto-overflow-up {
    width: 100%;
    height: 120px;
    display: block;
    overflow: hidden;
    word-break: break-word;
    word-wrap: break-word;
}
.pul-overflow-up {
    display: none;
    background-color: #dddddd;
    text-align: center;
    width: 100px;
    margin: auto;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    cursor: pointer;
}



.tabellavarianti .contenuto-overflow-down {
    height: 70px;
	border-bottom: 0;
}
.tabellavarianti .contenuto-overflow-down > div {
    background: none;
    padding: 0;
    padding-bottom: 10px;
}
.tabellavarianti .pul-overflow-down,
.tabellavarianti .pul-overflow-down {
    background-color: #eee;
}
/**/

.cdf-txtroot {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 10px;
    color: #666;
    font-weight: normal;
    text-transform: lowercase;
}

.cdfscheda-programmazioni {
    margin-top: 20px;
}

.cdfscheda-programmazione {
    background-color: rgba(255,241,118,0.8);
    border: solid 1px rgb(255,241,118);
    padding: 5px;
    max-width: 500px;
    margin: auto;
    margin-bottom: 10px;
    position: relative;
}

.cdfscheda-orario {
    background-color: rgba(187,222,251,0.8);
	border: solid 1px rgb(187,222,251);
    padding: 5px;
    max-width: 500px;
    margin: auto;
    margin-bottom: 10px;
    position: relative;
}

.cdfscheda-programmazioni > .cdfscheda-programmazione,
.cdfscheda-programmazioni > .cdfscheda-orario {
    margin-bottom: 0px;
    position: relative;
}

.cdfscheda-programmazioni .contenuto-overflow-down .cdfscheda-programmazione:last-child,
.cdfscheda-programmazioni .contenuto-overflow-down .cdfscheda-orario:last-child  {
    margin-bottom: 0px;
}

.cdfscheda-programmazioni .contenuto-overflow-down .cdfscheda-programmazione:first-child,
.cdfscheda-programmazioni .contenuto-overflow-down .cdfscheda-orario:first-child  {
    margin-top: 10px;
}

.cdfscheda-programmazione.verde {	
	background-color: rgba(52,168,83,0.4);
	border: solid 1px rgb(52,168,83);
}

.cdfscheda-orario.blu {	
	background-color: rgba(66,165,245,0.8);
	border: solid 1px rgb(66,165,245);
}


.cdfscheda-programmazioneoreprog,
.cdfscheda-orariooreprog {
    font-size: 12px;
}

.cdfscheda-programmazionetestoprog,
.cdfscheda-orariotestoprog {
    margin-top: 5px;
    font-size: 12px;
}

.cdfscheda-programmazioni .contenuto-overflow-down {	
    height: 50px;
    border-bottom:0px;
    background-color: transparent;
    display: flex;
}



.cdfscheda-programmazioni .contenuto-overflow-up,
.cdfscheda-programmazioni .cdfschedaprogoraridopo {	
    height: 0px;
    display: flex;
}

.cdfscheda-programmazioni .contenuto-overflow-up > div, 
.cdfscheda-programmazioni .contenuto-overflow-down > div,
.cdfscheda-programmazioni .cdfschedaprogoraridopo> div  {
    width: calc(50% - 10px);
    margin: 0 5px;
}

.contenuto-overflow-down .cdfscheda-programmazione {	
    background-color: rgba(255,241,118,0.4);
}

.cdfscheda-programmazioni .contenuto-overflow-down > div {	
    background-color: transparent;
}

.cdfscheda-programmazione .cdf-operatore {	
    float: right;
    font-size: 12px;
    margin-right: 20px;
}
.cdfscheda-orario .cdf-operatore {		
    float: right;
    font-size: 12px;
    margin-right: 2px;
}
/**/

.cdf-scheda .opsottocdf {
	position: absolute;
	right: 1px;
	top: 1px;
}
.cdf-scheda .opsottocdf a {
    font-size: 20px;
    display: inline-block;
    line-height: normal;
    position: unset !important;
    top: auto !important;
    right: auto !important;
    cursor: pointer;
    color: #000;
    text-decoration: none;
}

.cdf-scheda .cdf-albero {
   /* border-top: solid 1px #ddd;*/
    margin-top: 30px;
    position: relative;
    min-height: 20px;
}
.cdf-scheda .cdf-sottocdf {
    margin-left: 0px;
}
.cdf-scheda .cdf-sottocdf .cdf-sottocdf {
    margin-left: 100px;
}

.cdf-scheda .cdf-sottocdf .box {
    width: 350px;
    border-radius: 10px;
	font-size: 11px;
}

.cdf-scheda .cdf-sottocdf .box-titolo {
    font-size: inherit;
    background-color: rgba(52,168,83,0.8);
    z-index: 1;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 5px;
    position: relative;
}


.cdf-scheda .cdf-sottocdf .cdf-verde .box-titolo {
    background-color: rgba(52,168,83,0.8);	
}

.cdf-scheda .cdf-sottocdf .cdf-giallo .box-titolo {
    background-color: rgba(255,241,118,0.8);
}
.cdf-scheda .cdf-sottocdf .cdf-arancio .box-titolo {
	background-color: rgba(255,152,0,0.8);
}

.cdf-scheda .cdf-sottocdf .cdf-rosso .box-titolo{
	background-color: rgba(244,67,54,0.8);
}

.cdf-scheda .cdf-sottocdf .box-titolo span:first-child  {
    width: 100%;
    padding-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000;
}

.cdf-scheda .cdf-sottocdf .box-titolo span:first-child a {
    color: #000;
    text-decoration: none;
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cdf-scheda .cdf-sottocdf .box-contenuto {
    background-color: transparent;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flexbox;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
	font-size: inherit;
}

.cdf-scheda .cdf-sottocdf .box-contenuto .cdf-operatore,
.cdf-scheda .cdf-sottocdf .box-contenuto .cdf-responsabile,
.cdf-scheda .cdf-sottocdf .box-contenuto .cdf-tipocdf {
	font-size: inherit;
	min-width: auto;
}

.orario-corretto {
    font-size: 14px !important;
    font-weight: normal !important;
    position: absolute;
    top: 0;
    right: 0;
    color: #b71c1c;
}

.programmazione-routine,
.orario-routine {
    font-size: 14px !important;
    font-weight: normal !important;
    position: absolute;
}

#TabellaLista .programmazione-routine,
#TabellaLista .orario-routine {
    top: 0;
    right: 0;
}

.budget-totale-ordini {
	font-size: 11px;
	color: #0000FF;
}

.budget-legenda {
	margin-top: 20px;
}

.budget-legenda strong:first-child {
	margin-bottom: 10px;
	display: block;
}

.budget-legenda span:first-child {
	display: inline-block;
	height: 25px;
	width: 80px;
	margin-right:3px;
	text-align:right;
}

.budget-legenda span:last-child {
	display: inline-block;
	margin-top: -25px;
	font-size: 12px;
}







.nascosto {
	display: none !important;
}

.datapickerdatascadenza {
	display: none;
	position: absolute;
}

#cdforariodettaglimostra {
	display: none;
}
#moduloorari .submitmodulo {
    margin-top: 20px;
}


tr[id^="combinazionitipitaglie_articolo"] {
	cursor: pointer;
}

.ordinicombinazionitipitaglie {
	cursor: pointer;	
}


#displayidarticolosearch ul {
    max-height: 162px;
    min-height: 162px;
    overflow: hidden;
    overflow-y: auto;
    border: 1px solid #dddddd;
    border-top: 0;
}


#displayidarticoloscelto {
	background-color: #FFF9C4;
    overflow: hidden;
    border: 1px solid #dddddd;
    
    display: flex;
    padding: 0;
}


.articoloscelgo {
    display: flex;
    height: 80px;
    overflow: hidden;
    cursor: pointer;
    border-top: 1px solid #dddddd;
    padding: 0;
}

.articoloscelgo:hover {
    background-color: #f9f9f9;
}


#displayidarticoloscelto span,
.articoloscelgo span {
    width: 100px;
    height: 100%;
    overflow: hidden;
    padding: 5px;
}

#displayidarticoloscelto span:last-child,
.articoloscelgo span:last-child {
    width: calc(100% - 100px);
}

#displayidarticoloscelto .immagine-lista,
.articoloscelgo .immagine-lista {
    background-size: contain;
}

#moduloAdessoFaccioQuesta .cdfintestazione > input:first-child {
    width: 85%;
}

#moduloAdessoFaccioQuesta #cdfscegli {
	font-size: 14px;
	height: 32px;
	font-weight: normal;
}
/*
	#assistenze td[data-title="titolo"] div {
		word-break:keep-all;
   		
	}
	#assistenze td[data-title="da chi"] div {
		word-break:keep-all;
   		
	}
*/	

/*parte messa da alice il 31/01/2019 per la part del "semaforo" negli appunti*/
.checkbox input{
	
    display: none;
}
.checkbox2 input{
    display: none;
}
.checkbox3 input{
    display: none;
}

.checkbox input:checked + label i{
	
    background: #43A047 url('') no-repeat 50%;
}
.checkbox2 input:checked + label i{
	
    background: #FFD700  url('') no-repeat 50%;
}
.checkbox3 input:checked + label i{

   
   background: #D14836  url('') no-repeat 50%;
}
.checkbox label i{
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #43A047 #43A047 #43A047 #43A047 ;
	-ms-transform: scale(1.3); /* IE 9 */
    -webkit-transform: scale(1.3); /* Chrome, Safari, Opera */
    transform: scale(1.3);
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius:50%;
    background: #FFFFFF  url('') no-repeat 50%;
    background-size: 12px;
    position: relative;
    top: 1px;
    left: -2px;
}
.checkbox2 label i{
	
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #FFD700 #FFD700 #FFD700 #FFD700;
	-ms-transform: scale(1.3); /* IE 9 */
    -webkit-transform: scale(1.3); /* Chrome, Safari, Opera */
    transform: scale(1.3);
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius:50%;
    background: #FFFFFF  url('') no-repeat 50%;
    background-size: 12px;
    position: relative;
    top: 1px;
    
    left: -2px;
}
.checkbox3 label i{
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #D14836 #D14836 #D14836 #D14836;
	-ms-transform: scale(1.3); /* IE 9 */
    -webkit-transform: scale(1.3); /* Chrome, Safari, Opera */
    transform: scale(1.3);
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius:50%;
    background: #FFFFFF  url('') no-repeat 50%;
    background-size: 12px;
    position: relative;
    top: 1px;
    left: -2px;
}

.pallina1vuota label i{
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #43A047 #43A047 #43A047 #43A047 ;
	-ms-transform: scale(1.3); /* IE 9 */
    -webkit-transform: scale(1.3); /* Chrome, Safari, Opera */
    transform: scale(1.3);
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius:50%;
    background: #FFFFFF  url('') no-repeat 50%;
    background-size: 12px;
    position: relative;
    top: 1px;
    left: -2px;
    margin-left: 5px;
}
.pallina1piena label i{
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #43A047 #43A047 #43A047 #43A047 ;
	-ms-transform: scale(1.3); /* IE 9 */
    -webkit-transform: scale(1.3); /* Chrome, Safari, Opera */
    transform: scale(1.3);
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius:50%;
   background: #43A047  url('') no-repeat 50%;
    background-size: 12px;
    position: relative;
    top: 1px;
    left: -2px;
    margin-left:5px;
  
}
.pallina2vuota label i{
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #FFD700 #FFD700 #FFD700 #FFD700;
	-ms-transform: scale(1.3); /* IE 9 */
    -webkit-transform: scale(1.3); /* Chrome, Safari, Opera */
    transform: scale(1.3);
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius:50%;
    background: #FFFFFF  url('') no-repeat 50%;
    background-size: 12px;
    position: relative;
    top: 1px;
    
    left: -2px;
    margin-left:5px;
}
.pallina2piena label i{
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #FFD700 #FFD700 #FFD700 #FFD700;
	-ms-transform: scale(1.3); /* IE 9 */
    -webkit-transform: scale(1.3); /* Chrome, Safari, Opera */
    transform: scale(1.3);
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius:50%;
    background: #FFD700  url('') no-repeat 50%;
    background-size: 12px;
    position: relative;
    top: 1px;
    
    left: -2px;
    margin-left:5px;
}
.pallina3vuota label i{
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #D14836 #D14836 #D14836 #D14836;
	-ms-transform: scale(1.3); /* IE 9 */
    -webkit-transform: scale(1.3); /* Chrome, Safari, Opera */
    transform: scale(1.3);
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius:50%;
    background: #FFFFFF  url('') no-repeat 50%;
    background-size: 12px;
    position: relative;
    top: 1px;
    left: -2px;
    margin-left:5px;
}
.pallina3piena label i{
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #D14836 #D14836 #D14836 #D14836;
	-ms-transform: scale(1.3); /* IE 9 */
    -webkit-transform: scale(1.3); /* Chrome, Safari, Opera */
    transform: scale(1.3);
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius:50%;
    background: #D14836  url('') no-repeat 50%;
    background-size: 12px;
    position: relative;
    top: 1px;
    left: -2px;
    margin-left:5px;
}

/**/
	

/* LETTURA CONTATORI */

.pul-inserisci-lettura a {
	
	display: inline-block;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	text-decoration: none;
	font-weight: normal;
	font-family: sans-serif;
	color: #FFFFFF;
	font-size: 12px !important;
	background-image: linear-gradient(to bottom, #43a047 5%, #19B550 100%);
	border-radius: 5px;
	padding: 6px 15px 6px 15px !important;
	opacity: 1;
	cursor: pointer;
	text-transform: uppercase;
	
}

.pul-inserisci-lettura:hover {
	
	color: #FFFFFF;
	opacity: 0.95;
	
}


#griglia {
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	box-sizing: border-box;
	margin: 0 auto;
	justify-content: center;
}

.griglia-oggetto {
    /*position: relative;*/
    height: 300px;
	width: 250px; /*248 senza i bordi*/
	overflow-y: hidden;
	margin: 0 10px 20px 10px;
	cursor: pointer;
	border: 1px solid #dddddd;
}

.griglia-oggetto:hover {
	background-color: #f9f9f9;
}

.griglia-oggetto-immagine {
    height: 248px;
	width: 100%;
	overflow-y: hidden;
}

.griglia-oggetto-immagine a {
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
}

.griglia-oggetto-immagine .immagine-lista {
    height: 100%;
    background-size: contain;
}

.griglia-oggetto-titolo {
    padding: 5px 5px 0 5px;
    width: 100%;
    height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.griglia-oggetto-sottotitolo {
    padding: 5px;
    height: 24px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 10px;
    color: #666;
    font-weight: normal;
}

#num_contatore {
	float:left;
	width: 150px;
}

#num_contatore_cerca {
	float:left;
	margin-left: 5px;
    background-color: #9BD3F6;
    color: #000000;
    padding: 2px;
    border-radius: 3px;
    cursor: pointer;
}

.ins-lettura-elimina {
	float: left;
	padding-top: 4px;
	margin-right: 5px;
}

#windowsContatori_sfondo {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #000000;
    opacity: .5;
    filter: alpha(opacity=5);
    -moz-opacity: .5;
    z-index: 101;
}

#windowsContatori {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -250px;
    margin-top: -225px;
    padding: 0px;
    z-index: 102;
    width: 400px;
    background-color: #FFFFFF;
    border: 1px solid #CECECE;
    border-radius: 3px;
}

#windowsContatori_titolo {
    font-size: 20px;
    width: 100%;
    padding:2px;
    border-bottom: 1px solid #CECECE;
}

#windowsContatori_contenuto {
    height: 450px;
    overflow: auto;
}

#FinestraChiudiContatori {
    border: 1px solid #CECECE;
    border-radius: 3px;
    padding: 2px;
    margin: 2px;
    cursor: pointer;
    background-color: #DEDEDE;
}

.rigoContatore {
    padding: 5px;
    cursor: pointer;
    font-size: 16px;
    margin: 10px;
    border: 1px solid #DFDFDF;
    border-radius: 3px;
    max-width: 400px;
}

.pul-annulla { 
	display: inline-block;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	text-decoration: none;
	line-height: 1.1;
	font-weight: normal;
	font-family: sans-serif;
	color: #FFFFFF;
	font-size: 12px !important;
	background-color: #d14836;
	background-image: linear-gradient(to bottom,#dd4b39,#d14836);
	border-radius: 5px;
	padding: 6px 15px 6px 15px !important;
	opacity: 1;
	cursor: pointer;
	text-transform: uppercase;
}

#letturacontatori #paese {
	width: 400px;
}

#letturacontatori #gruppicont {
	width: 400px;
}

.pul-annulla a {
	color: #FFFFFF;
}

.pul-annulla:hover {
	color: #FFFFFF;
	opacity: 0.95;
	text-decoration: none;
}

.pul-annulla:active {
	color: #FFFFFF;
	background-image: linear-gradient(to bottom,#dd4b39,#d14836);
	opacity: 1;
}

.pul-piccolo {
  padding: 5px;
}

.contatori-info {
	font-weight: 600;
}

/**/
	
	/*
#TabellaLista .preventivi-sopra {
    height: 15px;
    width: 15px;
    border-radius: 5px;
    margin-top: 0;
	margin-left: 0;
	top: 2px;
	left: 2px;
    line-height: 11px;
    color: #fff;
}*/

.preventivi-sopra {
	border: solid 1px #ddd;
	position: absolute;
	background-color: #333;
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 7px;
	opacity: 0.7;
	left: -10px;
	top: -5px;
}

.preventivi-sotto {
	border: solid 1px #ddd;
	position: absolute;
	background-color: #333;
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 7px;
	opacity: 0.4;
	right: -10px;
	top: -5px;
}


.listapreventivi tr td:first-child a, .listacontratti tr td:first-child a {
    font-size: 14px;
    font-weight: 600;
    display: block;
    /*width: calc(100% - 30px);*/
   	width: 100%;
    background-color: #00f;
    color: #fff;
    box-sizing: border-box;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    margin: auto;
}

.listapreventivi tr td:first-child a:hover,
.listacontratti tr td:first-child a:hover {
    background-color: #fff;
    color: #00f;
    text-decoration: none;
}

.listapreventivi .TabellaListaRiga,
.listacontratti .TabellaListaRiga {
	height: 75px;
}

#TabellaLista.listapreventivi .flexcontainer {
	flex-wrap: nowrap;
}

#TabellaLista.listapreventivi .flexcontainer a {
    display: inline-block;
    width: auto;
    min-height: 24px;
    vertical-align: middle;
    padding: 2px;
}

.preventiviestrattorighi,
.contrattiestrattorighi {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: smaller;
    padding-top: 2px;
}

.preventiviestrattorighi:first-child,
.contrattiestrattorighi:first-child {
    padding-top: 0;
}

.preventiviestrattorghialtro,
.contrattiestrattorghialtro {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 11px !important;
}


#utenti.diritti #pagina-titolo-2,
#utenti.diritti #pagina-testo,
#documenti.inserisci #pagina-testo,
#documenti.scheda #pagina-titolo-2,
#documenti.scheda #pagina-testo,
#preventivi.inserisci #pagina-testo,
#preventivi.scheda #pagina-testo,
#contratti.scheda #pagina-testo {
    margin: auto;
    width: 1000px;
}



.preventivointestazione,
.contrattointestazione {
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	
	position: relative;
}

.preventivointestazione > article,
.contrattointestazione > article {
	width: 49.5%;	
	margin: 5px 0%;
	z-index: 1;
}

.preventivointestazione > article:last-child,
.contrattointestazione > article:last-child {
	margin-right: 0;
}

.preventivischedabox table,
.contrattischedabox table {
    border-top: 0;
    border-left: 0;
    border-radius: 0;
}

.preventivischedabox table tr:first-child td,
.contrattischedabox table tr:first-child td {
   	border-top: 0;
}

.preventivischedabox table td:last-child,
.contrattischedabox table td:last-child {
    border-right: 0;
}



.preventivoprodotti,
.contrattivoprodotti {
	margin: 20px 0px;
}


.pul-preventivosuccessivo {
    display: inline-block;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    text-decoration: none;
    line-height: 1.1;
    font-weight: normal;
    font-family: sans-serif;
    color: #FFFFFF;
    font-size: 12px !important;
    background-color: #009688;
    background-image: linear-gradient(to bottom,#009688,#00897B);
    border-radius: 5px;
    padding: 6px 15px 6px 15px !important;
    opacity: 1;
    cursor: pointer;
    text-transform: uppercase;
    margin: 10px auto;
}


.listapreventiviversione {  
    display: inline-block;
    background-color: #009688;
    color: #fff;
    min-width: 35px;
    text-align: center;
    font-size: 16px;
    height: 24px;
    vertical-align: top;
    padding: 0px 5px;
}



	
.tabella_fatturazione{
	width:100%;
	padding-left:70%;
}

.testo-blu-contratti{
	text-transform: lowercase; 
	font-size:20px;
	color:blue
}

.contratti-txt-stato-blu {
	color: #0057E7;
}

.preventivi-txt-scadenza-rosso,
.contratti-txt-stato-rosso {
	color: #f44336;
}

.preventivi-txt-scadenza-verde,
.contratti-txt-stato-verde {
	color: #34A853;
}
.contratti-stato-blu {
	font-size: 16px; 
	color: #0057E7;
	text-transform: uppercase; 
}

.preventivi-scadenza-rosso,
.contratti-stato-rosso {
	font-size: 16px; 
	color: #f44336;
	text-transform: uppercase; 
}

.preventivi-scadenza-verde,
.contratti-stato-verde {
	font-size: 16px; 
	color: #34A853;
	text-transform: uppercase; 
}


.contratti-txt-rinnovo-nero {
	color: #000;	
}
.contratti-txt-rinnovo-grigio {
	color: grey;	
}
.contratti-txt-rinnovo-rosso {
	color: #f44336;	
}

.preventivischedabox .box-contenuto,
.contrattischedabox .box-contenuto {
    padding: 0;
}

.preventivo-albero {
    width: 350px;
    border-radius: 10px;
    font-size: 11px;
    background-color: rgba(144, 164, 174,0.4);
}

.preventivo-albero .box-titolo {
    font-size: inherit;
    background-color: rgba(144, 164, 174,0.8);
    z-index: 1;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 5px;
    position: relative;
}

.preventivo-albero .box-titolo a {
	color: #000;
	text-decoration: none;
	display: block;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.preventivo-albero.preventivo-versione-attuale {
    /*margin-left: 30px;*/
   box-shadow: 0px 0px 5px 1px #adff2f;
}


#modulopreventivo .input,
#modulopreventivo select,
#modulopreventivo input {
    font-size: 12px;
    height: 29px;
    margin-bottom: 2px;
}

#modulopreventivo select,
#modulopreventivo input {
    margin-bottom: 3px;
}

#modulopreventivo select:last-child,
#modulopreventivo input:last-child {
    margin-bottom: 0;
}



#preventivi div[id^="windowaggiungi"] label, #preventivi div[id^="windowmodifica"] label {
	margin-top: 0px;
}






.operazioni-fondo-pagina {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
}

.operazioni-fondo-pagina div[class*='pul-'],
.operazioni-fondo-pagina span[class*='pul-'],
.operazioni-fondo-pagina a[class*='pul-'],
.operazioni-fondo-pagina input[class*='pul-'] {
	font-size: 16px !important;
	padding: 10px 20px 10px 20px !important;
	line-height: normal;
}



#immagine-ingrandimento-bgn {
   	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	/*height: 100%;
	width: 100%;*/
	margin: 0;
	padding: 0;
	z-index: 101;
    background: rgba(0, 0, 0 ,0.5);
    display: none;
}

#immagine-ingrandimento {
    position: fixed;
    top: 50%;
    left: 50%;
	transform: translate(-50%, -50%);
   /* width: 50vw;
	height: 95vh;*/
    padding: 0px;
    z-index: 2001;
    background-color: #FFF;
    display: none;
	border-radius: 4px;
    -webkit-box-shadow: 0 10px 25px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 10px 25px rgba(0,0,0,0.5);
	box-shadow: 0 10px 25px rgba(0,0,0,0.5);
}

#immagine-ingrandimento div {
    position: replative;
	margin: 10px;
    padding: 10px;
	/*height: calc(100% - 20px);
	width: calc(100% - 20px);	
	background-repeat: no-repeat;	
	background-position: center;
	background-size: contain;*/
	background-color: #efefef;
	line-height: 0;
}


#immagine-ingrandimento div img {
    max-width: calc(90vw - 20px);
    max-height: calc(90vh - 20px);
}

#immagine-ingrandimento-close {
	position: absolute;
	top: -13px;
	right: -13px;
	width: 26px;
	height: 26px;
	cursor: pointer;
	border-radius: 50%;
	background-color: #222;
	border: solid 3px #fff;
	font-family: 'Material Icons';
	-webkit-box-shadow: -2px 2px 2px 0px rgba(34,34,34,0.5);
	-moz-box-shadow: -2px 2px 2px 0px rgba(34,34,34,0.5);
	box-shadow: -2px 2px 2px 0px rgba(34,34,34,0.5);
	color: #fff;
	font-weight: 700;
	font-size: 17px;
	text-align: center;
	z-index: 20002;
}

#infodevice {
    position: fixed;
    bottom: 0;
    right: 0;
    font-size: 11px;
    padding: 3px;
    background-color: #ccc;
    border-top-left-radius: 5px;
    border: solid 1px #666;
    border-bottom: 0;
    border-right: 0;
    
    display: none;
}



.cdfcontilista #statoconti {
    position: absolute;
    top: 8px;
    right: 50px;
    text-transform: lowercase;
}

.cdfcontilista #statoconti .checkconti {
    color: #34A853;
    display: inline-block;
    vertical-align: bottom;
}

#TabellaLista .checkconti {
    position: absolute;
    left: 5px;
    top: 5px;
    color: #34A853;
    cursor: pointer;
}
#TabellaLista .checkcontinonchiusi {
    position: absolute;
    left: 5px;
    top: 5px;
    color: #ccc;
    cursor: pointer;
}

/* AVVISI DI CONSEGNA */

.riga-lavorazione-inserisci {
	font-size: 12px;
	margin-bottom: 10px;
}

.riga-lavorazione {
	padding:2px;
	font-size: 11px;
}

#avvisiconsegna .evidenziata {
	font-size: 16px;
	font-weight: 600;
}

.riga-lavorazione-data {
	float:left;
	width:100px;
	text-align: center;
}

.riga-lavorazione-note {
	float:left;
}

#avvisiconsegna .txt-titolo-grande {
	font-size:20px;
}

#avvisiconsegna .box {
	overflow: hidden;
}

#avvisiconsegna .box-note {
	font-weight: normal;
    font-size: 12px;
    text-transform: none;
    border-top: 1px solid #CECECE;
    margin-top: 7px;
    padding-top: 5px;
}

#avvisiconsegna .pul-piccolo {
	display: inline-block;
    line-height: normal;
    bottom: 0;
    right: 0;
    cursor: pointer;
    color: #304ffe;
    text-decoration: none;
}

.banda-grande {
	padding: 5px;
	border-bottom: 1px solid #DEDEDE;
}

.banda-grande:first-child {
	text-transform: uppercase;
}

.banda-grande:last-child {
	border-width: 0px;
}

#avvisiconsegna .box {
	margin: auto;
    width: 800px;
}

#avvisiconsegna .box-fasi {
	float:left;
	margin-right: 1%; 
	border-width: 0px; 
	border-radius: 0;
}

#avvisiconsegna .box-consegna {
	float:left;
}

#avvisiconsegna .box-width-49 {
	width:49%;
}

#avvisiconsegna .box-width-32 {
	width:32%;
}

#avvisiconsegna .box-interno .box-contenuto {
	padding:0px;
}

#avvisiconsegna .fasi {
	margin-bottom: 20px;
	border-radius: 3px;
	overflow: hidden;
	border: 1px solid #555555;
	border-right-width: 0px;
}

#avvisiconsegna .fase-rigo {
	background-color: #dfe097;
	min-height: 50px;
	border-top: 1px solid #909090;
	border-left: 1px solid #909090;
	border-right: 1px solid #909090;
}

#avvisiconsegna .fase-rigo:last-child {
	background-color: #FFFFFF;
	border-bottom-width: 0px;
}

#avvisiconsegna .fase-rigo.articolofase {
    background-color: #FFFFFF;
    min-height: 40px;
}

#avvisiconsegna .fase-rigo.articolofase:last-child {
	border-bottom: 1px solid #909090;
}

#avvisiconsegna .blocco-fase {
	float:left;
	text-align: left;
    padding: 5px;
}

#avvisiconsegna .blocco-fase:last-child {
	margin-top: 12px;
}

#avvisiconsegna .blocco-fase.material-icons {
	padding: 0px;
	margin-top: 12px;
}

#avvisiconsegna .completato {
	background-color: #72c768;
}

#avvisiconsegna .txt-ridotto {
	font-weight: normal;
    font-size: 10px;
    text-transform: initial;
}

#avvisiconsegna .box-tendina {
	margin: auto;
	margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
    border: 1px solid #dddddd;
    border-radius: 4px;
    padding: 3px;
    width: 50%; 
	cursor: pointer; 
	display: flex;
}

#avvisiconsegna #formCerca .pulsante-reset {
    height: 32px !important;
    background-color: #4C8CF8;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    color: #fff;
    padding: 1px 6px;
    text-align: center;
    text-transform: uppercase;
    padding-top: 5px;
    cursor: pointer;
}

#avvisiconsegna #formCerca a:hover {
    text-decoration: none;
}


#avvisiconsegna #formCerca .pulsante-reset:hover {
    opacity: 1;
    background-color: #3580fd;
}

#avvisiconsegna .spazio-note {
	width:90%;
	margin:auto;
	margin-top:20px;
}

.avvisiconsegna-home .linkcercaconsegne {
	font-size: 14px; 
	padding: 5px; 
}

.avvisiconsegna-home .linkcercaconsegne a {
    color: #000000;
    text-decoration: underline;
}


.avvisiconsegna-home .consegnaquestasettimana {
    margin: auto;
    font-weight: 600;
}

.avvisiconsegna-home .consegnaquestasettimana a {
    background-color: #FFA71E;
    border: 1px solid #d2d2d2;
    padding: 10px;
}



.riga-fasi-precedenti
{
	padding: 10px;
    border-bottom: 1px solid #dddddd;
}

.riga-fasi-precedenti:last-child
{
	padding: 10px;
    border-bottom-width: 0px;
}

#testo-fasi-precedenti {
	width: 80%;
    margin-top: 2px;
}

#box-fasi-precedenti {
	display:none;
}

.rigo-giallo {
	background-color:#E3E80A;
}

.rigo-arancione {
	background-color:#FFA71E;
}

.rigo-nero {
	background-color:#000000;
	color: #FFFFFF;
}

.rigo-rosso {
	background-color:#FF0000;
}
/**/
	
.tooltipText {
	
	z-index: 200;
	display: block;
	width: auto;
	min-width: 400px;
	padding: 5px;
	background: #fbe983;
	border: 1px solid #FFAD46;
	font-size: 11px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	position: absolute;	
	box-shadow: 5px 5px 2px #666;
	text-align: left;
    
    display: none;
    font-weight:normal;	
}





#configurazioni.dashboard .flexcontainer {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flexbox;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: flex-start;
    -webkit-align-items: flex-start;
    -moz-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
}


#configurazioni.dashboard .flexcontainer > article {
	width: calc(50% - 20px);
	margin-right: 10px; 
	margin-left: 10px; 
}



#configurazioni.dashboard .box table {
    border: 0px;
}

#configurazioni.dashboard .box table tr:first-child td {
    border-top: 0px;
}

#configurazioni.dashboard .box table tr td:last-child {
    border-right: 0px;
}

#configurazioni.dashboard .box .box-contenuto {
    font-size: 11px;
    padding: 0px;
}

.dashboard-remove {
    cursor: pointer;
    color: #DD4B39;
    transition: all 0.2s ease-in-out;
}

.dashboard-remove:hover {
    background-color: #DD4B39;
    color: #fff;
}

.dashboard-add {
    cursor: pointer;
    color: #34A853;
    transition: all 0.2s ease-in-out;
}

.dashboard-add:hover {
    background-color: #34A853;
    color: #fff;
}

#configurazioni.dashboard .box table td * {
	word-break: normal !important;
}




.ordinamento i {
    font-family: 'Material Icons';
    background-color: #757575;
    margin: 1px;
    border-radius: 3px;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
}

.ordinamento i:hover {
    background-color: #424242;
}

.ordinamento i.disabled {	
    cursor: initial;
    background-color: rgba(117,117,117, 0.6);
}

.ordinamento i.disabled:hover {
    background-color: rgba(117,117,117, 0.6);
}

.ordinamento i.red {
	background-color: #D60000;
}

.ordinamento i.red:hover {
    background-color: #800000;
}

.ordinamento i.green {
	background-color: #008000;
}

.ordinamento i.green:hover {
    background-color: #00600;
}

.ordinamento i.blue {
	background-color: #304ffe;
}

.ordinamento i.blue:hover {
    background-color: #2037b6;
}


.preventivostato {
    text-align: center;
}







/*ASSISTENZE / TICKET*/







#assistenze.scheda .box-titolo {
	background-color: transparent;
	padding: 0px;
}

#moduloAssistenze {
    width: 50%;
    margin: auto;
    min-width: 600px;
}

#assistenze.scheda #pagina-testo {
    margin: auto;
    text-align: left;        
}

.pul-spostamentoticket {
    font-size: 12px;
    color: blue;
    cursor: pointer;
    font-weight: normal;
    position: absolute;
	bottom: 5px;
	width: calc(100% - 10px);
}

.pul-spostamentoticket span:hover {
    text-decoration: underline;
}

#TabellaLista .pul-spostamentoticket {
	width: calc(100% - 6px);
}

.ticket-nero .pul-spostamentoticket {
    color: #fff;
}

.ticket-priorita-urgenza .pul-spostamentoticket {
    color: blue;
}


#ticketzona0 {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display: -ms-flexbox;      /* TWEENER - IE 10 */
  	display: -webkit-flex;     /* NEW - Chrome */
  	display: flexbox;
	
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
  
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;	
}

@supports (flex-wrap: wrap) { 
    #ticketzona0 {
      display: flex;
    }
}

#ticketzona1 {
    max-width: 49%;
    min-width: 500px;
    width: 100%;          
  
	-webkit-flex-grow: 2;
	-moz-flex-grow: 2;
	-ms-flex-grow: 2;
    flex-grow: 2;
     
	-webkit-flex-shrink: 1;
	-moz-flex-shrink: 1;
	-ms-flex-shrink: 1;
    flex-shrink: 1;
   
}

#ticketzona2 {
    max-width: 49%;
    min-width: 500px;
    width: 100%;
     
	-webkit-flex-grow: 1;
	-moz-flex-grow: 1;
	-ms-flex-grow: 1;
    flex-grow: 1;
     
	-webkit-flex-shrink: 2;
	-moz-flex-shrink: 2;
	-ms-flex-shrink: 2;
    flex-shrink: 2;
}


.ticket-scheda {
    width: 100%;
    border-radius: 10px;
    margin-top: 15px;
}

.ticket-scheda .box-titolo {
    background-color: transparent;
	border-bottom: 0px;
	padding: 0px;
    color: #000;
    position: relative;
}


.ticket-scheda .ticket-titolo {
    padding: 10px 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}


.ticket-scheda .ticket-argomento {
	font-weight: normal;
	text-transform: none;
	font-size: 12px;
}



.ticket-scheda .ticket-sottotitolo {    
	/*padding: 10px;*/
	text-transform:none; 
	font-weight: normal;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display: -ms-flexbox;      /* TWEENER - IE 10 */
  	display: -webkit-flex;     /* NEW - Chrome */
  	display: flexbox;            /* NEW, Spec - Opera 12.1, Firefox 20+ */	
  
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
  
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;	
	
	align-items: stretch;
}


@supports (flex-wrap: wrap) { /* hide from the incomplete Flexbox implementation in Firefox */
    .ticket-scheda .ticket-sottotitolo {
      display: flex;
    }
}

.ticket-parte1 {
    width: 15%;
    text-align: center;
    max-width: 70px;
    flex-grow: 1;
}

.ticket-parte2 {
    width: 20%;
    text-align: center;
    flex-grow: 2;
}

.ticket-parte3 {
    width: (50% - 10px);
    flex-grow: 3;
    margin: 5px;
}

.ticket-parte4 {
    width: (20% - 10px);
    text-align: right;
    flex-grow: 2;
    margin: 5px;
}

.ticket-versione-cliente .ticket-parte1 {
    display: none;
}

.ticket-versione-cliente .ticket-parte2 {
    width: 25%;
    text-align: center;
}

.ticket-versione-cliente .ticket-parte3 {
    width: 75%;
}



.ticket-scheda .box-contenuto {    
	background-color: #f3f3f3;
    color: #000;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}


.ticket-priorita-urgenza {
	border: solid 1px #333; 
	width: 100%;
	max-width: 60px; 
	background-color:#F7F7F7; 	
	/*margin: 5px;*/
	padding: 5px;
}

.ticket-priorita {
	font-size:50px;	
	margin-top: 2px;
}
.ticket-priorita-m3 {
	background-color: #EDE7F6;
	color: #000 !important;
}
.ticket-priorita-m2 {
	background-color: #D1C4E9;
	color: #000 !important;
}
.ticket-priorita-m1 {
	background-color: #B39DDB;
	color: #000 !important;
}
.ticket-priorita-0 {
	background-color: #9575CD;
	color: #fff !important;
}
.ticket-priorita-1 {
	background-color: #7E57C2;
	color: #fff !important;
}
.ticket-priorita-2 {
	background-color: #6200EA;
	color: #fff !important;
}
.ticket-priorita-3 {
	background-color: #311B92;
	color: #fff !important;
}

#TabellaLista .ticket-priorita {
    font-size: 20px;
    font-weight: 600;
}

.ticket-urgenza {
	text-transform: uppercase;	
	font-size: 14px;
}
.ticket-urgenza-bassa {
	background-color: #FFCC80;
	color: #000 !important;
}
.ticket-urgenza-media {
	background-color: #FF9800;
	color: #000 !important;
}
.ticket-urgenza-alta {
	background-color: #E65100;
	color: #fff !important;
}

#TabellaLista .ticket-urgenza {
    font-size: 10px;
    margin-top: 2px;
}

.ticket-data-big {
	font-size: 20px;
}

#TabellaLista .ticket-data-big {
    font-size: 16px;
    font-weight: 500;
}

.ticket-operazioni-priorita, .ticket-operazioni-data {
	font-size: 11px;
}

.ticket-titolo .cdf-txtroot {
	color: #000;
}

.ticket-stato {
	font-size: 12px;
    border: solid 1px #333;
    border-left: 0;
    padding: 5px;
}


.ticket-bianco {
	background-color: #FFFFFF;
}

.ticket-verde {
	background-color: #34A853;	
	background-color: rgba(52,168,83,0.4);
}

.ticket-giallo {
	background-color: #FBBC05;	
	background-color: rgba(251,188,5,0.4);
}

.ticket-rosso {
	background-color: #f44336;
	background-color: rgba(244,67,54,0.4);
}

.ticket-nero {
	background-color: #222222;
	background-color: rgba(34,34,34,0.6);
    color: #FFFFFF;
}

.ticket-nero a,
.ticket-nero .cdf-txtroot  {
	color:#FFFFFF;
}

.ticket-bianca a,
.ticket-gialla a,
.ticket-bianca .cdf-txtroot,
.ticket-gialla .cdf-txtroot,
.ticket-nero .ticket-priorita,
.ticket-nero .ticket-priorita a {
    color: #000000;
}

.ticket-scheda .ticket-titolo.ticket-verde ,
.ticket-scheda .ticket-verde .ticket-stato {	
	background-color: rgba(52,168,83,0.8);
}

.ticket-scheda .ticket-titolo.ticket-giallo ,
.ticket-scheda .ticket-giallo .ticket-stato {
	background-color: rgba(251,188,5,0.8);
}

.ticket-scheda .ticket-titolo.ticket-rosso ,
.ticket-scheda .ticket-rosso .ticket-stato {
	background-color: rgba(244,67,54,0.8);
}

.ticket-scheda .ticket-titolo.ticket-nero ,
.ticket-scheda .ticket-nero .ticket-stato {
	background-color: rgba(34,34,34,0.8);
}



#TabellaLista .ticket-titolo {
	font-size: 16px;	
	font-weight: 600;
}

.legenda .ticket-verde,
#TabellaLista .ticket-verde {
	background-color: #34A853;	
}

.legenda .ticket-giallo,
#TabellaLista .ticket-giallo {
	background-color: #FBBC05;	
}

.legenda .ticket-rosso,
#TabellaLista .ticket-rosso {
	background-color: #f44336;
}

.legenda .ticket-nero,
#TabellaLista .ticket-nero {
	background-color: #222222;
    color: #FFFFFF;
}



.ticket-settore {
	color: #0d47a1;
	font-size: 12px;	
}

.assistenze-home .ticket-settore {
	font-size: 11px;
}

.ticket-stato-cliente-daValutare {
	color: #546E7A;
	text-transform: uppercase;
	font-weight: 600;
}

.ticket-stato-cliente-inLavorazione {
	color: #FF8F00;
	text-transform: uppercase;
	font-weight: 600;
}

.ticket-stato-cliente-chiusa {
	color: #1B5E20;
	text-transform: uppercase;
	font-weight: 600;
}

#TabellaLista .ticket-stato-cliente-daValutare,
#TabellaLista .ticket-stato-cliente-inLavorazione,
#TabellaLista .ticket-stato-cliente-chiusa {
	text-align: center;
}

.box.assistenze-home #TabellaLista .ticket-stato-cliente-daValutare,
.box.assistenze-home #TabellaLista .ticket-stato-cliente-inLavorazione {
	text-align: left;
}

.ticket-nessunoperatore {
    display: inline-block;
    background-color: #aaa;
    color: #fff;
	min-width: 50px;
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: normal;
	margin: 0 auto;
	height: auto;
	padding: 0 5px;
    min-width: 50px;
    white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}

.ticket-operatore {
    display: inline-block;
    background-color: #2979ff;
    color: #fff;
	min-width: 50px;
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: normal;
	margin: 0 auto;
	height: auto;
	padding: 0 5px;
    min-width: 50px;
    white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}

.ticket-responsabile {
    display: inline-block;
    background-color: #1565c0;
    color: #fff;
	min-width: 50px;
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: normal;
	margin: 0 auto;
	height: auto;
	padding: 0 5px;
    min-width: 50px;
    white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}

.ticket-amministratore {
    display: inline-block;
    background-color: #0d47a1;
    color: #fff;
	min-width: 50px;
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: normal;
	margin: 0 auto;
	height: auto;
	padding: 0 5px;
    min-width: 50px;
    white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}

#TabellaLista .ticket-amministratore,
#TabellaLista .ticket-responsabile,
#TabellaLista .ticket-operatore,
#TabellaLista .ticket-nessunoperatore  {
    width: 100%;
    margin-bottom: 10px;
}

td[id^="apririgatabella"] i.material-icons {
    position: absolute;
    left: 0;
    font-size: 18px;
    font-weight: normal;
}

.ticket-lista-agenti {
    margin: 5px 0;
}

.ticket-agente {
    display: inline-block;
    background-color: #F65314;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    min-width: 50px;
    padding: 0 5px;
}

.ticket-agente a {
    color: #fff;
}

.ticket-cliente-riferimenti {	
    margin: 5px 0;
}


.ticket-operazione-sx {
    background-color: #fff;
    max-width: 90%;
    margin-right: 10%;
}

.ticket-operazione-dx {
    background-color: #DCF8C6;
    max-width: 90%;
    margin-left: 10%;
}

.ticket-operazione-sx .box-titolo,
.ticket-operazione-dx .box-titolo {
	text-transform: unset;
	font-size: 13px;
	padding: 10px !important;
	border-bottom: dotted 1px #ccc;
}

.ticket-operazione-mitt-dest {
    display: flex;
    align-items: center;
}

.ticket-operazione-mitt-dest .material-icons {
	font-size: 16px;
	padding: 0 5px;
}

.ticket-operazione-utente-da-a {
    position: absolute;
    top: 10px;
    right: 10px;
}

.ticket-operazione-sx .box-contenuto,
.ticket-operazione-dx .box-contenuto {
    background: unset;
    position: relative;
}

.ticket-operazione-sx .box-piede, .ticket-operazione-dx .box-piede {
    text-transform: unset;
    font-size: 12px;
    /*font-style: italic;*/
    font-weight: normal;
    text-align: left;
    color: #444;
}

.ticket-operazione-sx .box-piede {
    background-color: rgba(0,0,0, 0.02);
}
.ticket-operazione-dx .box-piede {
    background-color: rgba(255,255,255, 0.5);
}


.ticket-operazione-sx .box-contenuto + .box-piede, .ticket-operazione-dx .box-contenuto + .box-piede {
    border-top: dotted 1px #ccc;
}



.material-icons.ticket-documentiallegati {
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    top: 42px;
    right: 2px;
}

.material-icons.ticket-documentiallegati-corpo {
    top: 2px;
 }

.ticket-pulsanti {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

.ticket-pulsanti > div {
    margin-bottom: 10px;
}

.settore-lista-utenti {
    margin-bottom: 5px;
    display: flex;
	align-items: center;
}

.settore-lista-utenti:last-child {
    margin-bottom: 0;
}

.settore-lista-utenti > span:last-child {
    width: 15px;
    margin-right: 5px;
}

.settore-caposettore {
    border: solid 1px #ddd;
    height: 15px;
    width: 15px;
    border-radius: 5px;
    line-height: 13px;
    display: block;
    text-align: center;
    background-color: #1565c0;
    color: #fff;
}


.triangle-down {
	width: 100%;
    height: 0;
    padding-left: 52%;
    padding-top: 40%;
    overflow: hidden;
    position: absolute;
}

.triangle-down:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-left:-500px;
    margin-top:-500px;
    
    border-left: 500px solid transparent;
    border-right: 500px solid transparent;
    border-top: 500px solid #404040;
}

a.prenotazione-link {
    display: block;
    height: 100%;
    width: 100%;
}

#avvisoSenzaRegistrazione {
    margin: auto;
    width: 400px;
    padding: 10px;
    margin-top: 10px;
    font-size: 11px;
    border: 1px solid #CECECE;
    border-radius: 2px;
}

.listaarticolicategoria {
    font-size: 13px;
    font-weight: normal;
    margin-top: 5px;
}



.cdf-specifiche-titolo {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;
	padding-bottom: 5px;
    border-bottom: 1px solid #c3c3c3;
    margin-bottom: 10px;
}

.cdf-specifiche-titolo .material-icons {
	font-size: 20px;
	cursor: pointer;
	color: #000000;
}

.cdf-specifiche-contenuto {
	padding-bottom: 25px;
}

.cdf-singola-specifica {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.cdf-specifica-ordine {
    min-width: 25px;
    margin-right: 5px;
    text-align: right;
}

.cdf-singola-specifica.sotto-specifica .cdf-specifica-ordine {
	min-width: 45px;
}

.cdf-specifiche-pulsanti {
	margin-bottom: 10px;
	text-align: right;
}

.cdf-specifiche-note {
	margin-bottom: 10px;
	font-size: 10px;
    color: #707070;
    margin-left: 50px;
}

.cdf-specifiche-pulsantigestione {
	width: 20px;
	text-align: right;
}

.cdf-specifiche-contenuto span:nth-child(3) {
	width: calc(100% - 70px);
}


.cdf-specifiche-sezione {
    margin-top: 10px;
    font-weight: bold;
    margin-bottom: 3px;
}

.cdf-singola-specifica.sotto-specifica,
.cdf-specifiche-pulsanti.sotto-specifica {
    margin: 0px 25px;
}

.cdf-specifiche-note.sotto-specifica {
    margin-left: 95px;
}

.ordinamento i.checkfatto {
	background-color: unset;
}

input[type="checkbox"].stilizzato {
    display: none;
}

input[type="checkbox"] + label.stilizzatocheckbox {
    height: 18px;
    width: 18px;
    background-color: transparent;
    border: 2px solid #999;
    border-radius: 2px;
    position: relative;
    display: inline-block !important;
    -moz-transition: border-color ease 0.2s;
    -o-transition: border-color ease 0.2s;
    -webkit-transition: border-color ease 0.2s;
    transition: border-color ease 0.2s;
    cursor: pointer;
    margin: 0;
    margin-top: 2px;
}

input[type="checkbox"]:checked + label.stilizzatocheckbox::before, 
input[type="checkbox"] + label.stilizzatocheckbox.checked::before {
    height: 20px;
    -moz-animation: dothatopcheck 0.4s ease 0s forwards;
    -o-animation: dothatopcheck 0.4s ease 0s forwards;
    -webkit-animation: dothatopcheck 0.4s ease 0s forwards;
    animation: dothatopcheck 0.4s ease 0s forwards;
}

input[type="checkbox"] + label.stilizzatocheckbox::before, 
input[type="checkbox"] + label.stilizzatocheckbox::after {
    position: absolute;
    height: 0;
    width: 2px;
    background-color: #34b93d;
    display: inline-block;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    border-radius: 5px;
    content: ' ';
    -webkit-transition: opacity ease .5;
    -moz-transition: opacity ease .5;
    transition: opacity ease .5;
}

input[type="checkbox"] + label.stilizzatocheckbox::before {
    top: 13px;
    left: 7px;
    -moz-transform: rotate(-147deg);
    -ms-transform: rotate(-147deg);
    -o-transform: rotate(-147deg);
    -webkit-transform: rotate(-147deg);
    transform: rotate(-147deg);
}

input[type="checkbox"]:checked + label.stilizzatocheckbox::after, 
label.stilizzatocheckbox.checked::after {
    height: 6px;
    -moz-animation: dothabottomcheck 0.2s ease 0s forwards;
    -o-animation: dothabottomcheck 0.2s ease 0s forwards;
    -webkit-animation: dothabottomcheck 0.2s ease 0s forwards;
    animation: dothabottomcheck 0.2s ease 0s forwards;
}

input[type="checkbox"] + label.stilizzatocheckbox::after {
    top: 8px;
    left: 1px;
    -moz-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    -o-transform: rotate(-40deg);
    -webkit-transform: rotate(-40deg);
    transform: rotate(-40deg);
}

input[type="checkbox"]:checked + label.stilizzatocheckbox, 
input[type="checkbox"] + label.stilizzatocheckbox.checked {
    border-color: #34b93d;
}

#windowmodificaspecifiche input[type="checkbox"] + label.stilizzatocheckbox {
	cursor: unset;
}

#mostra-specifiche-fatte.checked,
#mostra-specifiche-nonfatte.checked {
	border: 1px solid #888888;
    border-radius: 3px;
}


.postit {
    position: absolute;
    width: 200px;
    height: 200px;
    background-color: #F5E691;
    z-index: 90;
    box-shadow: 10px 10px 5px rgb(0 0 0 / 0.2);
    
    padding: 10px;
    border: 1px solid #d7d6a2;
    
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    transition: all 0.30s ease-in-out;
    opacity: 1;
}

.postit-contenuto {
	height: calc(100% - 28px);
    overflow-y: auto;
}

.postit-operazioni {
    position: absolute;
    top: 3px;
    right: 3px;
    color: #897300;
    opacity: 0;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    transition: all 0.30s ease-in-out;
}

.postit:hover .postit-operazioni {
    opacity: 1;
}

.postit-operazioni .material-icons {
	font-size: 20px;
	margin-left: 1px;
	cursor: pointer;
}

.pin {
    background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, red 50%, black 100%);
    background-image: -webkit-radial-gradient(45px 45px, circle cover, red, black);
    background-image: radial-gradient(red 50%, black 100%);
    
    height: 18px;
    width: 18px;
    margin: auto;
    border-radius: 50%;
    margin-bottom: 10px;
    
    box-shadow: 1px 4px 3px rgb(0 0 0 / 0.3);
}


/* width */
.postit-contenuto::-webkit-scrollbar {
  width: 5px;
  border-radius: 10px;
}

/* Track */
.postit-contenuto::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 10px;
}

/* Handle */
.postit-contenuto::-webkit-scrollbar-thumb {
  background: #f5c091;
  border-radius: 10px;
}

/* Handle on hover */
.postit-contenuto::-webkit-scrollbar-thumb:hover {
  background: #f5b591;
}