@import "specifico.css";

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;
    max-width: 400px;
}
.titlename i {
	/*color: #ececec;*/
	color: rgba(52, 83, 127, 0.3);
    opacity: 0.5;
    position: absolute;
    top: -14px;
    font-size: 10em;
    cursor: default;
}

.ui-widget input {
	font-family: Trebuchet MS,Tahoma,Verdana,Arial, fontawesome, 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-family: 'Open Sans', sans-serif;
	font-size: 0.7em;
}

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

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

a:hover {
	color: #990000;
}

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

input {
	background-color: #FFFFFF;
	border: 1px solid #34537f;
	border: 1px solid #aaa;
}

textarea {
	background-color: #FFFFFF;
	border: 1px solid #34537f;
	border: 1px solid #aaa;
}

.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-family: 'Open Sans', 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-family: 'Open Sans', 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-family: 'Open Sans', sans-serif;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	width: 20%;
}
.absolute{
    position: absolute;
}
.bold{
    font-weight: bold;
}
td.importo.importo_left{
    text-align: left;
}

#genera_pdf img{
     width: 16px;
     height: 16px;
}

#genera_excel img{
    width: 16px;
    height: 16px;
}

div.message:not(.container-ask-again) {
	width: 50%;
	text-align: center;
	margin: 0 auto 0 auto;
}

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

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

.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*************************/
    div#logobar div.box{
        width: 98%;
    }
    div#main div.box{
        max-width: 1680px;
        width: 90%;
    }
    .dati tr td{
        line-height: 34px;
    }
    .dati tr th {
        line-height: inherit;
    }
    .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;
    }
    div table tr td{
        color: #2e2e2e;
    }
    #main .box div:not(.riepilogo) table tr td{
        height: 44px;
    }
    #main .box div table tr td form{
        height: 32px;
    }
    #main .box div table tr th{
        font-size: 1em;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        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;
    }

    /*TODO ale rimosso :not([type='checkbox'])*/
    #main .box input:not([type='radio']), #main .box select, .ui-dialog div input, .ui-dialog div select {
        text-indent: 6px;
        height: 4em;
        /*border-radius: 7px;*/
        font-family: 'Open Sans', fontawesome, 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.recover_bt button, #main table td.anticipo_bt button, #main table tbody td .ui-button:has(i), #main table tbody td .ui-button:has(.ui-button-icon), #main table tbody td .ui-button:has(.fa){
        width: 100%;
        height: 100%;
        padding: 0;
    }
    #main table td.delete_bt button:hover, #main table td.recover_bt button:hover, #main table td.anticipo_bt button:hover, #main table tbody td .ui-button:hover{
        background-color: transparent;
        border: 0;
    }
    /*corregge i bottoni su mozilla*/
    @-moz-document url-prefix() {
        #main table td.delete_bt button, #main table td.recover_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.recover_bt button span, #main table td.anticipo_bt button span, #main table td .ui-button a, #main table td.dettagli_bt button span, #main table td.edit_bt button span {
        font-size: 1.7em;
        width: 100%;
        /*height: 100%;*/
        margin: 0;
        left: auto;
        top: 0em;
        display: table;
        position: relative;
    }
    #main table td.anticipo_bt button span,#main table td .ui-button a, #main table td.dettagli_bt button span, #main table td.edit_bt button span{
        font-size: 1.7em;
        /*top: 2px;*/
        display: table;
        position: relative;
        padding: 0;
    }
    .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,  #main .box table input:not[type="radio"]: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;
        height: calc(100% + 4px) !important;
        width: calc(100% + 2px) !important;
        /*margin: 0 !important;*/
        z-index: 1!important;
        text-indent: 6px;
        top: 0px;
        left: -2px;
    }
    #main .box table tbody.js_ed tr td select:focus {
        width: calc(100% + 4px) !important;
        height: calc(100% + 6px) !important;
    }
    #main .box table tbody.js_ed tr td>input:not([type="checkbox"]):focus, #main .box table input[type="text"]:focus, #main .box table input:not[type="radio"]: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{
        height: calc(100% + 3px) !important;
        width: calc(100% + 0px) !important;
        top: 0px;
        left: -1px;
    }
    #main .box table tbody.js_ed tr td>select:focus {
        width: calc(100% + 2px) !important;
        height: calc(100% + 5px) !important;
        top: 0px;
        left: -1px;
    }
