html {
	height: 100%;
    overflow-y: scroll;
}

body, body div:first-child {
	/*height: 100%;*/
}

@media screen and (max-width: 1015px) {
	body { width: 1015px; }
}

*:focus {
	outline: none;
}
.db_stato_1 {
	/*libero*/
	background-color: #33cc66;
}

.db_stato_0 {
	/*occupato*/
	background-color: #cc0000;
}

#maincontainer {
	width: 985px;
    margin: auto;
}

#maincontainer #main {
	width: 820px;
	display: inline-block;
}
#form_impostazioni {
	width: 798px;
}

.titlename {
	text-align: left;
	position: relative;
}

#main .box {
    width: 980px;
    /*border: 1px solid #eeeeee;*/
    padding: 9px;
    /*background-color: #ffffff;*/
}

table.ui-jqgrid{
    width: 980px;
    table-layout: fixed;
}

td, th {
    overflow: hidden;
    text-overflow: ellipsis;
}
table tbody td a{
    vertical-align: middle;
}
table tbody td a i{
    vertical-align: middle;
    position: relative;
    top: -2px;
}

#maincontainer {
	width: 985px;
    margin: auto;
}

#maincontainer #main {
	width: 820px;
	display: inline-block;
}
#form_impostazioni {
	width: 798px;
}

.titlename {
	text-align: left;
	position: relative;
}

.titlename h2 {
	position: relative;
    z-index: 1;
    font-size: 2em;
    padding: 20px 40px;
}
.titlename i {
	/*color: #ececec;*/
	color: white;
    opacity: 0.5;
    position: absolute;
    top: -14px;
    font-size: 10em;
    cursor: default;
}

.ui-widget input {
	font-family: fontawesome, Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
}
.ui-corner-all {
	border-radius: 0;
}

.st_pagamento_1 {
	/*pagato*/
	background-color: #33cc66;
}

.st_pagamento_2 { /*in scadenza*/
	background-color: #F39814;
}

.st_pagamento_3 {
	/*non pagato*/
	background-color: #cc0000;
}

input.errore {
	background-color: #F39814;
}

select.errore {
	background-color: #ff4500;
}
option.errore {
	background-color: #ff4500;
}

input.waiting {
	background-color: #eeeeee;
}

.clear {
	clear: both;
}

.fleft {
	float: left;
}

.fright{
	float: right;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

.ui-icon-dialog {
	float: left;
	margin: 0 7px 20px 0;
	
}

/*p.form {
	margin: 0px auto 0px 0px;
}*/

.hidden{
	display: none;
}

.readonly{
	background-color: #EEEEEE;
}

/*input.id{
	width: 25px;
}*/

.cursor_wait {
	cursor: wait;
}


/*--------------------Elementi--------------------*/

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { 
	margin: 0; 
	padding: 0;
}

body {
	text-align: center;
	color: #000000;
	background-color: #FFFFFF;
	font-family: Verdana, geneva, arial, sans-serif;
	font-size: 0.7em;
}

a {
	text-decoration: none;
	overflow: hidden;
	color: #336699;
    cursor: pointer;
}

.contabilizza span {
    color: #336699;
    overflow: hidden;
    text-decoration: none;
}
.contabilizza span:hover {
    color: #336699;
    overflow: hidden;
    text-decoration: none;
    cursor: pointer;
}

a:hover {
	color: #990000;
}

img {
	vertical-align: top;
	border: none;
}

input {
	background-color: #FFFFFF;
	border: 1px solid #336699;
}

textarea {
	background-color: #FFFFFF;
	border: 1px solid #336699;
}

.small {
	color: #9F9F9F;
}

.red {
	color: #990000;
}

span.sc {
	font-variant: small-caps;
}

h1 {
	color: #083167;
	font-size: 1.9em;
	font-family: sans-serif;
	font-weight: bold;
	margin-left: 90px;
	/*margin-top: 60px;*/
	margin-top: 28px;
    cursor: default;
}

h2 {
	color: #666666;
	font-size: 2em;
	/*padding-top: 10px;
	padding-bottom: 10px;*/
	font-family: "lato", sans-serif;
	font-weight: bold;
	padding: 0;
	line-height: 28px;
	margin: 0px 3px 8px;
}

h3 {
	color: #666666;
	font-size: 1.5em;
	/*text-align: left;*/
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: "lato", sans-serif;
	font-weight: bold;
	margin-left: 3px;
}

h4 {
	color: #666666;
	font-size: 1.2em;
	text-align: left;
	/*padding-top: 10px;*/
	/*padding-bottom: 10px;*/
	font-family: "lato", sans-serif;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	width: 20%;
}
#genera_pdf img{
    width: 16px;
    height: 16px;
}

