@charset "UTF-8";
/* CSS Document */

/* 
 * HTML5 ✰ Boilerplate
 *
 * What follows is the result of much research on cross-browser styling. 
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 * 
 * ==== Normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
audio, canvas, video {display: inline-block; *display: inline; *zoom: 1;}
audio:not([controls]) {display: none;}
[hidden] {display: none;}

/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html {font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}

body {margin: 0; line-height: 1.231;}

body, button, input, select, textarea {font-family: sans-serif; color: #222;}

/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection {background: #3AC3E0; color: #fff; text-shadow: none;}
::selection {background: #3AC3E0; color: #fff; text-shadow: none;}


/* =============================================================================
   Links
   ========================================================================== */

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active {outline: 0;}


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] {border-bottom: 1px dotted;}

b, strong {font-weight: bold;}

blockquote {margin: 1em 40px;}

dfn {font-style: italic;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

ins {background: #ff9; color: #333; text-decoration: none;}

mark {background: #ff0; color: #333; font-style: italic; font-weight: bold;}

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp {font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em;}

/* Improve readability of pre-formatted text in all browsers */
pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word;}

q {quotes: none;}
q:before, q:after {content: ""; content: none;}

small {font-size: 85%;}

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol {margin: 1em 0; padding: 0 0 0 40px;}
dd {margin: 0 0 0 40px;}
ul, nav ol {list-style: none; list-style-image: none; margin: 0; padding: 0;}


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */

img {border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle;}

/*
 * Correct overflow not hidden in IE9 
 */

svg:not(:root) {overflow: hidden;}


/* =============================================================================
   Figures
   ========================================================================== */

figure {margin: 0;}


/* =============================================================================
   Forms
   ========================================================================== */

form {margin: 0;}
fieldset {border: 0; margin: 0; padding: 0;}

/* Indicate that 'label' will shift focus to the associated form element */
label {cursor: pointer;}

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */

legend {border: 0; *margin-left: -7px; padding: 0;}

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea {font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle;}

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input {line-height: normal; *overflow: visible;}

/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */

table button, table input {*overflow: auto;}

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;}

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] {box-sizing: border-box; width: 30px;height: 30px;}
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}

/* 
 * Remove inner padding and border in FF3/4: h5bp.com/l 
 */

button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}

/* 
 * 1. Remove default vertical scrollbar in IE6/7/8/9 
 * 2. Allow only vertical resizing
 */

textarea {overflow: auto; vertical-align: top; resize: vertical;}

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid {background-color: #f0dddd;}


/* =============================================================================
   Tables
   ========================================================================== */

table {border-collapse: collapse; border-spacing: 0;}
td {vertical-align: top;}

/* ==== Non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir {display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr;}
.ir br {display: none;}

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {display: none !important; visibility: hidden;}

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto;}

/* Hide visually and from screenreaders, but maintain layout */
.invisible {visibility: hidden;}

/* Contain floats: h5bp.com/q */ 
.clearfloat, .clearfloat:before, .clearfloat:after {content: ""; display: table; font-size:1px; clear: both;}
.clearfloat:after {clear: both;}
.clearfloat {zoom: 1;}

/* ==== RIASSEGNAZIONI BASE ====*/

h1 {font-size:1.75em; font-weight:bold; margin-bottom:0.25em}
h2 {font-size:1.5em; font-weight:bold; margin-bottom:0.25em; color:#000}
h3 {font-size:1.25em; font-weight:bold; margin-bottom:0.25em}
h4 {font-size:1em; font-weight:bold; margin-bottom:0.25em}
h5 {font-size:0.7em; font-weight:normal; margin-bottom:0.5em; color:#666; border-top: thin dotted #333; border-bottom: thin dotted #333}

p { margin:0; padding:0}

strong {font-weight:bold}

em {font-style:italic}

ul {
	list-style-type:disc;
	list-style-position:outside;
	margin-left:1em;
}

.button{border:0px;vertical-align:bottom;}

.espon {
  	font-size: 0.8em;
  	vertical-align: super;
}

a, a:link {text-decoration:underline;color:#d28833;}
a:hover, a:link:hover{text-decoration:underline;color:#b64d35}

/*==== FINE RIASSEGNAZIONI ====*/

/* ==== Print styles =======================================================
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
 
@media print {
  * {background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important;} 
  /* Black prints faster: h5bp.com/s */
  a, a:visited {text-decoration: underline;}
  a[href]:after {content: " (" attr(href) ")";}
  abbr[title]:after {content: " (" attr(title) ")";}
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {content: "";}  /* Don't show links for images, or javascript/internal links */
  pre, blockquote {border: 1px solid #999; page-break-inside: avoid;}
  thead {display: table-header-group;} /* h5bp.com/t */
  tr, img {page-break-inside: avoid;}
  img {max-width: 100% !important;}
  @page {margin: 0.5cm;}
  p, h2, h3 {orphans: 3; widows: 3;}
  h2, h3 {page-break-after: avoid;}
}

/* == Fine HTML5 ✰ Boilerplate == */
body  {
	background: #fff;
  	background-repeat: repeat-y;
  	background-position: top center;
	margin: 0;
	border-width:0px;
	border-style:none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 100%;
	width:100%;
	}
.bodyLogin {background:url(../images/bg_log.jpg) no-repeat;background-position: center 0;}

#wrapper {
	width: 100%;
	margin: 0px;
	}
	
	
#container {
	width:960px;
	min-height:600px;
	margin:0 auto;
	padding:5px 0 10px 0;
	background: #fff;
	text-align: left;
	box-sizing:border-box;
}

#containerMax {
	width:100%;
	margin:0 auto;
	background: #fff;
	text-align: left;
	padding: 0 10px;
	}

#log {
	position: absolute; 
	top: 10px;
	left:840px;
	z-index:200; 
	border:none; 
	margin:0px;
	padding: 0px;
	}

#testata { 
	position:relative;
	background: #fff;
	margin: 0 auto;
	padding:0;
	border:none;
	color:#222;
	box-sizing:border-box;
	width:100%;
} 
/*** LOGIN ***/

#testaLog {
	width:100%;
	min-height:100px;
	/*background: url(../images/logoTestaLog.png) no-repeat top center;*/
}

#mainLogin {
	width:100%;
	min-height:100%;
	text-align:center;
}


#login {
	position: relative; 
	margin-top:40px;
	display:inline-block;
	background:rgba(255,255,255,0.7);
	border-radius:20px;
	padding:20px;
	box-shadow:0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
}

input.log[type=text], input.log[type=password] {
	display:block;
	margin-top:15px;
	padding:4px 10px;
	background:none;
	border:none;
	border-bottom:1px solid #5E7E8A;
	border-radius:10px;
	color:#333;
	width:250px;
}

#logMsg {
	color:#ccc;
	font-weight:bold;
	font-size:1.25em;
	margin-top:-30px;
}

button.log.sub {
	display:block;
	margin-top:15px;
	background:url(../images/logSubmit.svg) no-repeat 50% -30px;
	border:none;
	border-radius:none;
	width:250px;
	height:30px;
}

button.log.sub:hover {
	background-position:center 0;
}
/*** END LOGIN ***/

#boxLogo {
	position:relative;
	width:960px;
	height:60px;
	z-index:100;
	padding:10px;
	line-height:40px;
	margin: 0 auto;
	box-sizing:border-box;
}

#settings {
	position:absolute;
	top:0;
	right:0px;
	padding:10px;
	z-index:100;
	text-align:right;
	background: #fff;
	font-size:0.8em;
	color:rgba(255,255,255,0,7);
}

#subSettings {
	display:none;
}

.settings {
	display:inline-block;
	min-height:30px;
	min-width:30px;
	background: url(../images/settings.svg) no-repeat top left;
	cursor:pointer;
}

.settings :hover{
	background: url(../images/settingsHover.svg) no-repeat top left;
}

#menu_or {	
	width: 960px;
	padding: 0px;
	margin-top: 0px;
	color:#FFF;
	}

#main { 
	width: 100%;
	margin:0; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height:150%;
	padding: 0;
	position:relative;
}

#2cols { 
	width: 100%;
	margin-top: 0;
}



#main h4 {
	font-weight:bold;
}

#main_margin { 
	width: 540px;
	margin: 4px 230px 0px 210px; 
	padding: 0px;
	} 
	
#sidebar_sx {
	float: left; 
	width:475px; 
	margin-top: 5px; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height:150%;
	padding: 0px;
	}

#sidebar_dx {
	float: right; 
	width: 475px; 
	margin-top: 5px; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height:150%;
	padding: 0px;
	}

#barra_link {
	background:#ffcf90;
	padding-left: 4px;
}

#barra_menu {
	/*background:#cacaca;*/
	padding: 2px;
	font-size: 11px;
	text-align:center;
}

#footer { 
	padding: 0 10px 0 18px;
	background:#ccc;
	box-sizing:border-box;
} 

#footer p {
	margin: 0;
	padding: 10px 0;
}
	

#msgBox {
	color:#009ee0;
	font-weight:bold;
	font-size:1rem;
	margin:10px 0 10px 0;
}

#msgBox span {
	display:inline-block;
	padding-left:30px;
	min-height:25px;
	line-height:25px;
	background:url(../images/singleIcons/msg.svg) no-repeat 0 0;
}

	
/*** NAVIGAZIONE ***/	

#menu {
	margin:0;
	padding:0;
	width:100%;
	background:#ccc;
}

#navigation ul{
	position:relative;
	width:960px;
	background:#ccc;
	width: 960px;
	height:50px;
	min-height:50px;
	list-style:none;
	margin:0 auto;
	box-sizing:border-box;
}

#navigation ul li{
	float:left;
	border-right:1px solid #e9e9e9;
	position:relative;
	height:50px;
	box-sizing:border-box;
}

#navigation ul li a{
	display:block;
	padding:10px;
	height:50px;
	line-height:50px;
	color: #fff;
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.75rem;
	text-align:center;
	vertical-align:baseline;
	position:relative;
	text-decoration:none;
	transition: background-color 0.3s ease 0s, color 0.3s ease 0s;
	box-sizing:border-box;
}


#navigation ul li a.m_home{
	background:#00aeef url(../images/menu_icons/home.svg) no-repeat 50% 20%;
}

#navigation ul li a.m_ana{
	background:#f68b1f url(../images/menu_icons/ana.svg) no-repeat 50% 20%;
}

#navigation ul li a.m_pres{
	background:#ed037c url(../images/menu_icons/pres.svg) no-repeat 50% 20%;
}

#navigation ul li a.m_planner{
	background:#8dc63f url(../images/menu_icons/planner.svg) no-repeat 50% 20%;
}

#navigation ul li a.m_archivi{
	background:#b05f08 url(../images/menu_icons/archivi.svg) no-repeat 50% 20%;
}