@media screen and (max-width: 1600px){
    #main .box table tbody.js_ed tr td input:not([type="checkbox"]):focus, #main .box table input:not[type="radio"]: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{
        height: calc(100% + 3px) !important;
        width: calc(100% + 1px) !important;
        top: 0px;
        left: -1px;
    }
    #main .box table tbody.js_ed tr td select:focus {
        width: calc(100% + 3px) !important;
        height: calc(100% + 4px) !important;
    }
    #main .box table tbody.js_ed tr td>input:not([type="checkbox"]):focus, #main .box table input[type="text"]:focus, #main .box table select:focus,
    #main .box table input:not[type="radio"]:focus,
    #piano_tesoreria table tr td>input:focus, #piano_budget table tr td>input:focus, #fornitori table tr td>input:focus{
        height: calc(100% + 2px) !important;
        width: calc(100% - 1px) !important;
        top: 0px;
        left: 0px;
    }
    #main .box table tbody.js_ed tr td>select:focus {
        width: calc(100% + 2px) !important;
        height: calc(100% + 4px) !important;
        top: 0px;
        left: -1px;
    }
}

    #fatturazione_light textarea{
        /*width: inherit !important;*/
        /*height: inherit !important;*/

        margin: 0;
        padding: 0;
    }
    #genera_pdf{
        font-size: 1.5em;
    }

#genera_excel{
    font-size: 1.5em;
}

    #genera_pdf img{
        width: 20px;
        height: 20px;
        position: relative;
        top: -3px;
    }
#genera_excel img{
    width: 20px;
    height: 20px;
    position: relative;
    top: -3px;
}
    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 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: 99%;
}

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, #email-utente {
	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: #f7f7f7;
}

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;
 }

.table_pagimporti tr:hover td {
    background: none !important;
}

.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.drillableCell {
    padding-right: 14px;
}

.editableCell:after {
    top: -4px;
    right: 1px;
    float: right;
    display: inline-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;
}

button span.fa {
	color: #555;
}
th button .fa {
    color: #fff;
}

button .fa:hover {
	color: #5599dd;
}

.ui-dialog-buttonset button.ui-button .fa, button.submit .fa, button#submit .fa, button.close .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;
    font-family: 'Open Sans', sans-serif;
}

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

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

button.cancel{
	margin: 15px auto 5px auto;
}
button.cool_button i, button.cool_button span{
    line-height: 37px !important;
}
button.cool_button{
    background: #6EBD74;
    color: #ffffff;
    border: none;
    font-size: 1.5em !important;
    margin: 10px 2px 4px 8px;
    min-width: 150px;
    background: linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,.0) 100%);
    background-color: #44A94C;
    border-radius: 0px;
    border: solid 2px #44A94C;
    /*padding: 10px 5px 10px 5px;*/
    opacity: 0.8;
    box-shadow: 1px 2px 10px #888888;
}
button.cool_button:hover{
    opacity: 1;
}
button.blue_button{
    background-color: #6495ed !important;
    border: solid 2px #6495ed !important;
}
.blue{
    color: #6495ed;
}

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;
}
button#submit span i, button#submit_and_new span i, button.submit_and_new span i, button.submit span i, .button.close_item span i,.button.close span i, .ui-dialog-buttonset button.salva_dialogbutton span i, .ui-dialog-buttonset button.annulla_dialogbutton span i{
	line-height: 37px !important;
}

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

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 40px;
    margin: 0px 0 0 0;
    padding: 0px;
    height: 40px;
}

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

.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-family: 'Open Sans', sans-serif;
	font-size: 1.4em;
    font-size: 19px;
    font-weight: 600;
}

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:not(.iti__flag){
        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, td.importo_scad {
	text-align: right;
    padding-right: 5px;
    padding-left: 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;
}
tr.selected td.editableCell {
    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;
    display: none;
}

/* 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;
	background: #34537f;
	border: none;
}

.ui-widget-header .ui-dialog-title {
	font-size: 2em;
    font-family: "lato", sans-serif;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    width: 100%;
    color: white;
}

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

form fieldset {
	border: none;
}

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

.ui-widget fieldset input, .ui-widget fieldset select {
	border: 1px solid #336699;
	border: 1px solid #34537f;
    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) !important;
}

/*div#delete-confirm i {
    /* margin-right: 10px; */
.modal-message i{
    padding-right: 10px;
    color: #336699;
    color: #34537f;
}
.modal-message .fa-check-circle{
    color: #44A94C;
}
.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 !important;
}

a.disabled{
    cursor: not-allowed;
}

div button.disabled:hover{
    color: #fff;
}
div .disabled:hover{
    color: #336699;
    color: #34537f;
}

.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: #fefefe;
    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 #container, body #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;
    color: #34537f;
}
td[class*="expand_"], td.expand, td.collapse, .td_expand{
    background-color: transparent;
}

