@import "specifico.css";
#menu_header { position: absolute !important; }
body {
    /*--app-color: #3c008b;*/
    --app-color: #191970;
    /*--app-color-background: #e5dfff;*/
    --app-color-background: #fbf9ff;
    --app-color-background-darker: #f0eef5;
    --contrast-color: #efa566;
    --menu-icon-color: #ddd;
    --green-color: #237346;
    --red-color: #a52a2a;
    --blue-color: #4682b4;
    --hover-color: #fff1cc;
    --yellow-color: #f3b824;


    --margin-left-logo: 150px;
}

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

body, body div:first-child {
    /*height: 100%;*/
}
#page_utente{
    /*overflow: auto;*/
}

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

/*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*/


#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: fontawesome, Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
}

.ui-corner-all {
    border-radius: 5px;
}

.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;
    display: flex;
    justify-content: start;
    gap: 10px;
}

.right {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.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: var(--blue-color);
    color: #686969;
    cursor: pointer;
}

.contabilizza span {
    color: var(--blue-color);
    color: var(--app-color);
    overflow: hidden;
    text-decoration: none;
}

.contabilizza span:hover {
    color: var(--blue-color);
    color: var(--app-color);
    overflow: hidden;
    text-decoration: none;
    cursor: pointer;
}

a:hover {
    color: #990000;
}

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

input {
    background-color: #FFFFFF;
    border: 1px solid var(--app-color);
    border: 1px solid #aaa;
}

textarea {
    background-color: #FFFFFF;
    border: 1px solid var(--app-color);
    border: 1px solid #aaa;
}

.small {
    color: #9F9F9F;
}

.red, span.fa.red, td input.red {
    color: var(--red-color);
}
.red_intense{
    color: #ff0000;
}

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

#scarica_demo_xsl 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;
    border: 1px solid var(--app-color);
    color: #336699;
    color: var(--app-color);
}

.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%;
    overflow: visible;
}

#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,
.ui-dialog .clean_table_style table input,
.ui-dialog .clean_table_style table select{
    /*height: 100%;*/
    width: 100%;
    border: none;
    width: calc(100% - 4px);
    margin-right: 2px;
    margin-left: 2px;
    border: solid 1px #e6e6e6;
    cursor: pointer;
}
 table td {
    overflow: visible;
}

#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:not([type="radio"]), #main .box select, .ui-dialog div input, .ui-dialog div select {
    text-indent: 6px;
    height: 42px;
    border-radius: 5px;
    font-family: fontawesome, 'Open Sans', sans-serif;
}

#main .box table input:not([type="radio"]), #main .box table select, .ui-dialog div table input, .ui-dialog div table select {
    border-radius: 5px;
}
#main .box select, .ui-dialog div select {
    height: 44px;
}
.invisible_item_bar {
    display: flex;
    align-items: center;
}

#impostazioni tr td, #impostazioni_tr tr td, #tabella_spesa tr td, #tabella_spesa tr td form {
    height: 2em;
}


#main .box textarea {
    text-indent: 3px;
    border-radius: 5px;
    font-family: 'Open Sans', sans-serif;
    background-color: #fff;
}

/*#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;
    height: 3em;
}

.items_bar .add_item {
}

.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 {
    /*width: 100%;*/
    height: 100%;
}

/*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% + 3px) !important;
    width: calc(100% + 0px) !important;
    !*margin: 0 !important;*!
    z-index: 1 !important;
    text-indent: 6px;
    top: 0px;
    left: -1px;
    border-radius: 5px;
}*/

/*#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, #genera_excel, #scarica_demo_xsl {

}

#genera_pdf img, #genera_excel img, #scarica_demo_xsl 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;
    overflow: auto;
}


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

table tr th {
    background-color: #EAF4FD;
}

div#container {
    width: 100%;
    text-align: right;
    /*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;
    height: 100%;
    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: 30px;
    padding-bottom: 10px;
    margin: 0px auto 0px auto;
    background-color: #fafafa;
    margin-right: 10px;
    /*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: calc(100% - 20px);
}

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: fixed;
    width: 100%;
    margin: 0px auto 0px auto;
    border-top: 1px solid #CCCCCC;
    height: 20px;
    bottom: 0;
    left: 0;
    background-color: white;
}

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

    /*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, .financial tbody tr:hover td{
    background-color: var(--hover-color);
}
/*.financial tbody tr:hover td, .financial tbody tr:hover th{
    background-color: transparent;
}*/

.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, .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: 0px;
    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, .editableCell:hover, .editable:hover input{
    color: var(--app-color);
}