#navigation ul li a.m_fatt{
	background:#446e13 url(../images/menu_icons/fatt.svg) no-repeat 50% 20%;
}

#navigation ul li a.m_aut{
	background:#7a0987 url(../images/menu_icons/aut.svg) no-repeat 50% 20%;
}

#navigation ul li a.m_pro{
	background:#06a291 url(../images/menu_icons/pen.svg) no-repeat 50% 20%;
}

#navigation ul li a.m_att{
	background:#F00 url(../images/menu_icons/att.svg) no-repeat 50% 20%;
}

#navigation ul li a.m_tick{
	background:#a515b2 url(../images/menu_icons/pro.svg) no-repeat 50% 20%;
}

#navigation ul li a.m_not{
	background:#ae8710 url(../images/menu_icons/not.svg) no-repeat 50% 20%;
}



#navigation ul li a:hover {
	background-color:#1376c9;
}

#navigation ul li:hover > a {
	background-color:#1376c9;
}

#navigation ul li a.selected{
	background:#fff;
	line-height:50px;
}

#navigation ul li a.m_home.selected{
	background:#fff url(../images/menu_icons/home_hover.svg) no-repeat 50% 20%;
	color:#222
}

#navigation ul li a.m_ana.selected{
	background:#fff url(../images/menu_icons/ana_hover.svg) no-repeat 50% 20%;
	color:#222
}

#navigation ul li a.m_pres.selected{
	background:#fff url(../images/menu_icons/pres_hover.svg) no-repeat 50% 20%;
	color:#222
}

#navigation ul li a.m_planner.selected{
	background:#fff url(../images/menu_icons/planner_hover.svg) no-repeat 50% 20%;
	color:#222
}

#navigation ul li a.m_archivi.selected{
	background:#fff url(../images/menu_icons/archivi_hover.svg) no-repeat 50% 20%;
	color:#222
}

#navigation ul li a.m_fatt.selected{
	background:#fff url(../images/menu_icons/fatt_hover.svg) no-repeat 50% 20%;
	color:#222
}

#navigation ul li a.m_aut.selected{
	background:#fff url(../images/menu_icons/aut_hover.svg) no-repeat 50% 20%;
	color:#222
}

#navigation ul li a.m_pro.selected{
	background:#fff url(../images/menu_icons/pen_hover.svg) no-repeat 50% 20%;
	color:#222
}

#navigation ul li a.m_att.selected{
	background:#fff url(../images/menu_icons/att_hover.svg) no-repeat 50% 20%;
	color:#222
}

#navigation ul li a.m_tick.selected{
	background:#fff url(../images/menu_icons/pro_hover.svg) no-repeat 50% 20%;
	color:#222
}

#navigation ul li a.m_not.selected{
	background:#fff url(../images/menu_icons/not_hover.svg) no-repeat 50% 20%;
	color:#222
}

.notSign {
	position:absolute;
	z-index:1000;
	top:5px;
	right:5px;
	display:block;
	width:15px;
	height:15px;
	background:#f00;
	color:#fff;
	font-size:0.5em;
	font-weight:bold;
	text-align:center;
	line-height:15px;
	border:2px solid #fff;
	border-radius: 12px;
}


/*
.selected, div# li.selected a:hover, div# li.selected:hover{
	background:#73ad21;
}

div# li a:hover, div# li:hover{
	background:#73ad21;
}*/



/*** MENU SECONDARIO ***/
div#nav2{
	clear:left;
	padding:0;
	margin:5px 0 5px 0;
	background:#fff;
	border-bottom:1px solid #00c7dd;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:0.85rem;
	min-height:30px;
	height:30px;
}

div#nav2 ul{
	padding:0;
	margin:0;
}

div#nav2 li{
	padding:0;
	margin:0;
	display: inline-block;
	height:24px;
	line-height:24px;
	background:#5f5f5f;
	-moz-box-sizing: border-box;
 	-webkit-box-sizing: border-box;
 	box-sizing: border-box;
}

div#nav2 li:hover{
	color:#00c7dd;
}


div#nav2  li a{
	color:#fff;
	background:none;
	text-decoration:none;
	padding: 10px;
}

div#nav2 li.selected{
	border:1px solid #00aeef;
	border-top:3px solid #00aeef;
	border-bottom:1px solid #fff;
	background:#fff;
	height:31px;
	padding:0;
	margin:0;
	-moz-box-sizing: border-box;
 	-webkit-box-sizing: border-box;
 	box-sizing: border-box;
}


div#nav2 li.selected a{
	color:#5f5f5f;
}




/*** MENU TERZO LIVELLO ***/

#subMenu {
	border-bottom:1px solid #00c7dd;
	padding: 0;
}

#subMenu a {
	display: inline-block;
	line-height:17px;
	background:#007dc5;
	cursor:pointer;
	color:#fff;
	font-family:arial;
	font-size:11px;
	padding:2px 6px;
	margin-bottom:4px;
	text-decoration:none;
}

#subMenu a img {
	position:relative;
	top:2px;	
}



#subMenu a:hover, #subMenu a.sel {
	background:#73ad21;
	color:#fff;
}

#subMenu a:active {
	position:relative;
	top:1px;
}


/*** FINE MENU TERZO LIVELLO ***/

#loading{
  position:absolute;
  width:200px;
  height:100px;
  margin: 0 auto;
  z-index:1;
  background-color: #FFFFFF;
  color:#ffffff;
  padding:20px;
  border:#333 1px solid;
  text-align:center;
  vertical-align:middle;
}
	
/***/

.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	}	

/*** CLASSI ***/

.fltrt { /* questa classe può essere utilizzata per rendere mobile un elemento a destra nella pagina. L'elemento reso mobile deve precedere l'elemento al quale deve essere affiancato sulla pagina. */
	float: right;
	margin-left: 8px;
	}


.dotted {
	height: 1px;
	border: 1px dotted;
	border-width: 1px 0 0 0;
	}
	


.testo {
	color: #000000;
	font-family: Myriad, Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	line-height:15px;
	text-align:justify;
	}


.testo_footer {
	color: #fff;
	font-family: Myriad, Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	line-height:1em;
	text-align:justify;	
	}

.titolopiccolo {
	color: #000;
	font-family: Myriad, Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	}
	
.titolopiccolocol {
	color: #336699;
	font-family: Myriad, Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	}
		
.commento {
	color: #4e4e4e;
	font-weight:bold
}
				
input, select, textarea {
	border:1px solid #c4c4c4;
	font-family:Arial, Helvetica, sans-serif;
}


label {font-size:10px; color:#666}
.espon {
  	font-size: 0.8em;
  	vertical-align: super;
}

a {text-decoration:none;color:#4c4e50;}
a:hover {text-decoration:underline;}

.tit_colore {color:#F60;}
/*****/


a:link{
  font-family:arial, monospace;
  text-decoration: none;
  color: teal;
}

a:hover{
  text-decoration: underline;
}

a:visited{
  text-decoration: none;
}


	
p {margin-top: 0; margin-bottom: 0; }
ul {
	list-style-type:disc;
	list-style-position:outside;
	margin-left:1em;
}

ol {
	list-style-position:outside;
	margin-left:1em;
}
/*ul {margin-top: 0; margin-bottom: 0;}*/
h1,h2,h3,h4,h5,h6 { font-family: Arial, Verdana, Helvetica, sans-serif; margin: 5px 0px 5px 0px; padding: 0px;}

.nolista ul {list-style:none; font-size:12px}
.nolista li {display:inline;}

/*******/
.titolo_post {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-weight:bold;
	color:#7a270e;
	}
.sottotitolo_post {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	color:#9b4f0b;
	}
.corso { 
		padding:4px; 
		text-align:left; 
		color:#000; 
		font-family:Arial, Helvetica, sans-serif; 
		font-size:12px;
		font-weight:bold;
		border-bottom:#960
		}



/*******/
table {
	font-size: 1em;
}

/* standards redesign */
h1 {
	font-size:26px;
	font-weight:bold;
}
h2 {
	font-size:20px;
}
h3 {
	font-size:16px
}
p {
	line-height:150%;
}
strong {
	font-weight:bold;
}
del {
	text-decoration: line-through;
	color: #666;
}
cite, em, dfn  {
	font-style:italic;
}
ins, dfn {
	border-bottom: 1px solid #ccc;
}
sup {
	vertical-align: super;
}
sub {
	vertical-align: sub;
}
a abbr, a acronym {
	border: none;
}
abbr, acronym {
	text-transform: uppercase;
	font-size: 85%;
	letter-spacing: .1em;
}
abbr[title], acronym[title], dfn[title] {
	cursor: help;
	border-bottom: 1px dotted #ccc;
}
code, kbd, samp, pre, tt, var {
	font-size: 92%;
	font-family: monaco, "Lucida Console", courier, monospace;
}

/* dimensions */
small, .small, sup, sub {
	font-size:80%;
}
.big {
	font-size:12px;
}
.thin {
	font-weight: lighter;
}

/* colors */
.red {
	color:#F00;
}
.orange {
	color:#F60;
}
.blue {
	color:#03F;
}
.green {
	color:#0C0;
}

/* various styles */
.underline {
	text-decoration:underline;
}

.debug {
	outline:1px solid #F00;
}

.highlight {
	background-color:#FF6;  /* bright yellow */
	padding:0px 2px;
}
.quiet {
	color:#666;
}
.loud {
	color:#000;
}

/* on demand structure */
fieldset {
	border:1px solid #f3f3f3;
	/*width:95%;
	padding:7px;*/
	margin: 0px;
}

fieldset legend {
	padding:0px;
	font-weight:bold;
}
form input[type='text'], form input[type='password'], form select, form textarea {
	border-radius: 3px;
	font-size:12px;
}

form input[type='text'] {
	padding:3px;
}


form input[type='text'].cerca {
	padding:5px 5px 5px 30px;
	background:url(../images/lente.svg) #fff no-repeat 0 50%;
	max-width:400px;
	min-height:3em;
	box-sizing:border-box
}



form select {
	padding:3px 6px;
	font-size:12px;
}

pre {
	background: #EEE;
	padding: 5px;
	border: 1px solid #CCCCCC;
}

/* standards redesign */


del {
	text-decoration: line-through;
	color: #666;
}
cite, em, dfn  {
	font-style:italic;
}
ins, dfn {
	border-bottom: 1px solid #ccc;
}
sup {
	vertical-align: super;
}
sub {
	vertical-align: sub;
}
a abbr, a acronym {
	border: none;
}
abbr, acronym {
	text-transform: uppercase;
	font-size: 85%;
	letter-spacing: .1em;
}
abbr[title], acronym[title], dfn[title] {
	cursor: help;
	border-bottom: 1px dotted #ccc;
}
code, kbd, samp, pre, tt, var {
	font-size: 92%;
	font-family: monaco, "Lucida Console", courier, monospace;
}

/* dimensions */
small, .small, sup, sub {
	font-size:80%;
}
.big {
	font-size:145%;
}
.thin {
	font-weight: lighter;
}

/* colors */
.red {
	color:#F00;
}
.red_bg {
background-color: red;
}
.orange {
	color:#F60;
}
.blue {
	color:#03F;
}
.green {
	color:#0C0;
}

/* various styles */
.underline {
	text-decoration:underline;
}

.debug {
	outline:1px solid #F00;
}

.highlight {
	background-color:#FF6;  /* bright yellow */
	padding:0px 2px;
}
.quiet {
	color:#666;
}
.loud {
	color:#000;
}


/*** VALIDAZIONE ***/
#validami input.error{  
    background: #f8dbdb;  
    border-color: #e77776;  
}  
#validami textarea{  
    width: 550px;  
    height: 80px;  
    padding: 6px;  
    color: #666;  
    font-family: Arial,  Verdana, Helvetica, sans-serif;  
    font-style: italic;  
    font-size: 12px;  
    border: 1px solid #cecece;  
}  
#validami textarea.error{  
    background: #f8dbdb;  
    border-color: #e77776;  
}  