div.message {
	width: 50%;
	text-align: center;
	margin: 0 auto 0 auto;
}

div#warning {
	border: 1px solid #990000;
	color: #990000;
}

div#notice {
	border: 1px solid #336699;
	color: #336699;
}

.aright {
	text-align: right;
}

.aleft {
	text-align: left;
}

.acenter {
	text-align: center;
}

p.avviso {
	text-align: center;
	color: #990000;
}

p.esito {
	text-align: center;
	color: #003366;
}

p.required {
	text-align: left;
	color: #9F9F9F;
	/*margin: 10px auto 0px 50px;*/
	margin: 10px auto 0px 0px;
}

span.required {
	color: #990000;
}

/*--------------------Struttura--------------------*/


/**************RESPONSIVE*************************/
@media screen and (min-width: 240px) {
    div#logobar div.box{
        width: 98%;
    }
    div#main div.box{
        max-width: 1680px;
        width: 90%;
    }
    .dati tr td, .dati tr th {
        line-height: 34px;
    }
    .ui-widget {
        font-family: 'Open Sans', sans-serif;
        font-size: 1.2em;
    }
    #main .box div table{
        width: 100%;
    }
    #main .box div table tr td{
        font-size: 1.2em;
        font-family: 'Open Sans', sans-serif;
        height: 34px;
    }
    #main .box div table tr td form{
        height: 32px;
    }
    #main .box div table tr th{
        font-size: 1em;
        font-family: 'Open Sans', sans-serif;
        height: 34px;
    }
    #form_impostazioni {
        width: 100%;
    }
    #main .box table input[type="text"], #main .box table select{
        height: 100%;
        width: 100%;
        border: none;
    }
    #main .box table tfoot select{
        width: 4em;
        max-width: 4em;
    }
    #main .box table input[type="checkbox"]{
        height: 1.3em !important;
        width: 1.3em !important;
        vertical-align: middle;
    }
    #main .box input, #main .box select, .ui-dialog div input, .ui-dialog div select{
        text-indent: 6px;
        height: 3em;
        border-radius: 5px;
        font-family: fontawesome, 'Open Sans', sans-serif;
    }
    #impostazioni tr td, #impostazioni_tr tr td, #tabella_spesa tr td, #tabella_spesa tr td form{
        height: 2em;
    }
    table tr td form{
        height: 2em;
        width: 100%;
    }
    table tr td form{
        display: inline !important;
    }
    #main .box textarea{
        text-indent: 3px;
        border-radius: 5px;
        font-family: 'Open Sans', sans-serif;
    }
    #main .box input:not([type="checkbox"]):focus, #main .box select:focus, #main .box textarea:focus, .ui-dialog div input:not([type="checkbox"]):focus, .ui-dialog div select:focus{
        border-color: #A2CEF0 !important;
        border: solid 1px #A2CEF0 !important;
        -webkit-box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.075), 0 0 15px rgba(82, 168, 236, 0.6);
        -moz-box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.075), 0 0 15px rgba(82, 168, 236, 0.6);
        box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.075), 0 0 15px rgba(82, 168, 236, 0.6);
        outline: 0;
    }
    #main .box table tr td{
        overflow: visible;
        position: relative;
    }
    #main .box table tr td:not(.editableCell){
        overflow: visible !important;
        position: relative;
    }
    form div.input_login {
        line-height: 2em;
    }
    #main .box table #filtri input[type="text"], #main .box table #filtri select, #main .box table #m_filtri input[type="text"], #main .box table #m_filtri select{
        height: 2.5em !important;
        position: relative;
        text-indent: 5px;
    }
    #form-add, .box div.detail {
        width: 99%;
    }
    #main #impostazioni select, #main #impostazioni_tr select, #tabella_spesa select{
        max-height: 4em;
    }
    .add_item{
        font-size: 1.4em;
        padding-top: 1em !important;
        height: 3em;
    }
    .ui-widget {
        font-family: 'Open Sans', sans-serif;
        font-size: 1em;
    }
    #main table td.delete_bt button, #main table td.anticipo_bt button, #main table tbody td .ui-button{
        width: 100%;
        height: 100%;
    }
    /*corregge i bottoni su mozilla*/
    @-moz-document url-prefix() {
        #main table td.delete_bt button, #main table td.anticipo_bt button, #main table tbody td .ui-button{
            height: 34px;
        }
        #main .box table select {
            height: 34px;
        }
        .box .ui-widget input {
            line-height: 32px;
        }
    }
    #main table td.delete_bt button span, #main table td.anticipo_bt button span, #main table td .ui-button a, #main table td.dettagli_bt button span {
        font-size: 2em;
        width: 100%;
        height: 100%;
        margin: 0;
        left: auto;
        top: 0.1em;
    }
    #main table td.anticipo_bt button span,#main table td .ui-button a, #main table td.dettagli_bt button span{
        font-size: 1.7em;
        top: 0.2em;
    }
    .expand_bt{
        width: 2em;
    }
    .expand_bt button span.ui-icon[class*=" fa-"], .td_expand button span.ui-icon[class*=" fa-"], #piano_tesoreria button span.ui-icon[class*=" fa-"]{
        font-size: 2em;
        width: 2em;
        height: 100%;
        text-align: left;
        margin-left: 0;
        left: 0;
    }
    #main .box table tbody.js_ed tr td input:not([type="checkbox"]):focus, #saldi_odierni input:focus, #main .box #pagamenti_in_corso input:focus,
    #main .box #incassi_in_corso input:focus, #main .box #fatturazione_light input:focus, #main .box #banche_conti table input:not([type="checkbox"]):focus,
    #main .box table tbody.js_ed tr td select:focus, #main .box table input[type="text"]:focus, #main .box table select:focus,
    #piano_tesoreria table tr td input:focus, #piano_budget table tr td input:focus, #fornitori table tr td input:focus{
        position: relative;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        z-index: 1!important;
        text-indent: 6px;
    }
    #main .box table tbody.js_ed tr td select:focus {
        width: calc(100% + 4px) !important;
        height: calc(100% + 8px) !important;
    }
    #main .box table tbody.js_ed tr td input:not([type="checkbox"]), #saldi_odierni input, #main .box #pagamenti_in_corso input,
    #main .box #incassi_in_corso input, #main .box #fatturazione_light input, #main .box #banche_conti table input:not([type="checkbox"]){
        /*width: inherit !important;
        height: inherit !important;*/
    }
    #piano_tesoreria table tr td form, #piano_budget table tr td form, #fornitori table tr td form{
        /*width: inherit !important;
        height: inherit !important;*/
    }
    #form-add #form-detail-add input, #form-add #head_table input, #main #anticipo_nuovo input:not([type="checkbox"]),
    #main #creazione_distinta input[type="text"],
    #main #js_ed_disabled input:not([type="checkbox"]){
        /*width: 100% !important;
        height: 100% !important;*/
    }
    #fatturazione_light textarea{
        width: inherit !important;
        height: inherit !important;

        margin: 0;
        padding: 0;
    }
    #genera_pdf{
        font-size: 1.5em;
    }
    #genera_pdf img{
        width: 24px;
        height: 24px;
        position: relative;
        top: -4px;
    }
    div#main.expand_no_menu div.box{
        max-width: 1920px;
        width: 100%;
        transition-timing-function: ease-in-out;
        transition-duration: 0.1s;
        -webkit-transition-duration:  0.1s; /* Safari */
    }
    #maincontainer #main.expand_no_menu {
        width: 100%;
        margin-right: 0;
        transition-timing-function: ease-in-out;
        transition-duration: 0.1s;
        -webkit-transition-duration:  0.1s; /* Safari */
    }
    #nav2vertical + #main.expand_no_menu .box {
        /* width: 798px; */
        width: 98%;
    }
    #maincontainer #main, div#main div.box{
        transition-timing-function: ease-in-out;
        transition-duration: 0.1s;
        -webkit-transition-duration:  0.1s; /* Safari */
    }
    div#main{
        float: right;
        clear: none;
    }

}
/**************FINE RESPONSIVE******************/