.dati tbody tr.expired td.data_scadenza, td.expired  {
    color: #c00000 !important;
    /*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;
    font-size: 1em;
}
#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:" *" !important;
}
.modal-message p{
    font-size: 1.5em;
    line-height: 1.3em;
    display: inline-flex;
    margin: 10px 0px;
}

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

form div.input_login label {
    display: table-cell;
    vertical-align: middle;
}
form div.input_login {
    display: table;
    vertical-align: middle;
    height: 4em;
    text-align: right;
    margin-right: 13px;
}

table td i.fa{
    display: table;
    vertical-align: middle;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

table td i.fa.response {
    cursor: pointer;
}


/**************************************/
/***************GRAFICA******************/
/**************************************/

.items_bar{
    min-height: 64px;
    display: inline-block;
    width: 100%;
    -webkit-box-shadow: 1px 2px 15px #e5e5e5;
    /* box-shadow: 1px 2px 15px #888888; */
    background-color: #ececec;
    border-radius: 0px;
    margin-bottom: 20px;
    border: solid 1px #c8c8c8;
    box-shadow: none;
}
.riepilogo/*, .ui-widget*/{
    background-color: transparent;
    border-radius: 0px;
}

#main table{
    overflow: hidden;
    border-spacing: 1px;
    border-collapse: collapse;
    border-radius: 0px;
    overflow: visible;
    box-shadow: 1px 2px 15px #888888;
}
#canvas{
    overflow: hidden;
    border-spacing: 1px;
    border-collapse: collapse;
    border-radius: 0px;
    overflow: hidden;
    box-shadow: 1px 2px 15px #888888;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 10px;
}
#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;
    font-weight: normal;
    top: -38px;
    /*font-size: 27px;*/
    left: 0;
    right: 0;
    text-align: center;
    color: #336699;
    color: #34537f;
    text-transform: uppercase;
}
.box>h3{
    position: absolute;
    font-weight: normal;
    top: -10px;
    font-size: 15px;
    left: 0;
    right: 0;
    text-align: center;
    color: #336699;
    color: #34537f;
    text-transform: uppercase;
}

.dati tr td, .dati tr th, table tr td, table tr th {
    border: solid 1px #ddd;
}
body {
    background-attachment: fixed;
}
#main{
    position: relative;
}
td{
    background-color: rgba(255, 255, 255, 0.8);
    background-color: #fff;
}
.odd td{
    background-color: #f7f7f7;
}
div#navigation, #nav2vertical {
    background-color: rgba(51, 102, 153, 1) !important;
}

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

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

/*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.annulla_dialogbutton{
    min-width: 150px;
    min-height: 74px;
    background: #DA4343;
    background: linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,.0) 100%);
    background-color: #DA4343;
    border-radius: 0px;
    border: solid 2px #DA4343;
    /*background-image: url("../img/red_button.png");
    background-color: transparent;
    background-size:100% 100%;
    background-repeat: no-repeat;*/
    padding: 10px 18px 10px 18px;
    opacity: 0.8;
    box-shadow: 1px 2px 10px #888888;
    box-shadow: none;
}
.button.close_item:hover, .button.close:hover, .ui-dialog-buttonset button.annulla_dialogbutton:hover{
    opacity: 1;
}

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, .ui-dialog-buttonset button.salva_dialogbutton{
    min-width: 150px;
    min-height: 74px;
    background: #44A94C;
    background: linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,.0) 100%);
    background-color: #44A94C;
    border-radius: 0px;
    border: solid 2px #44A94C;
    /*background-image: url("../img/green_button.png");
    background-color: transparent;
    background-size:100% 100%;
    background-repeat: no-repeat;*/
    padding: 10px 18px 10px 18px;
    opacity: 0.8;
    box-shadow: 1px 2px 10px #888888;
    box-shadow: none;
}
button.submit.blue{
    background: #86cbea;
    background: linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,.0) 100%);
    background-color: #86cbea;
    border-radius: 0px;
    border: solid 2px #86cbea;
}
button.submit.blue_button:hover{
    background: #7BC6EA;
    background: linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,.0) 100%);
    background-color: #7BC6EA;
    border: solid 2px #7BC6EA;
}

button.submit.darkblue{
    background: #0183b6;
    color: white;
    background: linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,.0) 100%);
    background-color: #0183b6;
    border-radius: 0px;
    border: solid 2px #007daa;
}


button#submit:focus, button#submit_and_new:focus, button.submit_and_new:focus, button.submit:focus, .ui-dialog-buttonset button.salva_dialogbutton:focus,
.button.close_item:focus, .button.close:focus, .ui-dialog-buttonset button.annulla_dialogbutton:focus{
    border-color: rgba(245, 219, 73, 0.60);
}
button#submit:hover, button#submit_and_new:hover, button.submit_and_new:hover, button.submit:hover, .ui-dialog-buttonset button.salva_dialogbutton:hover{
    opacity: 1;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35 !important;
    filter: Alpha(Opacity=35);
}

.backblack{
    color: red; !important;
}

