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

body{ background:#e9e9e9; font-size:14px;}
a{ color:#333;}
label{ font-size:14px;}
.panel{ box-shadow:none; border:0px; border-radius:0px;}
.btn{ text-transform:uppercase; font-size:12px; padding:10px 20px; border:0px; border-radius:0px;}
.btn-info{ background:#2270b9;}
.panel-default > .panel-heading{ background:#fff; border:0px; border-radius:0px;}
.panel-title{ font-size:22px; padding:15px 20px;}
.form-control{ padding:8px 15px; height:auto; font-size:14px; border-color:#e1e1e1;}
.middle-nav > li{ margin-left:5px;}
.middle-nav > li .btn{ min-width:90px; padding:15px 10px; background:#fff;}
.middle-nav > li .btn span{ font-size:11px;}
.middle-nav > li:nth-child(1) .btn{ background:#888; color:#fff;}
.middle-nav > li:nth-child(2) .btn{ background:#777; color:#fff;}
.middle-nav > li:nth-child(3) .btn{ background:#666; color:#fff;}
.middle-nav > li:nth-child(4) .btn{ background:#555; color:#fff;}
.middle-nav > li:nth-child(5) .btn{ background:#444; color:#fff;}
.middle-nav > li:nth-child(6) .btn{ background:#333; color:#fff;}
.middle-nav > li:nth-child(7) .btn{ background:#222; color:#fff;}
.middle-nav > li:nth-child(8) .btn{ background:#111; color:#fff;}
.middle-nav > li:nth-child(9) .btn{ background:#000; color:#fff;}
.table>tbody>tr>td{ border-color:#f7f7f7;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{ padding:10px 20px;}
.logo{ margin-top:0px;}
.logo img{ max-height:80px;}
.page-title{ background:#333; border:0px; border-radius:0px; padding:5px 10px;}
.page-title h5{ font-size:22px;}
.page-title .btn-group{ margin-top:3px;}
.page-title .btn-group .btn{ background:#222; padding:10px 12px; margin-left:5px;}
.page-title .btn-group .btn i{ margin:0px; float:left; font-size:11px; margin:0 5px 0 0;}
.navbar-inverse{ background:#e1e1e1; border-bottom:1px solid #ccc; border:0px; font-size:14px;}
.navbar-inverse .navbar-nav > li{ border-right:1px solid #ccc; border:0px;}
.navbar-inverse .navbar-nav > li:first-child{ border-left:1px solid #ccc;}
.navbar-inverse .user.dropdown > a{ color:#333;}
.navbar-inverse .navbar-nav > li > a{ color:#333; font-size:12px;}
.navbar-inverse .navbar-nav > li:first-child{ border:0px;}
.navbar-nav > li > a > i{ top:0px; margin-right:0px;}
.user.dropdown > a > span{ font-size:12px;}
.page-title{ margin-bottom:15px;}
.panel{ margin-bottom:15px;}
.footer{ margin-top:30px; border:0px;}
.fancybox-overlay{ background:rgba(0,0,0,0.5) !important;}
.fancybox-close{ background-color:#000 !important;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{ border-top-color:#ddd;}
.ui-datepicker .ui-datepicker-current-day .ui-state-active{ background-color:#000 !important;}

/*dashboard utente*/
.cruscotto{ width:100%; background:#fff; padding:30px;}
.cruscotto .row{ margin:0 -10px;}
.cruscotto [class*="col-"]{ width:33.33%; float:left; padding:0 10px;}
.cruscotto .item{ width:100%; margin-bottom:20px; position:relative; padding:40px 30px; background:#f7f7f7; box-sizing:border-box;}
.cruscotto .item h2{ max-width:200px; font-size:26px; position:relative; line-height:28px; min-height:56px; color:#333; font-weight:700; text-transform:uppercase; margin:0px; margin-bottom:15px;}
/*.cruscotto .item:before{ content:""; font-family:"Font Awesome 5 Free"; position:absolute; top:30px; right:30px; text-align:center; border-radius:50%; font-weight:900; font-size:100px; color:#000; opacity:0.05; line-height:100px;}*/
.cruscotto .item h3{ font-size:18px; min-height:48px; position:relative; line-height:24px;color:#666; text-transform:none; margin:0px; margin-bottom:20px;}
.cruscotto .item p{ min-height:70px;}
.cruscotto .item .btn{ padding:10px 20px; text-transform:uppercase; box-shadow:none; border:0px; border-radius:0px; font-weight:bold; background:#111;}
.cruscotto .item .btn:hover{ background:#000;}
/*
.cruscotto .item.one{ border-left:5px solid #2270b9;}
.cruscotto .item.one .btn{ background:#2270b9;}
.cruscotto .item.one:before{ content:"\f0ce";}
.cruscotto .item.two{ border-left:5px solid #e00078;}
.cruscotto .item.two .btn{ background:#e00078;}
.cruscotto .item.two:before{ content:"\f012";}
.cruscotto .item.three{ border-left:5px solid #e3580a;}
.cruscotto .item.three .btn{ background:#e3580a;}
.cruscotto .item.three:before{ content:"\f201";}
.cruscotto .item.four{ border-left:5px solid #a13f8c;}
.cruscotto .item.four .btn{ background:#a13f8c;}
.cruscotto .item.four:before{ content:"\f02e";}
.cruscotto .item.five{ border-left:5px solid #5064af;}
.cruscotto .item.five .btn{ background:#5064af;}
.cruscotto .item.five:before{ content:"\f080";}
.cruscotto .item.six{ border-left:5px solid #c51577;}
.cruscotto .item.six .btn{ background:#c51577;}
.cruscotto .item.six:before{ content:"\f022";}*/

.cruscottopannello{ width:100%; float:left; background:#fff; padding:30px;}

.line-filter{ width:100%; float:left; padding:10px 0; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.line-filter .item{ width:auto; float:left; margin:0 20px 0 0;}
.line-filter .item .text{ color:#33353F; min-width:150px; margin-right:20px; float:left; line-height:38px; text-transform:uppercase; font-weight:bold;}
.line-filter .item .field{ width:auto; float:left;}
.line-filter .item .field select{ min-width:120px;}

.tabella-ppp{ width:100%; float:left; margin-top:20px;}
.tabella-ppp .item{ width:100%; float:left; padding:30px; border:1px solid #e1e1e1; margin-bottom:10px; background:#f7f7f7; border-radius:0px;}
.tabella-ppp .item .month{ width:100%; float:left; margin-bottom:20px;}
.tabella-ppp .item .month h2{ float:left; font-size:24px; margin:0px; line-height:28px; color:#33353F; text-transform:uppercase;}
.tabella-ppp .item .month span{ float:left; margin-left:20px;}
.tabella-ppp .item .month span a{ float:left; padding:5px 10px; background:#333; color:#fff; border-radius:0px; font-size:14px;}
.tabella-ppp .item .line{ width:100%; float:left; min-height:40px; margin-bottom:10px;}
.tabella-ppp .item .line .subtitle{ width:100%; float:left; position:relative;}
.tabella-ppp .item .line .subtitle span{ position:relative; padding-right:30px; background:#f7f7f7;}
.tabella-ppp .item .line .subtitle:before{ content:""; width:100%; height:1px; position:absolute; top:50%; margin-top:-1px; border-top:1px dotted #e1e1e1;}
.tabella-ppp .item .line.last{ margin-bottom:0px;}

.tabella-statooperativo{ width:100%; float:left; margin-top:20px;}
.tabella-statooperativo .item{ width:100%; float:left; padding:30px; border:1px solid #e1e1e1; margin-bottom:10px; background:#f7f7f7; border-radius:0px;}
.tabella-statooperativo .item .row{ display:block;}
.tabella-statooperativo .item .month{ width:100%; float:left; margin-bottom:20px;}
.tabella-statooperativo .item .month h2{ float:left; font-size:24px; margin:0px; line-height:28px; color:#33353F; text-transform:uppercase;}
.tabella-statooperativo .item .month span{ float:left; margin-left:20px;}
.tabella-statooperativo .item .month span a{ float:left; padding:5px 10px; background:#0088cc; color:#fff; border-radius:0px; font-size:14px;}
.tabella-statooperativo .item .box{ width:100%; float:left; min-height:40px; margin-bottom:10px;}
.tabella-statooperativo .item .box .subtitle{ width:100%; float:left; position:relative; text-transform:uppercase;}
.tabella-statooperativo .item .box .subtitle span{ position:relative; padding-right:30px; background:#f7f7f7;}
.tabella-statooperativo .item .box .subtitle:before{ content:""; width:100%; height:1px; position:absolute; top:50%; margin-top:-1px; border-top:1px dotted #e1e1e1;}
.tabella-statooperativo .item .box.last{ margin-bottom:0px;}

.tabella-posizionefinanziarianetta table{ width:100%; float:left; margin-top:20px;}
.tabella-posizionefinanziarianetta table{ font-size:14px;}
.tabella-posizionefinanziarianetta table tbody > tr > th{ padding:7px; border:1px solid #efefef;}
.tabella-posizionefinanziarianetta table tbody > tr > td{ padding:7px; border:1px solid #efefef;}
.tabella-posizionefinanziarianetta table tbody > tr > th{ background:#333; color:#fff; padding:10px 8px; text-transform:uppercase; border-bottom:2px solid #f7f7f7;}
.tabella-posizionefinanziarianetta table tbody > tr:nth-child(even){ background:#f7f7f7;}
.tabella-posizionefinanziarianetta table tbody > tr:nth-child(odd){ background:#fff;}
.tabella-posizionefinanziarianetta .actions{ clear:both; float:left; margin-top:10px;}
.tabella-posizionefinanziarianetta .actions a{ border-radius:0px;}

.tabella-datieconomici{ width:100%; overflow:auto; margin-bottom:40px;}
.tabella-datieconomici table{ width:100%; float:left; margin-top:20px;}
.tabella-datieconomici table{ font-size:14px;}
.tabella-datieconomici table tbody > tr > th{ padding:7px; border:1px solid #efefef;}
.tabella-datieconomici table tbody > tr > td{ padding:7px; border:1px solid #efefef;}
.tabella-datieconomici table tbody > tr > th{ background:#333; color:#fff; padding:10px 8px; text-transform:uppercase; border-bottom:2px solid #f7f7f7;}
.tabella-datieconomici table tbody > tr:nth-child(even){ background:#f7f7f7;}
.tabella-datieconomici table tbody > tr:nth-child(odd){ background:#fff;}
.tabella-datieconomici .misura{ min-width:125px; text-align:center; font-weight:bold;}
.tabella-datieconomici .mese{ text-align:right;}
.tabella-datieconomici .actions{ text-align:center;}
.tabella-datieconomici .actions a{ border-radius:0px;}
.grafico-datieconomici{ margin-top:40px; width:100%; float:left;}
.grafico-datieconomici .rigafiltro{ text-align:center; margin-bottom:30px;}
.grafico-datieconomici .rigafiltro .item{ display:inline-block; margin:0 5px;}
.grafico-datieconomici .rigafiltro .item a{ padding:10px 20px;}

.insert-okr{ width:100%; max-width:500px; padding:30px; background:#f7f7f7; border:1px solid #e1e1e1; border-radius:0px; margin:20px 0; float:left;}
.insert-okr .row + .row{ margin-top:10px;}
.insert-okr .btn{ border-radius:0px;}
.tabella-tabellaokrtrimestrale table{ width:100%; float:left; margin-top:20px;}
.tabella-tabellaokrtrimestrale table{ font-size:14px;}
.tabella-tabellaokrtrimestrale table tbody > tr > th{ padding:7px; border:1px solid #efefef;}
.tabella-tabellaokrtrimestrale table tbody > tr > td{ padding:7px; border:1px solid #efefef;}
.tabella-tabellaokrtrimestrale table tbody > tr > th{ background:#333; color:#fff; padding:10px 8px; text-transform:uppercase; border-bottom:2px solid #f7f7f7;}
.tabella-tabellaokrtrimestrale .btn{ padding:5px 10px; border-radius:0px;}
.tabella-tabellaokrtrimestrale .okrrisultati{ padding:20px; background:#fff;}
.tabella-tabellaokrtrimestrale .okrrisultati table{ margin:0px; font-size:13px; background:#fff;}
.tabella-tabellaokrtrimestrale .okrrisultati table tbody > tr > th{ background:#f7f7f7; color:#666; padding:5px;}
.tabella-tabellaokrtrimestrale .okrrisultati table tbody > tr > td{ padding:5px;}
.tabella-tabellaokrtrimestrale .okrrisultati .btn{ padding:3px 7px;}
.tabella-tabellaokrtrimestrale .padding{ padding:15px; border:0px;}
.tabella-tabellaokrtrimestrale .gestione{ min-width:150px;}

.tabella-bilancio{ width:100%; float:left; margin-top:20px;}
.tabella-bilancio h2{ float:left; font-size:20px; margin:0 0 20px 0; line-height:28px; color:#33353F; font-weight:700; text-transform:uppercase;}
.tabella-bilancio .tabella{ width:100%; float:left; float:left; font-size:14px; border-right:1px solid #efefef;}
.tabella-bilancio .tabella .item{ width:100%; display:flex;  flex-wrap: wrap; border-bottom:1px solid #efefef;}
.tabella-bilancio .tabella .item.first div{ background:#333; color:#fff; padding:10px 8px; text-transform:uppercase; border-bottom:2px solid #f7f7f7; font-weight:700;}
.tabella-bilancio .tabella .item .dato{ width:20%; padding:7px; color:#33353F; font-weight:700; border-left:1px solid #efefef;}
.tabella-bilancio .tabella .item .anno-attuale{ width:15%; text-align:right; padding:7px; border-left:1px solid #efefef; background:#f7f7f7;}
.tabella-bilancio .tabella .item .anno-attuale input{ border:0px; text-align:right; border-radius:0px;}
.tabella-bilancio .tabella .item .anno-precedente{ width:15%; text-align:right; padding:0px; border-left:1px solid #efefef;}
.tabella-bilancio .tabella .item .anno-precedente input{ border:0px; text-align:right; border-radius:0px;}
.tabella-bilancio .tabella .item .differenza{ width:10%; text-align:right; padding:7px; border-left:1px solid #efefef; background:#f7f7f7;}
.tabella-bilancio .tabella .item .perc-differenza{ width:10%; text-align:center; padding:7px; border-left:1px solid #efefef; background:#f7f7f7;}
.tabella-bilancio .tabella .item.fatturato{ background:#f7f7f7;}
.tabella-bilancio .tabella .item.fatturato div{ padding:7px !important;}
.tabella-bilancio .tabella .item.fatturato .anno-precedente{ padding:0px !important;}
.tabella-bilancio .tabella .item.margine{ background:#f7f7f7;}
.tabella-bilancio .tabella .item.margine div{ padding:7px !important;}
.tabella-bilancio .tabella .item .incidenza-anno-attuale{ width:15%; padding:7px; color:#33353F; text-align:center; border-left:1px solid #efefef; background:#f7f7f7;}
.tabella-bilancio .tabella .item .incidenza-anno-precedente{ width:15%; padding:7px; color:#33353F; text-align:center; border-left:1px solid #efefef; background:#f7f7f7;}

.tabella-budget{ width:100%; float:left; margin-top:20px;}
.tabella-budget h2{ float:left; font-size:20px; margin:0 0 20px 0; line-height:28px; color:#33353F; font-weight:700; text-transform:uppercase;}
.tabella-budget .tabella{ width:100%; float:left; float:left; font-size:14px; border-right:1px solid #efefef;}
.tabella-budget .tabella .item{ width:100%; display:flex;  flex-wrap: wrap; border-bottom:1px solid #efefef;}
.tabella-budget .tabella .item.first div{ background:#333; color:#fff; padding:10px 8px; text-transform:uppercase; border-bottom:2px solid #f7f7f7; font-weight:700;}
.tabella-budget .tabella .item .dato{ width:25%; padding:7px; color:#33353F; font-weight:700; border-left:1px solid #efefef;}
.tabella-budget .tabella .item .preventivo{ width:20%; text-align:right; padding:0px; border-left:1px solid #efefef;}
.tabella-budget .tabella .item .preventivo input{ border:0px; text-align:right; border-radius:0px;}
.tabella-budget .tabella .item .consuntivo{ width:20%; text-align:right; padding:7px; border-left:1px solid #efefef; background:#f7f7f7;}
.tabella-budget .tabella .item .differenza{ width:20%; text-align:right; padding:7px; border-left:1px solid #efefef; background:#f7f7f7;}
.tabella-budget .tabella .item .perc-differenza{ width:15%; text-align:center; padding:7px; border-left:1px solid #efefef; background:#f7f7f7;}

.form-popup { padding: 30px;}
.form-popup h3{ text-transform:uppercase; color:#2270b9; font-weight:700; margin-top:0px;}
.form-popup .btn{ padding:15px 30px; text-transform:uppercase; box-shadow:none; border:0px; border-radius:3px; font-weight:bold; }


.form-popup .btn.btn-default{ background:#e00078; color:#fff;}
.form-popup .btn.btn-default:hover{ background:#f5148c;}
.form-popup .btn.btn-annulla{ background:#e34747; color:#fff;}
.form-popup .btn.btn-annulla:hover{ background:#cb3939;}
.form-popup .form-group{ width:100%; margin-bottom:20px;}
.form-popup .form-group textarea{ width:100%; float:left; min-height:60px; resize:none;}
.form-popup .suggerimenti p{ font-size:12px; line-height:18px; margin-bottom:5px;}
.form-popup .suggerimenti ul{ margin-bottom:5px;}
.form-popup .suggerimenti ul li{ font-size:12px; line-height:18px; color:#333;}

.tabella-tabellaokrtrimestrale.organigramma{ width:100%; padding:30px; display:inline-block;}
.tabella-tabellaokrtrimestrale.organigramma table{ margin:0px;}
.actions.view-organigramma{ padding:30px; padding-top:0px;}

#chart-container{ width:100%; float:left; text-align:center; border:0px !important;}
#chart-container .orgchart{ }
#chart-container .orgchart .node .title{ padding:10px; font-size:16px; font-weight:700; background:#0088cc; height:auto; width:auto; min-width:150px;}
#chart-container .orgchart .node .content{ padding:5px 10px; height:auto; font-size:14px; border-color:#e1e1e1; width:100%;}
#chart-container .orgchart .node .title .symbol{ display:none;}
#chart-container .orgchart .node .edge{ display:none;}
#chart-container .orgchart .lines .downLine{ background:#e1e1e1;}
#chart-container .orgchart .lines > td{ border-color:#e1e1e1;}
#chart-container .orgchart .node:hover{ background:#e1e1e1; border-radius:5px;}

#chart-container{ text-align:center; border:0px !important; overflow: auto;}
#chart-container .orgchart{ margin-bottom:40px;}
.oc-export-btn{ display:none !important;  height:auto !important; min-height:60px !important;  width:auto !important; padding:10px 20px !important; overflow:hidden !important; padding-left:60px !important; position:relative !important; top:auto !important; right:auto !important; line-height:1 !important; font-size:20px !important; font-weight:700 !important; background:#999 !important; border:0px !important; border-radius:0px !important; text-transform:uppercase !important;}
.oc-export-btn:before{ content:""; width:30px; height:30px; position:absolute; background:url(/images/icon-download.png); background-size:100% auto; left:15px; top:15px;}
.oc-export-btn:hover{ background:#0088cc !important;}
.orgchart .node{ max-width:200px;}

.oc-export-btn-custom{  height:auto !important; min-height:60px !important; display:inline-block !important; width:auto !important; padding:10px 20px !important; overflow:hidden !important; padding-left:60px !important; position:relative !important; top:auto !important; right:auto !important;  font-size:20px !important; font-weight:700 !important; background:#999 !important; border:0px !important; border-radius:0px !important; text-transform:uppercase !important; cursor: pointer;  color: white !important;   line-height: 38px;}
.oc-export-btn-custom:before{ content:""; width:30px; height:30px; position:absolute; background:url(/images/icon-download.png); background-size:100% auto; left:15px; top:15px;}
.oc-export-btn-custom:hover{ background:#0088cc !important;}

.boxDisabled ul.redactor-toolbar{ display: none;}
.boxDisabled .redactor-in{ background-color: #f5f5f5;}
.btn.MostraLogo{}
.btn.RimuoviLogo{ margin-left:5px;}

.impostazioniloghi{ border:1px solid #e1e1e1; padding:5px;}

.iconatipologia{ text-align:center;}
.iconatipologia .fa{ font-size:20px; color:#999;}

.statocorso{ text-align:center;}
.statocorso .fa{ font-size:22px !important; color:#999;}
.statocorso .attivo{ color:#49a640 !important;}
.statocorso .nonattivo{ color:#c24453 !important;}

.boxDisabled .redactor-in{cursor: not-allowed;}

.opzioni-group{ width:100%; float:left; border:1px solid #e1e1e1; padding:10px;}

.boxBottoni{ margin-bottom:10px;}
.boxBottoni a{ font-size:12px; line-height:18px; font-weight:700;}
.boxBottoni a:first-child:after{ content:"/"; margin:0 7px; color:#999;}
.boxBottoni a:hover{ text-decoration:underline;}

.tabellaoverflow{ height:150px; overflow:auto;}

.panel-message{ padding:10px; text-align:center; background:#fbe2e0; color:#e43b2c; font-weight:700;}
.panel-message p{ margin:0px;}

a.btn.btn-link.btn-lg.btn-icon.btnAggiungi{background-color: #239169;}

.boxFiltroLettera{ padding:10px 20px; border-bottom:1px solid #f7f7f7; border-top:1px solid #f7f7f7;}
.boxFiltroLettera input[type="submit"]{ min-width:24px; border:0px; padding:5px; border-radius:0px; background:#333; color:#fff; cursor:pointer;}
.boxFiltroLettera input[type="submit"]:hover{ background:#000;}
.boxNumeroRisultati{ padding:5px 20px; border-top:1px solid #f7f7f7; font-weight:700;}

.table.grid tr:nth-child(odd) td{ background:#f7f7f7;}
.table.grid tr td{ border-color:#e1e1e1;}

.input-group table.form-control{ width:100%; max-height:300px; overflow:auto;}
.input-group table.form-control tbody{ width:100% !important; display:inline-table}
.input-group table.form-control tr{ width:100% !important;}
.input-group table.form-control tr:nth-child(odd) td{ background:#f7f7f7;}
.input-group table.form-control tr td{ width:100% !important; padding:5px; box-sizing:border-box;}
.input-group table.form-control tr td input{ margin-right:10px;}
.input-group table.form-control tr td label{ margin:0px; font-size:13px; color:#333;}

.input-group.custom-checkboxes {	border-radius: 2px 0px 0px 2px;	border: 1px solid #e1e1e1;}
.input-group.custom-checkboxes span.CheckBoxProfilo {		padding: 2px 10px 2px 18px;		width: 100%;		float: left;	}
.input-group.custom-checkboxes span.CheckBoxProfilo input[type="checkbox"] {	margin-top: 0px !important;	}
.input-group.custom-checkboxes span.CheckBoxProfilo label { margin: 0px !important;	}
.input-group.custom-checkboxes span.input-group-addon {	border: 0px !important; border-right: 1px solid #e5e5e5 !important;	}


table.table.grid td span.green {	color: #4CBB17;}
table.table.grid td span.yellow {	color: #f4ca16;}
table.table.grid td span.red {	color: #EE4B2B;}

.page-title .btn-group .btn-print {	background: #239169;}
.page-title .btn-group .btn-back {	background: #397aad;}
table td a.linkDettaglio {text-decoration: underline;}

table.table.grid tr td .stato-ricorrenza i.fa { font-size: 20px; line-height: 20px;}
table.table.grid tr td .stato-ricorrenza.stato-attivo i.fa { color:#009E60;}
table.table.grid tr td .stato-ricorrenza.stato-pausa i.fa { color:#FFBF00;}


.btn.btn-info.btn-rendi-ricorrente i.fa {	font-size: 14px;	line-height: 17px;	margin: 0px;}
.btn.btn-success.btn-venduto{ padding-left:15px; padding-right:15px;}
.btn.btn-success.btn-venduto i.fa {	font-size: 14px;	line-height: 17px;	margin: 0px;}

.btn-primary{ background-color:#333;}
.btn-primary:hover{ background-color:#000;}

.input-group .chosen-container.chosen-container-single, .fancybox-wrap .input-group .chosen-container.chosen-container-single {	width: 100% !important;}
.input-group .chosen-container.chosen-container-single a.chosen-single, .fancybox-wrap .input-group .chosen-container.chosen-container-single a.chosen-single {	border: 1px solid #e1e1e1 !important;	border-radius: 0px !important;	padding: 8px 15px;	box-sizing: content-box;	height: auto !important;	box-shadow: none !important;	background: none !important;	width: auto;}
.input-group .chosen-container-single .chosen-single span, .fancybox-wrap .input-group .chosen-container-single .chosen-single span {	font-size: 14px !important;	line-height: 1.42857143 !important;}
.input-group .chosen-container-single .chosen-drop { border: 1px solid #e1e1e1 !important; 	box-shadow: none !important;}
.input-group .chosen-container-single .chosen-single div b {background-position: 0px 8px;}
.input-group .chosen-container-active.chosen-with-drop .chosen-single div b {background-position: -18px 8px;}

.inputvenduto{ max-width:100px; text-align:center;}

.dati-generali{ display:flex; flex-wrap:nowrap; margin:0 -10px; margin-bottom:30px;}
.dati-generali .box{float:left;width:16.66%;padding:0 10px;}
.dati-generali .box .item{ width:100%; float:left; display:flex; flex-wrap:nowrap; border-right:1px solid #e1e1e1;}
.dati-generali .box:last-child .item{ border:0px;}
.dati-generali .box .item .icona{ width:50px; height:50px; text-align:center; background:#333; float:left;}
.dati-generali .box .item .icona i{font-size:26px;line-height:50px; color:#fff;}
.dati-generali .box .item .dati{ width:calc(100% - 50px); padding-left:15px; float:left;}
.dati-generali .box .item .dati h5{ font-size:18px; color:#666; line-height:20px; margin:0px; padding:0px; margin-bottom:5px;}
.dati-generali .box .item .dati p{ font-size:26px; color:#333; line-height:1; margin:0px; padding:0px; font-weight:700;}

.order{width:100%; float:left; margin-bottom:20px;}
.order .columns{ width:calc(100% + 40px); float:left; margin:0 -20px;}
.order .columns .column.list-products{width:70%;float:left; padding:0 20px;}
.order .columns .column.cart{width:30%;float:left; padding:0 20px; position: -webkit-sticky; position: sticky; top:50px;}

.order .columns .column.list-products .title{ font-family:'Cuprum', sans-serif; font-size:22px; line-height:28px; color:#333; margin-bottom:20px;}
.order .columns .column.cart .title{ font-family:'Cuprum', sans-serif; font-size:22px; line-height:28px; color:#333; margin-bottom:20px;}

.order .columns .column.list-products .filters{width:100%; display:flex; flex-wrap:nowrap; align-items:center; padding:15px; background:#fff; margin-bottom:20px;}
.order .columns .column.list-products .filters .search{ width:100%; float:left; display:flex; justify-content:right; padding-left:20px; flex-wrap:nowrap;}
.order .columns .column.list-products .filters .search input.form-control{ max-width:300px;}
.order .columns .column.list-products .filters .search .btn.cerca{ margin-left:10px;}
.order .columns .column.list-products .filters .search .btn.reset{ margin-left:10px; background:none; border:1px solid #333;}
.order .columns .column.list-products .filters .search .btn.reset:hover{ background:#333; border-color:#333; color:#fff;}
.order .columns .column.list-products .filters .categories{ width:350px; float:left;}
.order .columns .column.list-products .filters .categories ul{ width:auto; float:left; display:flex; flex-wrap:nowrap; margin:0px; padding:0px;}
.order .columns .column.list-products .filters .categories ul li{float:left; list-style:none; padding:0px; padding-right:10px; margin-right:10px; border-right:1px solid #d3d3d3;}
.order .columns .column.list-products .filters .categories ul li:last-child{ margin:0px; padding:0px; border:0px;}
.order .columns .column.list-products .filters .categories ul li a{ line-height:22px; float:left; padding:5px 10px; font-size:12px; color:#000; text-transform:uppercase;}
.order .columns .column.list-products .filters .categories ul li a:hover,
.order .columns .column.list-products .filters .categories ul li.active a{ background:#333; color:#fff;}

.order .columns .column.list-products .list .item{width:100%; position:relative; display:flex; flex-wrap:nowrap; align-items:center; padding:7px 20px; padding-right:60px; background:#dbdbdb; margin-bottom:7px}

.order .columns .column.list-products .list .item.header{ background:#333; color:#fff;}

.order .columns .column.list-products .list .item .nome{width:100%;float:left;}
.order .columns .column.list-products .list .item .unita{width:100%;float:left;}
.order .columns .column.list-products .list .item .prezzo{width:100%;float:left; text-align:center;}
.order .columns .column.list-products .list .item .note{width:70px;float:left; text-align:center;}
.order .columns .column.list-products .list .item .input-wrap{width:100%; float:left; display:flex; flex-wrap:nowrap; justify-content:right;}
.order .columns .column.list-products .list .item .input-wrap .input{width:50%; max-width:225px; float:left; padding:0 10px; display:flex; flex-wrap:nowrap; align-items:center;}
.order .columns .column.list-products .list .item .input-wrap .input .info{width:auto; min-width:100px; text-align:left; padding:0 10px; font-size:12px;float:left}
.order .columns .column.list-products .list .item .input-wrap .input .wrap{width:auto; float:left; display:flex; flex-wrap:nowrap; align-items:center;}
.order .columns .column.list-products .list .item .input-wrap .input .wrap .minus,
.order .columns .column.list-products .list .item .input-wrap .input .wrap .plus{width:auto;float:left;}
.order .columns .column.list-products .list .item .input-wrap .input .wrap .minus a,
.order .columns .column.list-products .list .item .input-wrap .input .wrap .plus a{width:32px; height:32px; float:left; line-height:32px; text-align:center; background:#2270b9; font-size:15px; color:#fff;}
.order .columns .column.list-products .list .item .input-wrap .input .wrap .minus a:hover,
.order .columns .column.list-products .list .item .input-wrap .input .wrap .plus a:hover{ background:#333;}
.order .columns .column.list-products .list .item .input-wrap .input .wrap .field input{ width:60px; padding:6px 0; border:0px; text-align:center;}
.order .columns .column.list-products .list .item .input-wrap .input .wrap .field input::-webkit-outer-spin-button,
.order .columns .column.list-products .list .item .input-wrap .input .wrap .field input::-webkit-inner-spin-button { -webkit-appearance: none;}

.order .columns .column.list-products .list .item .action{width:auto;float:left;display:inline-block}
.order .columns .column.list-products .list .item .action a{ width:50px; height:100%; position:absolute; display:flex; justify-content:center; align-items:center; right:0px; top:0px; text-align:center; background:#239169; color:#fff; padding:0px;}
.order .columns .column.list-products .list .item .action a i{ float:none; margin:0px; padding:0px; font-size:20px; line-height:normal; vertical-align:middle;}
.order .columns .column.list-products .list .item .action a:hover{ background:#333;}


.order .columns .column.cart .list{ padding:20px; background:#fff; margin-bottom:0px; max-height:400px; overflow:auto;}
.order .columns .column.cart .list::-webkit-scrollbar{ width:4px; height:4px;}
.order .columns .column.cart .list::-webkit-scrollbar-track{ border-radius:10px; background:#e9eaeb;}
.order .columns .column.cart .list::-webkit-scrollbar-thumb{ background:#1b2d3a; border-radius:10px;}
.order .columns .column.cart .list::-webkit-scrollbar-thumb:hover{ background:#000;}

.order .columns .column.cart .list .item{width:100%; display:flex; flex-wrap:nowrap; align-items:center; border-bottom:1px solid #d3d3d3; padding-bottom:5px; margin-bottom:5px}
.order .columns .column.cart .list .item:last-child{ padding-bottom:0px; margin-bottom:0px; border:0px;}
.order .columns .column.cart .list .item.carrellovuoto{ padding:40px 0; text-align:center; font-size:16px; line-height:26px; justify-content:center; margin:0px; border:0px;}
.order .columns .column.cart .list .item .nome{width:50%;float:left;}
.order .columns .column.cart .list .item .unita{width:25%;float:left; font-size:12px; line-height:1;}
.order .columns .column.cart .list .item .prezzo{width:25%;float:left; font-size:12px; line-height:1; white-space:nowrap;}
.order .columns .column.cart .list .item .input-wrap{width:25%; float:left; display:flex; flex-wrap:nowrap; justify-content:right;}
.order .columns .column.cart .list .item .input-wrap .input{width:100%; float:left; padding:0 10px; display:flex; flex-wrap:nowrap; align-items:center;}
.order .columns .column.cart .list .item .input-wrap .input .info{width:auto; min-width:100px; text-align:left; padding:0 10px; font-size:12px;float:left}
.order .columns .column.cart .list .item .input-wrap .input .wrap{width:auto; float:left; display:flex; flex-wrap:nowrap; align-items:center;}
.order .columns .column.cart .list .item .input-wrap .input .wrap .minus,
.order .columns .column.cart .list .item .input-wrap .input .wrap .plus{width:auto;float:left;}
.order .columns .column.cart .list .item .input-wrap .input .wrap .minus a,
.order .columns .column.cart .list .item .input-wrap .input .wrap .plus a{width:24px; height:24px; float:left; line-height:24px; text-align:center; background:#666; font-size:15px; color:#fff;}
.order .columns .column.cart .list .item .input-wrap .input .wrap .minus a:hover,
.order .columns .column.cart .list .item .input-wrap .input .wrap .plus a:hover{ background:#000;}
.order .columns .column.cart .list .item .input-wrap .input .wrap .field input{ width:60px; height:24px; padding:1px 0; border:0px; background:#fff; font-size:12px; border:1px solid #e1e1e1; text-align:center;}
.order .columns .column.cart .list .item .input-wrap .input .wrap .field input::-webkit-outer-spin-button,
.order .columns .column.cart .list .item .input-wrap .input .wrap .field input::-webkit-inner-spin-button { -webkit-appearance: none;}

.order .columns .column.cart .list .item .action{width:auto;float:left;display:inline-block}
.order .columns .column.cart .list .item .action a{ width:32px; height:32px; text-align:center; color:b31616; padding:0px; color:#b31616;}
.order .columns .column.cart .list .item .action a i{ float:none; margin:0px; padding:0px; font-size:20px; line-height:32px;}
.order .columns .column.cart .list .item .action a:hover{ color:#333;}

.order .columns .column.cart .list .totale-ordine{ font-size:16px; text-align:right; font-weight:700;}

.order .columns .column.cart .consegne{ padding:20px; background:#fff; margin-bottom:10px; max-height:400px; overflow:auto; margin-top:10px;}
.order .columns .column.cart .consegne .titolo{ margin-bottom:10px;}
.order .columns .column.cart .consegne .titolo h3{ margin:0px; padding:0px;}
.order .columns .column.cart .consegne .giorno-consegne{ display:flex; flex-wrap:nowrap; padding:3px 0; border-bottom:1px solid #e1e1e1;}
.order .columns .column.cart .consegne .giorno-consegne .giorno{ width:50%; font-weight:700;}
.order .columns .column.cart .consegne .giorno-consegne .ordine-entro{ width:50%;}
.order .columns .column.cart .consegne .consegna-stimata{ width:100%; margin-top:10px; text-align:center; font-weight:700;}

.order .columns .column.cart .add .btn{ width:100%; padding:15px 20px; font-size:16px; font-weight:400; background:#239169;}
.order .columns .column.cart .add .btn:hover{ background:#333;}

.recap-carrello{ width:50px; height:50px; position:fixed; text-align:center; right:0px; bottom:0px; background:#2270b9; z-index:999; display:none;}
.recap-carrello i{ font-size:26px; line-height:50px; color:#fff;}
.recap-carrello span{ width:auto; height:16px; position:absolute; font-size:11px; line-height:16px; top:-8px; right:0px; background:#fff; color:#000; padding:0 5px;}
.recap-carrello:hover{ background:#333;}

.fancybox-skin{ padding:0px !important;}
.fancybox-close{ width:32px; height:32px; position:absolute; right:0px; top:0px; background:#333; text-align:center; cursor:pointer;}
.fancybox-close:before{ content:"\f00d"; font-family:FontAwesome; width:32px; height:32px; line-height:32px; font-size:16px; color:#fff;}

.badge-allerta{ color:#b31616; margin:0 1px; font-size:18px; vertical-align:middle;}
.badge-note{ color:#000; margin:0 1px; font-size:18px; vertical-align:middle;}

.alertordine{ color:#000; background:#a4bfb5; border:0px; padding:10px 20px; display:flex; flex-wrap:nowrap; align-items:center; justify-content:center; margin-bottom:15px; border-radius:0px;}
.alertordine i{ color:#239169; margin:0px; font-size:19px; margin-right:10px;}

.badge-produzione{ color:#000; margin-left:10px; font-size:18px; vertical-align:middle;}
.badge-produzione.badge-produzione-ok{ color:#239169;}
.badge-produzione.badge-produzione-parziale{ color:#FC0;}
.badge-produzione.badge-produzione-ko{ color:#b31616;}

span.partita-iva { float: left; width: 100%; font-size: 11px;}
span.codice-fiscale { float: left; width: 100%; font-size: 11px;}

.badge-cliente{ color:#000; margin-right:10px; font-size:18px; vertical-align:middle;}

span.telefono + span.email{ margin-left:10px;}

.fancybox-inserimento-ordine .fancybox-inner{ max-height:600px;}

.panel-popup-fornitore-wrap{ width:100%; height:100%; min-height:530px; display:flex; flex-wrap:nowrap; align-items:center; justify-content:center;}
.panel.panel-popup-fornitore{ padding:0px; margin:0px;}
.panel.panel-popup-fornitore .panel-heading { text-align: center;}
.panel.panel-popup-fornitore .panel-heading .panel-title{ text-align:center; width:100%; padding:0px; margin-bottom:10px;}
.panel.panel-popup-fornitore .panel-body{ padding:0px;}
.panel.panel-popup-fornitore .panel-body .form-group{ text-align:center; width: 100%;}
.panel.panel-popup-fornitore .panel-body .form-group select{ width:100%; padding:10px; height:50px; font-size:15px;}
.panel.panel-popup-fornitore .panel-heading .icon i.fa.fa-question-circle {font-size:80px; line-height:80px; margin-bottom:20px;}
.panel.panel-popup-fornitore .panel-body .btn{ padding:10px 30px; font-size:16px; font-weight:400;}

.panel.panel-popup-invio label.control-label{ font-size:15px; font-weight:700; margin-bottom:10px;}
.panel.panel-popup-invio .panel-body{ padding:0px;}
.panel.panel-popup-invio .panel-heading .panel-title{ padding:0px;}
.panel.panel-popup-invio .anteprima-email{ font-size:14px !important; padding: 15px 20px; background-color: #f5f5f5; margin:20px 0;}
.panel.panel-popup-invio .anteprima-email .form-group{ margin-bottom:0px;}
.panel.panel-popup-invio .anteprima-email h4{ font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
.panel.panel-popup-invio .panel-body .form-actions .btn{ padding:10px 30px; font-size:16px; font-weight:400;}

.non-letto{ text-align:center;}
.non-letto .badge-log{ font-size:21px; color:#999;}
.letto-parziale{ text-align:center;}
.letto-parziale .badge-log{ font-size:21px; color:#edce00;}
.letto-tutti{ text-align:center;}
.letto-tutti .badge-log{ font-size:21px; color:#239169;}

.btn-stampa{ height:38px; font-size:16px; padding:10px 15px; background:#666; vertical-align:top;}
.btn-stampa:hover, .btn-stampa:focus{ background:#333;}
.btn-stampa i{ margin:0px;}

.fancybox-log-email .fancybox-inner{ max-height:250px;}

.LogEmail{ margin-bottom:20px;}
.LogEmail .destinatario{ width:50%; float:left;}
.LogEmail .data-apertura{ width:50%; float:left;}
.LogEmail .row-log-email, .LogEmail .intro-log-email{ font-size:15px; display: inline-block; clear: both; width: 100%;}
.panel-log-email .btn{ padding:10px 30px; font-size:16px; font-weight:400;}

.panel-log-email .panel{ margin:0px;}
.panel-log-email .panel-title{ padding:0px; margin-bottom:20px;}
.panel-log-email .panel-body{ padding:0px;}


@media screen and (max-width: 1200px) {
	
	.order .columns .column.list-products .filters{ align-items:end;}
	
	.order .columns .column.list-products .filters .categories ul li{ margin-right:5px; padding-right:0px; border:0px;}
	.order .columns .column.list-products .filters .categories ul li a{ font-size:11px;}
	.order .columns .column.list-products .filters .search .btn.cerca{ margin-left:5px;}
	.order .columns .column.list-products .filters .search .btn.reset{ margin-left:5px;}
	
	.order .columns .column.list-products{ width:65%;}
	.order .columns .column.cart{ width:35%;}
	.order .columns .column.list-products .list .item .input-wrap{ width:100%;}
	.order .columns .column.list-products .list .item .input-wrap .input{ width:100%; max-width:185px;}
	.order .columns .column.list-products .list .item .input-wrap .input .info{ font-size:11px; min-width:60px;}
	
	.logo img{ max-height:55px;}
	
	.dati-generali{ flex-wrap:wrap;}
	.dati-generali .box{ width:33.33%;}
	.dati-generali .box .item{ padding:10px 0; border:0px;}
	
	.middle-nav > li .btn{ min-width:80px; padding:10px 5px;}
	.middle-nav > li .btn span{ font-size:10px;}

	.ordini-mensili{ overflow:scroll;}
	
	.order .columns .column.cart .list .item{ width:100%; display:flex; flex-wrap:wrap; justify-content:center;}
	.order .columns .column.cart .list .item.carrellovuoto{ font-size:14px; line-height:22px;}
	.order .columns .column.cart .list .item .input-wrap .input .wrap .field input{ width:50px;}
	.order .columns .column.cart .list .item .nome{ width:100%; text-align:center;}
	.order .columns .column.cart .list .item .unita{ width:50%; text-align:center;}
	.order .columns .column.cart .list .item .prezzo{ width:50%; text-align:center;}
	.order .columns .column.cart .list .item .input-wrap{ width:60%;}
	.order .columns .column.cart .list .item .input-wrap .input{ width:auto; padding-left:0px;}
	.order .columns .column.cart .list .item .input-wrap .input .info{ min-width:60px; font-size:11px;}
	.order .columns .column.cart .list .item .action{ float:right;}
	.order .columns .column.cart .list .totale-ordine{ width:100%; text-align:center;}
	
	
}

@media screen and (max-width: 1024px) {
	body{ font-size:12px;}
	.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{ padding:10px;}
}

@media screen and (max-width: 992px) {
	.navbar-header{ width:auto; float:left;}
	.navbar-header .hidden-lg{ display:none;}
	.navbar-right{ width:auto; float:right !important; background:none !important; border:0px !important; height:auto !important; font-size:12px; display:block !important;}
}

@media screen and (max-width: 768px) {
	.middle-nav > li span{ display:block;}
	.panel>.table-responsive{ overflow:auto;}

}