.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: #555;
}

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

.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;*/

    /*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, .ui-dialog-buttonset {
    margin-top: 40px;
    display: flex;
    justify-content: flex-end;
    gap: 5px;
}

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

button.close, button.submit, button.cancel {
    margin: 15px 0px 5px 0px;
}
button.no_margin {
    margin: 5px 0px 5px 0px;
}

button.cool_button i, button.cool_button span {
    line-height: 37px !important;
}

/*button.cool_button {
    background: #6EBD74;
    color: #ffffff;
    border: none;
    font-size: 14px !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: var(--blue-color) !important;
}

.blue {
    color: var(--blue-color);
}

/*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: 14px !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: 14px;
    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: 14px !important;
}

.ui-dialog-buttonset button.salva_dialogbutton, .ui-dialog-buttonset button.annulla_dialogbutton {
    background: #6EBD74;
    color: #ffffff;
    border: none;
    font-size: 14px;
    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: normal !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: normal !important;*!
}*/

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

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

.ui-dialog .ui-dialog-titlebar-close .fa {
    color: #555;
    font-size: 20px;
}
.ui-widget-content .ui-dialog-titlebar-close:hover i.fa {
    color: darkred;
}
.ui-widget-header{
    color:#fff;
}

.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 3px 0px 3px;
    padding: 0 0;
    /*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 {
        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;
    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: #fff;
}

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

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

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

.ui-widget-header {
    background: #fff;
    background: var(--app-color);
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: solid 1px #eee;
    border: none;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.ui-widget-header span{
    font-size: 14px;
}
.ui-dialog .ui-widget-header {
    background: #fff;
}
.ui-dialog .ui-widget-header span{
    color: #333;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
    top: 3px;
}
.ui-datepicker-calendar tr th{
    background: var(--app-color-background-darker);
    font-size: 12px;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    width: 32px;
    height: 32px;
}

.ui-widget-header .ui-dialog-title {
    font-size: 1.8em;
    font-weight: 600;
    font-family: "lato", sans-serif;
    font-family: 'Open Sans', sans-serif;
    width: 100%;
}
.ui-dialog  .ui-dialog-titlebar{
    padding-top: 10px;
    padding-bottom: 15px;
    display: flex;
    align-items: center;
}

.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 #fff;
    /*border: 1px solid var(--app-color);*/
    line-height: 20px;
    border-bottom: solid 1px #eee;
    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: var(--blue-color);
    color: var(--app-color);
}

.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: 60% 0%;
    background-size: 21%;
}

.disabled {
    opacity: 0.5 !important;

}

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

div .disabled:hover {
    color: var(--blue-color);
    color: var(--app-color);
}

.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: 100% 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;
    background-color: #efefef;
    background-color: #f3f2ef;
}

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: var(--blue-color);
    color: var(--app-color);
}

td[class*="expand_"].green span.fa, .td_expand.green span.fa, button[class*="expand_"].green span.fa{
    color: var(--green-color);
}

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, span.fa.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;
    cursor: pointer;
}


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

.items_bar {

    display: flex;
    flex-wrap: wrap;
    align-items: center;
    -webkit-box-shadow: 1px 2px 15px #e5e5e5;
    border-radius: 0px;
    padding-bottom: 10px;
    /*margin-bottom: 20px;
    border: solid 1px #c8c8c8;
    padding: 15px 10px;
    min-height: 44px;
    background-color: #fff;*/

    box-shadow: none;
    border-radius: 10px;
    /*justify-content: flex-end;*/
    /*flex-flow: wrap-reverse;*/
}

.riepilogo, .financial /*, .ui-widget*/
{
    background-color: #fff;
    border-radius: 10px;
    border: solid 1px #c8c8c8;
    display: inline-flex;
    /*width: 100%;*/
    width: 100%;
    padding: 10px 15px;
    display: flex;
    flex: 1;
    box-sizing: border-box;
}
div.riepilogo_no_border{
    border: none;
}
.clean_table_style
{
    background-color: #fff;
    border-radius: 10px;
    border: solid 1px #c8c8c8;
    /*width: 100%;*/
    width: 100%;
    padding: 10px 15px;
    box-sizing: border-box;
}

#main table {
    border-spacing: 1px;
    /*border-collapse: collapse;*/
    border-spacing: 0px;
    border-radius: 0px;
    overflow: visible;
    box-shadow: 1px 2px 15px #888888;
    overflow: hidden;
    border-radius: 10px;
}

.canvas_element {
    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;
}