#form_impostazioni td.option{
    background-color: #fff;
}
#main #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 #96CCF7 !important;
    -webkit-box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.075), 0 0 25px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.075), 0 0 25px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.075), 0 0 25px rgba(82, 168, 236, 0.6);
    -webkit-box-shadow: inset 0 0px 1px rgba(82, 168, 236, 0.6), 0px 0 25px rgba(82, 168, 236, 0.8);
    -moz-box-shadow: inset 0 0px 1px rgba(82, 168, 236, 0.6), 0px 0 25px rgba(82, 168, 236, 0.8);
    box-shadow: inset 0 0px 1px rgba(82, 168, 236, 0.6), 0px 0 10px rgba(82, 168, 236, 0.8);
}

#main #main_box .editDateOn {
    border-color: #A2CEF0 !important;
    border: solid 1px transparent !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);
    -webkit-box-shadow: inset 0 0px 1px rgba(82, 168, 236, 0.6), 0px 0 25px rgba(82, 168, 236, 0.8);
    -moz-box-shadow: inset 0 0px 1px rgba(82, 168, 236, 0.6), 0px 0 25px rgba(82, 168, 236, 0.8);
    box-shadow: inset 0 0px 1px rgba(82, 168, 236, 0.6), 0px 0 10px rgba(82, 168, 236, 0.8);
    outline: 0;

    position: relative;
    height: calc(100% + 0px) !important;
    width: calc(100% + 2px) !important;
    margin: 0 !important;
    z-index: 1!important;
    text-indent: 6px;
    top: 0px;
    left: 0px;

    border-radius: 0px;
    font-family: fontawesome, 'Open Sans', sans-serif;
}

.ui-dialog div input[type="radio"]:focus{
    box-shadow: none !important;
}


/*.expand, .td_expand{
    border: none;
}*/
.ui-widget-content {
    background-color: #fff;
}
#main .box table tr td {
    overflow: hidden;
}
#form-add table td, #mail_header table td {
    height: 3em !important;
}
.absolute_show{
    overflow: visible !important;
}
#mail_header table th {
    padding-left: 10px;
    padding-right: 10px;
}
#mail_header table input {
    border: solid 1px transparent !important;
}
#mail_header table{
    overflow: visible;
}
#fatturazione_light textarea:focus, textarea#articolo_form:focus{
    position: relative;
    margin: 0 !important;
    z-index: 1!important;
    text-indent: 6px;
    top: -5px;
    left: 4px;
}
div#main_box div.box1{
    top: -2px;
    right: 0;
}
#form_login, div#form_scelta{
    background-color: rgba(255, 255, 255, 0.7) !important;
    box-shadow: 2px 5px 5px #888888 !important;
    border: 1px solid #aaa !important;
}
/*.go_to_company i.fa{
    display: inline-block;
    margin-right: 10px;
}*/
/*#main .box table tbody tr td{
    padding-top: 5px;
    padding-bottom: 5px;
}*/

#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, #main .box table #s_filtri input[type="text"], #main .box table #s_filtri select {
    min-height: 2.5em !important;
    height: 100% !important;
    border: solid 1px #ddd;
    position: relative;
    text-indent: 5px;
    top: 0px !important;
    left: -1px !important;
}
#main .box table #filtri select, #main .box table #m_filtri select {
    left: 0px !important;
}
#main .box div.riepilogo table tr th, #main .box table tr th , .dialog table tr th {
    height: 40px;
    background-color: #34537f;
    color: #fff;
    border: none;
    border-right: solid 1px #aaa;
}
#main .box div.riepilogo table tr th:last-child, #main .box table tr th:last-child, .dialog table tr th:last-child {
    border-right: solid 1px #34537f;
}

#main .box table tr th, #main .box div table tr th, .dialog div table tr th {
    height: 40px;
    background-color: #34537f;
    border: solid 1px #aaa;
    color: #fff;
    border-top: none;
    border-bottom: none;
}
.dialog table tr th {
    font-weight: normal !important;
}

table tfoot tr:first-child td{
    background-color: #fff;
    height: 54px;
}
table tfoot tr td{
    background-color: #f7f7f7;
    height: 54px;
}
#main table, #canvas{
    box-shadow: 1px 2px 15px #888888;
    box-shadow: none;
    margin-bottom: 20px;
}
#canvas{
    border: solid 1px #c8c8c8;
}
#main .box div table tfoot tr td{
    height: 2em;
}
.p50{
    width: 50%;
}
.mce-tinymce{
    width: calc(100% - 7px) !important;
    max-width: 800px;
}
.max88{
    max-width: 800px;
}
.margin20{
    margin-top: 20px;
}
.riepilogo table {
    border-collapse: collapse;
}
.border-top{
    border-top: solid 1px #aaa !important;
}
td[class*="expand_"], td.expand, td.collapse, .td_expand {
    background-color: rgba(255, 255, 255, 0.8);
}