table tr th{
    background-color: #EAF4FD;
}
div#container{
	width: 100%;
	text-align: center;
	/*background-color: #fafafa;*/
	height: auto !important;  /* FF2 & IE7 */
	height: 100%;      /* IE5.x & IE6 */
	min-height: 100%;  /* FF2 & IE7 */
	margin: 0px auto 0px auto;
}

div#logobar {
	background-color: #EDEDED;
	text-align: center;
	margin: 0px auto 0px auto;
}

div#logobar .box{
	text-align: left;
	margin: 0px auto 0px auto;
	width: 1000px;
	height: 83px;
	padding: 8px 0;
}

div#logobar .logo{
	float: left;
	vertical-align: top;
    width: 82px;
    height: 82px;
}

div#logobar .logo2 img {
    margin-top: 10px;
    /*width: 200px;*/
}

div#logobar div#topmenu{
	text-align: right;
	margin: 0px auto 0px auto;
	height: 30px;
}

div#menubar {
	text-align: center;
	margin: 0px auto 0px auto;
}

#header {
	text-align: left;
}

#header img {
	margin: 20px 0px 20px 20px;
}

/*#colonna-sx {
	float: left;
	width: 200px;
	text-align: center;
	font-size:1.1em;
}

#colonna-sx img {
	margin: 20px 0px 20px 10px;
}

#colonna-sx .box {
	text-align: left;
	margin: 0px;
	padding: 0px;
}*/