.title_h2{
    flex-grow: 1;
    display: flex;
    align-items: center;
}
.header_wrap{
    padding: 2em 0em 1em 0em;
}
.export_icons{
    margin-top: 30px;
    display: flex;
    position: absolute;
    right: 0;
}
/*#genera_excel i{
    color: #6b8e23;
}
#genera_pdf i{
    color: #8b4513;
}*/

.box > h2, .box .header_wrap h2 {
    /*position: absolute;*/
    font-weight: bold;
    margin-bottom: 0px;
    width: 100%;
    /*top: -38px;*/
/ / font-size: 27 px;
    left: 0;
    right: 0;
    text-align: center;
    color: var(--app-color);
    text-transform: uppercase;
    font-size: 28px;
}
.box > h2{
    margin-bottom: 50px;
}

.box > h3 {
    position: absolute;
    font-weight: normal;
    top: -10px;
    font-size: 15px;
    left: 0;
    right: 0;
    text-align: center;
    color: var(--app-color);
    text-transform: inherit;
}

.dati tr td, .dati tr th, table tr td, table tr th {
    border-left: none;
    border-bottom: none;
}

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: var(--blue-color) !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 {

    align-items: center;
    display: flex;
}


table td.editableCell, table td.drillableCell {
    border-radius: 0px;
}
td.editableCell:hover, td.drillableCell:hover {
    /*background-color: var(--app-color-background-darker) !important;*/
}

.odd td.editableCell, .odd td.drillableCell {
    background-color: #eee;
    background-color: var(--app-color-background-darker);
}

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

/*body{
    background-image: url("../img/mix06.svg") !important;
    background-size: cover;
}*/
.ui-button.ui-widget.ui-button-icon-only{
    background-color: transparent;
}

.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: 170px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .0) 100%);
    background-color: var(--red-color);
    border-radius: 5px;
    /*background-image: url("../img/red_button.png");
    background-color: transparent;
    background-size:100% 100%;
    background-repeat: no-repeat;*/
    padding: 0px 5px 0px 5px;
    opacity: 0.9;
    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, button#close, button#cancel, button.submit, button.close, .ui-dialog-buttonset button.salva_dialogbutton, .ui-dialog-buttonset button.annulla_dialogbutton, button.ui-button:not(.ui-button-icon-only) /*.ui-button-text-only .ui-button-text, button.button_full.ui-button span*/ {
    padding: 14px 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: normal;
    font-weight: 600;
    width: auto;
    color: #fff;
    border-radius: 5px;
}

button#submit i.fa, button#close i.fa, button#cancel i.fa, button.submit i.fa, button.close i.fa, .ui-button-text-only .ui-button-text i, button.salva_dialogbutton i.fa, button.annulla_dialogbutton i.fa{
    font-size: 1.2em;
    margin-right: 10px;
}

.button, .ui-widget-contenct .button, .ui-widget-content .ui-button, button.button_full{
    border-radius: 5px;
    border: none;
    padding: 0px 5px 0px 5px;
    box-shadow: none;
    font-size: 12px !important;
    opacity: 0.9;
    border: none;
    background: linear-gradient(to bottom, rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .0) 100%);
    background-color: var(--blue-color);
}
button.button_small.ui-button{
    padding: 10px 25px;
}

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: 170px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .0) 100%);
    background-color: #237346;
    background-color: var(--green-color);
    /*background-image: url("../img/green_button.png");
    background-color: transparent;
    background-size:100% 100%;
    background-repeat: no-repeat;*/
    opacity: 0.9;
}
button.submit.conti {
    background-color: var(--blue-color);
}
button.submit.blue {
    background: var(--blue-color);
    background: linear-gradient(to bottom, rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .0) 100%);
    background-color: var(--blue-color);
    border-radius: 5px;
}

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

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

.ui-button:hover, 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;
}

button.button_empty, div.button_empty, div.add_item a{
    border: none;
    height: auto;
    width: auto;
    background-color: transparent;
    transition: 0.1s;
}
button.button_empty:hover, div.add_item a:hover, div.add_item:hover a{
    background-color: var(--app-color-background);
    transition: 0s;
}
button.button_empty.disabled:hover, div.add_item.disabled a:hover, div.add_item.disabled:hover a{
    background-color: transparent;
}
button.button_empty.ui-button:hover span, div.add_item a:hover, div.add_item:hover a{
    color: var(--app-color);
}
button.button_empty.ui-button, div.add_item a{
    font-size: 13px;
    font-weight: 300;
    width: auto;
    color: #555;
    padding: 5px;
    line-height: 24px;
    border-radius: 5px;
    width: max-content;
}