#print_table{
    z-index: 1;
    position: absolute;
    right: 5px;
    top: -10px;
}
#print_table p{
    /*background-color: rgba(238, 238, 238, 0.5);*/
    padding: 3px;
    border-radius: 0px;
}

#print_table p a{
    top: 4px;
    position: relative;
}

#main_box{
    margin-top: 10px;
}
div#logobar .logo, div#logobar .logo_text {
    position: relative;
    border: none;
    top: 5px;
    width: auto;
    height: 65px;
    z-index: 100;
}
.logo_text_login{
    display: none;
}

@media screen and (max-width: 200px) {
    div#logobar .logo_text{
        display: none;
    }
}
@media screen and (min-width: 200px) {
    div#logobar .logo_text{
        display: none;
    }
    div#logobar div.box h1 {
        display: block;
        padding: 18px 8px 16px 8px;
        font-size: 33px;
        margin: 0;
        padding-left: 75px;
        background-color: transparent;
        top: 0px;
        left: -10px;
        border-radius: 0px;
        /*border: solid 1px #eee;*/
        background: linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,.1) 100%);
        color: #eee;
        font-weight: normal;
        cursor: pointer;
    }
}

div.ui-front {
    z-index: 400;
}

table tr td.tool{
    padding-left: 8px;
    padding-right: 8px;
}

/*bordi tabella mozilla*/
@-moz-document url-prefix() {
    #main table{
        border-collapse: separate;
        border-spacing: 0px;
    }
    .dati tr td, .dati tr th, table tr td, table tr th {
        border: 1px solid #eee;
    }
}

input:not([type="checkbox"]), select{
    /*box-shadow: 1px 2px 15px #888888;*/
    border: solid 1px #c8c8c8;
}
table input:not([type="checkbox"]), table select, .ui-dialog input, .ui-dialog select{
    box-shadow: none;
}
#main table textarea{
    width: 100%;
    height: 100%;
}

/* solo su schermi>1024px */
@media screen and (min-width: 1025px) {
    #main table textarea:focus{
        position: absolute;
        width: 400px;
        /*height: 60px;*/
    }
}

/*parte responsive per quando si rimpicciolisce lo schermo
@media screen and (max-width: 1300px) {
    div#navigation .navbox .boxmenu2 li a i{
        /*font-size: 1.5em;*/
@media screen and (max-width: 1000px) {
    div#maincontainer #nav2vertical {
        width: calc(17% - 3px);
    }
    #maincontainer #main {
        width: 82%;
    }
    /*div#logobar div.box h1, div#logobar .logo, div#logobar .logo_text, div#logobar{*/
    /*    display: none;*/
    /*}*/
    div#navigation .navbox li{
        float: left;
    }
    div#navigation .navbox, div#nav2 {
        margin: 0 0;
        width: auto;
    }
    div#navigation .navbox ul, div#nav2 div.box ul{
        width: auto;
    }
    div#navigation .boxmenu2 ul {
        float: right;
    }
    div#navigation .navbox .boxmenu2 ul {
        width: auto;
        position: relative;
        right: 0px;
    }
}
@media screen and (max-width: 1500px) {
    #main .box div table tr td {
        font-size: 1.2em;
    }
    #main .box div:not(.riepilogo) table tr td{
        height: 34px;
    }
    #intestazione_fattura_left .intestazione_cliente input#cliente {
        width: 270px;
    }
    #intestazione_fattura_left input#causale {
        width: 380px;
    }
    div#intestazione_fattura_left {
        width: 600px;
    }
}
@media screen and (max-width: 1000px){
    div#main div.box{
        max-width: 1920px;
        width: 100%;
        transition-timing-function: ease-in-out;
        transition-duration: 0.1s;
        -webkit-transition-duration:  0.1s; /* Safari */
    }
    #maincontainer div#main {
        width: 100%;
        margin-right: 0;
        transition-timing-function: ease-in-out;
        transition-duration: 0.1s;
        -webkit-transition-duration:  0.1s; /* Safari */
    }
    #nav2vertical + #main .box {
        /* width: 798px; */
        width: 98%;
    }
    .box>h2 {
        display: none;
    }
}

.fa-1-5x {
    font-size: 1.5em;
}
.abbuono{
    color: #1c94c4;
    font-weight: 600;
    font-size: 12px;
}
td.text_left{
    text-align: left;
    text-indent: 7px;
}
.uppercase{
    text-transform: uppercase;
}
.separator_line{
    border-top: solid 1px #eee;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    font-weight: 600;
}

.div_disabled {
    pointer-events:none;
}
#privacy_policy a u {
    color: #fff;
    font-weight: bold;
}
#privacy_policy {
    margin-top: 20px;
}
.stringa_parametri_sistemi {
    padding-left: 22%;
    margin-bottom: 30px;
}
.stringa_parametri_riga {
    float: left;
    width: 50%;
    text-align: left;
}