li.menu {
	font-family: sans-serif;
	text-align: left;
	margin: 0px 0px 12px 22px;
	list-style-type: square;
	color: #C5C5C5;
	border-bottom: 1px solid #F3F3F3;
}

li.sottomenu {
	font-family: sans-serif;
	text-align: left;
	margin: 0px 0px 12px 32px;
	list-style-type: circle;
	color: #C5C5C5;
}

#main {
	line-height: 1.5em;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 10px;
	margin: 0px auto 0px auto;
	background-color: #fafafa;
	/*overflow: auto;*/  /*  per permettere l visualizzazione di tooltip_component oltre il lim di main  */
	clear: both;
}

#main .box {
	margin: 0px auto 0px auto;
    margin-bottom: 100px;
	width: 1000px;
	text-align: left;

	/*border: 1px solid #eeeeee;
	padding: 9px;
	background-color: #ffffff;*/
}

#main li {
	margin: 0px 5px 0px 5px;
}
#nav2vertical + #main .box {
	/*width: 798px;*/
    width: 98%;
}

input, select, textarea {
	/*margin: 8px 5px 2px auto;*/
}

.noborder {
  border: none;
}


/*----*/


legend {
	color: #666666;
}

div#pdf {
  margin: 10px;
}

hr {
  width: 90%;
  color: #DCDCDC;
}

#codice-utente, #nome-utente, #nome-azienda, #ultimo-aggiornamento, #data-scadenza {
	text-align: right;
	color: #444444;
	font-style: italic;
	line-height: 1.6em;
}


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



div.clearCol {
	clear: both;
	height: 20px;
	background-color: #fafafa;
}

#footer {
	position: absolute;
	width: 100%;
	margin: 0px auto 0px auto;
	border-top: 1px solid #CCCCCC;
	height: 20px;
	bottom: 0;
	left: 0;
}

#footer .box {
	padding: 4px 10px 4px 10px;
	color: #FFFFFF;
	font-size: 0.7em;
	margin: 0px auto 0px auto;
	background-color: #2b176e;
}

/*.ui-widget input, select, textarea{
	margin: 0;
}*/

.riepilogo table {
	border-collapse: separate;
	overflow: visible;
	width: auto;
	overflow: scroll;
	/*margin-bottom: 20px;*/
}

/*tr.odd {
	background-color: #eeeeee;
}*/

td {
	background-color: #eeeeee;
}

.riepilogo tfoot tr {
	background-color: #EAF4FD;
}

.riepilogo thead tr th {
	background-color: #EAF4FD;
}

/*.riepilogo tfoot td {
	text-align: center;
}

.riepilogo thead td, .riepilogo thead th {
	text-align: center;
}*/

td, th {
	/*padding: 2px 2px 2px 2px;*/
	padding: 1px 1px 2px 1px;
	text-align: center;
	line-height: 24px;
	/*vertical-align: top;*/
}

.drillable {
	background-color: #ddd;
}

.fa-tab {
	font-size: 13px;
	margin-top: -1px;
	margin-bottom: -1px;
	color: #888;
}

.fa.pull-left {
    margin-right: .2em;
}



/************** Tabelle **************/