button.button_full:hover{
    opacity: 1;
}
div.add_item a i{
    font-size: 17px;
}
button.button_empty.ui-button i.fa, div.add_item i.fa{
    color:#555;
    margin-right: 5px;
    line-height: 24px;
}
button.button_empty.ui-button:hover i.fa, div.add_item a:hover i.fa, div.add_item:hover a i.fa{
    color: var(--app-color);
}
button.button_empty.ui-button i.fa.right, div.add_item i.fa.right{
    margin-right: 0px;
    margin-left: 5px;
}

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

td.editableCell, td.drillableCell, .editableCell {
    background-color: var(--app-color-background);
    border-radius: 5px;
    /*border: solid 2px #fff;*/
    box-shadow: inset 0px 0px 0px 1px #fff;
}
#main .box div table tr td form {
    height: inherit;
    display: inline !important;
    overflow: visible !important;
    box-sizing: border-box;
    top: 0 !important;
    left: 0 !important;
}
#main .box div table tr td form input, #main .box div table tr td form select{
    height: calc(100% - 0px) !important;
    width: calc(100% - 0px) !important;
    box-sizing: border-box;
}
#main .box div table tr td form select{
    position: relative;
    left: -2px;
    top: -1px !important;
}

#main #main_box .editDateOn {
    border-color: #A2CEF0 !important;
    border: solid 0px transparent !important;
    box-shadow: 0px 0px 1px 1px #A2CEF0;
    outline: 0;
    position: relative;
    height: calc(100% - 0px) !important;
    width: calc(100% - 0px) !important;
    margin: 0 !important;
    z-index: 1 !important;
    text-indent: 6px;
    top: 0px;
    left: 0px;
    position: absolute;
    border-radius: 5px;
    font-family: fontawesome, 'Open Sans', sans-serif;
}
#main #main_box .editDateOn:focus{
    border: solid 0px #A2CEF0 !important;
    box-shadow: 0px 0px 1px 1px #A2CEF0 !important;
}
table tbody tr td{
    padding: 2px;
}
#main #main_box.box table tbody tr td input:not([type="checkbox"]):focus, #main #main_box.box table tbody tr td select:focus,
#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
{
    box-shadow: 0px 0px 0px 2px #A2CEF0 !important;
    border: solid 1px transparent !important;
    background-color: white;
}


/*#main #main_box.box table tbody tr td input:not([type="checkbox"]):focus, #main #main_box.box table tbody tr td select:focus {
    width: calc(100% - 0px) !important;
}
#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: solid 1px #A2CEF0 !important;
    box-shadow: 0px 0px 1px 1px #A2CEF0;
    border-radius: 5px;
    background-color: white;
    box-sizing: border-box;
}

#main #main_box .editDateOn {
    border-color: #A2CEF0 !important;
    border: solid 0px transparent !important;
    box-shadow: 0px 0px 1px 1px #A2CEF0;
    outline: 0;
    position: relative;
    height: calc(100% - 0px) !important;
    width: calc(100% - 0px) !important;
    margin: 0 !important;
    z-index: 1 !important;
    text-indent: 6px;
    top: 0px;
    left: 0px;
    position: absolute;
    border-radius: 5px;
    font-family: fontawesome, 'Open Sans', sans-serif;
}
#main #main_box .editDateOn:focus{
    border: solid 0px #A2CEF0 !important;
    box-shadow: 0px 0px 1px 1px #A2CEF0 !important;
}

.ui-dialog div input[type="radio"]:focus {
    box-shadow: none !important;
}
#main .box div table tr td form {
    overflow: visible !important;
    position: absolute;
    top: 1px;
    left: 0;
    height: 100%;
    z-index: 500;
    display: flex;
    justify-content: center;
    align-items: center;
}

#main #main_box table tbody tr td input:not([type="checkbox"]):focus, #main .box table tbody tr td select:focus,
#main .box table tbody tr td textarea:focus, .ui-dialog div table tbody tr td input:not([type="checkbox"]):focus,
.ui-dialog div table tbody tr td select:focus {
    height: calc(100% - 0px) !important;
    width: calc(100% - 1px) !important;
    top: 0px;
    left: 0px;
    overflow: visible !important;
    border: solid 0px transparent !important;
    box-shadow: inset 0px 0px 1px 1px #A2CEF0;
}

#main .box table tbody tr td select:focus, #main .box table tbody tr td > select:focus {
    !*width: calc(100% - 4px) !important;
    height: calc(100% - 2px) !important;*!
    position: relative;
    left: -2px;
}
#main #main_box.box table tbody.js_ed tr td {

}*/