input[type=number].no-spinner::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.no_cursor{
    cursor: default !important;
}

#main_box .warn_title{
    background-color: lightcoral;
    color: #fff;
    font-weight: 600;
    border-radius: 20px;
    width: auto;
    margin-bottom: 10px;
    position: relative;
    padding-right: 20px;
    padding-left: 20px;
}

.edit_yellow{
    background-color: #fdf5ce;
}
.clickable{
    cursor: pointer;
}
#totale_enasarco:focus{
    border-color: transparent !important;
    box-shadow: none !important;
}

/*OVERLAY*/
#loadingOverlay {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.2); /* Black background with opacity */
    z-index: 999999; /* Specify a stack order in case you're using a different order for other elements */
}

#loadingOverlay > i {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 50px;
    color: white;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

html.loadingOverlayOpen, html.loadingOverlayOpen > body {
    overflow: hidden;
    min-height: 100%;
}
/*OVERLAY*/

/* MODALE ERRORE SPORTELLO */
.modal-message>ul{
    text-align: left;
    padding-left: 15px;
}
.modal-message>ul>li>ul{
    padding-left: 15px;
}
.modal-message>ul li>span.sportelloSuccesso{
    color:#008000;
}
.modal-message>ul li>span.sportelloErrore{
    color:#f00;
}
/* MODALE ERRORE SPORTELLO */

input.fullWidth,select.fullWidth{
    width: 100%;
    box-sizing: border-box;
}
input.noBorder,select.noBorder{
    border: 0;
}

.displayBlock{
    display: block;
}

.displayInlineBlock{
    display: inline-block;
}

div.addRowModal{
    line-height: 2em;
    text-align: left;
}

/**/
.add_item_always {
    font-size: 1.4em;
    padding-top: 1em !important;
    height: 3em;
}

div.add_item_always {
    margin: 0px 2px 10px 2px;
    padding: 0 8px;
}

div.add_item_always:hover {
    cursor: pointer;
}

div.add_item_always a {
    line-height: 32px;
    font-family: lato, sans-serif;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.4em;
    font-size: 19px;
    font-weight: 600;
}

div.add_item_always a i {
    line-height: 32px;
}

div.add_item_always {
    height: 3em;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 0;
}

.add_item_always:hover a {
    color: #86cbea;
}
/**/

.marginBottom10{
    margin-bottom: 10px;
}

.table {
    display: table;
    width: 100%;
}

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

.table .row .cell {
    display: table-cell;
    width: auto;
    padding: 3px;
}

input[readonly] {
    background-color: #e8e8e8;
    cursor: not-allowed;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .reset_dialogbutton{
    min-width: 140px;
    min-height: 74px;
    background: #17a2b8;
    border-radius: 0;
    border: solid 2px #17a2b8;
    padding: 10px 18px 10px 18px;
    box-shadow: none;
    color: #ffffff;
    font-size: 1.5em;
    margin: 0 5px;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .reset_dialogbutton > span,
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .reset_dialogbutton > span > i.fa{
    line-height: 37px;
}


/*Fix bordi tabelle IE*/
td{
    position: static!important;
}

div.relative{
    position: relative;
    height: 100%;
}

.validation-message {
    color: red;
    font-size: 1.2em;
    font-weight: bold;
}

ul.cbp-tm-submenu {
    z-index: 999;
}

.row .col-6 {
    float: left;
    width: 50%;
    padding: 15px;
    box-sizing: border-box;
}

input.normal {
    height: auto!important;
}

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

.select2-results{
    text-align: left;
}

.select2-selection--single.select2-selection{
    text-align: left;
    border-radius: 0 !important;
    height: 35px !important;
}

b{
    border-width: 6px 3px 3px 3px !important;
    margin-left: -2px !important;
}

#form_articles_fields{
    text-align: left;
}

.select2-selection__placeholder{
    font-style: italic;
}

/*override stile modali errore jquery ui*/
.ui-state-error {
    padding: 12px;
    border-radius: 4px 2px 2px 4px;
    background: #d35757;
    border: none;
    position: relative;
    border-right: 30px solid #7f3434;
    margin-bottom: 12px;
}

.ui-state-error span.fa {
    float: left;
    box-sizing: border-box;
    font-size: 30px;
    width: 30px!important;
    color: orange;
    text-align: center;
}

.ui-state-error span.warning {
    padding-left: 45px;
    display: block;
    font-weight: bold;
    font-size: 1.5em;
    white-space: pre-line;
}

.ui-state-error p {
    margin: 0;
}

/*fine override stile modali errore jquery ui*/

#main .box div#disable_section input[type='checkbox'],
#main .box div#disable_section_sportello input[type='checkbox'],
#main .box div#enable_banner_section input[type='checkbox'],
#main .box div#enable_popup_indagine_section input[type='checkbox']
{
    height: 8px;
}

/*messaggio disabilitazione nel menu*/
div#menu-alert {
    z-index: 990;
}