::-webkit-input-placeholder { color:#aaa; padding-left:2px;}
::-moz-placeholder { color:#aaa; padding-left:2px;} /* firefox 19+ */
:-ms-input-placeholder { color:#aaa; padding-left:2px;} /* ie */
input:-moz-placeholder { color:#aaa; padding-left:2px;}

.dati tbody tr:hover td {
     background-color: #fffbc6;
 }

.new_item table tr {
	background-color: #dddddd;
}

.new_item table td input {
	text-indent: 3px;
}

.new_item table thead tr {
	background-color: #EAF4FD;
}

.dati td, .dati th {

	padding: 2px;
	white-space: nowrap;
	line-height: 24px;
}

.dati td input {
	text-indent: 3px;
}

.dati td {
	/*padding-right: 13px;*/
}

td.editableCell {
	padding: 2px;
	background-color: #dddddd;
	cursor: pointer;
	position: relative;
}

td.drillableCell {
    background: #dddddd;
    cursor: pointer;
    padding: 2px;
    position: relative;
}

tbody td.editableCell, tbody td.drillableCell {
    padding-right: 14px;
}

.editableCell:after {
    position: absolute;
    top: -4px;
    right: 1px;
    /*width: 0;*/
    height: 0;
    display: block;
    /*border-left: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-top: 10px solid lightskyblue;*/
    font-family: FontAwesome;
    font-size: 11px;
    color: #888888;
    content: "\f044";
}

.editableCell:hover:after {
	color: #5599dd;
}

.drillableCell:after {
    position: absolute;
    top: -5px;
    right: 1px;
    height: 0;
    display: block;
    font-family: FontAwesome;
    font-size: 12px;
    color: #888888;
    content: "\f06e";
}

.drillableCell:hover:after {
	color: #5599dd;
}

#filtri input {
	width: 100%;
    line-height: 24px;
}

.ui-state-default .fa {
	color: #777777;
}

.ui-state-default .fa:hover {
	color: #5599dd;
}

.ui-state-default .ui-button-text .fa {
	color: #ffffff;
}

div.detail {
	margin: 0px auto 0px auto;
	width: 980px;
	text-align: left;
	/*border: 1px solid #eeeeee;*/
	padding: 9px;
	/*background-color: #ffffff;*/
	display: none;
	/*text-align: left;
	border-top: 1px solid #c6dff9;
	border-bottom: 1px solid #c6dff9;
	background-color: #fcfcfc;
	padding: 10px;*/
}


.ui-widget table select {
	/*border: 1px solid #336699;*/
    border-radius: 0;
    height: 24px;
    margin: 0;
    /* -webkit-appearance: none; */
    background-color: #ffffff;
}

.button-bar {
	margin-top: 40px;
}

button .ui-button-text {
	font-family: "lato", sans-serif;
}

button.submit{
	margin: 15px auto 5px auto;
}

button.close{
	margin: 15px auto 5px auto;
}

button.cancel{
	margin: 15px auto 5px auto;
}

button#submit, button#submit_and_new, .button.close_item, .button.close, button.submit, button.submit_and_new{
	background: #6EBD74;
	color: #ffffff;
	border: none;
	font-size: 1.5em !important;
	margin: 10px 2px 4px 8px;
}

.ui-dialog-buttonset button.salva_dialogbutton, .ui-dialog-buttonset button.annulla_dialogbutton {
	background: #6EBD74;
	color: #ffffff;
	border: none;
	font-size: 1.5em;
	margin: 0 5px;
}

.button.close_item, .button.close, .ui-dialog-buttonset button.annulla_dialogbutton {
	background: #D67979;
}

.button.close_item:hover, .button.close:hover, .ui-dialog-buttonset button.annulla_dialogbutton:hover {
	background: #DA4343;
}

button#submit:hover, button#submit_and_new:hover, button.submit_and_new:hover,button.submit:hover, .ui-dialog-buttonset button.salva_dialogbutton:hover {
	background: #44A94C;
}

button#submit span, button#submit_and_new span, button.submit_and_new span, button.submit span, .button.close_item span,.button.close span, .ui-dialog-buttonset button.salva_dialogbutton span, .ui-dialog-buttonset button.annulla_dialogbutton span {
	line-height: 37px !important;
}

.ui-dialog .ui-dialog-buttonpane {
	padding: 0 20px 20px;
	border: none;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: 6px;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 0px;
    height: 20px;
}

.ui-dialog .ui-dialog-titlebar-close .fa {
	color: #eeeeee;
	font-size: 20px;
}

.ui-dialog .ui-dialog-titlebar-close .fa:hover {
	color: #ffffff;
}

button#submit, button#submit_and_new, .button.close_item, .button.close, button.submit, button.submit_and_new{
	background: #6EBD74;
	color: #ffffff;
	border: none;
	font-size: 1.5em !important;
	margin: 10px 2px 4px 8px;
}

.ui-dialog-buttonset button.salva_dialogbutton, .ui-dialog-buttonset button.annulla_dialogbutton {
	background: #6EBD74;
	color: #ffffff;
	border: none;
	font-size: 1.5em;
	margin: 0 5px;
}

.button.close_item, .button.close, .ui-dialog-buttonset button.annulla_dialogbutton {
	background: #D67979;
}

.button.close_item:hover, .button.close:hover, .ui-dialog-buttonset button.annulla_dialogbutton:hover {
	background: #DA4343;
}