/*.expand, .td_expand{
    border: none;
}*/
.ui-widget-content {
    background-color: #fff;
}
.ui-dialog.ui-widget.ui-widget-content {
    min-width: 400px;
}

#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;
    border-radius: 5px;
}

#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, .ui-dialog .clean_table_style table tr th {
    height: 40px;
    background-color: var(--app-color);
    background-color: #fff;
    color: #333;
    border: none;
}

#main .box div.riepilogo table tr th:last-child, #main .box table tr th:last-child {
    border-top-right-radius: 10px;
}

#main .box div.riepilogo table tr th:first-child, #main .box table tr th:first-child {
    border-top-left-radius: 10px;
}

#main .box div.riepilogo table tfoot tr:last-child td:last-child, #main .box table tfoot tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
}

#main .box div.riepilogo table tfoot tr:last-child td:first-child, #main .box table tfoot tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
}

#main .box div.riepilogo table tbody tr:last-child td:last-child, #main .box table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
}

#main .box div.riepilogo table tbody tr:last-child td:first-child, #main .box table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
}

#main .box div.riepilogo table tfoot tr:last-child td, #main .box table tfoot tr:last-child td {
    border-bottom: none;
    border-left: none;
    border-right: none;
}

#main .box div.riepilogo table tbody tr td:last-child, #main .box table tbody tr td:last-child {
    border-right: none;
}

#main .box div.riepilogo table tbody tr td, #main .box table tbody tr td {
    border-left: none;
}

#main .box table tr th, #main .box div table tr th {
    background-color: var(--app-color);
    border: solid 1px #aaa;
    height: 40px;
    background-color: var(--app-color);
    background-color: #fff;
    color: #333;
    border: none;
}

table tfoot tr:first-child td {
    background-color: #fff;
    height: 54px;
}

table tfoot tr td {
    background-color: #f7f7f7;
    height: 54px;
}

#main table , .canvas_element {
    box-shadow: 1px 2px 15px #888888;
    box-shadow: none;
    border-radius: 10px;
    /*border: solid 1px #c8c8c8;*/
    background-color: #fff;
    padding-bottom: 10px;
}
#main .riepilogo table{
    border: none;
    padding-bottom: 0px;
}

.canvas_element {
    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;
    overflow: hidden;
    border-radius: 10px;
}

.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: 78px;
    margin-bottom: 20px;
}

#print_table p {
    /*background-color: rgba(238, 238, 238, 0.5);*/
    padding: 3px;
    border-radius: 0px;
}

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

#print_table p a:not(:last-child) {
    padding-left: 5px;
    padding-right: 5px;
    border-right: solid 1px #555;
}

#main_box {
    margin-top: 10px;
}

div#logobar .logo, div#logobar .logo_text {
    position: relative;
    border: none;
    /*top: 5px;*/
    width: auto;
    height: 55px;
    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, textarea {
    /*box-shadow: 1px 2px 15px #888888;*/
    border: solid 1px #ddd;
    border-radius: 5px;
}
textarea{
    padding: 7px;
}
textarea:disabled{
    resize: none;
}

table input:not([type="checkbox"]), table select, .ui-dialog input, .ui-dialog select {
    box-shadow: none;
}

#main table textarea {
    width: 100% !important;
    height: 100% !important;
}

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

/*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, #main .box div table tr td select, #main .box div table tr td input {
        font-size: 11px;
    }

    #main .box div:not(.riepilogo) table tr td {
        height: 34px;
    }
    #main .box div.financial table tr td {
        height: 34px;
    }
    #main .box div.financial table tr th {
        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: #fff5d8;
    color: #555;
    font-weight: 600;
    border-radius: 5px;
    border: solid 1px #fbe39d;
    width: auto;
    margin-bottom: 0px;
    position: relative;
    padding-right: 20px;
    padding-left: 20px;
    padding: 20px;
    font-size: 13px;
}

.edit_yellow {
    background-color: #fdf5ce;
}

.clickable {
    cursor: pointer;
}

#totale_enasarco:focus {
    border-color: transparent !important;
    box-shadow: none !important;
}

input.fullWidth, select.fullWidth, button.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 {
}

div.add_item_always:hover {
    cursor: pointer;
}

div.add_item_always a {
    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 {
}

div.add_item_always {
}

.add_item_always:hover a {
}

/**/

.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;
    background: #17a2b8;
    border-radius: 0;
    border: solid 2px #17a2b8;
    padding: 10px 5px 10px 5px;
    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;
}

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