button#salvaDisable,
button#salvaDisableSportello,
button#salva_enable_banner,
button#salva_enable_popup_indagine {
    height: auto;
}

#menu-alert:hover .alert-wrapper {
    display: block;
}

#menu-alert .alert-wrapper {
    position: absolute;
    right: 0;
    top: 110%;
    margin-top: 7px;
    width: 500px;
    text-align: left;
    display: none;
}

#menu-alert i.fa {
    font-size: 30px;
}

#menu-alert .alert-wrapper:before {
    content: '';
    height: 0;
    width: 0;
    top: -7px;
    right: 9px;
    position: absolute;
    z-index: 9;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #7f3434;
}

.alert-wrapper.yellow .ui-state-error span.fa {
    color: black;
}
.alert-wrapper.yellow .ui-state-error {
    background-color: #ffe358;
    color: black;
    border-color: #d8c04a;
}

#menu-alert .alert-wrapper.yellow:before {
    border-bottom: 7px solid #d8c04a;
}
/*fine messaggio disabilitazione nel menu*/

input#not_apply_bollo_in_fattura_form {
    height: 21px!important;
    width: 24px;
    margin-right: 9px;
}

#disabilitaAccessoWarning, #showMessageBanner{
    /*position: fixed;*/
    z-index: 1001;
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
    color: #000000;
    font-size: 1em;
    font-family: 'Open Sans', sans-serif;
}

#disabilitaAccessoWarning{
    background-color: #FED650;
    border: 1px solid #ffc500;
}

#showMessageBanner{
    background-color: #5ED2E9;
    border: 1px solid #179bd7;
}

#disabilitaAccessoWarning > div, #showMessageBanner > div{
    padding: 5px 30px 5px 5px;
    margin: 0;
}

#disabilitaAccessoWarning #closeDisabilitaAccessoWarning, #showMessageBanner #closeShowMessageBanner{
    padding: 0 10px 0 0;
    margin: 0;
    font-size: 2em;
    color: rgba(0, 0, 0, 0.3);
    cursor: pointer;
    float: right;
    /*position: absolute;*/
    /*right: 10px;*/
    /*top: 1px;*/
    line-height: 1em;
}

.row{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#disabilitaAccessoWarning #closeDisabilitaAccessoWarning:hover, #showMessageBanner #closeShowMessageBanner:hover{
    color: rgba(0, 0, 0, 1);
}

table > thead > tr > th.col-option, table > thead > tr > td.col-option, table > tbody > tr > td.col-option {
    width: 30px;
    min-width: 30px;
    max-width: 30px;
}

table.tableFullWidth{
    width: 100%;
}

table.tableFullWidth th{
    width: auto;
}

#luoghiConsegnaDialogTable input[type=checkbox]{
    height: 1.5em;
    width: 1.5em;
    vertical-align: middle;
}

#luoghiConsegnaDialogTable th.colCap, #luoghiConsegnaDialogTable th.colProv{
    width: 45px;
}

.popupIndagine {
    padding: 0 !important;
}

.popupContainer {
    border:2px solid #a7d8d5;
    border-radius: 10px;
    margin:25px auto;
    width: 400px;
    min-height: 200px;
}

.popupContainer .immagine{
    text-align: center;
}

.popupContainer .area_button{
    text-align: center;
    background-color: #a7d8d5;
    background-image: url("../img/triangolo.png");
    background-repeat: no-repeat;
    background-position: top center;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding-top: 30px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    position:relative;
    margin-top: 10px;
}

.popupContainer .area_button > .pulsante{
    font-size: 12px;
    letter-spacing: 0.2px;
    background-color: #4D4D4D;
    border-radius:10px;
    color: white;
    padding: 10px 20px;
    display: inline-block;
}

.popupContainer .area_button > .pulsante a:link,
.popupContainer .area_button > .pulsante a:visited,
.popupContainer .area_button > .pulsante a:active
{
    color: white;
    text-decoration: none;
}

.popupContainer .area_button > .pulsante a:hover {
    color: #a7d8d5;
}

.popupContainer .area_button > .link{
    font-size: 12px;
    letter-spacing: 0.2px;
    color: #4D4D4D;
    padding:20px;
    display: inline-block;
}

.popupContainer .area_button > .link a:link,
.popupContainer .area_button > .link a:visited,
.popupContainer .area_button > .link a:active
{
    color: #4D4D4D;
    text-decoration: none;
}