button#submit:hover, button#submit_and_new:hover, button.submit_and_new:hover,button.submit:hover, .ui-dialog-buttonset button.salva_dialogbutton:hover {
	background: #44A94C;
}

button#submit span, button#submit_and_new span, button.submit_and_new span, button.submit span, .button.close_item span,.button.close span, .ui-dialog-buttonset button.salva_dialogbutton span, .ui-dialog-buttonset button.annulla_dialogbutton span {
	line-height: 37px !important;
}

.ui-dialog .ui-dialog-buttonpane {
	padding: 0 20px 20px;
	border: none;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: 6px;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 0px;
    height: 20px;
}

.ui-dialog .ui-dialog-titlebar-close .fa {
	color: #eeeeee;
	font-size: 20px;
}

.ui-dialog .ui-dialog-titlebar-close .fa:hover {
	color: #ffffff;
}

div.sub_detail {
	width: 98%;
	/*border-top: 1px solid #cccccc;*/
	/*border-bottom: 1px solid #cccccc;*/
	/*background-color: #fff;*/
	margin: 10px auto 5px auto;
	padding: 10px;
}

.ui-button-icon-only {
	background: transparent;
	border: none;
}

.ui-button-icon-only .ui-state-default {
	border: none;
	background: transparent;
}

.ui-button-icon-only .ui-state-hover {
	border: none;
	background: transparent;
}

.ui-button-icon-only .ui-state-active {
	border: none;
	background: transparent;
}

div.link {
	margin: 10px auto 5px 10px;
	padding: 0;
}

div.add_item {
	margin: 0px 2px 10px 2px;
	padding: 0 8px;
	/*background-color: #999999;*/
}

div.add_item:hover {
	/*background-color: #6095ca;*/
	cursor: pointer;
}

div.add_item a {
	line-height: 32px;
	/*color: #ffffff;*/
	font-family: lato, sans-serif;
	font-size: 1.4em
}

div.add_item a i {
	line-height: 32px;
	/*color: #ffffff;*/
}

/*
div.add_item:hover a {
	color:#fff;
}*/

/*div#button-contabilizza-all{
    margin: 10px auto 5px 25px;
    padding: 0;
}*/

div.new_item {
	margin: 0px 0px 8px 0px;
}

.detail table {
	margin-top: 5px;
}

table.waiting {
	/* for IE */
	filter:alpha(opacity=60);
	/* CSS3 standard */
	opacity:0.6;
}

.input_margin {
	margin-top: 6px;
	margin-bottom: 8px;
}

tr#filtri td {
	text-align: center;
	padding: 2px;
}

div.data_filter_block {
	/*width: 76px;*/
	text-align: right;
	margin: 0 auto 0 auto;
}
/*corregge il doppio filtro su mozilla*/
@-moz-document url-prefix() {
    body div:first-child{
        height: auto;
    }
}

input.data_form {
	width: 52px;
}

span.first_row_data_filter input {
	margin-bottom: 3px;
}

td.fornitore {
	text-align: left;
}

td.cliente {
	text-align: left;
}

td.importo, td.totale_importo, td.importo_scadenza {
	text-align: right;
    padding-right: 5px;
}

td.data_scadenza, td.data_scadenza_agg, th.data_scadenza, th.data_scadenza_agg {
	padding: 0 10px 0 10px;
}

td.data_scadenza input, td.data_scadenza_agg input, td.data_registrazione input, td.data_fattura input, td.data_ordine input {
	width: 60px;
}

td.importo_scadenza input {
	width: 65px;
}

input.with_1 {
	width: 70px;
}

#log tr.import_title {
	background-color: #ffe7ce;
}

#log td.data_scadenza {
	text-align: left;
}

#log td.descrizione {
	text-align: left;
}

#indicator {
	margin: 20px auto 0 10px;
}

#indicator_report {
	margin: 14px auto 0 13px;
}

#estratto_conto {
	margin-top: 10px;
}
#fornitore-form, #anticipo_incasso_modifica {
    height: 100% !important;
}


#fornitore-form form input, #fornitore-form form select {
    width: 250px;
}

tr.selected td {
    background-color: #fffbc6;
}