#validami span{  
    margin-left: 10px;  
    color: #b1b1b1;  
    font-size: 11px;  
    font-style: italic;  
}  
#validami span.error{  
    color: #e46c6e;  
}  
#validami #send{  
    background: #6f9ff1;  
    color: #fff;  
    font-weight: 700;  
    font-style: normal;  
    border: 0;  
    cursor: pointer;  
}  
#validami #send:hover{  
    background: #79a7f1;  
}
  
#error{  
    margin-bottom: 20px;  
    border: 1px solid #efefef;  
}  
 
#error ul{  
    list-style: square;  
    padding: 5px;  
    font-size: 11px;  
}  
#error ul li{  
    list-style-position: inside;  
    line-height: 1.6em;  
}  
#error ul li strong{  
    color: #e46c6d;  
}  
#error.valid ul li strong{  
    color: #93d72e;  
}

.etichetta1{font-family:Arial;font-size:10px; color:#666}



.cella_pad2{padding-left:2px;font-family:Arial;font-size:11px; color:#000; border-right:1px solid #CCCCCC}


/*** TABLE SORTER ***/
/*
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
*/
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	font-size: 8pt;
	padding: 4px 20px 4px 4px;
}
table.tablesorter thead tr .header {
	background-image: url(../images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
/*
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
*/
table.tablesorter thead tr .headerSortUp {
	background-image: url(../images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	background-color: #94cae8;
	color:#FFF
}


/*** DATE PICKER SIZE ***/

div.ui-datepicker {
	font-size: 70%;
}





/*** TABELLA CALENDARIO APPUNTAMENTI ***/

table.mese {
	width:100%;
	margin-top:0;
	font-family: 'Montserrat', sans-serif;
	font-weight:bold;
	font-size:0.7rem;
	text-transform:uppercase;
	letter-spacing:2px;
	padding:0 5px;
	border: 1px solid #ccc;
	-moz-box-sizing: border-box;
 	-webkit-box-sizing: border-box;
 	box-sizing: border-box;
}

table.mese .cal-rw {
	display:inline-block;
	width:100%;
	padding-left:10px;
	box-sizing: border-box;
	
}

table.mese .cal-rw:before {
	content:'';
	display:inline-block;
	width:15px;
	height:15px;
	min-width:15px;
	max-height:15px;
	background:url(../images/rw.png) no-repeat 0 0;
	vertical-align:middle
}

table.mese .cal-rw:hover::before {
	background:url(../images/rw.png) no-repeat 0 -15px;
}

table.mese .cal-fw {
	display:inline-block;
	width:100%;

	padding-right:10px;
	box-sizing: border-box;
}

table.mese .cal-fw:before {
	content:'';
	display:inline-block;
	width:15px;
	height:15px;
	min-width:15px;
	min-height:15px;
	background:url(../images/fw.png) no-repeat 0 0;
	vertical-align:middle
}

table.mese .cal-fw:hover::before {
	background:url(../images/fw.png) no-repeat 0 -15px;
}





.calendario {
	font-size:0.8em;
	border-spacing:1px;
	margin:0 ;
	color:#000;
	width:100%;
	max-width:300px;
	margin-top:0;
	text-align:center;
	border-collapse:separate;
	padding:0;
	}
.calendario a {
	display: block;
	width: 100%;
	color:#523A0B;
	text-decoration:none;
	border-bottom:1px dotted;
	}
.calendario a:visited {
	color:#444;
	font-weight:normal;
	}

.calendario thead th,thead td,tfoot th,tfoot td {
	background:none;
	text-align:center;
	font-weight:bold;
	text-align:center;
	height:2em;
	line-height:2em;
}
.calendario thead tr th:first-of-type, thead tr td:first-of-type, tbody tr th:first-of-type, tbody tr td:first-of-type {
	border-left:none;
}
.calendario thead tr th:last-of-type, thead tr td:last-of-type, tbody tr th:last-of-type, tbody tr td:last-of-type {
	border-right:none;
}
.rigaTit thead tr,thead th,thead td{
	color:#333;
	font-weight:bold;
	text-transform: uppercase;
	background:#FFF;
	border:none
	}	


.calendario td {
	padding: 0.5em;
	margin:0;
	text-align:center;
	vertical-align:middle;
	background: #fff;
	}

.calendario tbody th a:link,
.calendario tbody th a:visited {
	font-weight:bold;
	}


.calendario tbody td a {
	background:#ffdd00;
	}	
.calendario caption {
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:14px;
	text-align:left;
	margin:0;
	padding:0.5em 0.25em;
	}
	
.calendario .cal_noday {
	background:rgb(246,248,249);
}
	
.calendario .cal_today {
	background:#82A0AF;
	color:#FFF;
	font-weight:bold
}

.calendario .cal_today_app {
	background:#ffdd00;
	font-weight:bold
}

.calendario .cal_app {
	background:#ffdd00;
	font-weight:bold
}


/*
.calendario  .cal-rw:after {
	display:inline-block;
	min-width:15px;
	min-height:15px;
	background:url(../images/rw.png) no-repeat 50% 50%;
}*/
	
/*** FINE CALENDARIO ***/	

.arrow{
	border-top: 4px solid transparent; 
	border-bottom: 4px solid transparent; 
	border-left: 4px solid #111;
	display:inline-block;
	vertical-align: middle;
	width:0;
	height: 0;
	margin:0px 8px 0 8px; 
	text-indent: -9999px;
}

.popupEvent {
	position:absolute;
  	top: 10%;
	left: 50%;
	z-index: 1000;
	width: 840px;
	height:200px;
	margin-left: -420px;
	padding:30px;
	background-color: #ffffff;
	border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, 0.3);
	*border: 1px solid #999;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	outline: none;
	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box;
}

.popupTicket {
	position:absolute;
  	top: 10%;
	left: 50%;
	z-index: 1000;
	width: 400px;
	height:180px;
	margin-left: -200px;
	padding:30px;
	background-color: #ffffff;
	border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, 0.3);
	*border: 1px solid #999;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	outline: none;
	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box;
}

	

/*** PANNELLI CALENDAR ***/


.calOp {
	display:inline-block;
	width:19%;
	min-width:200px;
	margin-bottom:10px;
	box-sizing:border-box;
}
.mask {
	position:absolute;
	display:none;
	min-height:2000px;
	min-width:100%;	
	background:rgba(0,0,0,0.5);
	z-index:1049
}

#popAna, #popNotLibera {
	position:absolute;
	z-index:1051;
	background-color:#fff;
	background-color: #ffffff;
	border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, 0.3);
	  *border: 1px solid #999;
	  -webkit-border-radius: 6px;
		 -moz-border-radius: 6px;
			  border-radius: 6px;
	outline: none;
	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	 -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	-webkit-background-clip: padding-box;
	 -moz-background-clip: padding-box;
	  background-clip: padding-box;
}

#popReplay {
	position:absolute;
	z-index:11000;
	background-color:#fff;
	background-color: #ffffff;
	border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, 0.3);
	  *border: 1px solid #999;
	  -webkit-border-radius: 6px;
		 -moz-border-radius: 6px;
			  border-radius: 6px;
	outline: none;
	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	 -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	-webkit-background-clip: padding-box;
	 -moz-background-clip: padding-box;
	  background-clip: padding-box;
}

#popDelChildren {
	position:absolute;
	z-index:12000;
	width:600px;

	background-color:#fff;
	background-color: #ffffff;
	border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, 0.3);
	  *border: 1px solid #999;
	  -webkit-border-radius: 6px;
		 -moz-border-radius: 6px;
			  border-radius: 6px;
	outline: none;
	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	 -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	-webkit-background-clip: padding-box;
	 -moz-background-clip: padding-box;
	  background-clip: padding-box;
}



/*** QUI ***/
#popNewPaziente {
	position:absolute;
	z-index:2050;
	background-color:#fff;
	background-color: #ffffff;
	border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, 0.3);
	  *border: 1px solid #999;
	  -webkit-border-radius: 6px;
		 -moz-border-radius: 6px;
			  border-radius: 6px;
	outline: none;
	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	 -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	-webkit-background-clip: padding-box;
	 -moz-background-clip: padding-box;
	  background-clip: padding-box;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.modal {
  position:absolute;
  top: 5%;
  left: 50%;
  z-index: 1050;
  width: 900px;
  margin-left: -450px;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
          box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding-box;
          background-clip: padding-box;
}

.modal.fade {
  top: -25%;
  -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
     -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
       -o-transition: opacity 0.3s linear, top 0.3s ease-out;
          transition: opacity 0.3s linear, top 0.3s ease-out;
}

.modal.fade.in {
  top: 10%;
}

.modal-header {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
}

.modal-header .close {
  margin-top: 2px;
}

.modal-header h3 {
  margin: 0;
  line-height: 30px;
}

.modal-body {
  position: relative;
  padding: 15px;
  overflow-y: auto;
}

.modal-form {
  margin-bottom: 0;
}

.modal-footer {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
     -moz-box-shadow: inset 0 1px 0 #ffffff;
          box-shadow: inset 0 1px 0 #ffffff;
}

.modal-footer:before,
.modal-footer:after {
  display: table;
  line-height: 0;
  content: "";
}

.modal-footer:after {
  clear: both;
}

.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
/*
.modal select {
	max-width:230px;
	width:240px;
}
*/

.innerBox {
	width:50%;
	float:left; 
	padding-right:10px;
	box-sizing:border-box;
}

/*** PANNELLO INSERIMENTO ***/
.panelIns {
	display: inline-block;
	margin-bottom:20px;
  	background-color: #ffffff;
  	border: 1px solid #999;
  	padding:10px;
}