.select2-selection--single.select2-selection {
    text-align: left;
    border-radius: 5px !important;
    height: 35px !important;
}
table .select2-selection--single.select2-selection {
    display: flex;
    align-items: center;
    border: none;
}
table .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 42px;
}

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

#form_articles_fields {
    text-align: left;
}

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

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

button.ui-button.standard_button i.fa {
    padding-right: 5px;
    color: #555;
    display: inline-block;
    top: -1px;
    position: relative;
}

table button.ui-button.standard_button {
    width: 100%;
    background: var(--app-color);
    color: #fff;
}

table button.ui-button.standard_button:hover {
    background: #86cbea;
    border: solid 1px #86cbea;
}

table button.ui-button.standard_button i.fa {
    color: #fff;
}

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

#showMessageBanner {
    background-color: #fc8982;
    border-bottom: 1px solid #939393;
    /*border: 1px solid #179bd7;*/
}

#showMessageBanner i, #showMessageBanner span {
    color: #fff;
}

#showMessageBanner span a {
    text-decoration: underline;
    color: #fff;
    margin-left: 2px;
}

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

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

#disabilitaAccessoWarning #closeDisabilitaAccessoWarning:hover, #showMessageBanner #closeShowMessageBanner:hover {
    color: #fff;
}

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

#genera_xls {
}

#genera_xls img {
    width: 20px;
    height: 20px;
    position: relative;
    top: -3px;
}

.empty_row {
    width: auto;
    height: 5px;
}

.totali_foot {
    border-top: solid 1px #eee;
    font-weight: 600;
}

#main .box div.riepilogo table thead td select, #main .box table thead td select {
    border-radius: 5px;
}

#aziendabar {
    position: relative;
    z-index: 100;
}

#aziendabar .box {
    margin-right: 25px;
}

.cbp-tm-submenu > li > a span, .cbp-tm-submenu > li > a {
    font-family: 'Open Sans';
    color: #fff;
    font-size: 14px;
}

.cbp-tm-submenu > li > a span:hover {
    color: #fff;
}





table .fa{
    font-size: 17px;
}
#ui-datepicker-div{
    z-index: 1000 !important;
}
.financial .no_highlight:hover td{
    background-color: #fff;
}
#main table tr.space{
    height: 10px;
}
#main table tr.space td{
    height: 15px !important;
    padding: 1px 1px 1px 1px;
}
.box .h2_less_margin{
    margin-bottom: 10px;
}
.ui-dialog .ui-dialog-content.modal-message{
    padding-left: 30px;
    padding-right: 30px;
}
.ui-dialog .ui-dialog-content form{
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
}
.wrap_bottoni {
    align-items: baseline;
    display: flex;
}
input:disabled, textarea:disabled{
    color: #777;
}
input.no_background:disabled{
    background-color: transparent;
    border: none;
}
.ui-dialog form input, .ui-dialog form select {
    margin: 0px 10px;
    height: 35px;
    border: 1px solid #ccc;
    text-indent: 10px;
}
.ui-dialog form .input_login {
    width: 25%;
}
.ui-dialog form .input_margin {
    height: 36.8px;
}
td .select2-container.select2 {
    border: solid 0px #f7f7f7;
    background-color: #fff;
    border-radius: 5px;
    width: calc(100% - 4px) !important;
    margin: 2px 0px;
    margin-left: 2px;
    margin-right: 2px;
    height: 100%;
    display: flex;
    align-items: center;
    border: solid 1px #e6e6e6;
}
.select2-container .select2-dropdown{
    min-width: 300px;
}
.select2-container .select2-dropdown ul li:nth-child(2n):not(:hover){
    background-color: #f7f7f7;
}

td .select2-container.select2 .selection{
    width: 100%;
}
.ui-widget-header a {
    background-color: var(--app-color);
    width: 32px;
    height: 32px;
}
.ui-datepicker-next-hover{

}
.ui-datepicker {
    width: 22em;
}
.ui-datepicker-calendar .ui-state-default, .ui-datepicker-calendar .ui-state-default {
    border: none;
    background: none;
    background-color: transparent;
    color: var(--app-color);
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    font-size: 14px;
    font-weight: 300 !important;
}
.ui-datepicker-calendar .ui-state-default.ui-state-hover, .ui-datepicker-calendar .ui-state-default.ui-state-active{
    border: none;
    background-color: var(--app-color);
    color: #fff;
}
.editableCell.leftIcon:after, .drillableCell.leftIcon:after {
    right: inherit;
    left: 3px;
}
.flex{
    display: flex;
}
.flex_column{
    display: flex;
    flex-direction: column;
}
.flex_row{
    display: flex;
    flex-direction: row;
}
.flex_center_center{
    display: flex;
    align-items: center;
    justify-content: center;
}
.flex_align_center{
    display: flex;
    align-items: center;
}
.flex_justify_center{
    display: flex;
    justify-content: center;
}
.flex_right{
    flex: 1;
    text-align: right;
}
.flex_left{
    flex: 1;
    text-align: left;
}
.flex1{
    display: flex;
    flex: 1;
}