input[type=checkbox].ui-state-error {outline: 1px solid #cd0a0a;}

input.email_field {
	width: 150px;
}

.ui-autocomplete-category {
    color: #808080;
    text-decoration: underline;
    font-weight: bold;
}

/* Allow Font Awesome Icons in lieu of jQuery UI and only apply when using a FA icon */
.ui-icon[class*=" fa-"] {
    /* Remove the jQuery UI Icon */
    background: none repeat scroll 0 0 transparent;
    /* Remove the jQuery UI Text Indent */
    text-indent: 0;
    /* Bump it up - jQuery UI is -8px */
    margin-top: -0.5em;
}

/* Allow use of icon-large to be properly aligned */
.ui-icon.icon-large {
    margin-top: -0.75em;
}

button.ui-button-icon-only {
    width: 21px;
}
.ui-button-icon-only .ui-icon[class*=" fa-"] {
    /* Bump it - jQuery UI is -8px */
    margin-left: -7px;
    font-size: 16px;
}

.ui-widget input {
	border: none;
	line-height: 24px;
}

.ui-state-focus, .ui-state-hover {
    color: #1c94c4;
}

/******************** Form crea/modifica *********************/

.ui-dialog {
	padding: 0;
	border: none;
}

.ui-widget-content {
	background: #eeeeee;
}

.ui-widget-header {
	background: #336699;
	border: none;
}

.ui-widget-header .ui-dialog-title {
	font-size: 1.5em;
    font-family: "lato", sans-serif;
    font-weight: normal;
    width: 100%;
}

.ui-dialog .ui-dialog-content {
	padding: 1em;
}

form fieldset {
	border: none;
}

form .input_login {
	width: 100px;
    text-align: right;
    margin-right: 13px;
    line-height: 22px;
}

.ui-widget fieldset input, .ui-widget fieldset select {
	border: 1px solid #336699;
    line-height: 20px;
    text-indent: 3px;
    margin: 0;
}

/*.annulla_dialogbutton {
    background: #d67979 none repeat scroll 0 0 !important;
    border: medium none !important;
    color: #ffffff !important;
    font-size: 1.5em !important;
    margin-left: 3px !important;
}

.annulla_dialogbutton span {
    line-height: 37px !important;
}
.salva_dialogbutton span {
    line-height: 37px !important;
}

.salva_dialogbutton {
    background: #6ebd74 none repeat scroll 0 0 !important;
    border: medium none !important;
    color: #ffffff !important;
    font-size: 1.5em !important;
    margin-left: 3px !important;
}*/

.ui-dialog .ui-dialog-titlebar-close {  /*remove default close jUi style*/
    background:none;
    border:0;
    color: #ffffff;
}

.ui-state-error-box{
    /*border: 1px solid #cd0a0a !important;*/
    background: rgb(255, 218, 223);
}

/*div#delete-confirm i {
    /* margin-right: 10px; */
.modal-message i{
    padding-right: 10px;
    color: #336699;
}
.locked:after{
    position: absolute;
    top: 450px;
    right: 37%;
    height: 0;
    display: block;
    font-family: FontAwesome;
    font-size: 65em;
    color: #888888;
    z-index: 0;
    opacity: 0.5;
}
.locked{
    background-image: url("../img/lock.png");
    background-repeat: no-repeat;
    background-position: 70% 80%;
    background-size: 25%;
}

.disabled{
    opacity: 0.5;
}
div .disabled:hover{
    color: #336699;
}

.fa-30p {
	font-size: 30px;
}

.fa-28p {
	font-size: 28px;
}

.fa-26p {
	font-size: 26px;
}

#main div.box, #form_login, div#form_scelta, #main .box .dashboard, .box > .header_banca{
    background-color: rgba(255, 255, 255, 0.7);
    box-shadow: 2px 5px 5px #888888;
    border: 1px solid #aaa;
}

body{
    background-image: url("http://www.ovenandcarpetgreen.com/Portals/_default/Skins/Minimalist-Green-Glass/backgrounds/SkyBlue/10_image.jpg") !important;
    background-image: url("../img/sfondo.jpg") !important;
    background-color: #CADAF3;
    background-size: 100% 150%;
    background-repeat: no-repeat;
}
@media screen and (max-width: 1700px) {
    body {
        background-size: 130% 150%;
    }
}
.cbp-tm-show-below .cbp-tm-submenu::after, .cbp-tm-show-above .cbp-tm-submenu::after {
    margin-left: 4em;
}
.cbp-tm-submenu{
    margin-left: -13em !important;
}

body div #container, body div #container #main{
    background-color: transparent;
}
div#logobar{
    /*display: none;*/
    background-color: transparent;
}

div div.clearCol {
    height: 0px;
}

.navbox .box ul{
    text-transform: uppercase;
}

tfoot tr td{
    background-color: #eaf4fd;
}

#filtri select{
    width: 100%;
}