.panelBox {
	display: inline-block;
	margin-bottom:20px;
  	background-color: #ffffff;
  	border: 1px solid #999;
  	border: 1px solid rgba(0, 0, 0, 0.3);
  	*border: 1px solid #999;
  	-webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
 	outline: none;
  	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
          box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  	-webkit-background-clip: padding-box;
     -moz-background-clip: padding-box;
          background-clip: padding-box;
}


.panelBox-header {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
}

.panelBox-header .close {
  margin-top: 2px;
}

.panelBox-header h3 {
  margin: 0;
  line-height: 30px;
}

.panelBox-body {
  position: relative;
  padding: 15px;
  overflow-y: auto;
}



.panelBox-footer {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
     -moz-box-shadow: inset 0 1px 0 #ffffff;
          box-shadow: inset 0 1px 0 #ffffff;
}

.panelBox-footer:before,
.panelBox-footer:after {
  display: table;
  line-height: 0;
  content: "";
}

.panelBox-footer:after {
  clear: both;
}

.panelBox-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}

.panelBox-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.panelBox-footer .btn-block + .btn-block {
  margin-left: 0;
}


/*** BOTTONI ***/
.btn {
  display: inline-block;
  *display: inline;
  padding: 4px 12px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}

.btn:active,
.btn.active {
  background-color: #cccccc \9;
}

.btn:first-child {
  *margin-left: 0;
}

.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn.active,
.btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}



.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}

