/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@300;400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&family=Roboto:wght@400;700;900&display=swap');


@font-face {
    font-family: 'roboto_slabbold';
    src: url('webfonts/robotoslab-bold-webfont.eot');
    src: url('webfonts/robotoslab-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/robotoslab-bold-webfont.woff2') format('woff2'),
         url('webfonts/robotoslab-bold-webfont.woff') format('woff'),
         url('webfonts/robotoslab-bold-webfont.svg#roboto_slabbold') format('svg');
	url('webfonts/robotoslab-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_slablight';
    src: url('webfonts/robotoslab-light-webfont.eot');
    src: url('webfonts/robotoslab-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/robotoslab-light-webfont.woff2') format('woff2'),
         url('webfonts/robotoslab-light-webfont.woff') format('woff'),
         url('webfonts/robotoslab-light-webfont.svg#roboto_slablight') format('svg');
	url('webfonts/robotoslab-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html, body{
	margin: 0px;
	padding:0px;
	height:100%;
	box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
}

body {
	background:#f3f5fa;
	margin:0px;
	padding:0px;
	text-align:left;
	font-family: 'Roboto',"Helvetica Neue",Arial,sans-serif;
	font-size:12px;
	color:#444444
}



.container {
	background:none;
	width:996px;
	margin: 0px auto 0px auto;
	text-align:left;
	color:#444444;
	padding:0px;
	height:calc(100% - 55px);
	box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
}

.head { width:996px; padding:12px 0 0px 0; display: inline; float:left; height:58px; /*display:table-row;*/}


.contenuto {
	padding:20px 5px 10px 5px;
	height:100%;
	box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
}

.whitebox {
	background:#ffffff;
	padding:10px;
	margin-bottom:10px !important;
	overflow/**/:/**/hidden;
	clear:both;
	min-height:calc(100% - 10px);
	box-sizing: border-box; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.whitebox2 {
	background:#ffffff;
	padding:10px;
	margin-bottom:10px !important;
	clear:both;
	min-height:calc(100% - 10px);
	box-sizing: border-box; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.breakH { /* per i box che devono rimanere bassi */
	height:auto !important;
	min-height:auto !important;
}


.breakH2 { /* per i box ad altezza minima */
	height:auto !important;
	min-height:265px !important;
}

.Desktop {clear:both;}

.messageSuccess {width:auto; text-align:right; color:#3c6cd0; font-weight:normal; padding:0px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; vertical-align:middle;}
.messageError {width:auto; text-align:right; color:red; font-weight:normal; padding:0px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; vertical-align:middle;}

#dialog-confirm {color:#3c6cd0;}

/************** PRELOAD DIV *************/
#loading-div {
	width: 496px;
	height: 50px;
	position: fixed;
	top: 50%;
	left: 50%;
	line-height:50px;
	margin-left: -248px;
	margin-top: -100px;
	z-index:1000;
	font-size:24px;
	color:#FFFFFF;
	text-align:center;
	background: rgb(106,144,218);
	background: rgba(106,144,218,0.79);
}




/* -----------------------MESSAGGIO ZOPE */
.PortalStatusMessage {
    margin: 10px;
    padding: 10px;
    border: 1px solid #AA4400;
    background-color: #FFFFAA;
    color: #AA4400;
}

/* -----------------------MESSAGGIO GESTIONE ORDINI */
.OrdineMessage {
    margin: 10px;
    padding: 10px;
    border: 1px solid #AA4400;
    background-color: #FFFFAA;
    color: #AA4400;
    width: 70%;
    
}

/* -----------------------MESSAGGIO FORM DATA EDIT */
.FormEditMessage {
    margin: 10px;
    padding: 10px;
    border: 1px solid #AA4400;
    background-color: #FFFFAA;
    color: #AA4400;
    width: 400px;    
}




/******************* generali
**********************************/

table { border-collapse:collapse; border:0px; border-color:#ffffff; border-spacing:0 }
tr {min-height: 25px;}
tr td { font-size: 12px; COLOR:#444444; padding:0px 0px 0px 0px; border-spacing:0 }

td.bold,
td strong {font-weight:700}

tr.Noborder td {border-bottom:0px !important}

th { background-color: #d7dddd; font-size:12px; padding: 3px; font-weight: normal;}
th a {color: #444444; text-decoration: underline;}

strong, b {font-weight:700}

img {border:none}
a { text-decoration:none; color:#444444}
hr {height:1px; color:#CCCCCC; background-color:#CCCCCC} 

dt {color: #FF5E29; margin-left: 30px; padding-top: 0px; padding-bottom: 0px}
dd {margin-left: 11px; padding-left: 25px}	
dl {padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px ;margin-bottom: 8px; margin-top: 8px}

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

.break-string {
	overflow-wrap: break-word;
	word-wrap: break-word;
	word-break: break-all;
	word-break: break-word;
	hyphens: auto;
}

/***************** FORM 
*********************************/

button, input, optgroup, select, textarea { font: inherit; color: inherit; font-family: inherit;  font-size: inherit;  line-height: inherit; }

input,
select,
textarea {
	font-size: 12px;
	border: 1px solid #CCCCCC;
	margin:1px 0 2px 0;
	padding: 2px 2px 2px 2px;
	line-height: 12px;
	color:#444444;
	background:#ffffff;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	
}

/*campi completati */
.ui-autocomplete-input, .hasDatepicker {}
.hasDatepicker,
input[size="8"],
input[size="7"]{ min-width:68px}


input.Noborder {border-style:none}

input.DxTitolo,
a.DxTitolo {
	float:right;
	display:inline;
	cursor:pointer;
	margin-left:2px;
	margin-top:0px
}

input.button{
	background: none;
	border: none;
	font-weight:normal;
	margin-top: 0px;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
}


/*colore placeholder inbput*/

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #cccccc;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #cccccc;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #cccccc;
}

/**************NUOVI BOTTONI */

button { overflow: visible;}

button, select { text-transform: none;}

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

button[disabled],
html input[disabled] {
  cursor: default;
}

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

html input[type="file"] {font-size: 11px;}


/* da attivare per ultima versione di Chrome

textarea:focus,
input:focus,
select,
select option:focus,
select option:hover {
	outline: none !important;
}
*/

/**************FINE BOTTONI */



/**************************colori
**********************/

/**sfondi */

.riga_1 { background-color: #ffffff}
.riga_2 { background-color: #ffffff}
.riga_3 { background-color: #E6E6FA}
.riga_4 { background-color: #f1f1ee} /*canenero azzurro + chiaro*/
.riga_5 { background-color: #e6e9e9} /*via di mezzo*/
.riga_7 { background-color: #eeeeee} /*grigio filtri */
.riga_8 { background-color: #fae1bf !important}
.riga_9 { background-color: #f3f3f3}
.riga_10 { background-color: #F4F9FF}
.riga_pr { background-color: #f3f5fa}

.riga_bloccata { background-color: #cccccc}
.riga_over { background-color: #dde3e3}
.riga_unpaid {backgorund-color: #fcc434}

.riga_chiusa,
.riga_chiusa td, 
.riga_scaduta, 
.riga_scaduta td {background-color: #FFDEAD}
.riga_fatta, 
.riga_fatta td {background-color:#F2F2F2}


.riga_chiusa2,
.riga_chiusa2 td {background-color: #dee5fb}

.riga_nb {background:none}


.Sfondo, 
tr.Sfondo, 
td.Sfondo, 
div.Sfondo {background:#EEEEEE !important}

.Sfondo2, 
tr.Sfondo2, 
td.Sfondo2 {background:#CCCCCC !important}

tr.Bordo td, 
td.Bordo, 
tr.Bordo th {border-bottom:1px solid #CCCCCC !important;}

tr.BordoBianco td, 
td.BordoBianco {border-bottom:1px solid #ffffff !important;}



/***/


.red, 
.red a,
.red_commessa,
.red_commessa a {color: #ff0000 !important; }

.redunder { color: #ff0000; text-decoration:underline; }

.red-icon {color:red}

.blue,
td.blue,
tr.blue td, 
.blue a,
td.blue a,
tr.blue td a,
.blue input {color: #3c6cd0 !important; }

.blueBg {background-color:# 3c6cd0 !important; }

.blu,
td.blu,
tr.blu td, 
.blu a,
td.blu a,
tr.blu td a { color: #3c6cd0 !important; }
.bluBg {background-color:# 3c6cd0 !important; }


.blutot,
td.blutot,
tr.blutot td,
.blutot a,
td.blutot a,
tr.blutot td a {color: #3c6cd0 !important}


.green, 
td.green, 
tr.green td { color:#3c6cd0 !important; }

.greenunder, 
a.greenunder {color:#3c6cd0; text-decoration:underline;}

.gray,
td.gray,
tr.gray td {color:gray !important}

.gray_i {color:gray; font-style:italic}
.gray_lt {color:#adb5bd}

.grey,
td.grey,
tr.grey td {color:grey !important}


.grigio,
td.grigio,
tr.grigio td,
.grigio a,
a.grigio {color:#8a949c !important}


.dark {color:#999999 !important}

 /*cartellino - presenze*/
.bordeaux {color:#990000 !important}
.truegreen {color:green !important}


.black, 
td.black,
tr.black td {color: #444444 !important}

.orange-text,
.orange {color: orange !important}

.orange-crm {color: #e18c00 !important}

.white,
td.white,
tr.white td {color:white !important}

/******** fine colori **********/




/********************
*****************NUOVO MEGAMENU completa megamenu3.css***********/

.logo { float:left; display:inline; /*padding:0 0 9px 0;*/padding:0 0 4px 0; margin:2px 15px 0 0;}
.logo a {padding:0 !important}
.home_icon { float:left; display:inline; margin:5px 0px 0 18px; padding:0;}
.dashb_icon { float:left; display:inline; margin:5px 10px 0 18px; padding:0;}
.helpdesk_icon { float:right; display:inline; margin:6px 18px 0 0px; padding:0;}

.speed_icon { float:left; display:inline; margin:8px 30px 0 18px; padding:0;}
.speed_icon a {padding:0 !important; color: #7b868e !important;}


.date2 {float:right; text-align:left; color: #7b868e; font-size:12px; margin:0px 0px 0 10px; line-height:/*30px*/ 28px;width:auto; }
.login2 {float:right; text-align:right; color: #7b868e; font-size:12px; max-width:160px; width:auto; margin:0px 0px 0 15px; /*height:30px;line-height:30px*/  height:28px;line-height:28px}
.login2 form { margin:0; padding:0;}

.login2 span.user {
	font-weight:normal;
	display:inline-block;
	background:#3c6cd0;
	border-radius: 3px;
	-moz-border-radius: 3px; /* firefox */
	-webkit-border-radius: 3px; /* safari, chrome */
	color:#ffffff;
	line-height:18px;
	font-size:10px;
	/*margin-top:6px;*/
	margin-top:4px;
	padding:0 5px;
	margin-right:5px
}

.login2 i.fas {
	color:#7b868e;
	font-size:11px;
	padding-right:0px
}

.login2 a.dropdown-toggle {padding:0;margin-top:6px;}

.home_icon2 { float:left; display:inline; margin:5px 18px 0 18px; padding:0;}

.settings {  float: left; margin-right: 14px; cursor: pointer; margin-top:8px}
.settings a { color: #7b868e !important;}

.search-link { float:left; margin-right:0px; color: #7b868e;line-height: 28px;}
.search-link a {color: #7b868e;}


/*tendina risorsa + cart*/

#forcart{
	float:right; 
	margin-right:5px; 
	/*margin-top:-30px;
	margin-top:-28px;*/
	margin-top:0px;
	position:relative;
	cursor:pointer
}

.submenuBox { position:relative; height:/*30px*/28px}

.submenu {
	display:none;
	clear:both;
	position: absolute;
	background-color: #ffffff;
	overflow: auto;
	width:auto;
	white-space: nowrap;
	right: 0px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1000;
	text-align:left;
	top:27px;
	padding:10px;
	box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	line-height:25px;
	cursor:default
}


#forcart:hover .login2 .submenuBox .submenu {
	display: block !important;
}

.submenu a.null_a {display: block;}

.submenu a.std {
	font-family: 'Roboto Condensed',"Helvetica Neue",Arial,sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	padding: 3px 5px;
	border: 1px solid transparent;
	font-weight: 400 !important;
	display: block;
	float: none;
	line-height: normal !important
}

.submenu a.std:hover {
	color:#000000;
	border: 1px solid gray;
	display: inline-block;
}

.cartellino {table-layout: fixed;}
.cartellino tr td {padding-right:10px; height:22px}
.cartellino tr td:nth-child(2) {font-family: 'Roboto Condensed',"Helvetica Neue",Arial,sans-serif;font-weight:700;font-size:9px;; text-transform:uppercase}


.submenu span.person {
	font-family: 'Roboto Condensed',"Helvetica Neue",Arial,sans-serif;
	font-weight:700;
	display:inline-block;
	border-radius: 3px;
	-moz-border-radius: 3px; /* firefox */
	-webkit-border-radius: 3px; /* safari, chrome */
	color:#ffffff;
	line-height:18px;
	font-size:9px;
	padding:0 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width:57px;
	max-width:57px;
	cursor:default
	
}

.submenu span.person a {color:#ffffff;}
.submenu span.person.assente a {color:#ffffff;}

.presente {background-color:#3c6cd0 !important}
.assente {background-color:#B3B3B3 !important;}
.assente2 {
	/*background-color:transparent !important;
	border:1px solid gray;
	color:gray !important; 
	line-height:16px !important;
	margin-top:5px !important;
	padding:0 4px !important;
	*/
	background-color:#B3B3B3 !important;
	}
	
.pausa {background-color:orange !important}
.non-disp {background-color:red !important}

.usercrm {
	/*background-color:transparent !important;
	color:#444444 !important;*/
	background:#3c6cd0;
	color:#ffffff;
}

.presenteText {color:#3c6cd0 !important; text-transform: lowercase;}
.assenteText {color:gray !important; text-transform: lowercase;}
.pausaText {color:orange !important; text-transform: lowercase;}
.non-dispText {color:red !important; text-transform: lowercase;}


.cartbutt {
	display:inline-block;
	border-radius: 3px;
	-moz-border-radius: 3px; /* firefox */
	-webkit-border-radius: 3px; /* safari, chrome */
	padding:2px 3px !important;
	border:1px solid #B3B3B3;
	color:#B3B3B3;
	font-size: 8px !important;
	cursor:pointer
}
.cartbutt:hover {
	background-color: #ebebeb;
}

.fas.fa-stop.cartbutt {
	font-size: 7px !important;
	padding-top:3px !important
}

/****************************************************** INIZIO CONTENUTI */


.size4, tr.size4 td {font-size: 17px !important}
.size3, tr.size3 td {font-size: 15px !important}
.size2, tr.size2 td {font-size: 12px !important}
.size1, tr.size1 td {font-size: 11px !important}
.BU {font-weight:normal;text-decoration:underline;}
.bolder { font-size:17px;}
.size8, tr.size8 td {font-size:8px !important}
.size9, tr.size9 td {font-size:9px !important}
.size10, tr.size10 td {font-size:10px !important}
.size11, tr.size11 td {font-size: 11px !important}
.size12, tr.size12 td {font-size: 12px !important}
.size14, tr.size14 td {font-size: 12px !important}
.size18, tr.size18 td {font-size: 18px !important}


/**************** TITOLI *************
**************************************/

#company_title { padding: 0px 0 5px 0; margin-bottom: 10px; border-bottom: 1px solid #D4D1D1; width: 100%; height:21px; line-height:21px}
.spessa {border-bottom: 1px solid #B3B3B3 !important;}
.comp2 { height:15px !important; line-height:15px !important}

#company_title .TitoloPagina {margin:0; padding:0}

h1, h2, h3, h4, h5, h6 {font-weight:700; font-family: 'Roboto',"Helvetica Neue",Arial,sans-serif;text-transform: uppercase}

h1 { font-size:14px; color: #444444; margin: 0px; padding: 0px }
h1.TitoloPagina { padding: 5px 20px 5px 0; font-size:14px; color: #444444; float:left; display:inline; width:auto}
h1.TitoloSfondo  {background:none; padding: 5px 20px 5px 0px; font-size:14px; margin:0 0 0 0; color: #444444}

h2 { font-size: 13px; margin: 0px; padding: 0;}
h3 { font-size: 12px; margin: 0px; padding: 15px 0 0 15px;}
h4 { font-size: 11px; margin: 0px; padding-top: 0px 0 10px 15px;}
h5 { font-size: 10px; margin: 0px; padding-top: 15px 0 0 15px;}
h6 { font-size: 10px;}


/***************VECCHIO CRM**********************************************************
*****************************************/

#view_azienda {background: #ffffff}

.separ { padding: 0px !important; padding: 0px; background:#000000; height:1px; width:100%; margin-bottom:10px}
.separdue { padding: 0px !important; padding: 0px; background:#000000; height:1px; width:100%; margin-bottom:0px}

.centered { width: 986px; margin:auto; padding:0px}

.contratto {display:inline-block; float:left; margin-right:5px;margin-top:0px}

.tracking_table { width: 100%;}
.tracking_table td{ padding: 3px 2px 3px 2px;}



/***********************************************************
* tab* VECCHIE ETICHETTE presente in :

crm/import_crm/delete_tag
amministrazione/fatture/copy_of_fatturaElettronica/e-invoice.css
amministrazione/fatture/fatturaElettronica/e-invoice.css
tabelle/anagrafica/edit_anagrafica
crm/import_crm/import_xls
reports/report_forecast_cliente/index_html
reports/report_joblist/index_html
reports/report_ns_acquisti/index_html
reports/report_pianificazione_fatture_cc/index_html
reports/report_pianificazione_fatture_senza_cc/index_html
reports/report_social/index_html
reports/report_timesheet_task/index_html
reports/report_tracking/index_html
reports/report_forecast_consegna/index_html-old
reports/report_joblist/index_htmlvecchio
crm/import_crm/insert_contatti
crm/import_crm/insert_tag
crm/import_crm/insert_tracking 
************************************************************/
.tabcont { border-bottom: 1px solid #CCCCCC; overflow: hidden; width: 100%;}
.nobordertab {border-bottom: 0px !important;}
.tabcont ul { list-style-type: none; margin: 0; padding: 0; }
.tabcont li { float: left; margin: 0; padding: 0;}
.tabcont a { 
	float: left;
	position: relative;
	top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
	margin: 0;
	margin-right: 2px; /*Spacing between each tab*/
	padding: 0 0 0 9px;
	text-decoration: none;
	/*background:#eeeeee;*/
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc
}

.tabcont a span {float: left; position: relative; display: block; padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-weight: normal; color: black;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabcont a span {float:none;}
/* End IE5-Mac hack */

.tabcont .selected a{ top: 0; background:#ffffff}
.tabcont .selected a span { color: black; padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */ top: 0;}
.tabcont .selected a span.blue {color:#3c6cd0}
.tabcont a:hover { top: 0; }
.tabcont a:hover span{ padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */ top: 0;} 

.outcome {color:#7a9a9a}

/***************FINE VECCHIO CRM**********************
*************************************************************************************************************************************/



/************************************************************
************************************HELPDESK TICKET************
*****************************************************************/

td.ticket-note {padding-bottom:15px }

.pr_aperto { background-color: green; border-radius: 3px; height: 10px; width: 10px; margin: 0px 2px 0 2px}
.pr_assegnato { background-color: #f0c51b; border-radius: 3px; height: 10px; width: 10px; margin: 0px 2px 0 2px}
.pr_chiuso {background-color: #ff0000; border-radius: 3px; height: 10px; width: 10px; margin: 0px 2px 0 2px}
.pr_attesa {background-color: #71b2cf; border-radius: 3px; height: 10px; width: 10px; margin: 0px 2px 0 2px}

.stato_box { 
	display: inline-block;
	color:#ffffff;
	padding: 2px 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/********************** FINE HELPDESK */



/****************NUOVA HOME */

.tabellaHome td {padding:10px 0 0 0; background:#ffffff;}
.tabellaHome td table td {padding:0}

.boxModules {float:left; width:984px; margin:0; padding:0; background:#ffffff; overflow/**/:/**/hidden;}

.modulOff {background:#f0f1f2; color:#ffffff; width:239px; height:120px; /*height:144px;*/ float:left; margin:0 9px 9px 0; text-align:center; position: relative}
.modulActive {background:#d8dde0; color:#000000; width:239px; height:120px; /*height:144px;*/ float:left; margin:0 9px 9px 0; text-align:center;z-index:1; position: relative}
.last {margin:0 0 9px 0}
.modulActive a, .modulOff a {display:block; width:239px; height:120px;}
.modulActive:hover {background:#c2cdd5; color:#000000}

.modulText {position:relative; margin-left:auto; margin-right:auto; margin-top: 70px; font-size: 12px;}
.modulActive .modulText {color:#000000}
.modulOff .modulText {color:#ffffff}

.modulActive a.dashboard {background: url(dcm_immagini/dashboard-menu) center 29px no-repeat; background-size: 18%; z-index:100;}
.modulActive a.produzione {background: url(dcm_immagini/produzione-menu) center 7px no-repeat; z-index:100;}
.modulActive a.commesse {background: url(dcm_immagini/commesse-menu) center 12px no-repeat; background-size: 23%; z-index:100;}
.modulActive a.timesheet {background: url(dcm_immagini/timesheet-menu) center 32px no-repeat;background-size: 21%; z-index:100;}
.modulActive a.h2crm {background: url(dcm_immagini/h2crm-menu) center 30px no-repeat; background-size: 23%; z-index:100;}
.modulActive a.vendite {background: url(dcm_immagini/vendite-menu) center 13px no-repeat; z-index:100;}
.modulActive a.offerte {background: url(dcm_immagini/offerte-menu) center 30px no-repeat; background-size: 20%; z-index:100;}
.modulActive a.portafoglio {background: url(dcm_immagini/portafoglio-menu) center 26px no-repeat; z-index:100;}
.modulActive a.job_progress {background: url(dcm_immagini/job_progress-menu) center 28px no-repeat; background-size: 23%; z-index:100;}
.modulActive a.slot_giornaliero {background: url(dcm_immagini/slot_giornaliero-menu) center 35px no-repeat;background-size: 18%; z-index:100;}
.modulActive a.slot-progress {background: url(dcm_immagini/slot-progress-menu) center 35px no-repeat; background-size: 25%; z-index:100;}
.modulActive a.controllo_forniture {background: url(dcm_immagini/controllo_forniture-menu) center 34px no-repeat; z-index:100;}
.modulActive a.vendite2 {background: url(dcm_immagini/vendite-menu-2) center 34px no-repeat; background-size: 13%; z-index:100;}
.modulActive a.helpdesk {background: url(dcm_immagini/helpdesk-menu) center 28px no-repeat; z-index:100;}
.modulActive a.amministrazione {background: url(dcm_immagini/amministrazione-menu) center 24px no-repeat; z-index:100;}
.modulActive a.fatture {background: url(dcm_immagini/fatture-menu) center 26px no-repeat; background-size: 22%; z-index:100;}
.modulActive a.mobile {background: url(dcm_immagini/mobile-menu) center 24px no-repeat; z-index:100;}
.modulActive a.calendario {background: url(dcm_immagini/calendario-menu) center 29px no-repeat; background-size: 18%; z-index:100;}
.modulActive a.canone {background: url(dcm_immagini/canone-menu) center 29px no-repeat;  background-size: 18%; z-index:100;}
.modulActive a.incassi {background: url(dcm_immagini/incassi-menu) center 22px no-repeat; z-index:100;}
.modulActive a.acquisti {background: url(dcm_immagini/acquisti-menu) center 25px no-repeat; background-size: 20%; z-index:100;}
.modulActive a.forecast {background: url(dcm_immagini/forecast-menu) center 30px no-repeat; background-size: 22%; z-index:100;}
.modulActive a.slot {background: url(dcm_immagini/slot-menu) center 32px no-repeat; z-index:100;}
.modulActive a.slot-management {background: url(dcm_immagini/slot-manag-menu) center 32px no-repeat; z-index:100;}
.modulActive a.slot-planning {background: url(dcm_immagini/slot-planning-menu) center 32px no-repeat; z-index:100;}
.modulActive a.helpdesk2 {background: url(dcm_immagini/helpdesk2-menu) center 29px no-repeat; z-index:100;}


.modulOff a.h2crm {background: url(dcm_immagini/h2crm-menu-off) center 30px no-repeat; background-size: 23%; z-index:100;}
.modulOff a.commesse {background: url(dcm_immagini/commesse-menu-off) center 12px no-repeat; background-size: 23%; z-index:100;}
.modulOff a.vendite {background: url(dcm_immagini/vendite-menu-off) center 13px no-repeat; z-index:100;}
.modulOff a.offerte {background: url(dcm_immagini/offerte-menu-off) center 30px no-repeat; background-size: 20%; z-index:100;}
.modulOff a.portafoglio {background: url(dcm_immagini/portafoglio-menu-off) center 26px no-repeat; z-index:100;}
.modulOff a.job_progress {background: url(dcm_immagini/job_progress-menu-off) center 28px no-repeat; background-size: 23%; z-index:100;}
.modulOff a.slot_giornaliero {background: url(dcm_immagini/slot_giornaliero-menu-off) center 35px no-repeat;background-size: 18%; z-index:100;}
.modulOff a.slot-progress {background: url(dcm_immagini/slot-progress-menu-off) center 35px no-repeat; background-size: 25%; z-index:100;}
.modulOff a.controllo_forniture {background: url(dcm_immagini/controllo_forniture-menu-off) center 34px no-repeat; z-index:100;}
.modulOff a.vendite2 {background: url(dcm_immagini/vendite-menu-2-off) center 34px no-repeat; background-size: 13%; z-index:100;}
.modulOff a.helpdesk {background: url(dcm_immagini/helpdesk-menu-off) center 28px no-repeat; z-index:100;}
.modulOff a.amministrazione {background: url(dcm_immagini/amministrazione-menu-off) center 24px no-repeat; z-index:100;}
.modulOff a.fatture {background: url(dcm_immagini/fatture-menu-off) center 26px no-repeat; background-size: 22%; z-index:100;}
.modulOff a.mobile {background: url(dcm_immagini/mobile-menu-off) center 24px no-repeat; z-index:100;}
.modulOff a.calendario {background: url(dcm_immagini/calendario-menu-off) center 29px no-repeat; background-size: 18%; z-index:100;}
.modulOff a.canone {background: url(dcm_immagini/canone-menu-off) center 29px no-repeat; z-index:100;}
.modulOff a.incassi {background: url(dcm_immagini/incassi-menu-off) center 22px no-repeat; z-index:100;}
.modulOff a.acquisti {background: url(dcm_immagini/acquisti-menu-off) center 25px no-repeat; background-size: 20%; z-index:100;}
.modulOff a.forecast {background: url(dcm_immagini/forecast-menu-off) center 30px no-repeat; background-size: 22%; z-index:100;}
.modulOff a.slot {background: url(dcm_immagini/slot-menu-off) center 32px no-repeat; z-index:100;}
.modulOff a.slot-management {background: url(dcm_immagini/slot-manag-menu-off) center 32px no-repeat; z-index:100;}
.modulOff a.slot-planning {background: url(dcm_immagini/slot-planning-menu-off) center 32px no-repeat; z-index:100;}
.modulOff a.helpdesk2 {background: url(dcm_immagini/helpdesk2-menu-off) center 29px no-repeat; z-index:100;}


/*FINE HOME*/



/********************************
***********TABELLE**************
*********************************/


/*************tabellaFiltri**********/

.tabellaFiltri tr td {border-bottom:0px solid #CCCCCC; border-top:0px solid #CCCCCC; padding:2px 0 2px 2px }
.tabellaFiltri tr {min-height:25px}

@-moz-document url-prefix() { 
  .tabellaFiltri {
     clear:both;
  }
}


/*************tabellaRisultati**********/

@-moz-document url-prefix() { 
  .tabellaRisultati {
     clear:both;
  }
}


.tabellaRisultati td {padding: 4px 4px 4px 0px !important; padding: 4px 4px 4px 0px; border-bottom: 1px solid #D4D1D1; border-left:0px; border-right:0px; border-top:0px;}
.tabellaRisultati th {padding: 4px 4px 4px 0px !important; padding: 4px 4px 4px 0px; border-bottom: 1px solid #D4D1D1; background:#ffffff; text-align:left}
.tabellaRisultati tr:first-child {background:#ffffff}
.tabellaRisultati tr:first-child.Sfondo2 {background:#CCCCCC !important}
.tabellaRisultati tr:first-child td {border-bottom:1px solid #D4D1D1;}
.tabellaRisultati tr:first-child.Sfondo,
.tabellaRisultati tr:first-child.Sfondo td {background:#eeeeee !important}



/*************new-companylist**********/

.new-companylist { width: 100%; margin:auto}
.new-companylist tr th {padding: 4px 4px 4px 0px !important; border-bottom: 1px solid #D4D1D1; background:#F3F5FA; font-weight:900 !important; text-transform: uppercase; font-size:8px;}
.new-companylist tr th select {font-weight:400 !important;}
.new-companylist tr th a {text-decoration:none}
.new-companylist.tabellaRighe tr th {border: 1px solid #cccccc;}

.new-companylist tr.preventivi th { background:#dfe5f1 !important; color: #3c6cd0 !important; border-bottom: 0px}

/*
.new-companylist tr > th:first-child {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	-moz-border-bottom-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
}
.new-companylist tr > th:last-child {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	-moz-border-bottom-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
}
*/

.new-companylist tr th strong {font-weight:900 !important;}

.new-companylist td { padding: 4px 4px 4px 0px !important; border-bottom: 1px solid #D4D1D1; }

.new-companylist td .tabellaInterna tr {background:inherit;}
.new-companylist td .tabellaInterna tr td {border:0px; padding:0px 0px 0px 0px  !important;}
.new-companylist td .tabellaInterna tr:first-child {background:inherit}
.new-companylist td .tabellaInterna tr:first-child td {border-bottom:0px;}
.new-companylist td .tabellaInterna tr:last-child {background:inherit}
.new-companylist td .tabellaInterna tr.riga_over { background: #e8eff2}
.new-companylist td .tabellaInterna tr.Sfondo, .tabellaInterna tr td.Sfondo {background:#EEEEEE !important}

.new-companylist td .tabellaBianca tr td {background:#ffffff}

.new-companylist tr.Totals td,
tr.Totals td,
Totals {background:#bccae2;}

.new-companylist tr.Totals2 td,
tr.Totals2 td,
Totals2 {background:#6a90da; color:#ffffff !important}
.new-companylist tr.Totals2 td a,
tr.Totals2 td a,
Totals2 a {color:#ffffff !important}


.tabellaDotted tr td { border:0px; border-bottom:1px dotted #CCCCCC; padding-top: 4px; padding-bottom: 4px}
.tabellaDotted tr:first-child {background:none}
.tabellaDotted tr:first-child td { border-bottom: 1px dotted #CCCCCC;}
.tabellaDotted tr:last-child {background:none;}
.tabellaDotted tr:last-child td {background:none; border:0px; border-bottom: 0px dotted #CCCCCC;}


.new-companylist td .tabellaDotted tr td { border:0px; border-bottom:1px dotted #CCCCCC; padding-top: 4px !important; padding-bottom: 4px !important; padding-right:2px !important}
.new-companylist td .tabellaDotted tr:first-child {background:none}
.new-companylist td .tabellaDotted tr:first-child td { border-bottom: 1px dotted #CCCCCC;}
.new-companylist td .tabellaDotted tr:last-child {background:none;}
.new-companylist td .tabellaDotted tr:last-child td {background:none; border:0px; border-bottom: 0px dotted #CCCCCC;}


.tabellaTh td {border: 1px solid #ffffff; padding:2px 0 2px 2px}
.tabellaTh th {border: 1px solid #ffffff; text-align:left; padding: 5px;}

.rightColor, 
th.rightColor {text-align:right; padding-right:2px; color:#990000}
th.right {text-align:right; padding-right:2px;}

.tabellaNote tr:first-child td {border-bottom: 1px dotted #CCCCCC; background: #f1f1ee; color: #444444; font-weight: normal; padding:2px 2px} /*edit preventivo*/
.tabellaNote tr td { border-bottom: 1px dotted #CCCCCC; padding-top: 4px; padding-bottom: 4px}


/*solo nella cartella MAIN > LAVORI */
.tabellaBottoni tr td {padding:2px 0 2px 2px; background:#EEEEEE }


.tabellaInternaPad tr,
.tabellaInternaPad tr:first-child, 
.tabellaInternaPad tr:last-child {background:inherit}
.tabellaInternaPad tr td {border:0px; padding:2px 0px 2px 2px !important}
.tabellaInternaPad tr:first-child td {border-bottom:0px;}
.tabellaInternaPad tr.Sfondo, .tabellaInterna tr td.Sfondo {background:#EEEEEE}
.tabellaInternaPad tr.Bordo td,
.tabellaInternaPad td.Bordo {border-bottom:1px solid #CCCCCC;}

.tabellaInterna tr,
.tabellaInterna tr:first-child,
.tabellaInterna tr:last-child {background:inherit;}
.tabellaInterna tr td {border:0px; padding:0px 0px 0px 0px !important}
.tabellaInterna tr:first-child td {border-bottom:0px;}
.tabellaInterna tr.riga_over { background: #e8eff2}
.tabellaInterna tr.Sfondo, .tabellaInterna tr td.Sfondo {background:#EEEEEE}

.tabellaRigheInterne td {border-bottom: 1px solid #cccccc; padding:2px 0 2px 2px}
.tabellaRigheInterne tr:last-child td {border-bottom:0px;}
.tabellaRigheInterne2 td {border-bottom: 1px solid #cccccc; padding:2px 0 2px 2px}
.tabellaRigheInterne2 td.BordoBianco {border-bottom:1px solid #ffffff; padding:2px 0 2px 2px}
.tabellaRigheInterne2 tr.BordoBianco td {border-bottom:1px solid #ffffff; padding:2px 0 2px 2px}

.tabellaRighe td, 
.tabellaRighe tr td {border: 1px solid #cccccc; padding:4px 1px 4px 1px !important}
.tabellaRighe tr:first-child td {border-bottom:1px solid #cccccc;}
.tabellaRighe tr th {padding: 4px 1px 4px 1px !important; border: 1px solid #cccccc; background:#F3F5FA; font-weight:900 !important; text-transform: uppercase; font-size:8px;}
.tabellaRighe tr > th:first-child {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	-moz-border-bottom-left-radius: 3px; /* firefox */
	-webkit-border-bottom-left-radius: 3px; /* safari, chrome */
}
.tabellaRighe tr th strong {font-weight:900 !important;}
.tabellaRighe tr > th:last-child {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	-moz-border-bottom-right-radius: 3px; /* firefox */
	-webkit-border-bottom-right-radius: 3px; /* safari, chrome */
}

/****CONDIZIONI DI PAGAMENTO** amministrazione/condizioni_di_pagamento/edit_condizione**/
.tabellaRigheBottom {border: 1px solid #cccccc;}
.tabellaRigheBottom td, 
.tabellaRigheBottom tr td {border-bottom: 1px solid #cccccc; padding:4px 1px 4px 1px !important}
.tabellaRigheBottom tr:first-child td {border-bottom:1px solid #cccccc;}
.tabellaRigheBottom tr th {padding: 4px 1px 4px 1px !important; border-bottom: 1px solid #cccccc; background:#F3F5FA; font-weight:900 !important; text-transform: uppercase; font-size:8px;}
.tabellaRigheBottom tr > th:first-child {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	-moz-border-bottom-left-radius: 3px; /* firefox */
	-webkit-border-bottom-left-radius: 3px; /* safari, chrome */
}
.tabellaRigheBottom tr th strong {font-weight:900 !important;}
.tabellaRigheBottom tr > th:last-child {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	-moz-border-bottom-right-radius: 3px; /* firefox */
	-webkit-border-bottom-right-radius: 3px; /* safari, chrome */
}


div.dotted {border:1px dotted #CCCCCC; padding:10px; width:auto !important; width:100%; margin-bottom:10px}
div.subtitle {border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#CCCCCC; color: #3c6cd0; background:#d7dddd; padding:5px; text-align:center; font-weight:normal}

/*** edit commessa */
.riga_note_new { border-bottom: 1px solid #CCCCCC; padding-top: 4px; padding-bottom: 4px;	vertical-align:top}


/*** popup_cerca_ordini fornitore*/
#preventivi2_cliente_filtro {position:relative;display:block;}



/****************EDIT COMMESSA ****************************/

.big {
	color:#3c6cd0;
	font-size:25px;
	line-height: 20px
}

.col-border {padding:0 10px; border-left:2px solid #cccccc}

.data tr td,
.data2 tr td {  padding:2px; }

.data tr td:first-child { font-size:10px; padding:4px 2px; }
.data2 tr td:first-child { font-size:10px; padding:4px 2px; color:#959696 }
.data tr td.object,
.data2 tr td.object {
	font-size:17px;
	color:#3c6cd0;
	padding-top:5px;
}

.joblist_body {
	width:100%;
	padding-left:20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow-wrap: break-word;
	word-wrap: break-word;
	word-break: break-all;
	word-break: break-word;
	hyphens: auto;
	max-width:100%
}


/***************CALENDARIO *************
***********************- sovrascrive jquery-ui.css*/

.ui-datepicker-calendar th {font-size: 11px; background-color:#CDD7EA}

/* frecce calendario */
.ui-widget-header .ui-icon.ui-icon-circle-triangle-w,
.ui-widget-header .ui-icon.ui-icon-circle-triangle-e {
	background-image: url(dcm_immagini/ui-icons_ffffff_256x240.png)/*{iconsHeader}*/;
}


.ui-datepicker-calendar .ui-state-default,
.ui-widget-content .ui-datepicker-calendar .ui-state-default {
	border: 1px solid #d3d3d3 !important;
	background: #ffffff;
	font-weight: normal;
	color: #555555;
}

.ui-datepicker-calendar .ui-state-default a,
.ui-datepicker-calendar .ui-state-default a:link,
.ui-datepicker-calendar .ui-state-default a:visited {
	color: #555555;
	text-decoration: none;
}


/* oggi */
.ui-datepicker-calendar .ui-datepicker-today .ui-state-default,
.ui-widget-content .ui-datepicker-calendar .ui-datepicker-today .ui-state-default {
	border: 1px solid #d3d3d3;
	background: #cccccc;
	font-weight: normal;
	color: #212121
}

/* selezionato */
.ui-datepicker-calendar .ui-state-active,
.ui-widget-content .ui-datepicker-calendar .ui-state-active {
	border: 1px solid #aaaaaa;
	background: #8face3;
	font-weight: normal;
	color: #ffffff;
}

.ui-datepicker-calendar .ui-state-active a,
.ui-datepicker-calendar .ui-state-active a:link,
.ui-datepicker-calendar .ui-state-active a:visited {
	color: #212121/*{fcActive}*/;
	text-decoration: none;
}


.ui-widget-content .ui-datepicker-header .ui-state-hover,
.ui-widget-header .ui-datepicker-header .ui-state-hover,
.ui-widget-content .ui-datepicker-header .ui-state-hover:focus,
.ui-widget-header .ui-datepicker-header .ui-state-hover:focus,
.ui-widget-content .ui-datepicker-header .ui-state-hover:active,
.ui-widget-header .ui-datepicker-header .ui-state-hover:active{
	padding: 1px 1px !important;
}	


/*BOTTONI SPILT BUTTON- sovrascrive jquery-ui.css*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	padding: 1px 5px;
	color: #333333;
	background: #ffffff;
	border: 1px transparent !important;
	outline:none
}

.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-widget-content .ui-state-hover:focus,
.ui-widget-header .ui-state-hover:focus,
.ui-widget-content .ui-state-hover:active,
.ui-widget-header .ui-state-hover:active{
	padding: 1px 5px;
	color: #333333;
	background-color: #ebebeb;
	border: 1px transparent !important;
	outline:0
}

.ui-widget-content .ui-state-hover:active,
.ui-widget-header .ui-state-hover:active{
	outline: 0;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

span.ui-button-text {
	font-family: 'Roboto Condensed',"Helvetica Neue",Arial,sans-serif !important;
	/*font-size:9px;*/
	font-size:10px;
	display:block;
	margin:0 5px;
	text-transform:uppercase;
	padding: 1px 5px !important; 
	font-weight:700
}



/*PRIMA NOTA sovrascrive jquery-ui.css */
.ui-widget {
	font-family: 'Roboto',"Helvetica Neue",Arial,sans-serif !important;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea {
	font-family: 'Roboto',"Helvetica Neue",Arial,sans-serif !important;
	font-size:12px;
}

.ui-widget button,
.ui-widget input[type="button"] {
	font-size:9px !important;
	font-family: 'Roboto Condensed',"Helvetica Neue",Arial,sans-serif !important;
}


/*********************REPORT SOCIAL *************************************/
.intestazione-social { 
	background: #dce2e3;
	padding:10px 10px 10px 10px;
	margin:5px auto 15px auto;
	width:100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 3px;
	border-top: 5px solid #3a6683;
	border-left: 1px solid #c5ced0;
	border-right: 1px solid #c5ced0;
	border-bottom: 2px solid #c5ced0;
}

.client {
	color: #3c6cd0;
	font-size:17px;
}

.box-social {
	border-radius: 3px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-color: #FFF;
	border-width: 5px 1px 2px 1px;
	border-style: solid;
	border-color: #cccccc;
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	border-image: none;
	vertical-align: top;
	padding:10px;
	margin-bottom:20px;
	margin-top:5px
}

.box-social tr td { padding:2px 0 2px 0 }

.soc1 { border-top: 5px solid #f29d00; }
.soc2 { border-top: 5px solid #3a6683; background: #f1f1ee }
.soc3 { border-top: 5px solid #3a6683; }

.data3 tr td { padding:2px; }
.data3 tr:first-child td { font-size:10px; padding:4px 2px; color:#959696 }

.tabellaRigheInterneSocial2 tr td {border-bottom: 1px solid #cccccc; padding:4px 0 4px 2px}
.tabellaRigheInterneSocial2 tr:first-child td {color: #3c6cd0; padding:0px 0 8px 0; font-size:15px; font-weight: normal;}
.tabellaRigheInterneSocial2 tr td .tabellaInterna tr td,
.tabellaRigheInterneSocial2 tr:first-child td .tabellaInterna tr td {color:#444444; font-size:12px; border-bottom: 0px solid #cccccc; padding:0px 0px 0px 2px;}


/******************OPPORTUNITIES ******************************/

.bigOpp {
	color:#3c6cd0;
	font-size:21px;
	line-height: 22px
}



.data4 tr td { padding:2px;}
.data4 tr:first-child td {font-size:10px; padding:4px 2px; color:#444444}


/*****************CARTELLINO - PRESENZE*************************/

.new-companylist tr th.green-bg, td.green-bg {background:#3c6cd0; color:#ffffff; border-width:0px 0px 1px 0px; border-color:#3c6cd0 }
.new-companylist tr th.red-bg, td.red-bg {background:#ff0000; color:#ffffff; border-width:0px 0px 1px 0px; border-color:#ff0000}
.new-companylist tr td.bordeaux-bg {background:#990000; color:#ffffff; border-width:0px 0px 1px 0px; border-color:#990000}
.new-companylist tr th.grey-bg, td.grey-bg {background:grey; color:#ffffff; border-width:0px 0px 1px 0px; border-color:grey}
.new-companylist tr th.black-bg, td.black-bg {background:#444444; color:#ffffff; border-width:0px 0px 1px 0px; border-color:#444444}
.new-companylist tr th.truegreen-bg, td.truegreen-bg {background:green; color:#ffffff; border-width:0px 0px 1px 0px; border-color:green}


.bigBox-green { 
	color:green; 
	font-size:25px;
	border-radius: 3px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-color: #FFF;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #cccccc;
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	border-image: none;
	vertical-align: top;
	padding:10px;
	display:inline-block;
	margin-top: 5px
}

.bigBox-orange { 
	color:#f0ad4e; 
	font-size:25px;
	border-radius: 3px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-color: #FFF;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #cccccc;
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	border-image: none;
	vertical-align: top;
	padding:10px;
	display:inline-block;
	margin-top: 5px
}

.horizontal-nav {
	background: #efefef;
	border-radius: 3px;
	line-height: 1.5;
}

.horizontal-nav ul {margin:0; padding:0}

.horizontal-nav ul {
	font-size:11px;
	list-style: none;
	background: #6a90da;
	float: left;
	text-align: center;
	border-radius: 3px;
	border: 1px solid #0e7079;
	-webkit-padding-start: 0px;	
}

.horizontal-nav ul li {
  float: left;
  border-left: 1px solid #0e7079;
}

.horizontal-nav ul li:first-child {
  border-left: 0 none;
  padding-left:0
}

.horizontal-nav ul li a {
  display: block;
  padding: 1px 15px;
  color: #fff;
  border-top: 1px solid rgba(255,255,255, 0.25);
  border-left: 1px solid rgba(255,255,255, 0.25);
}

.horizontal-nav ul li:first-child a {
  border-left: 0 none;
}
.horizontal-nav ul li a:hover {
  background: #7EAAC2;
}

.horizontal-nav ul li:first-child a {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.horizontal-nav ul li:last-child a {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.horizontal-nav ul li a.spento {
  background: #7EAAC2;
}



/************************* SLOT ************************/

.slot-date {border-right:0px solid #990000; border-top:0px solid #e7c4c4; font-weight:700; font-size:12px; text-align:right; padding:9px 2px 0px 0; margin-bottom:9px}
.slot-date3 {background:#EEEEEE; border-left:0px solid #990000; border-top:0px solid #e7c4c4; font-weight:700; font-size:12px; text-align:left; padding:5px 3px 5px 0; margin-bottom:1px; margin-left:10px; margin-right:10px;height:12px;line-height: 15px;}

.slot-lavorato {background:#ffffff;  border:1px solid #cccccc; padding:10px; margin-left:10px; margin-right:10px; margin-bottom:-1px}

.tabellaRigheSlot {border-collapse:collapse}
.tabellaRigheSlot td {border-bottom: 1px solid #cccccc; padding:2px 2px 2px 2px; border-left:1px solid #ffffff;  border-right:1px solid #ffffff}
.tabellaRigheSlot thead tr td {border: 1px solid #cccccc; line-height:24px; padding-left:3px}
.tabellaRigheSlot tr.titoli td {line-height:30px; background:inherit;}

.consegnaSlot {display:inline-block; background:#ffa50087; padding:0}

.slotDot {display:inline-block; float:left; background:green; padding:0px 4px 1px 4px;  margin:2px 2px 0px 0px; color:#ffffff; font-size:12px; line-height:15px; width:33px}



/***********   REPORTS ******** NON CANCELLARE ***********/

.tabellaRigheReportForecast {border-collapse:collapse; margin-top:/*30px*/ 5px; border:1px solid #cccccc}
.tabellaRigheReportForecast td {border-bottom: 1px solid #cccccc; padding:3px 2px 3px 2px;}
.tabellaRigheReportForecast tr:first-child td {padding:8px 2px 8px 2px; border-bottom: 1px solid #cccccc; border-top: 0px solid #cccccc; color:black}
.tabellaRigheReportForecast tr:first-child td:first-child{border-left: 0px solid #164766}
.tabellaRigheReportForecast tr:first-child td:last-child {border-right: 0px solid #164766}
.tabellaRigheReportForecast tr:last-child td {border-bottom: 0px solid #cccccc;}
.tabellaRigheReportForecast tr td table tr td {border-bottom: 1px solid #cccccc; padding:3px 2px 3px 2px;}
.tabellaRigheReportForecast tr td table tr:first-child td {padding:3px 2px 3px 2px;}
.tabellaRigheReportForecast tr:last-child td table tr td {border-bottom: 1px solid #cccccc;}
.tabellaRigheReportForecast tr:last-child td table tr:last-child td {border-bottom: 0px solid #cccccc;}

.tabellaRigheReportForecast tr.Noborder td {border-bottom:0px !important}


/**************NUOVI ACQUISTI*************/

.box-acquisto { 
	background: #fdfdfd;
	padding:10px 10px 10px 10px;
	margin:5px auto 15px auto;
	width:100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 3px;
	border-top: 5px solid #1a2e3c;
	border-left: 1px solid #c5ced0;
	border-right: 1px solid #c5ced0;
	border-bottom: 2px solid #c5ced0;
}

.acquisto1 {
	border-top: 5px solid orange;
	background: #fdfdfd;
}

.residuo { padding:10px 0 20px 0; text-align:center; font-weight:700; font-size:16px}
.big-acquisto { color:#ffffff; font-size:26px; display:inline-block; vertical-align:middle; background:orange; padding:0 5px}

.acquisto-spacer {padding-left:20px}

.acquisto-imp {color:#444444; font-size:20px; background:inherit; padding:0 5px; width:100px; text-align:right; font-weight:700}
.acquisto-tot {color:#3c6cd0; font-size:20px; background:inherit; padding:0 5px; width:100px; text-align:right; font-weight:700}

input.imponibile {width:80px; padding-left:0; padding-right:0; text-align:center; font-size:16px; font-weight:700}
input.ritenuta {width:80px; text-align:right; font-size:16px; font-weight:700}
select.iva {height:26px}

.col-border2 {padding:0 0px 0 10px; border-left:2px solid #cccccc}

.data5 {clear:both; margin-bottom:20px}
.data5 tr td {padding:2px;}
.data5 tr td:last-child {padding:2px;font-size:18px;}
.data6 tr td {
	padding:2px;
	font-size:11px;
}


/********** fatture > CENTRI RICAVO MULTIPLI**** amministrazione/fatture/edit_cc *************/

.intestazione-cc {
	padding:5px 1px 15px 1px;
	width:100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-top: 5px solid #d7dddd;
	border-left: 1px solid #c5ced0;
	border-right: 1px solid #c5ced0;
	border-bottom: 2px solid #c5ced0;
	background: #ffffff;
	margin:5px auto 5px auto;
}

input.cc{width:98%;text-align:right}
.cc-container {
	padding:10px 20px;
	border:1px solid gray;
	width:100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-top: 5px solid #d7dddd;
	border-left: 1px solid #c5ced0;
	border-right: 1px solid #c5ced0;
	border-bottom: 2px solid #c5ced0;
	background: #fdfdfd;
	margin:5px auto 15px auto;
}

.cc-container table tr td {padding:2px 0 2px 2px}
.cc-container table tr td:first-child {border-bottom:1px solid #d7dddd}
.cc-spacer {padding-left:20px}

.data-cc tr td {
	padding:4px 2px;
	background:#ffffff
}
.data-cc tr:first-child td {padding:10px 2px 4px 10px}
.data-cc tr td:first-child {font-size:10px; padding:4px 2px 4px 10px; color:#959696}
.data-cc tr:first-child td:first-child {padding:10px 2px 4px 10px}
.data-cc tr:first-child td:last-child {padding:10px 2px 4px 2px}

.data-cc tr td.object {
	font-size:17px;
	color:#3c6cd0;
	padding-top:/*5px;*/ 0px;
}
.data-cc tr:last-child td {padding:4px 2px 10px 10px}
.data-cc tr:last-child td:last-child {padding:4px 2px 10px 2px}

/********** --------FINE------------- *************/



/*MAIN > ANALISI STAMPA - COVER PREVENTIVO ***** - main/analisi_stampa/index_html - ***********/
.cover-container {
	padding:15px 10px;
	width:100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-top: 5px solid #f0ad4e;
	border-left: 0px solid #c5ced0;
	border-right: 0px solid #c5ced0;
	border-bottom: 0px solid #c5ced0;
	background: #fdfdfd;
	margin:5px auto 15px auto;
}

/*****************MAIN > PIANIFICAZIONE ORDINI  e  ALLEGATI ************/

.pianificazione-container {
	padding:15px 5px;
	width:100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-top: 5px solid #1a2e3c;
	border-left: 1px solid #c5ced0;
	border-right: 1px solid #c5ced0;
	border-bottom: 2px solid #c5ced0;
	background: #ffffff;
	margin:5px auto 15px auto;
}

.pianif2 {border-top: 5px solid #3a6683;}
.pianif-spacer {padding-left:20px}


/*****************ANAGRAFICHE *******************************/

.registry-box {
	padding:15px 10px;
	width:100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-top: 5px solid #1a2e3c;
	border-left: 1px solid #c5ced0;
	border-right: 1px solid #c5ced0;
	border-bottom: 2px solid #c5ced0;
	background: #ffffff;
	margin:5px auto 15px auto;
}

.registry-spacer {padding-left:20px}



/*****************MAIN ORDINI ANTEPRIMA DI STAMPA PREVENTIVO  + ANTEPRIMA XML FATTURE ****************/

.copy-preview {
	padding:15px 10px;
	width:100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-top: 5px solid #d7dddd;
	border-left: 1px solid #c5ced0;
	border-right: 1px solid #c5ced0;
	border-bottom: 2px solid #c5ced0;
	background: #ffffff;
	margin:5px auto 15px auto;
}

.copy-preview-spacer {padding-left:20px}

.rightColororange {text-align:right; padding-right:2px; color:#444444; background-color: #FFFCCC}
th.rightColororange {text-align:right; padding-right:2px; color:#444444;background-color: #FFFCCC}


/*************************************REPORT CONTROLLO TEMPI  - TIMESHEET   *****************/
/** reports/report_controllo_tempi/calendario_template **/


.tabellaRigheCtrTempi tr td {border: 1px solid #D4D1D1; padding:8px 5px 8px 5px !important; color:#ff0000 !important}
.tabellaRigheCtrTempi tr td.blue {color:#3c6cd0 !important;}
.tabellaRigheCtrTempi tr:first-child td {padding:4px 0px 4px 0px !important; color:#444444 !important; background:#F3F5FA; font-weight: 900 !important; text-transform: uppercase; font-size: 9px;}
.tabellaRigheCtrTempi tr:first-child td.today {color:#3c6bcf !important}
.tabellaRigheCtrTempi tr td:first-child {border-right:0px solid #D4D1D1 !important; color:#444444 !important}


.tabellaRigheCtrTempi tr:first-child td:first-child {background:#ffffff !important; border:0px !important}
.tabellaRigheCtrTempi tr td:nth-child(2) {border-bottom:1px solid #D4D1D1 !important; border-left:0px solid #D4D1D1 !important; border-top:0px solid #D4D1D1 !important;}
.tabellaRigheCtrTempi tr:first-child td:nth-child(2) {border-left:0px solid #D4D1D1; border-bottom:1px solid #D4D1D1; border-top:0px solid #D4D1D1; background:#ffffff;}
.tabellaRigheCtrTempi tr:first-child td:last-child {background:#ffffff; border:0px solid #D4D1D1 !important}
.tabellaRigheCtrTempi tr td:last-child {
	background:#ffffff;
	border: 0 !important;
}

.new-companylist td .tabellaRigheCtrTempi tr:nth-last-of-type(2) td:last-child, 
.tabellaRigheCtrTempi tr:nth-last-of-type(2) td:last-child {
	background:#ffffff;
	border: 0 !important;
}

.new-companylist td .tabellaRigheCtrTempi tr td:last-child {
	border-bottom:0px !important;
	border-top:0px !important;
	border:0 !important
}


.hlow {display:inline-block; padding:3px 5px; background: orange; color:#ffffff}
.hhigh {display:inline-block; padding:3px 5px; background: green; color:#ffffff}


.tms1 { background-color: #f3f6fa; border-radius: 3px; height: 10px; width: 10px; margin: 0px 2px 0 2px}
.tms2 { background-color: #dee5fb; border-radius: 3px; height: 10px; width: 10px; margin: 0px 2px 0 2px}
.tms3 { background-color: #8face3; border-radius: 3px; height: 10px; width: 10px; margin: 0px 2px 0 2px}
.tms4 { background-color: #3c6cd0; border-radius: 3px; height: 10px; width: 10px; margin: 0px 2px 0 2px}

/***FINE TIMESHEET */




/*************************************COMPETENZE FATTURE *****************/
/** fatture/competenze**/


.tabellaRigheCtrCompetenze tr td {border: 1px solid #D4D1D1; padding:8px 1px 8px 1px !important; color:#3c6cd0 !important}
.tabellaRigheCtrCompetenze tr:first-child td {padding:4px 0px 4px 0px !important; color:#444444 !important; background:#F3F5FA; font-weight: 900 !important; text-transform: uppercase; font-size: 9px;}
.tabellaRigheCtrCompetenze tr td:first-child {border-right:0px solid #D4D1D1 !important; color:#444444 !important; padding:8px 0px 8px 3px !important;}


.tabellaRigheCtrCompetenze tr:first-child td:first-child {background:#ffffff !important; border:0px !important}
.tabellaRigheCtrCompetenze tr td:nth-child(2) {border-bottom:1px solid #D4D1D1 !important; border-left:0px solid #D4D1D1 !important; border-top:0px solid #D4D1D1 !important;}
.tabellaRigheCtrCompetenze tr:first-child td:nth-child(2) {border-left:0px solid #D4D1D1; border-bottom:1px solid #D4D1D1; border-top:0px solid #D4D1D1; background:#ffffff;}
.tabellaRigheCtrCompetenze tr:first-child td:last-child {background:#ffffff; border:0px solid #D4D1D1 !important}
.tabellaRigheCtrCompetenze tr td:last-child {
	background:#ffffff;
	border: 0 !important;
}

.new-companylist td .tabellaRigheCtrCompetenze tr:nth-last-of-type(2) td:last-child, 
.tabellaRigheCtrCompetenze tr:nth-last-of-type(2) td:last-child {
	background:#ffffff;
	border: 0 !important;
}

.new-companylist td .tabellaRigheCtrCompetenze tr td:last-child {
	border-bottom:0px !important;
	border-top:0px !important;
	border:0 !important
}


.tabellaRigheCtrCompetenze tr.TotaliGray td {padding:4px 0px 4px 0px !important; color:#444444 !important; background:#F3F5FA; font-weight: 700 !important; text-transform: uppercase; font-size: 8px;}
.tabellaRigheCtrCompetenze tr.TotaliGray td:last-child {background:#ffffff; border-left:1px solid #F3F5FA !important;}
.tabellaRigheCtrCompetenze tr.TotaliGray td:first-child {border-left:1px solid #F3F5FA;}




/************** NUOVA DASHBOARD SOCIAL E TASK *************/

.ticketDot {display:inline-block; float:left; padding:0px 4px 1px 4px; background:green; margin:2px 2px 0px 0px; color:#ffffff; font-size:12px; line-height:15px; width:33px}
.taskDot {display:inline-block; float:left; padding:0px 4px 1px 4px; background:orange; margin:2px 2px 0px 0px; color:#ffffff; font-size:12px; line-height:15px; width:33px}
.socialDot {display:inline-block; float:left; padding:0px 4px 1px 4px; background:#3c6cd0; margin:2px 2px 0px 0px; color:#ffffff; font-size:12px; line-height:15px; width:33px}
.plusDot {margin-right:-5px}

.socialDot1 {display:inline-block; float:left; padding:0px 4px 1px 4px; background:#3c6cd0; margin:0px 2px 0px 0px; color:#ffffff; font-size:12px; line-height:15px}
.socialDot2 {display:inline-block; float:left; padding:0px 4px 1px 4px; background:#3c6cd0; margin:0px 2px 0px 0px; color:#ffffff; font-size:12px; line-height:15px}




/************   DETTAGLIO COMPETENZE    ***********/

.TabCompDetails {border-collapse: separate; border-spacing: 5px 3px; }
.TabCompDetails tr td {border: 1px solid #cccccc; padding:5px 5px 5px 3px !important}
.TabCompDetails tr:last-child td:last-child {background-color: #fae1bf}
.TabCompDetails tr:nth-last-of-type(2) td:last-child {background-color: #fae1bf} /*ultima cella di penultima riga*/


/******************** PANNELLO SLOT + TASK - TIMESHEET *************/
/******** ******** SLOT TODO *************
********************************************/
.todaySlot {
	background-color: #6a90da;	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	display:inline-block;
	color:#ffffff;
	vertical-align: middle;
	height:76px;
	padding-top:5px;
	margin:0 10px 0 10px;
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}

.todaySlot a {color:#ffffff}
.todaySlot .timesdone,
.timesdone {text-align:center; color:#ffffff; font-size:16px; margin-top:10px; font-family: 'Roboto Condensed',"Helvetica Neue",Arial,sans-serif; font-weight:700; letter-spacing:1px}

.otherdaySlot {
	background-color: #f3f6fa;	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	display:inline-block;
	color:#000000;
	vertical-align: middle;
	height:76px;
	padding-top:5px;
	margin:0 10px 0 10px;
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.otherdaySlot a {color:#000000}
.otherdaySlot .timesdone {text-align:center; color:#3c6cd0; font-size: 16px; margin-top:10px; font-family: 'Roboto Condensed',"Helvetica Neue",Arial,sans-serif; font-weight:700; letter-spacing:1px}


.slot-times { float:left; padding:0px; width:100%}
.slot-times input { padding:1px 5px; font-size:12px; width:25px; color:#444444}
.slot-times textarea {color:#444444}
/*.slot-times input.data {font-size:16px; color:#444444}*/


.task-data {
	background-color: #ffffff;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	padding:3px 3px;
	display:inline-block;
	color:#ec4646;
	vertical-align: middle;
	font-weight:700;
	line-height:12px
}

.task-data-off {
	background-color: #ffffff;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	padding:3px 3px;
	display:inline-block;
	color:#6a90da;
	vertical-align: middle;
	font-weight:700;
	line-height:12px
}


.slot-round {	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	text-align:center;
	display:inline-block;
	color:#ffffff;
	vertical-align: baseline;
	line-height:18px !important;
	height:18px;
	font-size:12px;
	width: 18px;
	margin-right:3px
}

.slot-round i {
	line-height:18px !important;
}

.nomeutente {color: orange; font-size:18px}
#calendario_view {margin:0px 0 5px 0 !important}


/**** etichette dei task nella dashboard ****/

.task-scaduto { background: #ff0000; padding:1px 6px 1px 6px; display:inline-block; margin-right:5px; color:#ffffff}
.task-aperto{ background: #F8DA58; padding:1px 6px 1px 6px; display:inline-block; margin-right:5px; color:#000000}
.task-chiuso { background: #4682B4; padding:1px 6px 1px 6px; display:inline-block; margin-right:5px; color:#ffffff}

/******** ******** FINE SLOT TODO *************
********************************************/



/******sovrascrive jquery-ui.css*/

.ui-widget-header {
	background: #6a90da/*{bgColorHeader}*/ ;
	color: #ffffff/*{fcHeader}*/;
}

#tabs .ui-widget-header {
	border: 1px solid #aaaaaa/*{borderColorHeader}*/;
	background: #f1f1ee/*{bgColorHeader}*/ ;
	color: #222222/*{fcHeader}*/;
	font-weight: 700;
}
#tabs .ui-widget-header a {
	color: #222222/*{fcHeader}*/;
}

#tabs .ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 0px/*{cornerRadius}*/;
	border-top-right-radius: 0px/*{cornerRadius}*/;
	border-bottom-left-radius: 0px/*{cornerRadius}*/;
	border-bottom-right-radius: 0px/*{cornerRadius}*/;
	line-height:16px;
	font-size: 12px
}
#tabs.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: 5px 5px 0;
}

#tabs.ui-tabs.ui-widget.ui-widget-content.ui-corner-all input.btn-conferma /*bottone conferma*/ {font-size:12px}


/******************** FINE PANNELLO SLOT + TASK ************************/



/**********NUOVI STILI PER CAMPI XML  ripresi anche in envoice.css ***********/

.list_container_xml {width: 100%; margin:auto}
.list_container_xml td {padding: 3px 2px 3px 2px !important; border-bottom: 1px dotted #CCCCCC;  word-break:break-all; background:#dee5fb}
.list_container_xml tr:first-child td {font-size:10px; font-family: 'Roboto',"Helvetica Neue",Arial,sans-serif; font-weight:700}

.xmlfields tr td {padding-bottom: 12px; font-size: 11px;  color:#3c6cd0}
.xmlfields tr td input {color: #000000; font-size: 13px; font-family: 'Roboto',"Helvetica Neue",Arial,sans-serif; margin-top:3px; border:1px solid #CCCCCC; padding:2px}



/********************************* NUOVA COMMESSA feb2019 *********************
************************************con stile crm***************************/

.beforeext td {
	background-color: #f3f5fa;
	padding:0 !important;
	position:relative;
	height:15px;
	border-bottom:0px
}


.beforeext td div.uno {
	position:absolute;
	width:488px;
	left:-2px;
	top:-4px;
	height:11px;
	line-height:11px;
	background:#f3f5fa;
	padding:0 1px;
}

.beforeext td div.uno div.unocont {
	background:#ffffff;
	border-bottom: 1px solid #E1DFDF;
	border-left: 1px solid #E1DFDF;
	border-right: 1px solid #E1DFDF;
	height:10px; 
	line-height:10px;
	border-bottom-right-radius: .25rem !important;
	border-bottom-left-radius: .25rem !important;
}

.beforeext td div.due {
	position:absolute;
	width:488px;
	left:-1px;
	top:7px;
	height:8px;
	line-height:8px;
	background-color: #f3f5fa;
}

/*vedi tutta descrizione commessa*/

.read-more-state {  display: none; }

.read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .25s ease;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}

.read-more-state ~ .veditutto:before {
  content: "\00BB";
}

.read-more-state:checked ~ .veditutto:before {
  content: "\00AB";
}
.read-more-wrap {display:inline; vertical-align: text-top;}
label.veditutto {display:inline; padding:0 0px; margin:0 5px; vertical-align: text-top; text-decoration:none; color:#444444;  font-size:18px; line-height:12px }




/***************** IMPLEMENTAZIONE STILE CRM SU TUTTO IL CHRONOS ***********************************
********************************ott 2019***********************************************************
********************************    pensato per CHRONOS  START  ma non attuato ************************************/


.tabellaRisultati.tabellaRighe td {border: 1px solid #cccccc; padding:2px 0 2px 2px !important;}
.tabellaRisultati.tabellaRighe tr td {border: 1px solid #cccccc; padding:2px 0 2px 2px !important;}
.tabellaRisultati.tabellaRighe tr:first-child td {border-bottom:1px solid #cccccc;}
.tabellaRisultati.tabellaRighe tr.Sfondo td {background:#eeeeee}

.tabellaRisultati.tabellaRigheBudget td,
.tabellaRisultati.tabellaRigheBudget tr td {border: 1px solid #cccccc; padding:2px 2px 2px 0px !important}

.tabellaRisultati.tabellaRigheBudget tr:first-child td {border-bottom:1px solid #cccccc; background: #eeeeee !important}

.tabellaRisultati.tabellaRigheBudget tr:last-child td,
.tabellaRisultati.tabellaRigheBudget td .tabellaRigheComp tr:last-child td,
.tabellaRigheComp tr:last-child td {background:#fae1bf !important}





/*************************             NUOVO   CHRONOS    START     *************************/
/*************************             NUOVO   CHRONOS    START     *************************/
/*************************             NUOVO   CHRONOS    START     *************************/
/*************************             NUOVO   CHRONOS    START     *************************/


/*** forecast unico + acquisti + report acquisti ***/

.num_standard, 
.acquisto_standard {
	background-color: #FFFFFF;
	padding:2px 3px;
	display: inline-block;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
} /*Bianco*/


.tipo_canone,
.acquisto_bnext{
	background-color: #C0C0C0;
	padding:2px 3px;
	display: inline-block;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
} /**Silver*/

.tipo_standard,
.acquisto_altridoc { 
	background-color: #FAD7EB;
	padding:2px 3px;
	display: inline-block;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
} /**Pale Turquoise*/

.tipo_pianificato,
.acquisto_budget { 
	background-color: #DCC1FF;
	padding:2px 3px;
	display: inline-block;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
} /**mix of MediumOrchid*/

.after-tab {padding:10px; margin:0px; border-left:1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;}


/****************** NUOVI FILTRI CON PLACEHOLDER *****
*****************************************************/

.FilterAll,
.FilterAll2 {
	float:left;
	padding:10px;
	background: #eeeeee;
	margin-top:-10px;
	margin-bottom:10px;
	border-bottom:1px solid #D4D1D1;
	border-top:0px solid #D4D1D1;
	width:100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.FilterAll2 {margin-top:0px;}
.FilterBoxSx {float:left; width:870px; width:870px !important}
.FilterBoxSxCrm {float:left; width:870px}
.Filter1 {float:left; width:auto; margin-right:11px;}
.Filter2 {float:left; width:auto;}
.Filter3 {float:left; width:auto; margin-right:11px; margin-top:5px}
.Filter4 {float:left; width:auto; margin-top:5px}

.FilterBoxDx {float:right; text-align:right;width:70px;}
.FilterBoxDxCrm_tab {float:right; text-align:right;width:70px;}

.FilterAll input[type="text"],
.FilterAll2 input[type="text"] {padding: 1px 2px 3px 2px;}


/*per popup*/
.FilterBoxSxPop {float:left; width:80%}
.FilterBoxDxPop {float:right; width:19%;text-align:right;}





/****************ICONE***********
*******************************************************************************************/

/***************colori pieni***********/

/**OLD
.cerchio-giallo {
	width: 12px;
	height: 12px;
	background-color: #F8DA58;
	border-radius: 50%;
	display:inline-block
}
**/

.cerchio-giallo { /* PIENO GIALLO - preventivo confermato e aperto */
	width: 12px;
	height: 12px;
	background: url(dcm_immagini/barre-gialle) left 0 no-repeat;
	display:inline-block
}

/**OLD
.cerchio-blu {
	width: 12px;
	height: 12px;
	background-color: #4682B4;
	border-radius: 50%;
	display:inline-block
}
**/

.cerchio-blu { /* PIENO BLU - preventivo chiuso */
	width: 12px;
	height: 12px;
	background: url(dcm_immagini/barre-blu) left 0 no-repeat;
	display:inline-block
}



/*** OLD
.cerchio-orange {
	width: 12px;
	height: 12px;
	background-color: #FFA500;
	border-radius: 50%;
	display:inline-block
}
**/

.cerchio-orange { /* PIENO ARANCIONE - preventivo in esecuzione - Stato SDI*/
	width: 12px;
	height: 12px;
	background: url(dcm_immagini/barre-arancioni) left 0 no-repeat;
	display:inline-block
}



.cerchio-verde { /* PIENO VERDE - esito positivo sdi */
	width: 12px;
	height: 12px;
	background-color: #008000;
	border-radius: 50%;
	display:inline-block
}

.cerchio-rosso { /* PIENO ROSSO - Errore fattura elettronica */
	width: 12px;
	height: 12px;
	background-color: #ff0000;
	border-radius: 50%;
	display:inline-block
}

.cerchio-brown { /* PIENO BROWN - Nessuno stato fattura */
	width: 12px;
	height: 12px;
	background-color: #A52A2A;
	border-radius: 50%;
	display:inline-block
}

.cerchio-slateblue { /* PIENO SLATEBLUE - Mancata consegna*/
	width: 12px;
	height: 12px;
	background-color: #6A5ACD;
	border-radius: 50%;
	display:inline-block
}


/***************** solo bordi *******************/

/**OLD
.cerchio-bordogrigio { 
	width: 8px;
	height: 8px;
	background: transparent;
	border-radius: 50%;
	border:2px solid #a6a6a6;
	display:inline-block
}
**/


.cerchio-bordogrigio { /* BORDO GRIGIO - solo preventivo e fattura no xml*/
	width: 12px;
	height: 12px;
	background: url(dcm_immagini/barra-grigia) left 0 no-repeat;
	display:inline-block
}

.cerchio-bordogiallo { /* BORDO GIALLO - solo xml*/
	width: 8px;
	height: 8px;
	background: transparent;
	border-radius: 50%;
	border:2px solid #F8DA58;
	display:inline-block
}


/****************** piccoli ******************/

.cerchio-min {
	width: 10px !important;
	height: 10px !important;
	margin:0 1px 0px 0
}

td > .cerchio-min:nth-child(2) {
	width: 6px !important;
	height: 6px !important;
	background-image: none;
	background-color: #cccccc;
	border-radius: 50%;
	margin:0 1px 2px 3px
}

.cerchio-min-bordo {
	width: 6px !important;
	height: 6px !important;
	margin:0 1px 0px 0
}


/**************** stondati per xml  **************/
.xml_nessuno { background-color: #b7b7b7; border-radius: 3px; height: 10px; width: 10px; margin: 2px 2px 0 2px} /*grigio*/
.xml_inviato { background-color: #F8DA58; border-radius: 3px; height: 10px; width: 10px; margin: 2px 2px 0 2px} /*giallo*/
.xml_attesa { background-color: #FFA500; border-radius: 3px; height: 10px; width: 10px; margin: 2px 2px 0 2px} /*arancione*/
.xml_ok { background-color: #008000; border-radius: 3px; height: 10px; width: 10px; margin: 2px 2px 0 2px} /*verde*/
.xml_noconsegna { background-color: #8A2BE2; border-radius: 3px; height: 10px; width: 10px; margin: 2px 2px 0 2px} /*viola*/
.xml_errore { background-color: #ff0000; border-radius: 3px; height: 10px; width: 10px; margin: 2px 2px 0 2px} /*rosso*/




/*************** COLORI + CHIARI PER STAMPE
blu #a3c2db #b5cde1
giallo #fdf2c5
rosso #ffb2b2
arancione #ffd280

****************************************/


/*********** PREFERENZE DI STAMPA IN CHRONOS START ***************/
.accordion { 
  width: 100%;
  margin: 0 auto;
}

.accordion h3 { 
  font-size: 16px;
  color: black;
  margin: 0;
  padding: 5px 10px;
  margin-top: 3px;
  border: 1px solid #D4D1D1;
  border-radius: 5px 5px 0 0; 
  transition: .3s;
}

.accordion div.slide { /* I singoli pannelli dell'accordion */
  font-size: 12px;
  margin: 0 0 20px 0;
  padding: 20px 10px;
  border:2px solid #D4D1D1;
  border-top: none;
  border-radius: 0 0 5px 5px; 
}

h3:hover {
  color: #FFF;
  background-color: #D4D1D1;
  cursor: pointer; 
  transition: .3s;
}

h3.active {
  color: #FFF;
  border-radius: 5px 5px 0 0;
  background-color: #D4D1D1;
  transition: .3s;
  cursor:default; 
}

h3:not(.active) {
  border-radius: 5px;
}

/*lightbox*/

.overlay2 {
  position: fixed;
  top: 0;
  left: 0; 
  width: 100%;
  min-height: 100%;
  opacity: 1;
  z-index: 1000;
  background-color: rgba(0, 0, 0, .9);
  color: #FFF;
  transition: .7s;
}

#image {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 500px;
  margin-left: -250px;
  margin-top: -370px;
  padding: 1em;
  border-radius: 5px;
  box-shadow: 0 0 1px 1px #222;
  background-color: #fff;
}

/************* MODIFICHE CRM CHRONOS START/ENTERPRISE ******************/

/************
************************hamburger menu */

.box-shadow-menu {
  position: relative;
  padding-left: 1.25em;
}
.box-shadow-menu:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.25em;
  width: 15px;
  height: 2px;
}

.menu1:before { /*  cliente */
  background: /*#c0c27c*/ #92BA17;
  box-shadow: 
    0 4px 0 0 #92BA17,
    0 8px 0 0 #92BA17;
}

.menu2:before {/* potenziale cliente */
  background: /*#ffbf18 #ffdc25*/ #8A2BE2;
  box-shadow: 
    0 4px 0 0 #8A2BE2,
    0 8px 0 0 #8A2BE2;
}

.menu3:before { /*red*/
  background: #ff421e;
  box-shadow: 
    0 4px 0 0 #ff421e,
    0 8px 0 0 #ff421e;
}

.menu4:before {/*orangel*//*  prospect */
  background: /*#ffe1b0*/ #EEA64E;
  box-shadow: 
    0 4px 0 0 #EEA64E,
    0 8px 0 0 #EEA64E;
}

.menuSt:before {/*grigio*/
  background: gray;
  box-shadow: 
    0 4px 0 0 gray,
    0 8px 0 0 gray;
}

/********************fine hamburger menu*/





/**********************************************
**********************************************
*************************FLEXBOX**************
**********************************************
**********************************************/


/********* CONTENITORI BOX*******/
/**********Contenitori affiancati fissi * con stessa altezza FLEXBOX es: testata nota spese, edit preventivo */

.wh_Container_FL {
	display: flex;
	display: -webkit-flex;
	flex-flow: row nowrap;
	-webkit-flex-flow: row nowrap;
	align-items: stretch;
	-webkit-align-items: stretch;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	margin-bottom: 10px;
}

.wh_Ent_FL {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	background:#ffffff;
	padding:10px;
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	margin-right:10px
}

.wh_Container_FL .wh_Ent_FL:last-child {margin-right:0 !important}

/*per html bottoni ancorati al fondo <div style="margin-top: auto">BOTTONI</div>*/


/************ sfondo azzurro da cristiano *************/

.BgBlu {
	background: #6a90da;
	color: #ffffff !important
}

.BgBlu tr td, 
.BgBlu h2, 
.BgBlu h1, 
.BgBlu a {
	color: #ffffff !important
}

.BgBlu #company_title,
.BgBlu .new-companylist td {
	border-color:#ffffff
}


.BgBlu input, 
.BgBlu select, 
.BgBlu textarea {color: #3c6cd0}

.BgBlu a.btn {
	color: #3c6cd0 !important
}


.evidenza {padding:5px 10px; background-color: rgba(255,255,255,0.25); color: #ffffff !important}


.evidenza2 {padding:10px; background-color: #8face3; color: #ffffff !important} 


.evidenza tr td, 
.evidenza h2, 
.evidenza a,
.evidenza2 tr td, 
.evidenza2 h2, 
.evidenza2 a {
	color: #ffffff !important
}

.evidenza #company_title,
.evidenza .new-companylist td,
.evidenza2 #company_title,
.evidenza2 .new-companylist td {
	border-color:#ffffff
}

.evidenza a.btn, 
.evidenza2 a.btn {
	color: #3c6cd0 !important
}

.evidenza input, 
.evidenza select, 
.evidenza textarea,
.evidenza2 input, 
.evidenza2 select, 
.evidenza2 textarea {color: #3c6cd0}

.evidenza tr td.red,
.evidenza2 tr td.red, 
.evidenza .red,
.evidenza2 .red {
	color: #ffcb88 !important;
}

/**************************** Contenitori affiancati dinamici BIANCHI ** vedi nota spese non implementato ****/

.wh_Cont {overflow/**/:/**/hidden; float:left; margin-bottom:0px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width:100%}
.wh_Single {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background:#ffffff; padding:10px; margin-bottom:1px; float:left; margin-right:10px}
.wh_Cont .wh_Single:last-child {margin-right:0 !important}

/**3 box per riga*/
.wh_Cont.Box3 .wh_Single:nth-child(3n+3) {float:right; margin-right:0 !important}
.wh_Cont.Box3 .wh_Single:nth-child(4n+4) {clear:both}

/**4 box per riga*/
.wh_Cont.Box4 .wh_Single:nth-child(4n+4) {float:right; margin-right:0 !important}
.wh_Cont.Box4 .wh_Single:nth-child(5n+5) {clear:both}


/********************************************************************
**************** Contenitori affiancati dinamici AZZURRI in contenitore bianco  *
**********DA CRISTIANO ************************vedi crm IMPLEMENTATO nella sezione edit_azienda > contatti ******/

.tr_Cont {overflow/**/:/**/hidden;float:left;background:#ffffff; padding:10px; margin-bottom:10px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width:100%;}
.tr_Single {
	box-sizing: border-box; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	background:#f3f6fa;
	padding:10px;
	margin-bottom:10px;
	float:left;
	margin-right:10px;
	line-height: 1.55em;
}

/*****************
per avere sfondi stessa altezza dei singoli box FLEXBOX
******************/
.tr_Cont2 { 
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	-webkit-flex-direction: row;
	flex-wrap: wrap;
}

.tr_Single2 {
	box-sizing: border-box; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	background:#f3f6fa;
	padding:10px;
	margin-bottom:10px;
	margin-right:11px;
	line-height: 1.55em;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;	
	flex: 1;
	-webkit-flex: 1;
}


/**3 box per riga*/

.tr_Cont.Box3 .tr_Single:nth-child(3n+3),
.tr_Cont2.Box3 .tr_Single2:nth-child(3n+3) {float:right; margin-right:0 !important}

.tr_Cont.Box3 .tr_Single:nth-child(4n+4) {clear:both !important}




/**************   LARGHEZZA fino fine contenitore INPUT FORM CON FLEXBOX      vedi conferma appuntamento crm dmedia   **************/

.form_Container_FL {
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	-webkit-flex-direction: row;
}

.input_FL {
	flex: 1;
	-webkit-flex: 1;
	/*margin-right:60px*/
	margin-right:0px
}

/***************************************************
****************************************************
***************************FINE**FLEXBOX**************
*****************************************************
*****************************************************/



/*********************
************CRM NUOVO*********
******************************
********************************/

/******tab azioni edit_azienda *************/

.actionall { padding: 0px 0px 10px 0px; margin-bottom: 0px; float:left; border: 0px}
.actionsingle{ border-left:3px solid; padding:6px 5px 6px 5px; width:100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

/*calendario*/
.cal-actionsingle {border-left:3px solid; padding-left:5px;margin-bottom:10px}
/*report azioni*/
.cal-actionsingle.rep {margin-bottom:0px}


/** ricerca crm
tabella per separare celle e mettere input al 100% **/

.separate-cells td {/*ricerca crm*/
  padding-right:20px !important;
  padding-bottom:5px !important
}
.separate-cells td:last-child {
  padding-right:0px !important
}
.separate-cells tr:last-child td {padding-bottom:0 !important}

.separate-cells input,
.separate-cells select,
.separate-cells textarea {
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
	width: 100%
}


/**********************
* FONT ICONS AWESOME*
***********************/
.iconMIN {font-size: 9px !important; padding:0 1px}
.iconXXXS {font-size: 10px !important; padding:0 1px}
.iconXXS {font-size: 11px !important; padding:0 1px}
.iconXS {font-size: 12px !important; padding:0 1px}
.iconS {font-size: 13px !important; padding:0 1px}
.iconSM {font-size: 14px !important; padding:0 1px}
.iconM {font-size: 15px !important; padding:0 1px}
.iconML {font-size: 16px !important; padding:0 1px}



/**********************************************
**icona tre puntini da usare con dropdown-toggle*****
********************************************/

/*rollover
.fa-ellipsis-v {
	color:gray;
	background-color: transparent;
	border-radius: 50%;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	height:18px;
	width:18px
}

.fa-ellipsis-v:hover {
	background-color: #ddd;
	color: gray;
} 
*/

a.dropdown-toggle i.fa-ellipsis-v, .fa-ellipsis-v {
	color:gray;
}

.dropdown-container input[type="button"],
.dropdown-container input[type="reset"],
.dropdown-container input[type="submit"] {
	cursor: pointer;
	border: 0;
	background:none;
	padding:0;
	margin:0
}

.dropdown-container a {cursor: pointer;}




/************************* GENERALI
************************************/




.forTable {margin-top:-4px !important; margin-bottom:1px !important} /*per h2 che sta dentro la riga di intestazione della tabella new-companylist -- vedi edit nota spese*/





/*****************
****************** NUOVO REPORT INCOME [amministrazione/report_income] ******/

.TabIncome {border-collapse: collapse;}
.TabIncome tr td { border: 1px solid #b9b9b9; padding:8px 5px 8px 3px; font-size:12px}
.TabIncome tr:first-child td {font-size:12px; padding: 4px 4px 4px 0px !important; border-bottom: 1px solid #D4D1D1; background:#F3F5FA; font-weight:900 !important; text-transform: uppercase; font-size:8px;}
.TabIncome tr:first-child td:first-child {border:0;background:none}
.TabIncome tr td:first-child {border-right:0}
.TabIncome tr td:nth-child(5),
.TabIncome tr td:nth-child(6),
.TabIncome tr td:nth-child(8),
.TabIncome tr td:nth-child(9){
	background-color: rgba(69, 121, 146, 0.1);
	color:#444444
}
.TabIncome tr:last-child td {font-size:13px}
.TabIncome tr:last-child td:nth-child(5),
.TabIncome tr:last-child td:nth-child(6),
.TabIncome tr:last-child td:nth-child(8),
.TabIncome tr:last-child td:nth-child(9){
	background-color: rgba(69, 121, 146, 0.1);
}


/*************************
******************* NUOVO BUDGET [/reports/report_budget_attivo] **********/

.TabBudgetAttivo2 {border-collapse: separate; border:0}
.TabBudgetAttivo2 td { border-right: 1px solid #dadee1; padding:8px 5px 8px 3px; font-size:12px}
.TabBudgetAttivo2 tr td { border-right: 1px solid #dadee1; padding:8px 5px 8px 3px;}

.TabBudgetAttivo2 tr td:first-child {border:0px;}

.TabBudgetAttivo2 tr:first-child td {padding: 4px 0px 4px 0px !important; font-size:10px}
.TabBudgetAttivo2 tr:first-child td:first-child {border:0px; background:#ffffff; }
.TabBudgetAttivo2 tr:first-child td:nth-child(2) {background-color: #6a90d9; color:#ffffff; border-color: #6a90d9;border-right:0; border-radius:4px 0px 0 0; border-left:1px}
.TabBudgetAttivo2 tr:first-child td:nth-child(3) {background-color: #3c6cd0; color:#ffffff; border-color:#3c6cd0; border-radius:0px 4px 0 0;}
.TabBudgetAttivo2 tr:first-child td:first-child {border-right:0px solid white; border-bottom: 0px solid gray}

.TabBudgetAttivo2 tr:nth-child(2) td { padding: 4px 5px 4px 3px !important; border:0; background:#f4f5f9 !important; font-weight:700 !important; text-transform: uppercase; font-size:8px;}

.TabBudgetAttivo2 tr td:nth-child(2), 
.TabBudgetAttivo2 tr:nth-child(2) td:nth-child(2) {border-left: 1px solid #dadee1;}


.TabBudgetAttivo2 tr:nth-child(2) td:nth-child(4),
.TabBudgetAttivo2 tr:nth-child(2) td:last-child{border-right: 1px solid #dadee1;}

.TabBudgetAttivo2 tr:last-child td {border:0; padding: 4px 5px 4px 3px !important;}
.TabBudgetAttivo2 tr:last-child td:last-child {border-right: 1px solid #bccae2;}


/******************
**************** NUOVO REPORT MARGINALITA' [/reports/report_val_commesse] ******/

.TabRepMargin {border-collapse: collapse; border:0}
.TabRepMargin td {border-right: 1px solid #dadee1; padding:8px 5px 8px 3px; font-size:12px}
.TabRepMargin tr td { border-right: 1px solid #dadee1; padding:8px 5px 8px 3px;}

.TabRepMargin tr:first-child td { padding: 4px 5px 4px 0px !important; border:0; background:#f4f5f9 !important; font-weight:700 !important; text-transform: uppercase; font-size:8px;}
.TabRepMargin tr:first-child td:last-child {border-right: 1px solid #f4f5f9;}

/*.TabRepMargin tr:nth-child(odd) td { background:#fafbff }*/
/*
.TabRepMargin tr td:nth-child(7),
.TabRepMargin tr td:nth-child(8){
	background-color: rgba(69, 121, 146, 0.1);
	color:#444444
}
.TabRepMargin tr:last-child td:nth-child(7),
.TabRepMargin tr:last-child td:nth-child(8){
	background-color: rgba(69, 121, 146, 0.1);
}
*/

.TabRepMargin tr td:first-child {border-right:0}

.TabRepMargin tr:last-child td {border:0; padding: 4px 5px 4px 0px !important;}
.TabRepMargin tr:last-child td:last-child {border-right: 1px solid #bccae2;}

/*per Report budget vs consuntivo  /reports/a2/index_html*/
.TabRepMargin tr td .tabellaInternaPad3  {border-collapse: collapse; width:calc(100% + 0.5px);}
.TabRepMargin tr td .tabellaInternaPad3 tr td {border: 1px solid #dadee1; padding: 4px 5px 4px 3px !important;font-size:11px;}

.TabRepMargin tr td .tabellaInternaPad3 tr:first-child td {line-height:inherit; background:none !important; text-transform: none; font-weight:normal !important;font-size:11px;}
.TabRepMargin tr td .tabellaInternaPad3 tr td:first-child {border-right: 0px;}
.TabRepMargin tr td .tabellaInternaPad3 tr:first-child td:last-child,
.TabRepMargin tr td .tabellaInternaPad3 tr:last-child td:last-child{border-right: 1px solid #dadee1;}
.TabRepMargin tr td .tabellaInternaPad3 tr td:nth-child(2) {border-left: 0px;}


/***********************
****************** REPORT CENTRI DI RICAVO RAGGRUPPATO x ANNO [/reports/report_cc_anno] ******/
/**************** amministrazione/report_income ******/

.TabCRAnno {border-collapse: collapse; border:0}
.TabCRAnno tr td {border-right: 1px solid #dadee1; padding:8px 5px 8px 3px; font-size:12px;}

.TabCRAnno tr:first-child td { padding: 4px 5px 4px 3px !important; border:0; background:#f4f5f9 !important; font-weight:700; text-transform: uppercase; font-size:8px;}
.TabCRAnno tr:first-child td:last-child {border-right: 1px solid #f4f5f9;}

.TabCRAnno tr:last-child td {border:0; padding: 4px 5px 4px 3px !important;}
.TabCRAnno tr:last-child td:last-child {border-right: 1px solid #bccae2;}


.TabCRAnno tr td .tabellaInternaPad  {border-collapse: collapse;}
.TabCRAnno tr td .tabellaInternaPad tr td {border: 1px solid #dadee1; padding: 4px 5px 4px 3px !important;font-size:11px;}

.TabCRAnno tr td .tabellaInternaPad tr:first-child td {line-height:inherit; background:none !important; text-transform: none; font-weight:normal;font-size:11px;}

.TabCRAnno tr td .tabellaInternaPad tr td:nth-child(4){border: 1px solid #dadee1; background:none !important;}


/***********************reports/report_competenze ******/
/***********************reports/report_cashflow******/
/***********************tabelle/centri_di_ricavo/budget_cr******/
/***********************tabelle/centri_di_costo/budget_ta******/
/***********************tabelle/amministrazione/riba******/

.uno tr td { font-size:12px !important;}
.due tr td { font-size:11px !important;}
.tre tr td { font-size:10px !important;}


.TabCRAnno2,
.TabCRAnno3 {border-collapse: collapse; border:0}

.TabCRAnno2 tr td,
.TabCRAnno3 tr td {border-right: 1px solid #dadee1; padding:8px 2px 8px 1px;}
.TabCRAnno2.budget tr td {border-right:0px}

.TabCRAnno2 tr td { font-size:12px;}
.TabCRAnno3 tr td { font-size:11px;}

.TabCRAnno2 tr:first-child td,
.TabCRAnno3 tr:first-child td { padding: 4px 2px 4px 1px !important; border:0; background:#f4f5f9 !important; font-weight:700; text-transform: uppercase; font-size:8px;}
.TabCRAnno3 tr:first-child td:first-child {font-size:8px;}
.TabCRAnno2 tr:first-child td:last-child,
.TabCRAnno3 tr:first-child td:last-child {border-right: 1px solid #f4f5f9;}

.TabCRAnno2 tr:last-child td,
.TabCRAnno3 tr:last-child td {border:0; padding: 4px 2px 4px 0px !important;}
.TabCRAnno2 tr:last-child td:last-child,
.TabCRAnno3 tr:last-child td:last-child {border-right: 1px solid #bccae2;}


.TabCRAnno2 tr td .tabellaInternaPad,
.TabCRAnno3 tr td .tabellaInternaPad {border-collapse: collapse;}
.TabCRAnno2 tr td .tabellaInternaPad tr td,
.TabCRAnno3 tr td .tabellaInternaPad tr td {border: 1px solid #dadee1; padding: 4px 2px 4px 1px !important; background:#ffffff}
.TabCRAnno2 tr td .tabellaInternaPad tr:first-child td:last-child,
.TabCRAnno3 tr td .tabellaInternaPad tr:first-child td:last-child,
.TabCRAnno2 tr td .tabellaInternaPad tr td:last-child,
.TabCRAnno3 tr td .tabellaInternaPad tr td:last-child,
.TabCRAnno2 tr td .tabellaInternaPad tr:last-child td:last-child, 
.TabCRAnno3 tr td .tabellaInternaPad tr:last-child td:last-child{border-right: 1px solid #dadee1;}

.TabCRAnno2 tr td .tabellaInternaPad tr:first-child td {line-height:inherit; background:#f3f5fa78 !important; text-transform: none; font-weight:normal;}
.TabCRAnno3 tr td .tabellaInternaPad tr:first-child td {line-height:inherit; background:#ffffff !important; text-transform: none; font-weight:normal;}

.TabCRAnno2 tr td .tabellaInternaPad tr:first-child td {font-size:12px;}
.TabCRAnno3 tr td .tabellaInternaPad tr:first-child td,
.TabCRAnno3 tr td .tabellaInternaPad tr td{font-size:11px;}
.TabCRAnno3 tr td .tabellaInternaPad tr td:first-child{font-size:10px;}

.TabCRAnno2 td input,
.TabCRAnno3 td input {width:100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size:11px}

.TabCRAnno3 tr td:first-child {font-size:12px;}


/*************box bianchi 100% height [campagne crm dmedia]
bisogna aggiungere in ogni pagina gli stili con jquery***************/

#AllHe{
	display:table;
	width:100%;
	height:100%;
	min-width:100%;
}

#AllHe_row{
	display:table-row;
	height:100%;
}
#AllHe_row > * {
display: table-cell;
vertical-align: middle; /*Fix Chrome/Safari */
}
#AllHesx{
	display:table-cell;
	float:left;
	height:100%; 
	background:#ffffff;
	padding:10px;
	margin-bottom:0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;	
}
#AllHedx{
	display:table-cell;
	float:right;
	height:100%; 
	background:#ffffff;
	padding:10px;
	margin-bottom:0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;	
}





/****************DA CRISTIANO********************************
*************************************************************
********************************************/

/*bottoncino documenti nei progetti */

.round3-azz {
	background-color: #8face3;	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	padding:0px 3px;
	display:inline-block;
	color:#ffffff;
	vertical-align: middle;
	font-size: 10px;
	line-height:12px;
	height:12px;
	margin-top:1px
}

.round3-gray {
	background-color: #b7b7b7;	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	padding:0px 3px;
	display:inline-block;
	color:#ffffff;
	vertical-align: middle;
	font-size: 10px;
	line-height:12px;
	height:12px;
	margin-top:1px
}

.round3-red {
	background-color: red;	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	padding:0px 3px;
	display:inline-block;
	color:#ffffff;
	vertical-align: middle;
	font-size: 10px;
	line-height:12px;
	height:12px;
	margin-top:1px
}

.round3-blue {
	background-color: #3c6cd0;	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	padding:0px 3px;
	display:inline-block;
	color:#ffffff;
	vertical-align: middle;
	font-size: 10px;
	line-height:12px;
	height:12px;
	margin-top:1px
}



/******************************************************
*********************nuovo tab ******************
******************************************************/

.tabs, 
.tabs2 {
	float:left;
	margin: 5px 0 0px 0;
	padding: 0;
	background:#f3f5fa;
	border-radius: 3px;
	border: 1px solid #D4D1D1;
	text-align: center;
	width:100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	text-transform:uppercase
}

.tabs > div, 
.tabs2 > div {
	float:left;
	list-style: none;
	display: inline-block;
	border-right: 1px solid #D4D1D1;
	padding:0;
	margin:0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	text-align: center;
}

.tabs .tab2, .tabs2 .tab2 {width:calc(100% / 2);}
.tabs .tab3, .tabs2 .tab3 {width:calc(100% / 3);}
.tabs .tab4, .tabs2 .tab4 {width:calc(100% / 4);}
.tabs .tab5, .tabs2 .tab5 {width:calc(100% / 5);}
.tabs .tab6, .tabs2 .tab6 {width:calc(100% / 6);}
.tabs .tab7, .tabs2 .tab7 {width:calc(100% / 7);}
.tabs .tab8, .tabs2 .tab8 {width:calc(100% / 8);}
.tabs .tab9, .tabs2 .tab9 {width:calc(100% / 9);}

.tabs > div:first-child, 
.tabs2 > div:first-child {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	border-left: 0px solid #D4D1D1;
}

.tabs > div:last-child, 
.tabs2 > div:last-child {
	border-right: 0px
}

.tabs .tab-button, 
.tabs2 .tab-button2 {
	border: 0px;
	color: #8a949d;
	padding: 5px 0px;
	margin:0;
	text-decoration: none;
	display: block;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	width:100%;
	font-size: 10px;
	font-weight:700
}

.tabs > div.active, 
.tabs2 > div.active {
	background-color: #bccae2;
	border-bottom: 1px solid #3c6cd0;
	color:#3c6cd0;
	border-top:0;
	border-left:0;
	margin-bottom:-2px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.tabs > div.active .tab-button, 
.tabs2 > div.active .tab-button2 {
	color:#3c6cd0;
}

.tabs > div:hover, 
.tabs2 > div:hover {
	background-color:#bccae2
}

.tabs > div:hover .tab-button, 
.tabs2 > div:hover .tab-button2 {
	color:#3c6cd0;
}

.tab-content {
  background: #eeeeee;
  padding: 10px;
  width: 100%;
    border: 1px solid #D4D1D1;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.tab-content-w {
    border-top: 1px solid #D4D1D1;
}


/**********************************
*********FILTRI SFONDO BLU ****
***********************************/

.FilterAllBlu {
	float:left;
	padding:10px;
	background: #6a90da;
	margin-bottom:10px;
	width:100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-top:5px;
	color:#ffffff
}

.FilterAllBlu input,
.FilterAllBlu select,
.FilterAllBlu textarea {
	/* ripristina freccetta 
	-webkit-appearance: menulist;
	-moz-appearance: menulist;
	*/
	font-size: 12px;
	border: 1px solid #ffffff;
	margin:2px 0 2px 0;
	padding: 2px 0px 2px 2px;
	line-height: 14px;
	color:#ffffff;
	background:none;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.FilterAllBlu input,
.FilterAllBlu select {width:124px}

.FilterAllBlu select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(dcm_immagini/freccia) right 2px center no-repeat; background-size: 9px 7px;
	padding: 2px 16px 2px 2px;
}



.FilterAllBlu input[type="image"] {width:auto}

.FilterAllBlu select option {color:#444444;}
.FilterAllBlu select[multiple] option {color: #ffffff !important}

.FilterAllBlu input.Noborder {border-style:none}

.FilterAllBlu ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #a6bce9;
  opacity: 1; /* Firefox */
}

.FilterAllBlu :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #a6bce9;
}

.FilterAllBlu ::-ms-input-placeholder { /* Microsoft Edge */
  color: #a6bce9;
}

.FilterAllBlu .FilterBoxSx {float:left; width:815px !important}
.FilterAllBlu .FilterBoxDx {float:right; text-align:right;width:131px;}



/*********************
associa commesse da PDR *
*********************/

.tabellaInternaPad.grayrow {margin-bottom:10px; margin-top:10px; border:0}
.tabellaInternaPad.grayrow tr td {border-left: 1px solid #cccccc;border-right: 1px solid #cccccc; border-bottom:1px solid #cccccc; border-top:0; padding:2px 2px 2px 2px; color:grey; font-size:11px}
.tabellaInternaPad.grayrow tr td { color:grey;}
.tabellaInternaPad.grayrow tr td a { color:grey; text-decoration:underline;}
.tabellaInternaPad.grayrow tr td:last-child{border-left: 0px; border-bottom: 0px}
.tabellaInternaPad.grayrow tr:first-child td {border-top: 1px solid #cccccc}
.tabellaInternaPad.grayrow tr td:first-child {border: 0}

.tabellaInternaPad.grayrow tr td:nth-child(7),
.tabellaInternaPad.grayrow tr td:nth-child(8),
.tabellaInternaPad.grayrow tr td:nth-child(9) {border-bottom: 0px}

.tabellaInternaPad.grayrow tr:first-child td:nth-child(7),
.tabellaInternaPad.grayrow tr:first-child td:nth-child(8),
.tabellaInternaPad.grayrow tr:first-child td:nth-child(9) {border-top: 0px}

.tabellaInternaPad.grayrow tr td:nth-child(5),
.tabellaInternaPad.grayrow tr td:nth-child(7),
.tabellaInternaPad.grayrow tr td:nth-child(8),
.tabellaInternaPad.grayrow tr td:nth-child(9) {border-right: 0px}
.tabellaInternaPad.grayrow tr td:nth-child(6),
.tabellaInternaPad.grayrow tr td:nth-child(8) {border-left: 0px}

.tabellaInternaPad.grayrow tr td:nth-child(7) {border: 0px}


.triangle-down {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #477994;
    margin-top:5px
}
/*fine associa commesse*/



/*********************
* PAGINA LOGIN 
*********************/
/************************************/

.wrapper {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    justify-content: center;
    padding-top: 30px;
    color: #8d8d8d;
    font-size: 14px;
    box-sizing: border-box;
}

.wrapper h1 {
    font-size: 24px;
    margin-bottom: 1.5rem !important;
    font-weight: 400!important;
    color:#8d8d8d;
    text-transform:none
}

.display-pan {
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,.13);
    box-shadow: 0 0 20px rgba(0,0,0,.13);
    max-width: 500px;
    padding: 40px;
    width: 100%;
    background:#ffffff;
    box-sizing: border-box;
}

.form-label-group {
    margin-bottom: 2rem;
    position: relative;
}

.control-label {
    color: #8d8d8d;
    font-size: 16px;
}

label {
    display: inline-block;
    margin-bottom: .5rem;
}

.form-control {
    color: #8d8d8d;
    height: 50px !important;
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.form-control:focus {
	outline: none;
	box-shadow: 0 0 0 3px rgba(21, 156, 228, 0.4);
}

.wrapper input[type="submit"] {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem;
    background-color: #3c6cd0;
    border-color: #3c6cd0;
    display: block;
    width: 100%;
    color: #fff;
}

/***********************
 * Tooltip Styles
 ***********************/

.tooltip-box {
	position: relative;
	display: inline-block;
	cursor: pointer;
	width:100%
}

.tooltip-box .tooltiptext,
.tooltip-box .tooltiptextTaskDash,
.tooltip-box .tooltiptextPrev-cr {
	visibility: hidden;
	text-align: left;
	border-radius: 3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	position: absolute;
	z-index: 1000;
	padding: 8px;
	width: 160px;
	background-color: #000;
	background-color: hsla(0, 0%, 20%, 0.9);
	color: #fff;
	font-size: 12px;
	line-height: 1.2;  
	 
	bottom: 100%;
	/*left: 50%;*/
	left: -8px;  
	margin-left: 0px;
	-webkit-transform: translateY(-12px);
	-moz-transform:    translateY(-12px);
	transform:         translateY(-12px); 
}



.tooltip-box .tooltiptextAllegati {
	visibility: hidden;
	text-align: left;
	border-radius: 3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	padding: 10px;
	width: 220px;
	background-color: #000;
	background-color: hsla(0, 0%, 20%, 0.7);
	color: #fff;
	font-size: 12px;
	line-height: 1.2;  
	position: absolute;
	z-index: 1;
	top: 10px;
	left: 55px;
	margin-left: 0px;
	-webkit-transform: translateY(-12px);
	-moz-transform:    translateY(-12px);
	transform:         translateY(-10px); 
	
}


.tooltip-box .tooltiptextPresenze  {
	visibility: hidden;
	text-align: left;
	border-radius: 3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	position: absolute;
	z-index: 1000;
	padding: 10px;
	width: 160px;
	background-color: #000;
	background-color: hsla(0, 0%, 20%, 0.9);
	color: #fff;
	font-size: 10px;
	line-height: 1.2;  
	bottom: -60px;
	left: -112px;  
	margin-left: 0px;
	-webkit-transform: translateY(-12px);
	-moz-transform:    translateY(-12px);
	transform:         translateY(-12px); 
}


/* arrow */
.tooltip-box .tooltiptext:after {
	border: solid;
	border-color: hsla(0, 0%, 20%, 0.9) transparent;
	border-width: 6px 6px 0 6px;
	bottom: -6px;
	left:66px;
	content: "";
	position: absolute;   
	z-index: 1001;
}

.tooltip-box .tooltiptext.slotToDo:after {
	border: solid;
	border-color: hsla(0, 0%, 20%, 0.9) transparent;
	border-width: 6px 6px 0 6px;
	bottom: -6px;
	left:100px;
	content: "";
	position: absolute;   
	z-index: 1001;
}

.tooltip-box .tooltiptextTaskDash:after {
	border: solid;
	border-color: hsla(0, 0%, 20%, 0.9) transparent;
	border-width: 6px 6px 0 6px;
	bottom: -6px;
	left:35%;
	content: "";
	position: absolute;   
	z-index: 1001;
}


.tooltip-box .tooltiptextPrev-cr:after {
	border: solid;
	border-color: hsla(0, 0%, 20%, 0.7) transparent;
	border-width: 6px 6px 0 6px;
	bottom: -6px;
	left:8%;
	content: "";
	position: absolute;   
	z-index: 1001;
}


.tooltip-box:hover .tooltiptext,
.tooltip-box:hover .tooltiptextTaskDash,
.tooltip-box:hover .tooltiptextPrev-cr {
	visibility: visible;
}

.tooltip-box:hover .tooltiptextAllegati{
	visibility: visible;
}

.tooltip-box:hover .tooltiptextPresenze{
	visibility: visible;
}


/*********************************
* NUOVO FORECAST DA CRISTANO *
*********************************/

.ReportMain {
	/*background-color: #bccae2;*/
	background-color: #CDD7EA;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	margin-top:4px;
	margin-bottom:4px;
	padding:2px 0px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.ReportMain.analbudget {background-color: #dee5fb; margin-bottom:0}

.ReportMain input[type="checkbox"] {background: #CDD7EA !important; border: 1px solid #ffffff;}

.ReportMain > table tr td {padding: 4px 4px 4px 0px}


.ReportMain + div {padding-bottom:2px}
.ReportMain + div table tr td,
.ReportMain + div table.new-companylist tr td {padding: 2px 4px 2px 0px !important}
.ReportMain + div table.new-companylist tr:only-child td {border-bottom:0}
.ReportMain.analbudget + div table.new-companylist tr:only-child td {border-bottom:1px solid #D4D1D1}

.ReportMain + div table tr td .tabellaInterna tr td,
.ReportMain + div table.new-companylist tr td .tabellaInterna tr td {padding: 0px 0px 2px 0px !important}

.ReportMain + div table tr td input[type="checkbox"] {border: 1px solid #cccccc;}

.ReportMain + div table tr th {padding: 2px 4px 2px 0px !important; border-bottom: 1px solid #D4D1D1; background:#F3F5FA; font-weight:900 !important; text-transform: uppercase; font-size:8px;}

.ReportMain + div table tr th table tr td {padding: 2px 0px 2px 0px !important; border-bottom: 1px solid #D4D1D1; background:#F3F5FA; font-weight:900 !important; text-transform: uppercase; font-size:8px;}

.ReportButtons .btn-conferma {
	color: #3c6cd0 !important;
	background: none !important;
	border: 1px transparent !important;
	font-weight:700 !important;
	font-size:9px !important;
	padding: 2px  5px 3px !important;
}

.ReportButtons tr td {padding: 2px 4px 2px 0px !important; background: #F3F5FA;}

.ReportButtons .btn-conferma:hover,
.ReportButtons .btn-conferma:focus,
.ReportButtons .btn-conferma:active,
.ReportButtons .btn-conferma.active {
	color: #3c6cd0 !important;
	background: none !important;
	border: 1px transparent !important;
	outline: none
}




/*********************************
* NUOVO CRM DA CRISTANO *
*********************************/


/**********************
****EDIT AZIENDA *******
***********************/

.Crmbox,
.Crmbox tr td,
.Crmbox div,
.Crmbox span,
.Crmbox p {
	line-height: 1.55em
}

/* sezione NOTE*/
.NoteBox {
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background:#3c6cd0;
	padding:10px;
	margin-bottom:10px;
	color:#ffffff;
	line-height:1.55em;
	float:left;
	width:100%;
	box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
}

.NoteBox tr td,
.NoteBox div,
.NoteBox p,
.NoteBox span,
.NoteBox a {
	color:#ffffff;
	line-height:1.55em
}

/*Scadenze fatture*/
.NoteBox2 {
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background:#dee5fb;
	padding:10px;
	margin-bottom:10px;
	line-height:1.55em;
	float:left;
	width:100%;
	box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
}

.NoteBox2 tr td,
.NoteBox2 div,
.NoteBox2 p,
.NoteBox2 span,
.NoteBox2 a {
	line-height:1.55em
}

.NoteBox2 .ContSx {float:left; padding-right:10px; width:64%; border-right:0px solid #3c6cd0;}
.NoteBox2 .ContDx {float:right; width:calc(36% - 17px); text-align:right; border-left:2px solid #3c6cd0; margin-left:-2px; padding-right:5px }

/* sezione AZIONI */
.ActionBox {
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background:#dee5fb;
	padding:10px;
	margin-bottom:10px;
	line-height:1.55em;
	float:left;
	width:100%;
	box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
}

.ActionBox tr td,
.ActionBox div,
.ActionBox p,
.ActionBox span,
.ActionBox a {
	line-height:1.55em
}

.ActionBox .ContSx {float:left; padding-right:10px; width:70%; border-right:0px solid #3c6cd0}
.ActionBox .ContDx {float:right; width:calc(30% - 12px); text-align:center; color:#3c6cd0; border-left:2px solid #3c6cd0; margin-left:-2px }

/***********************Scadenze fatture*/

.ActionBox2 {
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background:#ffeac0 /*#ffb72c*/;
	padding:10px;
	margin-bottom:10px;
	line-height:1.55em;
	float:left;
	width:100%;
	height:100%; 
	min-height:100%;
	box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
}

.ActionBox2 tr td,
.ActionBox2 div,
.ActionBox2 p,
.ActionBox2 span,
.ActionBox2 a {
	line-height:1.55em
}
/*
.ActionBox2 .ContSx {
	float:left;
	padding-right:10px;
	width:calc(64% + 1px);
	border-right:2px solid #e84d3d;
	box-sizing: border-box !important; 
	-webkit-box-sizing: border-box !important;	
	-moz-box-sizing: border-box !important;
	height:100%;
	min-height:100%;
}
.ActionBox2 .ContDx {
	float:right;
	width:calc(36% + 1px);
	text-align:right;
	border-left:2px solid #e84d3d;
	margin-left:-2px;
	padding-right:5px;
	box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	height:100%; 
	min-height:100%; }
*/


.ActionBox2 .ContSx {float:left; padding-right:10px; width:64%; border-right:0px solid #e84d3d;}
.ActionBox2 .ContDx {float:right; width:calc(36% - 17px); text-align:right; border-left:2px solid #e84d3d; margin-left:-2px; padding-right:5px }


/* sezione OPPORTUNITIES */
.OpportunityBox {
	margin-top:15px;
	line-height:1.55em;
	float:left;
	width:100%;
	box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
}

.OpportunityBox tr td,
.OpportunityBox div,
.OpportunityBox p,
.OpportunityBox span,
.OpportunityBox a {
	line-height:1.55em
}

.OpportunityBox .ContSx {float:left; padding-right:10px; width:calc(100% - 50px);}
.OpportunityBox .BoxDx {
	vertical-align: middle;
	width:32px;
	float:right; 
	text-align:center;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background:#3c6cd0;
	color:#ffffff;
	line-height:16px;
	font-size:11px;
	padding:8px 0;
	margin-top:2px
}

.whitebox2 .OpportunityBox:first-child {margin-top:0 !important}



/*** POPUP in edit_azienda ***/

/*** sovrascrive general.css ***/
.popupContact h1 {
    text-align: left;
    color: #444444;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
    border-bottom: 1px solid #D4D1D1;
    padding-bottom: 5px;
    font-family: 'Roboto',"Helvetica Neue",Arial,sans-serif;
    text-transform: uppercase
}


.Opp-box {
	background:#ffffff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 5px;
	border:1px solid #3c6cd0;
	padding:10px 5px;
}


/***************
********RENDICONTAZIONI***
**************************/

/* OPPORTUNITA' */
/**************************************** Per il multiple select nascosto nella barra dei filtri Dropdown Button */
.dropbtn2 {
  color: #000000;
  font-size: 14px;
  border: none;
  line-height:40px;
  cursor: pointer;
}

.dropdown2 {
  position: relative;
  display: inline-block;
}

.dropdown-content2 {
  display: none;
  margin-top:0px;
  position: absolute;
  background-color: #ffffff;
  min-width: 130px;
  white-space: nowrap;
  padding:10px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

.dropdown-content2 a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown2 a:hover {background-color: #ddd;}

.show {display: block;}

/*select*/

.dropdown-content2 select[multiple]  { 
	border: 0px solid gray;
	background: #ffffff;
	padding: 2px 10px;
	-webkit-appearance: none;
	box-shadow: 0px 0px 0px 0px #aaa;
}

.FilterAllBlu .dropdown-content2 select {
	width:auto !important;
	min-width:124px;
	max-width:240px
}

.dropdown-content2 select[multiple] option{
	padding:2px;
	border-bottom:1px solid #f8f9fa;
	font-size: 13px;
	color:#212529 !important;
	cursor:pointer
}

.dropdown-content2 select[multiple] option:hover {background: #f8f9fa}

.dropdown-content2 select[multiple]:focus option:checked,
.dropdown-content2 select[multiple]:active option:checked,
.dropdown-content2 select[multiple] option:checked
{ /*non funziona*/
  background: #1881FF !important;
}


/*select OLD

.dropdown-content2 select[multiple]  { 
	border: 1px solid gray;
	background: #ffffff;
	padding:0px;
	-webkit-appearance: none;
	box-shadow: 0px 0px 0px 0px #aaa;
}

.dropdown-content2 select[multiple] option{
	padding:2px;
	border-bottom:1px solid gray;
	font-size: 12px;
	color:#444444 !important;
	cursor:pointer
}

.dropdown-content2 select[multiple] option:hover {background: #f8f9fa}

.dropdown-content2 select[multiple]:focus option:checked,
.dropdown-content2 select[multiple]:active option:checked
{
  background: #1881FF;
}
*/


/******************************* PRIORITA TASK ************************************/
.task_low { 
	background-color: #92BA17;
	padding:2px 3px;
	display: inline-block;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	vertical-align: text-top;
	width:41px;
	max-width:41px;
	text-align:center;
	box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
}
.task_low2 { 
	background-color: #92BA17;
	padding:2px 3px;
	display: inline-block;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	vertical-align: text-top;
	width:65px;
	text-align:center;
	box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
}
.task_normal { 
	background-color: #EEA64E;
	padding:2px 3px;
	display: inline-block;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	vertical-align: text-top;
	width:41px;
	max-width:41px;
	text-align:center;
	box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
}

.task_high { 
	background-color: #FD0F51;
	padding:2px 3px;
	display: inline-block;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	vertical-align: text-top;
	width:41px;
	max-width:41px;
	text-align:center;
	box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
}

.task_high2 { 
	background-color: #FD0F51;
	padding:2px 3px;
	display: inline-block;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	vertical-align: text-top;
	width:65px;
	
	text-align:center;
	box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
}
.task_immediate { 
	background-color: #9B5BDE;
	padding:2px 3px;
	display: inline-block;
	border-radius: 1px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	vertical-align: text-top;
	width:41px;
	max-width:41px;
	text-align:center;
	box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
}


.badge_blu_lollo { 
	background-color: #dfe7f6;
	color: #2c58a0;
	padding:2px 3px;
	display: inline-block;
	border-radius: 16px;
	vertical-align: text-top;
	width:82px;
	text-align:center;
	box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
}


.badge_verde_lollo { 
	background-color: #d6f0e0;
	color:#0d6832;
	padding:2px 3px;
	display: inline-block;
	border-radius: 16px;
	vertical-align: text-top;
	width:82px;
	text-align:center;
	box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
}



.badge_celestino_lollo { 
	background-color: #def1f7;
	color: #1c657d;
	padding:2px 3px;
	display: inline-block;
	border-radius: 16px;
	vertical-align: text-top;
	width:82px;
	text-align:center;
	box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
}



.badge_grigio_lollo { 
	background-color:#ebedef;
	color:#40464f;
	padding:2px 3px;
	display: inline-block;
	border-radius: 16px;
	vertical-align: text-top;
	width:82px;
	text-align:center;
	box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
}

.badge_grigio_light_lollo { 
	background-color:#f5f5f5;
	color:#4f4f4f;
	padding:2px 3px;
	display: inline-block;
	border-radius: 16px;
	vertical-align: text-top;
	width:82px;
	text-align:center;
	box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
}

.badge_giallo_lollo { 
	background-color:#fbf0da;
	color:#73510d ;
	padding:2px 3px;
	display: inline-block;
	border-radius: 16px;
	vertical-align: text-top;
	width:82px;
	text-align:center;
	box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
}

.badge_rosso_lollo { 
	background-color:#f9e1e5;
	color:#af233a;
	padding:2px 3px;
	display: inline-block;
	border-radius: 16px;
	vertical-align: text-top;
	width:82px;
	text-align:center;
	box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
}



/***********ETICHETTA CENTRO RICAVO *********/
.cc_label { 
	background-color: #6a90da;
	padding:1px 5px;
	display: inline-block;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #6a90da;
	vertical-align: text-top;
	width:64px;
	max-width:64px;
	text-align:left;
	box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	text-transform:uppercase;
	font-size: 8px !important;
	font-weight:700;
	color:#ffffff
	
}


/******************************* LAVORAZIONI BUDGET ************************************/
.lav_interna { 
	background-color: #dee5fb;
	padding:2px 3px;
	display: inline-block;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.lav_esterna { 
	background-color: #8face3;
	padding:2px 3px;
	display: inline-block;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.lav_provv { 
	background-color: #3c6cd0;
	padding:2px 3px;
	display: inline-block;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}


/******************* NUOVA COMMESSA *********************************/

.task_low3 { 
	color:#444444;
	border-color: #92BA17;
	border:1px solid #92BA17;
	padding:2px 3px;
	display: inline-block;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	width:43px;
	max-width:43px;
	text-align:center;
	box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	margin-right:2px;
}

.task_normal3 { 
	color:#444444;
	border-color: #EEA64E;
	border:1px solid #EEA64E;
	padding:2px 3px;
	display: inline-block;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	width:43px;
	max-width:43px;
	text-align:center;
	box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	margin-right:2px;
}

.task_high3 { 
	color:#444444;
	border-color: #FD0F51;
	border:1px solid #FD0F51;
	padding:2px 3px;
	display: inline-block;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	width:43px;
	max-width:43px;
	text-align:center;
	box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	margin-right:2px;
}

.task_immediate3 { 
	color:#444444;
	border-color: #9B5BDE;
	border:1px solid #9B5BDE;
	padding:2px 3px;
	display: inline-block;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	width:43px;
	max-width:43px;
	text-align:center;
	box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	margin-right:2px;
}


.joblist_body {/*sovrascrive precedente*/
	width:100%;
	padding-left:0px;
	padding-top:5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow-wrap: break-word;
	word-wrap: break-word;
	word-break: break-all;
	word-break: break-word;
	hyphens: auto;
	max-width:100%
}


.num_standard2 {
	color:#444444;
	border:1px solid #E1DFDF;
	background-color: #FFFFFF;
	padding:2px 3px;
	display: inline-block;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-right:2px;
}

.data_in {
	color:#444444;
	border:1px solid #444444;
	background-color: #FFFFFF;
	padding:2px 3px;
	display: inline-block;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-right:2px;
}

.data_in2 {
	color:#444444;
	border:1px solid #444444;
	background-color: #FFFFFF;
	padding:0px 3px;
	display: inline-block;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-right:2px;
	margin-top:5px;
	margin-bottom:3px;
	line-height:13px
}


.blu_label { 
	background-color: #6a90da;
	padding:1px 5px;
	display: inline-block;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #6a90da;
	vertical-align: text-top;
	text-align:left;
	box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	text-transform:uppercase;
	font-size: 9px !important;
	font-weight:700;
	color:#ffffff
	
}

.blu_label2 { 
	background-color: #6a90da;
	padding:1px 5px;
	display: inline-block;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	/*border: 1px solid #6a90da;*/
	vertical-align: text-top;
	text-align:left;
	box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	text-transform:uppercase;
	font-size: 9px !important;
	font-weight:700;
	color:#ffffff;
	line-height: 1.5;
	font-family: 'Roboto Condensed',"Helvetica Neue",Arial,sans-serif;	
}

.text-low {text-transform: lowercase;}

/*********** *INTEGRA FLEXBOX
*****************************2 box per riga  CONTATTI EDIT AZIENDA CRM****************/

.tr_Single2b {
	box-sizing: border-box; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	background:#ffffff;
	padding:8px 10px;
	margin-bottom:10px;
	margin-right:10px;
	line-height: 1.2em;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;	
	flex: 1;
	-webkit-flex: 1;
}

.tr_Cont.Box2 .tr_Single:nth-child(2n+2),
.tr_Cont2.Box2 .tr_Single2b:nth-child(2n+2) {float:right; margin-right:0 !important}

.tr_Cont.Box2 .tr_Single:nth-child(3n+3) {clear:both !important}


.slot-round2 {	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	text-align:center;
	display:inline-block;
	color:#444444;
	vertical-align: baseline;
	line-height:12px !important;
	padding:2px 0px;
	font-size:11px;
	margin-right:3px;
	width:32px;
	background:#dee5fb;
}

.lightblue,
td.lightblue,
tr.lightblue td, 
.lightblue a,
td.lightblue a,
tr.lightblue td a,
.lightblue input {color: #8face3 !important; }


/*************** cartellino digitalangels ******************/

.box-cart {
    display: inline-block;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-family: 'Roboto Condensed',"Helvetica Neue",Arial,sans-serif;
    font-weight: 700;
    line-height: 18px;
    font-size: 9px;
    padding: 0 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #ffffff;
}

.box-presente {
    background-color:#3c6cd0;
}
.box-presente-sw {
    background-color:green;
}

.box-assente {
    background-color:#B3B3B3;
}

.box-pausa {
	background-color:orange;
}

.box-non-disp {
	background-color:red;
}

/*************** fine cartellino digitalangels ******************/

/*acanto*/

 .icon-ref {
    display: inline-block; 
    width: 32px;
    height: 32px;
    fill: #333;
}

 svg{           
    -webkit-box-reflect: below 1px
    -webkit-gradient(linear,
		    center top,
		    center bottom,
		    from(transparent),
		    color-stop(0,transparent),
		    to(rgba(255,255,255,0.5)));
		      text-align: center;

		      margin-bottom: 64px;

}