td[class*="expand_"] span.fa, .td_expand span.fa, button[class*="expand_"] span.fa, span.fa, button.expand span.fa, button.collapse span.fa, td.expand span.fa, td.collapse span.fa{
    color: #336699;
}
td[class*="expand_"], td.expand, td.collapse, .td_expand{
    background-color: transparent;
}

.dati tbody tr.expired td.data_scadenza, td.expired  {
    color: #c00000;
    font-weight: bold;
}

.titlename{
    display: none;
}

table tbody td textarea{
    padding: 0;
    height: 3em;
    line-height: 1em;
    vertical-align: bottom;
    margin: 0;
}

.yellow{
    color: #DAA520;
}
.green{
    color: #6EBD74;
}
a i.yellow:hover{
    color: #c59020;
}
a i.green:hover{
    color: #4d9952;
}

/********TEMPORANEO*********
.id_Help{
    display: none !important;
}
/********TEMPORANEO*********/

::-webkit-input-placeholder{
    font-style: italic;
}
#filtri ::-webkit-input-placeholder{
    font-style: normal;
}
.select_placeholder{
    color: #999;
    font-style: italic;
}
.select_placeholder option{
    color: initial;
    font-style: normal;
}
.placeholder_red::-webkit-input-placeholder:after{
    color:red;
    content:" *";
}
.modal-message p{
    font-size: 1.5em;
    line-height: 1.3em;
    display: inline-flex;
    margin: 10px 0px;
}

.custom-para{
    /*margin-left: 45px;*/
    cursor: pointer;
}

@media screen and (max-width: 1224px){
    div div#navigation .box li a {
        width: auto !important;
        font-size: 1em !important;
    }
}


/**************************************/
/*
.hide_show{
    display: inline-block;
    width: 100%;
    -webkit-box-shadow: 1px 2px 15px #e5e5e5;
    box-shadow: 1px 2px 15px #888888;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 10px;
    margin-bottom: 20px;
}
.riepilogo{
    background-color: transparent;
    border-radius: 10px;
}
.riepilogo table{
    overflow: hidden;
    border-spacing: 1px;
    border-collapse: collapse;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 1px 2px 15px #888888;
}
#main div.box, #form_login, div#form_scelta, #main .box .dashboard, .box > .header_banca {
    background-color: transparent !important;
    border: none !important;
}
.box>h2{
    position: absolute;
    top: 38px;
    font-size: 40px;
    left: 0;
    right: 0;
    text-align: center;
    color: #336699;
}

.dati tr td, .dati tr th {
    border: solid 1px #ddd;
}
body {
    background-attachment: fixed;
}
#maincontainer{
    position: relative;
}
td{
    background-color: rgba(255, 255, 255, 0.8);
}
div#navigation, #nav2vertical {
    background-color: rgba(51, 102, 153, 1) !important;
    box-shadow: 1px 3px 15px #888888;
}

div#navigation ul {
    background-color: transparent !important;
}
#main .box div table tr td {
    font-size: 1.4em;
}

div.add_item {
    height: 3em;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 0;
}
td.editableCell, td.drillableCell {
    background-color: #eee;
}
.add_item:hover a {
    color: #990000;
}*/

/*body{
    background-image: url("../img/mix06.svg") !important;
    background-size: cover;
}*/
/*
.button.close_item:hover, .button.close:hover, .ui-dialog-buttonset button.annulla_dialogbutton:hover,
.button.close_item, .button.close, .ui-dialog-buttonset button.annulla_dialogbutton, .button.close_item, .button.close,
.ui-dialog-buttonset button.salva_dialogbutton, .ui-dialog-buttonset button.annulla_dialogbutton{
    background: #DA4343;
    background-image: url("../img/red_button.svg");
    background-color: transparent;
    background-size:100% 100%;
    background-repeat: no-repeat;
    min-width: 150px;
    min-height: 70px;
}

button#submit:hover, button#submit_and_new:hover, button.submit_and_new:hover,button.submit:hover, .ui-dialog-buttonset button.salva_dialogbutton:hover,
button#submit:hover, button#submit_and_new:hover, button.submit_and_new:hover,button.submit:hover, .ui-dialog-buttonset button.salva_dialogbutton:hover,
button#submit, button#submit_and_new, button.submit, button.submit_and_new,
button#submit:hover, button#submit_and_new:hover, button.submit_and_new:hover,button.submit:hover, .ui-dialog-buttonset button.salva_dialogbutton:hover{
    background: #44A94C;
    background-image: url("../img/green_button.svg");
    background-color: transparent;
    background-size:100% 100%;
    background-repeat: no-repeat;
    min-width: 150px;
    min-height: 70px;
}
*/