.btn-primary {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 14;
  -moz-border-radius: 14;
  border-radius: 14px;
  color: #ffffff;
  padding: 4px 14px 4px 14px;
  text-decoration: none;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.disabled,
.btn-primary[disabled] {
  background: #3cb0fd;
  color: #ffffff;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}
/*** FINE PANNELLO INSERIMENTO ***/


.manuale {
	display:none;
	margin-top:10px;
	border:1px solid #999;
	background:#f7f7f3;
	color:#666;
	padding: 20px;
}


/*** TABELLA NUOVA ***/
.tableB {
	color:#666;
	font-size:12px;
	text-align:left;
	background:#eaebec;
	margin:10px 0;
}


.tableB a:link {
	color: #666;
	font-weight: bold;
	text-decoration:underline;
}

.tableB a:visited {
	color: #999999;
	font-weight:bold;
	text-decoration:none;
}
.tableB a:active,
.tableB a:hover {
	color: #bd5a35;
	text-decoration:underline;
}


.tableB th, .tableB thead td {
	text-transform:uppercase;
	text-align:center;
	vertical-align:top;
	padding:5px;
	border-top:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
	border-left: 1px solid #fff;
	font-weight:bold;
	font-size:.9em;
	background: #f2f2f2;
	
}

.tableB th {
	color: #222;
}

.tableB th:first-child, .tableB td:first-child {
	border-left:none;
}



.tableB th.sezione{
	color:#fff;
	text-align:center;
	background: #68bcd4;
	background: -webkit-gradient(linear, left top, left bottom, from(#68bcd4), to(#599eb2));
	background: -moz-linear-gradient(top,  #68bcd4,  #599eb2);
}

.tableB tr.prop td{
	background: #dbe9ed;
}

.tableB tr.exist td{
	background: #f1f1f1;
}

.tableB tr:first-child th, .tableB tr:first-child td {
	border-top: 1px solid #e6e6e6;
}

.tableB tr {
	text-align: center;
	padding-left:5px;
}

.tableB td {
	vertical-align:top;
	padding:5px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	background: #fff;
	text-align:left;
}
.tableB tr.even td {
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
.tableB tr:last-child td {
	border-bottom:none;
}
.tableB tr:last-child td:first-child {
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
.tableB tr:last-child td:last-child {
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
.tableB tbody tr:hover td, .tableB tbody tr.figlio:hover td {
	background: #fefdf6;
}
.tableB tr.nascondi th{
	background: #e2eded;
	background: -webkit-gradient(linear, left top, left bottom, from(#e2eded), to(#d2eeee));
	background: -moz-linear-gradient(top,  #e2eded,  #d2eeee);
}

.tableB tr.figlio td{
	background: #f6f6f6;
}

.tableB td label {
	display:block;
	font-size:0.75em;
	font-weight:bold;
	background:#e9e9e9;
	padding:0 4px;
	margin-top:8px;
}

.tableB td label:first-of-type {
	margin-top:0;
}

.tableB tr.noBorder td {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom:1px solid #e0e0e0;
	min-height:1em;
}

.labelFatt {
	display:inline-block;
	width:4em;
	font-size:0.75em;
	font-weight:bold;
	padding:0;
}


.lastNumber {
	display:inline-block;
	border:1px solid #222;
	background:#fff;
	padding:10px;
	color:#009ee0;
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:5px;
}

/*** TABELLA NO BORDI ***/
.tableNoborder {
	border:none;
	color:#222;
}

.tableNoborder th {
	background:#f9f9f9;
	border-top:1px solid #fff;
	border-bottom:1px solid #dedede;
	border-left:1px solid #fff;
	font-weight:bold;
	text-align:right;
	padding:5px 10px;
	vertical-align:top
}

.tableNoborder th:first-of-type {
	border-left:none;
}

.tableNoborder tr:first-of-type th {
	border-top:1px solid #dedede;
}

.tableNoborder td {
	text-align:left;
	padding:5px 10px;
	vertical-align:top
}

.tableNoborder tr.sezione th {
	background:#00aeef;
	color:#fff;
	text-align:center;
}

.tableNoborder tr.sezione2 th {
	background:#f3f3f3;
	color:#222;
	text-align:center;
}

.tableNoborder tr.sezioneNot th {
	background:#268a1e;
	color:#fff;
	text-align:center;
}
	
/***  ICONE  ***/

.cancellaIcon, .cancellaIconNoTitle {
	display:inline-block;
	width:21px;
	min-width:21px;
	height:21px;
	min-height:21px;
	background:url(../images/icons.png) no-repeat 0px 0px;
}



.cancellaIcon:hover, .cancellaIconNoTitle:hover {
	cursor:pointer;
	background-position:0px -21px;
}

.cancellaIcon:after{
    content: "cancella";
    padding: 2px;
    display:none;
    position: relative;
    top: -20px;
    left: 13px;
    width: 55px;
    text-align: center;
	color:#646464;
    background-color: #fef4c5;
    border: 1px solid #d4b943;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
}
.cancellaIcon:hover:after{
    display: block;
}

/***/
.delFromPlanner {
	display:inline-block;
	width:21px;
	min-width:21px;
	height:21px;
	min-height:21px;
	background:url(../images/singleIcons/delFromPlanner.svg) no-repeat 0px 0px;
}

.delFromPlanner:hover{
	cursor:pointer;
	background-position:0px -21px;
}


.xIcon {
	display:inline-block;
	width:21px;
	min-width:21px;
	height:21px;
	max-height:21px;
	background:url(../images/icons.png) no-repeat -21px 0px;
}



.xIcon:hover {
	cursor:pointer;
	background-position:-21px -21px;
}

.xIcon:after{
    content: "cancella";
    padding: 2px;
    display:none;
    position: relative;
    top: -20px;
    left: 13px;
    width: 55px;
    text-align: center;
	color:#646464;
    background-color: #fef4c5;
    border: 1px solid #d4b943;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
}
.xIcon:hover:after{
    display: block;
}

.viewIcon, .viewIconNoTitle {
	display:inline-block;
	width:21px;
	min-width:21px;
	height:21px;
	max-height:21px;
	background:url(../images/icons.png) no-repeat -42px 0px;
}

.viewIcon:hover, .viewIconNoTitle:hover {
	cursor:pointer;
	background-position:-42px -21px;
}

.viewIcon:after{
    content: "vedi";
    padding: 2px;
    display:none;
    position: relative;
    top: -20px;
    left: 13px;
    width: 55px;
    text-align: center;
	color:#646464;
    background-color: #fef4c5;
    border: 1px solid #d4b943;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
}
.viewIcon:hover:after{
    display: block;
}

.espandiIcon {
	line-height:21px;
	background:url(../images/singleIcons/apri.jpg) no-repeat 0px -21px;
	padding-left:30px;
}

.espandiIcon:hover {
	cursor:pointer;
	background-position:0 0px;
}

.chiudiIcon {
	line-height:21px;
	background:url(../images/singleIcons/chiudi.jpg) no-repeat 0px -21px;
	padding-left:30px;
}

.chiudiIcon:hover {
	cursor:pointer;
	background-position:0 0px;
}


.modIcon, .modIconNoTitle {
	display:inline-block;
	width:21px;
	min-width:21px;
	height:21px;
	min-height:21px;
	background:url(../images/icons.png) no-repeat -63px 0px;
}

.modIcon:hover, .modIconNoTitle:hover {
	cursor:pointer;
	background-position:-63px -21px;
}

.modIcon:after{
    content: "modifica";
    padding: 2px;
    display:none;
    position: relative;
    top: -20px;
    left: 13px;
    width: 55px;
    text-align: center;
	color:#646464;
    background-color: #fef4c5;
    border: 1px solid #d4b943;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
}
.modIcon:hover:after{
    display: block;
}

/* */
.modIconWhite {
	display:inline-block;
	width:21px;
	min-width:21px;
	height:21px;
	min-height:21px;
	background:url(../images/modWhite.png) no-repeat 0 0;
}

.modIconWhite:hover {
	cursor:pointer;
	background-position:0 -21px;
}


/***/

.docIcon, .docIconNoTitle {
	display:inline-block;
	width:21px;
	min-width:21px;
	height:21px;
	min-height:21px;
	background:url(../images/icons.png) no-repeat -399px 0px;
}

.docIcon:hover, .docIconNoTitle:hover {
	cursor:pointer;
	background-position:-399px -21px;
}

.docIcon:hover:after{
    display: block;
}

.statusIcon {
	display:inline-block;
	width:30px;
	min-width:30px;
	height:30px;
	min-height:30px;
	background:url(../images/status.svg) no-repeat 0 0;
}

.statusIcon:hover{
	cursor:pointer;
	background:url(../images/status_hover.svg) no-repeat 0 0;
}

.statusMiniIcon {
	display:inline-block;
	width:21px;
	min-width:21px;
	height:21px;
	min-height:21px;
	background:url(../images/statusMini.svg) no-repeat 0 0;
}

.statusMiniIcon:hover{
	cursor:pointer;
	background:url(../images/statusMini_hover.svg) no-repeat 0 0;
}

.anaIcon {
	display:inline-block;
	width:35px;
	min-width:35px;
	height:35px;
	min-height:35px;
	background:url(../images/ana.png) no-repeat 0 0;
}

.anaIcon:hover{
	cursor:pointer;
	background-position:0 -35px;
}

.anaIcon:hover:after{
    display: block;
}


/**/
.calIcon, .calIconNoTitle {
	display:inline-block;
	width:21px;
	min-width:21px;
	height:21px;
	min-height:21px;
	background:url(../images/icons.png) no-repeat -420px 0px;
}

.calIcon:hover, .calIconNoTitle:hover {
	cursor:pointer;
	background-position:-420px -21px;
}

.calIcon:after{
    content: "Calendario";
    padding: 2px;
    display:none;
    position: relative;
    top: -20px;
    left: 13px;
    width: 55px;
    text-align: center;
	color:#646464;
    background-color: #fef4c5;
    border: 1px solid #d4b943;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
}
.calIcon:hover:after{
    display: block;
}


/***/

.ordinaIcon {
	display:inline-block;
	width:21px;
	min-width:21px;
	height:21px;
	max-height:21px;
	background:url(../images/icons.png) no-repeat -379px 0px;
}

.ordinaIcon:hover {
	cursor:pointer;
	background-position:-379px -21px;
}

.ordinaIcon:after{
    content: "ordina";
    padding: 2px;
    display:none;
    position: relative;
    top: -20px;
    left: 13px;
    width: 55px;
    text-align: center;
	color:#646464;
    background-color: #fef4c5;
    border: 1px solid #d4b943;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
}
.ordinaIcon:hover:after{
    display: block;
}

/**/
.duplicaIcon {
	display:inline-block;
	width:21px;
	min-width:21px;
	height:21px;
	max-height:21px;
	background:url(../images/icons.png) no-repeat -105px 0px;
}

.duplicaIcon:hover {
	cursor:pointer;
	background-position:-105px -21px;
}

.duplicaIcon:after{
    content: "duplica";
    padding: 2px;
    display:none;
    position: relative;
    top: -20px;
    left: 13px;
    width: 55px;
    text-align: center;
	color:#646464;
    background-color: #fef4c5;
    border: 1px solid #d4b943;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
}
.duplicaIcon:hover:after{
    display: block;
}

.printIcon {
	display:block;
	width:21px;
	min-width:21px;
	height:21px;
	max-height:21px;
	border:none;
	font-size:1px;
	background:url(../images/icons.png) no-repeat -210px 0px;
}

.printIcon:hover {
	cursor:pointer;
	background-position:-210px -21px;
}


/**/
.piuIcon, .childrenIcon {
	display:block;
	width:21px;
	min-width:21px;
	height:21px;
	max-height:21px;
	background:url(../images/icons.png) no-repeat -126px 0px;
}

.piu:hover, .childrenIcon:hover {
	cursor:pointer;
	background-position:-126px -21px;
}

.piuIcon:after{
    content: "aggiungi";
    padding: 2px;
    display:none;
    position: relative;
    top: -20px;
    left: 13px;
    width: 55px;
    text-align: center;
	color:#646464;
    background-color: #fef4c5;
    border: 1px solid #d4b943;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
}

.childrenIcon:after{
    content: "aggiungi figlio";
    padding: 2px;
    display:none;
    position: relative;
    top: -20px;
    left: 13px;
    width: 100px;
    text-align: center;
	color:#646464;
    background-color: #fef4c5;
    border: 1px solid #d4b943;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
}

.piuIcon:hover:after, .childrenIcon:hover:after{
    display: block;
}



.addIcon {
	display:inline-block;
	width:21px;
	min-width:21px;
	height:21px;
	max-height:21px;
	background:url(../images/icons.png) no-repeat -84px 0px;
}

.addIcon:hover {
	cursor:pointer;
	background-position:-84px -21px;
}

.addIconBlock {
	display:block;
	min-width:21px;
	height:21px;
	line-height:21px;
	max-height:21px;
	vertical-align:middle;
	background:url(../images/singleIcons/piuRoll.png) no-repeat 0px 0px;
	padding-left:30px;
}

.addIconBlock:hover {
	cursor:pointer;
	background-position:0px -21px;
}


.utIcon {
	display:inline-block;
	width:26px;
	min-width:26px;
	height:26px;
	max-height:26px;
	background:url(../images/utIcon.svg) no-repeat 0px 0px;
}

.utIcon:hover {
	cursor:pointer;
	background-position:0px -26px;
}

.peopleIcon {
	display:inline-block;
	width:21px;
	min-width:21px;
	height:21px;
	max-height:21px;
	background:url(../images/people.svg) no-repeat 0px 0px;
}

.peopleIcon:hover {
	cursor:pointer;
	background-position:0px -21px;
}

.cloneIcon {
	display:inline-block;
	width:30px;
	min-width:30px;
	height:30px;
	max-height:30px;
	background:url(../images/clone.svg) no-repeat 0px 0px;
}

.cloneIcon:hover {
	cursor:pointer;
	background-position:0px -30px;
}

.stampIcon {
	display:inline-block;
	width:30px;
	min-width:30px;
	height:30px;
	max-height:30px;
	background:url(../images/stamp.svg) no-repeat 0px 0px;
}

.stampIcon:hover {
	cursor:pointer;
	background-position:0px -30px;
}



/*** AVANTI E INDIETRO ***/
.backIcon {
	display:inline-block;
	height:21px;
	line-height:21px;
	vertical-align:middle;
	margin-top:10px;
	margin-bottom:10px;
	box-sizing:border-box
}

.backIcon:before{
    content: "";
    display:inline-block;
	background: url(../images/icons.png) no-repeat -147px 0px;
    position: relative;
    margin:0 10px 0 0;
	padding:0;
    width: 21px;
	height:21px;
}

.backIcon:hover:before{
	background: url(../images/icons.png) no-repeat -147px -21px;
}

.backIcon:hover {
	cursor:pointer;

}



.closeIcon {
	display:inline-block;
	width:21px;
	min-width:21px;
	height:21px;
	max-height:21px;
	background:url(../images/icons.png) no-repeat -189px 0px;
}

.closeIcon:hover {
	cursor:pointer;
	background-position:-189px -21px;
}

.closeIcon:after{
    content: "chiudi";
    padding: 2px;
    display:none;
    position: relative;
    top: -20px;
    left: 13px;
    width: 55px;
    text-align: center;
	color:#646464;
    background-color: #fef4c5;
    border: 1px solid #d4b943;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
}

.closeIcon:hover:after{
	display: block;
}

.closeIcon:hover {
	cursor:pointer;
}

.pagaIcon {
	display:inline-block;
	height:21px;
	width:21px;
	min-width:21px;
	min-height:21px;
	border:none;
	text-indent:-9999px;
	background: url(../images/paga.svg) no-repeat top left;
}


.pagaIcon:hover {
	cursor:pointer;
	background: url(../images/pagaHover.svg) no-repeat top left;
}

/* AGGIORNA ICON */
.aggiornaIcon {
	display:inline-block;
	height:21px;
	width:21px;
	min-width:21px;
	min-height:21px;
	border:none;
	text-indent:-9999px;
	background: url(../images/icons.png) no-repeat -231px 0px;
}


.aggiornaIcon:hover {
	cursor:pointer;
	background-position:-231px -21px;
}

/*** INVIA ICON ***/
.inviaIcon {
	display:inline-block;
	height:21px;
	width:21px;
	min-width:21px;
	min-height:21px;
	border:none;
	text-indent:-9999px;
	background: url(../images/icons.png) no-repeat -252px 0px;
}


.inviaIcon:hover {
	cursor:pointer;
	background-position:-252px -21px;
}


/*** DOWNLOAD ICON ***/
.downloadIcon {
	display:inline-block;
	height:21px;
	width:21px;
	min-width:21px;
	min-height:21px;
	border:none;
	text-indent:-9999px;
	background: url(../images/icons.png) no-repeat -273px 0px;
}


.downloadIcon:hover {
	cursor:pointer;
	background-position:-273px -21px;
}


.expandIcon {
	display:inline-block;
	height:21px;
	width:21px;
	min-width:21px;
	min-height:21px;
	border:none;
	background: url(../images/icons.png) no-repeat -294px 0px;
}

.expandIcon:hover {
	cursor:pointer;
	background-position:-294px -21px;
}

.expandBlock, .expandBlock a  {
	display:block;
	height:30px;
	line-height:30px;
	min-width:30px;
	min-height:30px;
	background: url(../images/mediumIcons.jpg) no-repeat 0 0px;
	padding-left:40px;
	font-weight:bold;
	text-transform:uppercase;
}

.expandBlock a {
	text-decoration:none;
}


.expandBlock:hover, .expandBlock a:hover {
	cursor:pointer;
	background-position:0 -30px;
}

.keepitIcon {
	display:inline-block;
	height:21px;
	width:21px;
	min-width:21px;
	min-height:21px;
	border:none;
	background: url(../images/keepit.svg) no-repeat 0 0;
}

.goIcon {
	display:inline-block;
	width:21px;
	min-width:21px;
	height:21px;
	max-height:21px;
	background:url(../images/goIcon.svg) no-repeat 0 0;
}

.goIcon:hover {
	cursor:pointer;
	background-position:0 -21px;
}

.vistoIcon {
	display:inline-block;
	width:15px;
	min-width:15px;
	height:15px;
	max-height:15px;
	background-image:url(../images/singleIcons/done.svg);
}



/*** BIG ICONS ***/



.manualeButton {
	display:block;
	width:35px;
	min-width:35px;
	height:35px;
	max-height:35px;
	border:none;
	background:url(../images/bigIcons.jpg) no-repeat -35px 0px;
}

.manualeButton:hover {
	cursor:pointer;
	background-position:-35px -35px;
}

.printBig {
	display:inline-block;
	width:35px;
	min-width:35px;
	height:35px;
	max-height:35px;
	border:none;
	background:url(../images/bigIcons.png) no-repeat 0 0px;
}

.printBig:hover {
	cursor:pointer;
	background-position:0 -35px;
}

.history {
	display:inline-block;
	width:35px;
	min-width:35px;
	height:35px;
	max-height:35px;
	border:none;
	background:url(../images/history.png) no-repeat 0 0;
}

.history:hover {
	cursor:pointer;
	background-position:0 -35px;
}

.attesaButton {
	display:inline-block;
	width:35px;
	min-width:35px;
	height:35px;
	max-height:35px;
	border:none;
	background:url(../images/attesaButton.svg) no-repeat 0 0;
}

.attesaButton:hover {
	cursor:pointer;
	background-position:0 -35px;
}

.privacyButton {
	display:inline-block;
	width:35px;
	min-width:35px;
	height:35px;
	max-height:35px;
	border:none;
	background:url(../images/privacyButton.svg) no-repeat 0 0;
}

.privacyButton:hover {
	cursor:pointer;
	background-position:0 -35px;
}

.subArrow {
	display:inline-block;
	width:30px;
	min-width:30px;
	height:20px;
	max-height:20px;
	background:url(../images/singleIcons/subArrow.svg) no-repeat 0 0;
}

/*** BOTTONI PAGINA ***/

.pageButton, input .pageButton, .linkLabel, .pageSelected {
	display:inline-block;
	min-width:20px;
	margin-right: 2px;
	margin-bottom:10px;
	border:1px solid #b1b1b1; 
	font-family:arial, helvetica, sans-serif; 
	font-weight:bold; 
	text-align: center; 
	color: #333; 
	cursor: pointer;
	background:#fff;
	
}
input.pageButton, button.pageButton {
	color:#222;
	padding:2px 8px;
}

.pageButton a {
	margin:0;
	display: inline-block;
	width:100%;
	text-align:center;
}

.pageButton:hover > a, input .pageButton:hover > a {
	color:#fff;
	text-decoration:none;
	transition: all 300ms ease-in-out 0s;
}



.linkLabel {
	padding:5px;
	margin-top:5px;
}

.pageButton, .linkLabel {
	background-color: #ffff;
}

.pageSelected, input .pageSelected{
	background-color: #f08a00;
	color:#FFF
}

input.pageSelected{
	padding:2px 8px;
}

.pageSelected a {
	margin:0;
	display: inline-block;
	width:100%;
	text-align:center;
	color:#fff;

}

.pageButton:hover, a.linkLabel:hover, .pageSelected:hover {
	 background-color: #2b98b8;
	 color:#fff;
	 text-decoration:none;	
	 transition: all 300ms ease-in-out 0s;
}

.pageSelected:hover a {
	color:#fff;
	text-decoration:none;
	
}

#loader {
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
	background:rgba(150,150,150,0.5);
	z-index:1000;
	display:none;
	text-align:center auto
}

#loader img, #loader a img {
	display: block;
  	margin-left: auto;
 	margin-right: auto;
	margin-top:200px;
}

/*** GENERAZIONE DOCS ***/
.sezQuestionario {
	border:1px solid #009ee0;
	padding:10px;
	margin-bottom:20px;
}

.questSez {
	display:inline-block;
	vertical-align:baseline;
	line-height:120%;
	margin:0 20px 0 0;
}

.sezItem {
	margin-top:20px;
	position:relative;
}

ul.schema {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
	margin-top:20px;
	box-sizing:border-box;
}

ul.schema li{
	padding:15px 8px;
	margin:0 0 10px 0;
}

h2.sezione {
	color:#fff;
	text-align:center;
	padding:10px;
	background: #68bcd4;
	background: -webkit-gradient(linear, left top, left bottom, from(#68bcd4), to(#599eb2));
	background: -moz-linear-gradient(top,  #68bcd4,  #599eb2);
}

h2.sezioneView {
	color:#000;
	text-align:center;
	padding:10px;
	border:1px solid #000;
	
}



.questLabel {
	background:#e9e9e9;
	padding:5px 10px;
	font-weight:bold;
	margin-bottom:8px;
}

.questLabelSpan {
	display:inline-block;
	background:#e9e9e9;
	padding:5px 10px;
	font-weight:bold;
	margin-bottom:8px;
}

/*** PER VISUALIZZAZIONE ASPETTO DOC ***/

.vistaDoc {
	width:21cm; 
	border:1px solid grey;
	padding:1cm;
	box-sizing:border-box;
}

h2.sezionePrint{
	text-align:center;
	margin-bottom:0.3cm;
	margin-top:1cm;
	padding: 0.3cm;
	border:1px solid #000;	
}

.questLabelPrint {
	display:block;
	font-weight:bold;
	margin:20px 0 4px 0;
}



/***/

.casella {
	display:inline-block;
	height:21px;
	min-width:21px;
	min-height:21px;
	width:21px;
	height:21px;
	border:none;
	background: url(../images/icons.png) no-repeat -315px 0px;
	margin-right:5px;
}

.checkedCasella {
	display:inline-block;
	height:21px;
	min-width:21px;
	min-height:21px;
	width:21px;
	height:21px;
	border:none;
	background: url(../images/icons.png) no-repeat -315px -21px;
	margin-right:5px;
}

.tit1 {
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
}

.tit2 {
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
}

.tit3 {
	font-size:1em;
	font-weight:bold;
	text-align:left;
}

	

/*** IMPAGINAZIONE A SCHEDE ***/
#tab-menu {
	margin:0;
	padding:0;
}

#tab-menu ul {
  position:relative;
  padding: 0;
  margin: 10px 0 0 0;
  font-size:12px;
  list-style-type: none;
  text-align: left;
  box-sizing:border-box;
  line-height:30px;
}

#tab-menu ul li {
  display: inline-block;
  margin: 0 10px 0 0;
  border: 1px solid #ccc;
  border-bottom: none;
  border-top-right-radius:1em;
  background: #f7f7f7;
  box-sizing:border-box;
}

#tab-menu ul li a {
  text-decoration: none;
  padding: 0 12px 0 8px;
  margin-right: 3px;
  color: #33587f;
  box-sizing:border-box;
  height:100%
}

#tab-menu ul li.activeTab {
	background: #fff;
    border-bottom:1px solid #fff;
	border-top:3px solid #ccc;
	border-left:1px solid #ccc;
	border-right:3px solid #ccc;
	z-index:2
}

#tab-menu ul .noClick {
   
}

#tab-menu ul li.activeTab a {
    background:#fff;
}


#tab-menu ul li a:visited {
  color: #2d2b2b;
}
#tab-menu ul li a:hover {
  text-decoration: underline;
  color: #2d2b2b;
}
#tab-menu ul li a.tab-attivo {
  position: relative;
  top: 1px;
}
#tab-menu ul li a.tab-attivo {
  /*selected main tab style */
background-image: url(shadeactive.gif);
  border-bottom-color: white;
}
#tab-menu ul li a.tab-attivo:hover {
  /*selected main tab style */
text-decoration: none;
}