#toggle_true{
    color: darkgreen
}
#toggle_false{
    color: darkred
}
.three_toggle{
    background-color: var(--app-color-background);
    gap: 5px;
    padding: 5px 5px 5px 5px;
    border-radius: 10px;
}
.three_toggle .toggle_element{
    padding: 10px 15px 10px 15px;
    border-radius: 10px;
    cursor: pointer;
    font-weight: 600;
    color: #333;
}
.three_toggle .toggle_element:hover{
    background-color: rgba(0,0,0,0.05);
}
.three_toggle .active_toggle{
    background-color: var(--contrast-color) !important;
    color: white;
}
/*@media (max-width: 575.98px) {
    .pdf-section:nth-child(2n+1) .border-new:after { display: none !important; }
#navigation .navbox .nav_border li a i{font-size: 18px!important;}
#navigation .navbox .nav_border li a p{font-size: 8px!important;}
#navigation .navbox .nav_border li{padding-top: 10px!important;padding-bottom: 10px!important;padding-left: 0!important;padding-right: 0!important;}
div#navigation .navbox .boxmenu2 li a i{font-size: 19px!important;}
div#nav2 li.selected{font-size: 12px!important;}
div#nav2 a{font-size: 12px!important;}
p.breadcrumbs{font-size: 17px!important;line-height: 20px!important;margin-left: 10px!important;}
.faq{padding: 10px 0 10px 0!important;}
.faq h1{font-size: 23px!important;line-height: 37px!important;margin: 0 0 0 20px!important;}
.acrdn-content p{font-size: 17px!important;line-height: 23px!important;}
a.acrdn-link{font-size: 19px!important;line-height: 30px!important;}
.help-main-section h4 { font-size: 21px; margin: 40px 0 20px 0; }
.faq-main h2{font-size: 21px!important;line-height: 27px!important;}
.faq-main{padding: 20px!important;}
.help-main-section .faq-main:not(:last-child){margin: 0 0 20px 0!important;}
.cta{padding: 20px 0!important;}
.cta h3{font-size: 24px!important;line-height: 31px!important;padding: 0 10px!important;}
.cta h4{padding: 10px 20px 0px 20px !important;font-size: 16px!important;line-height: 29px!important; text-transform: capitalize;}
.cta-btns{margin-top: 25px!important;}
.cta-btns a:first-child{margin-right: 0!important;}
.cta a{font-size: 14px!important;line-height: 20px!important;}
#main{padding-top: 60px!important;padding: 0 12px;}
div#navigation .navbox .nav_border li a{padding: 5px!important;}
.help-video h3{font-size: 16px!important;}
.video-section:not(:first-child){margin-top: 20px!important;}
.help-main .faq-main:not(:last-child){margin: 0 0 20px 0!important;}
#main .box{margin-bottom: 60px!important;}
.loadmore{margin: 15px auto 0 auto!important;}
.loadmore a{font-size: 16px!important;padding: 9px 15px!important;}
.help-main{padding: 0px!important;padding-bottom: 20px!important;}
.pdf-section{padding: 10px!important;}
.pdf-content h2{font-size: 17px!important;line-height: 26px!important;margin: 0 0 4px 0!important;}
.pdf-section:after {
    content: "";
    background-color: #E6E6E6;
    position: absolute;
    width: 100% !important;
    height: 1px;
    display: block;
    right: 0px;
    bottom: 0;
    left: 0;
}
!*div.pdf-section:last-child { display: none; }*!
.contact-section{padding: 20px 0!important;margin-bottom: 20px!important;}
.contact-section h2{font-size: 19px!important;line-height: 25px!important;margin: 10px 0 10px 0!important;}
.contact-us-btn a{font-size: 16!important;line-height: 20px!important;padding: 10px 25px!important;}
.contact-us-btn{margin-top: 15px!important;}
.contact-main{margin-top: 20px!important;}
.help-desk-main{padding: 20px 0!important;}
.help-desk-main h2{font-size: 19px!important;line-height: 30px!important;margin: 0 0 20px 0!important;}
span.number{font-size: 18px!important;line-height: 25px!important;padding: 7px 15px!important;}
span.number{font-size: 18px!important;line-height: 25px!important;padding: 7px 15px!important;}
.help-desk-box{margin-bottom: 20px!important;padding: 20px 0!important;min-height: 147px!important;}
.help-desk-box h3{font-size: 16px!important;line-height: 22px!important;}
.help-desk-box a{font-size: 18px!important;line-height: 28px!important;margin: 20px 0 0 0!important;}
.goback{padding-top: 0px!important;}
.help-desk-box .contact-us-btn{margin-top: 10px!important;}
.help-desk-box .contact-us-btn a{font-size: 17px!important;line-height: 24px!important;margin: 10px 0 0 0!important;padding: 6px 15px!important;}
.goback a{font-size: 19px!important;}
.pdf-section:nth-child(14) {
    display: none !important;
}
}

@media all and (min-width: 320px) and (max-width: 480px){
    #navigation .navbox .nav_border li{padding-left: 6px!important;padding-right: 6px!important;}
    div#navigation .navbox .nav_border li a{padding: 0px!important;}
    div#nav2 a{font-size: 11px!important;}
    div#nav2 li.selected{font-size: 11px!important;}
    #navigation .navbox .nav_border li a p{font-size: 10px!important;}
    #main { padding-top: 110px!important; }
    .faq-main { padding: 20px 10px!important; }
    .acrdn-content p {     font-size: 15px!important; line-height: 22px!important; }
    .faq-main h2:after { margin: 11px 0 25px 0; }
    .cta h3 { font-size: 22px!important;
    line-height: 28px!important; }
    .cta h4 {     padding: 10px 20px 0px 20px !important; }
    .pdf-content h2 { font-size: 15px !important; }
    .pdf-content p { font-size: 14px !important; }
    .help-desk-box a { font-size: 16px !important; }
}
@media (min-width: 200px) and (max-width: 767.98px) { 
    .pdf-section:nth-child(14) { display: none !important; }   
}

@media (min-width: 768px) and (max-width: 1199.98px) {   
    .pdf-section:nth-child(14) { display: none !important; }    
}*/