.popupContainer .area_button .greenDark {
    color: #528f92;
}
.popupContainer .area_button .greenDark .checkbox {
    color: #528f92;
    width: 14px !important;
    height: 14px !important;

}
.bg_grey {
    background: #CCCCCC;
}
.highlighted {
    background: #f3ffb5;
    color:red;
}
.error {
    background: white !important;
    border: 1px solid red !important;
}


/* compatibility banner */
.SisMenuBanner {
    display: flex;
    flex-flow: column nowrap;
    position: absolute;
    top: 0px;
    width: 100%;
}

.compatibilityBanner {
    font-size: 20px !important;
    z-index: 50;
}
.compatibilityBanner.Info {
    background-color: #28a745;
    color: white;
    height: 49.8px;
}
.compatibilityBanner.Warning {
    background-color: #fbb03b;
    color: white;
    height: 49.8px;
}
.compatibilityBanner.Exclamation {
    background-color: #a71930;
    color: white;
    height: 49.8px;
}
.compatibilityBanner.ieBannerPrev {
    background-color: rgb(166, 207, 237)!important;
    border-bottom: 10px solid rgb(22, 154, 216)!important;
    color: black!important;
    height: 39.8px!important;
}
.compatibilityBanner.ieBannerDismiss {
    background-color: rgb(255,224,177)!important;
    border-bottom: 10px solid rgb(255, 163, 26)!important;
    color: black!important;
    height: 39.8px!important;
}
.compatibilityBannerContent {
    padding: 2px 2px;
    display: inline-flex;
    width: 95%;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
}
.compatibilityBannerIcon {
    font-size: 30px;
}
.compatibilityBannerIcon.fa-internet-explorer, .compatibilityBannerIcon.fa-edge {
    color: rgb(22, 154, 216);
}
.compatibilityBannerText {
    margin-left: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 16px;
}

.compatibilityBannerTextDetail {
    margin-left: 10px;
    font-size: 12px;
}
.compatibilityBannerClose, .compatibilityBannerLogout {
    font-size: 30px;
    float: right;
    cursor: pointer;
    margin: 5px 10px 0px 0px;
}

.bannerTooltip {
    margin-bottom: 5px;
}
.bannerInfoColor {
    color: #5bc0de;
}
.bannerTooltipContainerText {
    margin-left: 7px;
    background-color: #5bc0de;
    color: #fff;
    text-align: center;
    padding: 5px 7px 7px;
    border-radius: 6px;
    font-size: 1.25em;
}
.articoli_op_massive_link { display: none;}

/*LATEST DATATABLE*/
.dataTable {
    width: 100% !important;
}
.dataTable colgroup col {
    width: auto !important;
}
.dataTable tfoot {
    display: none;
}
div.dt-container .dt-input {
    background-color: white !important;
}
/*LATEST MCAUTOCOMPLETE*/
.mcacAnchor.ui-state-active {
    display: block;
}
/*MANCIO DATATABLES*/
td form input, td form textarea, td form select {
    width: calc(100% - 35px) !important;
}
/*MANCIO AUTOCOMPLETE*/
.ui-autocomplete .ui-widget-header, .ui-datepicker .ui-datepicker-header, .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    color: white;
}
.ui-autocomplete a {
    display: block;
    width: calc(100% - 1.4em) !important;
}
.ui-autocomplete a.ui-state-active {
    border: 1px solid #fbcb09;
    background: #fdf5ce;
    color: #c77405;
}
#popinstallapp .messagetext {
    font-size: 1.8em;
}
div[role="dialog"] .ui-button-icon-only {
    text-indent: 0;
}

.ui-widget-overlay {
    background: #666666 url(ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
    opacity: .5;
    filter: Alpha(Opacity = 50);
}

.dropzone > div:first-child > button {
    background-color: transparent;
    border: none;
}

.container-ask-again {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
    column-gap: 5px;
}

button#ask-message-again, #watch2-qrcode-totp, #ask-by-sms {
    background: linear-gradient(to bottom, rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .0) 100%);
    background-color: #44A94C;
    border-radius: 0px;
    border: solid 2px #44A94C;
    padding: 10px 18px 10px 18px;
    color: white;
}

#main table td.anticipo_bt button, #main table tbody td .ui-button:not(:has(.fa,.ui-button-icon,i)) {
    border: 1px solid #cccccc;
    background: #f6f6f6 url(../js/external-libraries/jquery/images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
    color: #1c94c4;
}

#main table td.anticipo_bt button, #main table tbody td .ui-button:not(:has(.fa,.ui-button-icon,i)):hover {
    border: 1px solid #fbcb09;
    background: #fdf5ce url(../js/external-libraries/jquery/images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
}

.help-otp {
    font-size: 2.5rem;
    margin-left: calc(100% - 2.5rem);
    color: #336699;
}