.tab {
    padding:10px;
    border: 1px solid #ccc;
    box-sizing:border-box;
    margin-top:-1px;
}



.schedaRis {
	display:table;
	margin:10px 0;
}
.schedaRis .schedaRisTR{
	display:table-row;	
}

.schedaRis .schedaRisTH {
	display:table-cell;
	background:#f9f9f9;
	font-size:.9em;
	font-weight:bold;
	padding:4px;
	margin-right:1px;
}

.schedaRis .schedaRisTD {
	display:table-cell;	
}

/*** HOME ***/

#leftCol {
	float:left;
	width:25%;
	border-right:1px solid #ccc;
	padding:10px;
	background:#f3f3f3;
	height:1400px;
	min-height:100vh;
	box-sizing:border-box;
}
#rightCol {
	float:right;
	width:75%;
	inherit;
	padding:10px;
	box-sizing:border-box;
}

#topRow {
	position:relative;
	border-bottom:1px solid #ccc;
	padding:10px;

	background:#f3f3f3;
	box-sizing:border-box;
}

.chiudi {
	position:absolute;
	width:100%;
	bottom:-1px;
	height:26px;
	background:url(../images/chiudi.png) no-repeat top center;
	z-index:10;
}

.apri {
	position:absolute;
	display:none;
	width:100%;
	bottom:-25px;
	height:26px;
	background:url(../images/apri.png) no-repeat top center;
	z-index:9;
}

.tableLike, .tableLike2  {
	border-collapse: separate;
	border-spacing: 10px;
	padding:10px;
	max-width:100%;
	border:1px solid #00c7dd;
	box-sizing:border-box;
}

.tableLike  {
	margin:10px 0 0 0;
}

.tableLike2  {
	margin:0 0 10px 0;
}


.tableLike .rowLike {
	display:table-row;
}

.tableLike .cell_like {
	display:table-cell;
}

.footerTable .footer-cell img{
	width:100%;
}

.data {	
	display:block;
	background: url(../images/data_icon.png) no-repeat top left;
	height:14px;
	font-weight:bold;
	color:#5c5c5c;
	text-align:left;
	line-height:0.8em;
	margin-bottom: 10px;
	padding-left:14px;
}

.boxTit {
	display:block;
	font-size:1.25em;
	margin-top:10px;
	margin-bottom:0;
	padding: 10px 5px 10px 40px;
	border:1px solid #ccc;
	color:#222;
	text-align:left;
	background-color:#fff;
	/*
	border-radius: 5px;
	-moz-box-sizing: border-box;
 	-webkit-box-sizing: border-box;*/
 	box-sizing: border-box;
}

.boxTit.avvisi {
	background: #fff url(../images/singleIcons/phoneicoBig.svg) no-repeat 8px 50%;
}

.boxTit.avvisi a {
	display:block;
	color:#222;	
	text-decoration:none;
}

.boxTit.avvisi a:hover {
	color:#009ee0;	
	text-decoration:none;
}

.boxTit.richiami {
	background: #fff url(../images/singleIcons/richiami.svg) no-repeat 8px 50%;
}

.boxTit.richiami a {
	display:block;
	color:#222;	
	text-decoration:none;
}

.boxTit.richiami a:hover {
	color:#009ee0;	
	text-decoration:none;
}

.boxTit.boxNotifiche {
	background: #fff url(../images/singleIcons/noticonBig.svg) no-repeat 8px 50%;
}

.boxTit.boxNotifiche a {
	display:block;
	color:#222;	
	text-decoration:none;
}

.boxTit.boxNotifiche a:hover {
	color:#8c1e5c;	
	text-decoration:none;
}

.boxTit.nosms {
	background: #fff url(../images/singleIcons/nosmsiconBig.svg) no-repeat 8px 50%;
}

.boxTit.nosms a {
	display:block;
	color:#222;	
	text-decoration:none;
}

.boxTit.nosms a:hover {
	color:#fff;	
	text-decoration:none;
}


.boxBordato {
	display:block;
	text-align:center;
	font-size:1.15em;
	font-weight:bold;
	padding:5px;
	margin-bottom:5px;
	background:#e9e9e9;
	border:1px solid #53a3e0;
	color:#222;
	box-sizing:border-box
}


ul.avvisi {
	margin: 0;
	margin-top:-1px;
	padding: 0;
	box-sizing:border-box;
	border: 1px solid #ccc;
	border-top:none;
}
ul.avvisi li {
	list-style-type: none;
	margin:0;
	padding: 5px 5px 5px 8px;
	color:#333;
	background:#fff;
	line-height:150%;
	font-weight:bold
}


ul.avvisi li ul li{
	margin-left: 8px;
	line-height:100%;
}

ul.avvisi li ul li > a {
	color:#009ee0;	
}

ul.avvisi li ul li > a:hover {
	text-decoration:none;
}


/*** APPUNTI ***/
textarea#note {
	display:block;
	min-height: 200px;
	width:100%;
	background:#FF6;
	padding:10px;
	font-family:"Lucida Console", Monaco, monospace;
	border:none;
	box-sizing:border-box;
	
}

/*** SWITCH BUTTONS ***/

.switch-field {
	display:inline-block;
  	font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
  	overflow: hidden;
}