a:hover { text-decoration: none; }


.attivazione, .spedizione, .documento_a, .documento_da{
    float: left;
    display: inline;
}
.spedizione {
    margin-right: 300px;
}


.documento_a, .documento_da {
    margin-top: 20px;
    margin-bottom: 20px;
}

.label{
    display: inline;
    font-weight: bold;
    margin-right: 20px;
    margin-left: 20px;
}
.venditaInErrorLastYear, .venditaInErrorCurrentYear,.acquistoInErrorLastYear, .acquistoInErrorCurrentYear,.corrispettiviInErrorLastYear, .corrispettiviInErrorCurrentYear {
    background-color: #EAF4FD;
}
.venditaTotaleLastYear, .venditaTotaleCurrentYear, .acquistoTotaleLastYear, .acquistoTotaleCurrentYear,
.corrispettiviTotaleLastYear, .corrispettiviTotaleCurrentYear{
    font-weight: bold;
}
#tabella_cruscotto_fte tr th{
    padding: 10px;
}
#tabella_cruscotto_fte tr td{
    padding: 10px;
}
#tabella_cruscotto_fte i {
    display: inline;
    margin-left: 5px;
}
#tabella_cruscotto_fte td {
    text-align: end;
}
#id_fteaziende_list{
    width: 200px;
    margin-left: 100px;
    float: left;
}
#button_aggiorna_azienda{
    float: left;
    margin-left: 10px;
}
#tabella_fteStep2 .numero{
    text-align: right;
}
#tabella_fteStep2 .nomexml{
    text-align: left;
}
#tabella_fteStep2 .totale {
    text-align: right;
    /*margin-right: 50px;*/
    padding-right: 90px;
}
#select_tipologia_data_documento{
    width: 120px;
    margin-left: 10px;
}
#button_aggiorna {
    margin-left: 10px;
}
.data_documento_da, .data_documento_a{
    width: 80px;
}

.div-container-modale-app {
    display: flex;
}

.descrizione-modale-app {
    font-size: 12px;
    font-weight: 700;
    color: var(--blue-color);
    margin-top: 2em;
}

.qr-code-modale-app {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    border: 1px solid #d1d1d196;
    border-radius: 5px;
    float: left;
    padding: 1em;
    height: 15em;
}

.container-qr-code-modale-app {
    display: flex;
    justify-content: space-evenly;
    margin-top: 2em;
}