.switch-title {
  margin-bottom: 6px;
}

.switch-field input {
  display: none;
}

.switch-field label {
  float: left;
}

.switch-field label {
  display: inline-block;
  width: 28px;
  background-color: #e4e4e4;
  color: rgba(0, 0, 0, 0.6);
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  text-shadow: none;
  padding: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition:    all 0.1s ease-in-out;
  -ms-transition:     all 0.1s ease-in-out;
  -o-transition:      all 0.1s ease-in-out;
  transition:         all 0.1s ease-in-out;
  box-sizing:border-box;
}

.switch-field label:hover {
    cursor: pointer;
}

.switch-field input:checked + label {
  background-color: #63d4ff;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.switch-field label:first-of-type {
  border-radius: 4px 0 0 4px;
}

.switch-field label:last-of-type {
  border-radius: 0 4px 4px 0;
}

.noteAnamnesi{width:100%}

/*** CROPIT ***/

input[type=range] {
    /*removes default webkit styles*/
    -webkit-appearance: none;
    
    /*fix for FF unable to apply focus style bug */
    border: 1px solid white;
    
    /*required for proper track sizing in FF*/
    width: 80px;
	
	position: relative;
     z-index: 10;

}
input[type=range]::-webkit-slider-runnable-track {
    width: 80px;
    height: 5px;
    background: #ddd;
    border: none;
    border-radius: 3px;
}
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: goldenrod;
    margin-top: -4px;
}
input[type=range]:focus {
    outline: none;
}
input[type=range]:focus::-webkit-slider-runnable-track {
    background: #ccc;
}

input[type=range]::-moz-range-track {
    width: 80px;
    height: 5px;
    background: #ddd;
    border: none;
    border-radius: 3px;
}
input[type=range]::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: goldenrod;
}

/*hide the outline behind the border*/
input[type=range]:-moz-focusring{
    outline: 1px solid white;
    outline-offset: -1px;
}

input[type=range]::-ms-track {
    width: 80px;
    height: 5px;
    
    /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    background: transparent;
    
    /*leave room for the larger thumb to overflow with a transparent border */
    border-color: transparent;
    border-width: 6px 0;

    /*remove default tick marks*/
    color: transparent;
}
input[type=range]::-ms-fill-lower {
    background: #777;
    border-radius: 10px;
}
input[type=range]::-ms-fill-upper {
    background: #ddd;
    border-radius: 10px;
}
input[type=range]::-ms-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: goldenrod;
}
input[type=range]:focus::-ms-fill-lower {
    background: #888;
}
input[type=range]:focus::-ms-fill-upper {
    background: #ccc;
}



.icon {
	display:inline-block;
	border:none;
	padding:0;
	margin:0;
	min-width:16px;
	width:16px;
	min-height:16px;
	height:16px;
	line-height:16px;
	margin-right:10px;
}

.icon.rotate-ccw {
    background: url(../images/rotate-left.svg) no-repeat;
	background-position: top left;
	cursor: pointer;
}

.icon.rotate-ccw:hover {
    background-position: 0 -16px;
}

.icon.rotate-cw {
    background: url(../images/rotate-right.svg) no-repeat;
	background-position: top left;
	cursor: pointer;
}

.icon.rotate-cw:hover {
    background-position: 0 -16px;
}

.icon.cropitCancel {
    background: url(../images/cancel.svg) no-repeat;
	background-position: top left;
	cursor: pointer;
}

.icon.cropitCancel {
    background-position: 0 -16px;
}



.cropit-preview {
	background-color: #f8f8f8;
	background-size: cover;
	border: 5px solid #ccc;
	border-radius: 3px;
	margin-top: 7px;
	width: 80px;
	height: 80px;
 }

.cropit-preview-image-container {
	cursor: move;
}

.cropit-preview-background {
	opacity: .2;
	cursor: auto;
}

.image-size-label {
	margin-top: 10px;
}
/*
input, .export {
	/* Use relative position to prevent from being covered by image background */
	/*position: relative;
	z-index: 10;
	display: block;
}*/

/*** SEGNAPOSTO DOCS  ***/

input.segnaposto {
	display:inline-block;
	min-width:200px;
	background:#f3f3f3;
	padding:4px;
	border:none;
}

/*** AREA IMPRONTA DENTALE ***/
.overlayCircle {
	position:absolute;
	top:0;
	left:0;
	padding:0;
	margin:0;
	
	width:40px;
	height:40px;
	z-index:100;
}

.overlayCircle img{
	width:100%;
	height:100%;
}


canvas#myCanvas{
    pointer-events: none;       /* make the canvas transparent to the mouse - needed since canvas is position infront of image */
    position: absolute;
	top:0;
	left:0;
}



/*** SORTABLE ***/
#sortable { list-style-type: none; margin: 0; padding: 0; width: 70%; }
#sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.15em; min-height: 18px; cursor: move; }
#sortable li span { position: absolute; margin-left: -1.3em; }	
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {color:#333}





ul.boxList {
	margin: 0;
	padding: 0;
	box-sizing:border-box;
	box-shadow: 0 5px 4px -2px rgba(0,0,0,.2), 0 -5px 3px 1px rgba(0,0,0,.1);
}

ul.boxList *{
	margin:0;
	padding:0;
}


ul.boxList li {
	list-style-type: none;
	margin:0;
	padding: 5px 5px 5px 30px;
	border: 1px solid #bbb;
	border-top:none;
	color:#333;
	box-shadow: 0 1px 0 rgba(0,0,0,.1);
}



ul.boxList.ok li {
	background:#fff url(../images/check.svg) no-repeat 4px 0px;
}

ul.boxList li > span {
	display:table-cell;
}

ul.boxList.ko li {
	background:#fff url(../images/x.svg) no-repeat 4px 10px;
}



#boxAvvisi {
	margin:0;
	margin-top:-1px;
	padding:0 8px;
	text-decoration:none;
	list-style-type:none;
	background:#fff;
	border:1px solid #ccc;
	border-top:none;
}


#boxAvvisi li{
	text-indent:0
}



#boxAvvisi .replay{
	padding-left:20px;
	background:url(../images/singleIcons/replayArrow.svg) no-repeat 0 5px;
	padding-left:20px
}

#boxAvvisi .notAutore{
	font-size:0.85em;
	font-weight:bold;
	color: #069;
	margin:0;
	
}

#boxAvvisi .dataNot{
	font-size:.7em;
	color: #5a5a5a;
	margin:0;
	background:url(../images/singleIcons/notWatch.svg) no-repeat 0 0px;
	padding-left:12px
}

#boxAvvisi .destinatari{
	font-size:.9em;
	color: #696969;
	line-height:15px;
	margin:5px 0 5px 0;
	padding:0;
}

#boxAvvisi .destinatari.rep{
	padding-left:20px;
}


#boxAvvisi .txtNot {
	font-size:1.15em;
}


.notBox {
	border-bottom:1px solid #ccc;
	margin-bottom:15px;
}



/*** LINK BUTTON ***/
a.linkButton, a.linkButton:hover {
  display: inline-block;
  font-family: "Montserrat", "Trebuchet MS", Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size:.8rem;
  position: relative;
  padding: .8em 1.4em;
  padding-right: 4.7em;
  margin-bottom:10px;
  background: #009ED8;
  border: none;
  color: #fff;
  text-decoration:none;
  transition: .2s;
}

.linkButton:before,
.linkButton:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding-top: inherit;
  padding-bottom: inherit;
  width: 2.8em;
  content: "\00a0";
  font-size: 1.2em;
  font-weight:bold;
  text-align: center;
  transition: .2s;
}
.linkButton:before {
  background: rgba(0, 0, 0, 0.1);
}
.linkButton:hover {
  background: #0079a5;
}
.linkButton:active,
.linkButton:focus {
  background: #002e3f;
  outline: none;
}
.linkButton {
  min-width: 8em;
}
.linkButton.add {
  background: #FE5F55;
}
.linkButton.add:hover {
  background: #fe2f22;
}
.linkButton.add:active,
.linkButton.add:focus {
  background: #b90c01;
}

.linkButton.not {
  background: #0080b9;
}
.linkButton.not:hover {
  background: #006693;
}
.linkButton.not:active,
.linkButton.not:focus {
  background: #006693;
}

.linkButton.add:after, .linkButton.not:after {
  content: "+";
}

.linkButton.show {
  background: #76ccd4;
}
.linkButton.show:hover {
  background: #41abb5;
}
.linkButton.show:active,
.linkButton.show:focus {
  background: #36929a;
}
.linkButton.show:after {
  background: url(../images/whiteEye.png) no-repeat 50% 50%;
}

.linkButton.arrow:hover:after {
  -webkit-animation: bounceright .3s alternate ease infinite;
  animation: bounceright .3s alternate ease infinite;
}


/*** ICONE ***/
.mailInd {
	display:inline-block;
	background:url(../images/mailIco.png) no-repeat 50% 50%;
	padding: 0;
	min-height:25px;
	min-width:25px;
	margin-right:10px;
}

.phone {
	display:inline-block;
	background:url(../images/phoneIco.png) no-repeat 50% 50%;
	padding: 0;
	min-height:25px;
	min-width:25px;
	margin-right:10px;
}

.mobile {
	display:inline-block;
	background:url(../images/mobileIco.png) no-repeat 50% 50%;
	padding: 0;
	min-height:25px;
	min-width:25px;
	margin-right:10px;
}

.macchine {
	display:inline-block;
	padding:0 2px;
	background-color:#000;
	margin:0 3px 0 3px;
	line-height:15px;
	height:15px;
	min-height:15px;
	boz-sizing:border-box;
}

.showUnita {
	display:inline-block;
	padding:0 2px;
	background-color:#222;
	margin-right:3px;
	margin-left:3px;
	margin-top:3px;
	border-radius: 5px;
	line-height:15px;
	height:15px;
	min-height:15px;
	boz-sizing:border-box;
}


.conv {
	display:inline-block;
	padding:2px;
	background-color:#f00;
	margin:0 3px 0 3px;
	border-radius: 5px;
}

.replicato{
	display:inline-block;
	padding:2px;
	background-color:#000;
	margin-right:3px;
	border-radius: 5px;
}

.toCall{
	display:inline-block;
	padding:0;
	background-color:#000;
	margin-right:3px;
	margin-top:3px;
	min-width:15px;
	min-height:15px;
	background:url(../images/singleIcons/phoneIco.svg) no-repeat 0 0;
}

.evEseguito{
	display:inline-block;
	padding:0;
	background-color:#000;
	margin-right:3px;
	min-width:15px;
	min-height:15px;
	background:url(../images/singleIcons/done.svg) no-repeat 0 0;
}

.newPaz {
	display:inline-block;
	background:url(../images/singleIcons/newPaziente.svg) no-repeat 0 0;
	padding: 0;
	margin-right:10px;
	min-height:40px;
	min-width:40px;
}

.newPaz:hover {
	background:url(../images/singleIcons/newPaziente.svg) no-repeat 0 -40px;
}

.newNotifica {
	display:inline-block;
	background:url(../images/singleIcons/newNotifica.svg) no-repeat 0 0;
	padding: 0;
	margin-right:10px;
	min-height:40px;
	min-width:40px;
}

.newNotifica:hover {
	background:url(../images/singleIcons/newNotifica.svg) no-repeat 0 -40px;
}

.newNotificaSmall {
	display:inline-block;
	background:url(../images/singleIcons/newNotificaSmall.svg) no-repeat 0 0;
	padding: 0;
	margin-right:10px;
	min-height:21px;
	min-width:21px;
}

.newNotificaSmall:hover {
	background:url(../images/singleIcons/newNotificaSmall.svg) no-repeat 0 -21px;
}

.rispondiSmall {
	display:inline-block;
	background:url(../images/singleIcons/rispArrow.svg) no-repeat 0 0;
	padding: 0;
	margin: 0 5px 0 5px;
	min-height:15px;
	min-width:25px;
	cursor:pointer;
}

.rispondiSmall:hover {
	background:url(../images/singleIcons/rispArrow.svg) no-repeat 0 -15px;
}

.viewSmall {
	display:inline-block;
	background:url(../images/singleIcons/viewSmall.svg) no-repeat 0 0;
	padding: 0;
	margin: 0 5px 0 5px;
	min-height:15px;
	min-width:20px;
	cursor:pointer;
}

.viewSmall:hover {
	background:url(../images/singleIcons/viewSmall.svg) no-repeat 0 -15px;
}

#printPlanner {
	position:absolute;
	top:100px;
	right:75%;
	z-index:2000	
}

/*** BACHECA ***/
.vistoPro {
	display:inline-block;
	min-width:80px;
}

/*** CHECKBOX ***/
input[type=checkbox].myCheck {
	position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

input[type=checkbox].myCheck+ label.myLabel {
	padding-left:40px;
	height:30px; 
	display:inline-block;
	line-height:30px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:30px;
	vertical-align:middle;
	cursor:pointer;

}

input[type=checkbox].myCheck:checked + label.myLabel {
	background-position: 0 -30px;
}

label.myLabel {
	background-image:url(../images/myCheck.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.att1 {
	display:inline-block;
	border:10px solid green;
	border-radius:50%
}
.att2 {
	display:inline-block;
	border:10px solid yellow;
	border-radius:50%
}
.att3 {
	display:inline-block;
	border:10px solid red;
	border-radius:50%
}

/*** SPEECH ***/
.micro_ico { 
	display:block; 
	width: 100%; 
	height: 46px; 
	cursor: pointer; 
	background: url(../images/micro.png) no-repeat center top; 
	margin:4px 0 4px 0;
}
.micro_ico:hover {
	background-position: center bottom;
}
.micro_on { 
	background: url(../images/micro.png) no-repeat center bottom;
}
.micro_off { 
	background: url(../images/micro_off.png) no-repeat center top;
}


/*** FILE MANAGER ***/
#testaDialog {
	width:100%;
	background-color:#f9f9f9;
	padding:10px 6px; 
	margin-bottom:0; 
	border:1px solid #dbdbdb;
	border-bottom:none;
	color:#000;
	font-size:2em; 
	font-weight:bold;
	box-sizing:border-box; 
}

#filemanagerAlone {
	margin:0;
	border:1px solid #dbdbdb;
	border-top:none;
	box-sizing:border-box;
}

/*** SELECT2 ***/

.select2-container {
  font-size: 12px;
 }
 
 /*** DRAW CANVAS ***/
 
.showDraw{
	display:inline-block;
	width:30px;
	min-width:30px;
	height:30px;
	min-height:30px;
	background:url(../images/draw_icons/showDraw.svg) no-repeat 0 0;	
}
.showDraw:hover{
	background:url(../images/draw_icons/showDraw.svg) no-repeat 0 -30px;	
}

#drawContainer {
	position:relative;
	margin:0;
	padding:0;
}

.drawButtonsMenu{
	float:left;
	width:35px;
	height:160px;
	position:absolute;
	padding:0;
	top:0;
	left:0;

}

.drawCanvasContainer{
	display:block;
	position:relative;
	width:660px;
	height:450px;
	margin-top:0;
	margin-left:45px;
}



#draw {
	border:1px solid #ccc;
}

.drawButton {
	display:inline-block;
	padding:0;
	margin:10px 10px 0 0;
	border:none;
	width:30px;
	height:30px;
}
.drawButton.pen {
	background: url(../images/draw_icons/pen.svg) no-repeat top left;
}
.drawButton.pen:hover {
	background: url(../images/draw_icons/pen_hover.svg) no-repeat top left;
}
.drawButton.rubber {
	background: url(../images/draw_icons/rubber.svg) no-repeat 50% 50%;
}
.drawButton.rubber:hover {
	background: url(../images/draw_icons/rubber_hover.svg) no-repeat 50% 50%;
}
.drawButton.eraser {
	background: url(../images/draw_icons/svuota.svg) no-repeat 50% 50%;
}
.drawButton.eraser:hover {
	background: url(../images/draw_icons/svuota_hover.svg) no-repeat 50% 50%;
}

.obbligatorio {
	display:inline-block;
	color:#f00;
	margin-right:5px
}

/*** PLANNER VIEW ***/
#plannerForm #studio {max-width:120px}
#plannerForm #tipo {max-width:110px}
#plannerForm #idTipoOp {max-width:110px}
#plannerForm #operatore {width:130px}


.calopButton {
	position: relative;
	display: inline-block;
	padding: 0 .6em;
	overflow: hidden;
	height: 1.9em;
	line-height: 1.9em;
	white-space: nowrap;
	cursor: pointer;
	border: 1px solid #ccc;
	margin: 0;
	font-size: 1em;
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
	vertical-align: baseline; /* for IE7 */;
	
}

.calopButton.calopRw {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.calopButton.calopFw {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

/*** INPUT FILE MASK ***/
.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}


.inputfile + label {
    font-size: 1.25em;
    font-weight: 700;
    color: white;
    background-color: black;
    display: inline-block;
}

.inputfile:focus + label,
.inputfile + label:hover {
    background-color: red;
}

.inputfile + label {
	max-width: 80%;
    font-size: 1.25rem;
    /* 20px */
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625rem 1.25rem;
	/* background-color: black;*/
    /* 10px 20px */
}

.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}


.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    /* 4px */
    margin-right: 0.25em;
    /* 4px */
}

/* checkboox slider */

.checkboxSlider {
	width: 75px;
	height: 25px;
	background: #333;
	margin: 0px;
	padding: 0;
	border-radius: 30px;
	position: relative;
}
.checkboxSlider:before {
	content: 'On';
	position: absolute;
	top: 4px;
	left: 8px;
	height: 2px;
	color: #00aeef;
	font-size: 11px;
}
/**
 * Create the label for the off position
 */

.checkboxSlider:after {
	content: 'Off';
	position: absolute;
	top: 4px;
	left: 50px;
	height: 2px;
	color: #979797;
	font-size: 11px;
}

/**
 * Create the pill to click
 */
.checkboxSlider label {
	display: block;
	width: 30px;
	height: 17px;
	border-radius: 30px;
	transition: all .5s ease;
	cursor: pointer;
	position: absolute;
	top: 4px;
	z-index: 1;
	left: 7px;
	background: #ddd;
}

/**
 * Create the checkbox event for the label
 */
 .checkboxSlider input[type=checkbox]{
	 visibility:hidden;
 }
.checkboxSlider input[type=checkbox]:checked + label {
	left: 40px;
	background: #00aeef;
}


.option-input {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	position: relative;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 30px;
	width: 30px;
	transition: all 0.15s ease-out 0s;
	background: #cbd1d8;
	border: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	margin-right: 0.5rem;
	outline: none;
	position: relative;
	z-index: 1000;
  }
  .option-input:hover {
	background: #9faab7;
  }
  .option-input:checked {
	background: #00aeef;
  }
  .option-input:checked::before {
	height: 30px;
	width: 30px;
	position: absolute;
	content: '✔';
	display: inline-block;
	font-size: 20px;
	text-align: center;
	line-height: 30px;
  }
  .option-input:checked::after {
	-webkit-animation: click-wave 0.65s;
	-moz-animation: click-wave 0.65s;
	animation: click-wave 0.65s;
	background: #00aeef;
	content: '';
	display: block;
	position: relative;
	z-index: 100;
  }
  .option-input.radio, .option-input._radio {
	border-radius: 50%;
	width:30px;
  }
  .option-input.radio::after, .option-input._radio::after {
	border-radius: 50%;
  }


/* end slider */

/* -----------------------------------
DESKTOP
------------------------------------ */
@media only screen and (min-width: 1200px) {

	#container, #boxLogo, #navigation ul, #menu_or {
		width:1200px;
	}
	
	
	#containerMax {
		width:100%;
		margin:0 auto;
		background: #fff;
		text-align: left;
		padding: 0 10px;
	}
	
	#log {
		position: absolute; 
		top: 10px;
		right:20px;
		
	}
	
	#printPlanner {
		right:78%;
	}
	
	#plannerForm #studio {max-width:170px}
	#plannerForm #tipo {max-width:130px}
	#plannerForm #idTipoOp {max-width:130px}
	#plannerForm #operatore {width:190px}

}

/* -----------------------------------
WIDE
------------------------------------ */
@media only screen and (min-width: 1600px){
	
	#container, #boxLogo, #navigation ul, #menu_or {
		width:1500px;
	}
	
	
	#leftCol {
		width: 22%;
	}
	
	#rightCol {
		width: 77%;
	}
	
	
	/*** PLANNER VIEW ***/
	#plannerForm #studio {max-width:200px}
	#plannerForm #tipo {max-width:150px}
	#plannerForm #idTipoOp {max-width:150px}
	#plannerForm #operatore {width:250px}
	
	#navigation ul li a{
		padding:10px;
		font-size:0.85rem;
	}
	
	#printPlanner {
		top:25px;
		right:0;
	}

}

.newUploadBox {
	position:absolute;
	top: 40%;
	left: 50%;
	z-index: 1000;
	width: 600px;
	margin-left: -300px;
	background-color: #ffffff;
	border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, 0.3);
	*border: 1px solid #999;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	outline: none;
	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

.newUploadBox .boxheader {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
  background-color:#048bc4;
}

.newUploadBox .boxheader:hover {
	cursor:pointer;
}

.newUploadBox .boxheader h3{
	text-align:center;
	color:#fff;
}



.newUploadBox .boxbody {
  position: relative;
  padding: 15px;
  overflow-y: auto;
  box-sizing:border-box;
}


.newUploadBox .boxfooter {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
   border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
}