@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
html {
    height: 100%;
}
body {
    --transition: all 1s ease-in;
    min-height: 100%;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
}
a {
    color: #333;
}
a:hover {
    text-decoration: none;
    --font-weight: bold;
    color: #333;
}

#body-loader {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #ffffff;
    z-index: 9999;
}
#modal-loading-dark {
    text-align: center;
    padding-top: 200px;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
}
#modal-offline {
    text-align: center; 
    padding-top: 400px; 
    position: fixed; 
    top: 0; 
    right: 0; 
    bottom: 0; 
    left: 0; 
    background: rgba(0, 0, 0, 0.75); 
    z-index: 9999; 
    color: #ffffff;
}

#scrollup, #modal-scrollup, #modal-infomarket-scrollup {
    background: url(scrollup.svg) no-repeat;
    width: 40px;
    height: 40px;
    position:fixed;
    bottom:50px;
    right:20px;
    display:none;
    text-indent:-9999px;
    opacity: 0.5;
    transition: all 0.3s linear;
    z-index: 9999;
}
#modal-infomarket-scrollup {
    bottom:119px;
    right:98px;
}

#scrollup:hover, #modal-scrollup:hover, #modal-infomarket-scrollup:hover { opacity: 1; }

#div-section-frmmarket .form-group {
	margin-bottom: 0px;
}
select option { font-size: 14px; }

/* MODAL */
.modal-dialog { margin-top: 105px; }

.modal-wide { 
    width: auto; 
    margin: 32px 64px 64px 64px;
}
.modal-frmmarket {
    background-color: #eef0f5;
}
.modal-header {
    color: #ffffff;
    padding-left: 75px;
    height: 71px;
    text-align: right;
}
.modal-home .modal-header {
    background: #084987;
    color: #ffffff;
    padding-left: 75px;
    height: 35px;
}
.modal-homebig .modal-header {
    background: #508CD2 no-repeat top left;
    color: #ffffff;
    padding-left: 75px;
    height: 52px;
    background-size: 52px;
}
.modal-homeuser .modal-header {
    background: #e9ebf1 no-repeat top left;
    color: #508cd2;
    padding-left: 75px;
    height: 52px;
    background-size: 52px;
}

#modal-homeutente .modal-header {  background-image: url(header-utente-aggiungi.svg); }
#modal-homeutente .modal-header-modifica {  background-image: url(header-utente-modifica.svg); }
#modal-homepermessi .modal-header {  background-image: url(header-utente-permessi.svg); }
#modal-homepassword .modal-header {  background-image: url(header-password-modifica.svg); }
#modal-homenotifiche .modal-header-email {  background-image: url(header-notifiche-email.svg); }
#modal-homenotifiche .modal-header-utente {  background-image: url(header-notifiche-utente.svg); }
#modal-homenotifiche .modal-header-utenti {  background-image: url(header-notifiche-utenti.svg); }

#ul-modal-homeutente-widgets {padding-left: 0;}
#---ul-modal-homeutente-widgets li { display: block; list-style-type: none; border: 1px solid #cccccc; background-color: #ffffff; padding: 4px; margin-bottom: 4px; }
#ul-modal-homeutente-widgets .item { }
#ul-modal-homeutente-widgets .item div { border: 1px solid #cccccc; background-color: #ffffff; padding: 8px; margin: 4px; font-size: 15px; }
#ul-modal-homeutente-widgets .group { }
#ul-modal-homeutente-widgets .title { background: #85aedf; color: #ffffff; margin-top: 16px; margin-bottom: 4px; }

#modal-listino .modal-header {  background-image: url(header-listino.svg); }
.modal-content-guida .modal-header {  background-image: url(header-guida.svg); }
#modal-logout .modal-header {  background-image: url(header-logout.svg); }

.modal-content { border: 0; }
#modal-storicomessaggi .modal-header {  background-image: url(header-storicomessaggi.svg); }
#modal-storicomessaggi .modal-header-messaggio {  background-image: url(header-storicomessaggi-messaggio.svg) !important; }
#modal-storicomessaggi .modal-header-notifica {  background-image: url(header-storicomessaggi-notifica.svg) !important; }
#modal-storicomessaggi .modal-header-notifica-importante {  background-image: url(header-storicomessaggi-notifica-importante.svg) !important; }
.modal-header-fashionmap {  background-image: url(header-fashionmap.svg) !important; }

#div-modal-storicomessaggi-filters input, #div-modal-storicomessaggi-filters select {
    border-radius: 5px;
    padding: 4px;
    line-height: 30px;
    padding-left: 24px;
}
#div-modal-storicomessaggi-filters select {
    background: #ffffff url(dropdown.svg) no-repeat right 4px center;
    background-size: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

#table-modal-storicomessaggi th { background-color: #84aedf; border-left: 1px solid #f1f3f6; color: #ffffff; }
#table-modal-storicomessaggi th a { color: #ffffff; }
#table-modal-storicomessaggi th:first-of-type { border-left: 0; }
#table-modal-storicomessaggi th.sort-desc, #table-modal-storicomessaggi th.sort-asc { background-color: #508cd2; }
#table-modal-storicomessaggi tr.active td { background-color: #dce8f6; }
#table-modal-storicomessaggi tr:hover td { background-color: #eeeeee; }
#table-modal-storicomessaggi a { text-decoration: none; }
#div-modal-storicomessaggi-detail {
    overflow-y: scroll; 
    max-height: 300px;
}
#div-modal-storicomessaggi-detail-top { margin: 10px 20px 10px 20px; font-size: 14px; }
#div-modal-storicomessaggi-detail-top img { width: 20px; margin-right: 5px; }
#div-modal-storicomessaggi-detail-title { margin: 10px 20px; border-top: 2px solid #508cd2; padding-top: 10px; font-size: 16px; font-weight: bold; }
#div-modal-storicomessaggi-detail-body { border-top: 2px solid #dee1ea; padding: 20px; }
#div-modal-storicomessaggi-detail-body img { max-width: 100%; }

#modal-democontatti .modal-header {  background-image: url(box-contatti.svg); }
#modal-democontatti h3 {  font-size: 16px; font-weight: bold; color: #508cd2; margin-top: 4px; }
#modal-democontatti .divider { margin: 20px 0px; height: 1px; background: #dee1ea;}
#modal-democontatti .nome { font-weight: bold; }
#modal-democontatti .telefono { padding: 4px 8px 4px 40px; background-size: 20px; background-position: 5px center; background-repeat: no-repeat; background-image: url(demo/telefono.svg); }
#modal-democontatti .info { padding: 4px 8px 4px 40px; background-size: 20px; background-position: 5px center; background-repeat: no-repeat; background-image: url(demo/info.svg); }

#modal-demoinformazioni .modal-header {  background-image: url(box-informazioni.svg); }
#modal-demoinformazioni .divider { margin: 20px 0px; height: 1px; background: #dee1ea;}
#modal-demoinformazioni label { margin-right: 10px; width: auto; }

#div-modal-negativita-elenco > div { padding: 6px 6px 6px 50px; border-bottom: 1px solid #cccccc; background-position: 0 9px; background-size: 30px; background-repeat: no-repeat; }
#div-modal-negativita-elenco > div:last-child { border-bottom: 0; }
#div-modal-negativita-elenco-pregiudizievoli { background-image: url(negativita-pregiudizievoli.svg); }
#div-modal-negativita-elenco-protesti { background-image: url(negativita-protesti.svg); }
#div-modal-negativita-elenco-sinistri { background-image: url(negativita-sinistri.svg); }
#div-modal-negativita-elenco-notizie { background-image: url(negativita-notizie.svg); }

.modal-market .modal-header {    background: #3ccd46 url(section-market/title.svg) no-repeat top left;}
.modal-company .modal-header {    background: #1ebed2 url(section-company/title.svg) no-repeat top left;}
.modal-light .modal-header {    background: #FA5AA5 url(section-light/title.svg) no-repeat top left;}
.modal-export .modal-header {    background: #FF6450 url(section-export/title.svg) no-repeat top left;}
.modal-payment .modal-header {    background: #19C89B url(section-payment/title.svg) no-repeat top left;}

.modal-footer {
    background-color: #084987;
    color: #ffffff;
    padding: 10px !important;
}
.modal-footer .btn-default {
    background-color: #50aff5;
    font-weight: bold;
    color: #ffffff;
    border: 0;
}
.modal-home .modal-header {
    padding: 7px !important;
}
.modal-header {
    padding: 15px !important;
}

.modal-header .modal-title {
    line-height: 24px;
    --position: relative;
    margin-top: -7px;
    font-size: 24px;
    --margin-right: 70px;
    display: block;
}
.modal-header .modal-title small {
    color: #ffffff !important;
    font-size: 50% !important;
}
.modal-header .modal-titlesx {
    float: left;
    line-height: 22px;
    padding-left: 70px;
    position: relative;
    top: -20px;
    text-align: left;
    font-size: 24px;
}
.modal-header .modal-titlesx small 
{
    color: #ffffff !important;
    font-size: 65%;
}
.modal-header .modal-titlesx small span {
    max-width: 250px;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
}
.modal-lg .modal-header .modal-titlesx small span {
    max-width: 400px;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
}

.modal-header .modal-header-btns {
    float: right;
    margin-left: 20px;
}
.modal-homeuser .modal-header .modal-header-btns a,
.modal-homebig .modal-header .modal-header-btns a {
    width: 30px !important;
    height: 30px !important;
    display: inline-block;
    background-size: cover;
    margin: 0 10px 0 0;
    position: relative;
    top: -3px;
}
.modal-header .modal-header-btns a {
    width: 40px;
    height: 40px;
    display: inline-block;
    background-size: cover;
    margin: 0 10px 0 0;
}
.modal-header .modal-header-btns .btn {
    width: 80px;
    padding: 0; 
    border: 1px solid #ffffff;
    border-radius: 4px;
    position: relative;
    top: -17px;
}
.modal-header .modal-header-btns .btn img { width: 100%; border-radius: 2px; }

.modal-homeuser .modal-header .modal-header-btns .chiudi { background-image: url(popup-chiudi-mini.svg); --background-color: #84aedf; border: 0; --border: 1px solid #ffffff;  }
.modal-homeuser .modal-header-btns .chiudi:hover { background-image: url(popup-chiudi-mini-ho.svg); background-color: #84aedf; border: 1px solid #84aedf; border-radius: 2px; }
.modal-homeuser .modal-header .modal-header-btns .indietro { background-image: url(popup-indietro-mini.svg); background-color: #84aedf; border: 1px solid #ffffff;  }
.modal-homeuser .modal-header-btns .indietro:hover { background-image: url(popup-indietro-mini-ho.svg); border: 1px solid #84aedf; }

.modal-header .modal-header-btns .chiudi { background-image: url(popup-chiudi.svg); --margin-left: 20px;  }
.modal-header .modal-header-btns .chiudi:hover { background-image: url(popup-chiudi-ho.svg); }
.modal-header .modal-header-btns .ordini { background-image: url(popup-ordini.svg); }
.modal-header .modal-header-btns .ordini:hover { background-image: url(popup-ordini-ho.svg); }
.modal-header .modal-header-btns .indice { background-image: url(popup-indice.svg); }
.modal-header .modal-header-btns .indice:hover,
.modal-header .modal-header-btns .indice-active { background-image: url(popup-indice-ho.svg); }
.modal-header .modal-header-btns .espandi { background-image: url(popup-comprimi.svg); }
.modal-header .modal-header-btns .espandi:hover { background-image: url(popup-comprimi-ho.svg); }
.modal-header .modal-header-btns .comprimi { background-image: url(popup-espandi.svg); }
.modal-header .modal-header-btns .comprimi:hover { background-image: url(popup-espandi-ho.svg); }
.modal-header .modal-header-btns .guida { background-image: url(popup-guida.svg); }
.modal-header .modal-header-btns .guida:hover,
.modal-header .modal-header-btns .guida-active { background-image: url(popup-guida-ho.svg); }
.modal-header .modal-header-btns .indietro { background-image: url(popup-indietro.svg); margin-left: 20px; }
.modal-header .modal-header-btns .indietro:hover { background-image: url(popup-indietro-ho.svg); }
.modal-header .modal-header-btns .pdf { background-image: url(popup-pdf.svg); width: 90px; margin-right: 20px; }
.modal-header .modal-header-btns .pdf:hover { background-image: url(popup-pdf-ho.svg); }

/*
.modal-company .modal-header .modal-header-btns .chiudi { background-image: url(section-company/popup-chiudi.svg);  }
.modal-company .modal-header .modal-header-btns .chiudi:hover { background-image: url(section-company/popup-chiudi-ho.svg); }
    */

.modal-dropdown {
    position: absolute;
    padding: 10px;
    color: #ffffff;
    width: 400px;
    right: 24px;
    top: 70px;
    box-shadow: rgba(0,0,0,0.3) 0px 5px 15px; 
    z-index: 1;
    text-align: center;
}
.modal-dropdown a {
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    color: #ffffff;
    padding: 10px;
    text-align: left;
}
.modal-dropdown a:hover { background: rgba(255, 255, 255, 0.5); }
.modal-header { position: relative; }
.modal-market .modal-dropdown { background: rgba(0, 180, 0, 0.8) !important; border-color: #3CCD46 !important; }
.modal-company .modal-dropdown { background: rgba(75, 215, 225, 0.8) !important; border-color: #4BD7E1 !important; }
.modal-light .modal-dropdown { background: rgba(240 , 30, 130, 0.8) !important; border-color: #FF82BE !important; }
.modal-export .modal-dropdown { background: rgba(250, 45, 30, 0.8) !important; border-color: #FF9178 !important; }
.modal-payment .modal-dropdown { background: rgba(50,230,180, 0.8) !important; border-color: #32E6B4 !important; }

.modal-body-boxes { background-color: #eef0f5; }
.modal-compressed .modal-body { padding: 0px; }
.modal-compressed .block { margin: 0 !important; padding: 0 !important; }

.modal-body .box-title {
    background: #85aedf url(back-home.svg) no-repeat top left;
    background-size: 40px;
    background-position: top left;
    background-repeat: no-repeat;
    padding-left: 50px;
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
}
.modal-market .modal-body .box-title {    background-color: #3ccd46;}
.modal-company .modal-body .box-title {    background-color: #1ebed2;}
.modal-light .modal-body .box-title {    background-color: #FA5AA5;}
.modal-export .modal-body .box-title {    background-color: #FF6450;}
.modal-payment .modal-body .box-title {    background-color: #19C89B;}
.modal-body .box-title a {
    color: #ffffff;
    text-decoration: none;
}

.modal-body .btn { border-color: #ffffff; font-weight: bold; color: #ffffff; }
.modal-market .modal-body .btn          { background-color: #3ccd46; }
.modal-market .modal-body .btn:hover    { background-color: #03b702; }
.modal-company .modal-body .btn         { background-color: #1ebed2; }
.modal-company .modal-body .btn:hover   { background-color: #0096AF; }
.modal-light .modal-body .btn           { background-color: #FA5AA5; }
.modal-light .modal-body .btn:hover     { background-color: #F01E82; }
.modal-export .modal-body .btn          { background-color: #FF6450; }
.modal-export .modal-body .btn:hover    { background-color: #FA2D1E; }
.modal-payment .modal-body .btn         { background-color: #19C89B; }
.modal-payment .modal-body .btn:hover   { background-color: #00A078; }

.modal-market .modal-body .btn-image          { border-color: #3ccd46; }
.modal-market .modal-body .btn-image:hover    { background-color: #03b702 !important; }
.modal-company .modal-body .btn-image         { border-color: #1ebed2; }
.modal-company .modal-body .btn-image:hover   { background-color: #0096AF !important; }
.modal-light .modal-body .btn-image           { border-color: #FA5AA5; }
.modal-light .modal-body .btn-image:hover     { background-color: #F01E82 !important; }
.modal-export .modal-body .btn-image          { border-color: #FF6450; }
.modal-export .modal-body .btn-image:hover    { background-color: #FA2D1E !important; }
.modal-payment .modal-body .btn-image         { border-color: #19C89B; }
.modal-payment .modal-body .btn-image:hover   { background-color: #00A078 !important; }

.modal-body .homepermessi-closed div { display: none; }
.modal-body .homepermessi-link { background: url(dropdown.svg) no-repeat center bottom; background-size: 12px; display: inline-block; width: 20px; height: 14px; margin-right: 10px; }
.modal-body .homepermessi-placeholder { display: inline-block; width: 20px; height: 14px; margin-right: 10px; }
.modal-body .homepermessi-closed .homepermessi-link { background-image: url(dropright.svg); }
.modal-body .homepermessi-1 { background: #85aedf; color: #ffffff; margin-left: 40px; margin-top: 4px; }
.modal-body .homepermessi-1 label { margin-bottom: 0; line-height: 40px; }
.modal-body .homepermessi-1 input { margin-top: 2px; }
.modal-body .homepermessi-2 { background: #dee1ea; color: #222222; border-left: #f1f3f6 30px solid; border-top: #f1f3f6 2px solid; line-height: 30px; }
.modal-body .homepermessi-2 input { margin-top: 8px; }
.modal-body .homepermessi-x { background: #ffffff; color: #222222; border-left: #f1f3f6 30px solid; border-top: #dee1ea 1px solid; line-height: 30px; }
.modal-body .homepermessi-x input { margin-top: 10px; }
#div-modal-homepermessi input { float: right; margin-right: 10px; }
#div-modal-homepermessi img { height: 24px; }
#div-modal-homepermessi .box-title { margin-bottom: 0; margin-top: 10px; }
#div-modal-homepermessi { background: #f1f3f6; }


#modal-homenotifiche-title { max-width: 430px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; min-height: 28px; }
#div-modal-homenotifiche .box-title img { max-height: 40px; }
#div-modal-homenotifiche .box-title { margin-bottom: 0; }
#div-modal-homenotifiche .box-title-notifiche-utenti-text { background: url(box-notifiche-utenti-text.svg) no-repeat center center; background-size: 30px; width: 40px; height: 40px; float: right; }
#div-modal-homenotifiche .box-title-notifiche-email-text { background: url(box-notifiche-email-text.svg) no-repeat center center; background-size: 30px; width: 40px; height: 40px; float: right; }
#div-modal-homenotifiche input[type=checkbox] { margin: 5px 10px 0 12px; }
#div-modal-homenotifiche .block-notifiche { border-left: 40px solid #f1f3f6; border-bottom: 10px solid #f1f3f6; background: #ffffff; }
#div-modal-homenotifiche .block-btt { background: #f1f3f6; padding-bottom: 10px; text-align: right; }
#div-modal-homenotifiche .item-notifiche { border-bottom: 1px solid #f1f3f6; padding: 10px; }
#table-modal-homenotifiche-nuovi th { border-bottom: 1px solid #f1f3f6; }
#textbox-modal-homenotifiche-nuovaemail { width: 80%; margin-left: 20px; }

.item-loading { background: #eeeeee url(loader.gif) no-repeat center center; border-radius: 60px; background-size: 60px; height: 120px !important; width: 120px !important; margin: 20px; transition: all 0.3s linear; }
.item-loading-bottom { background: url(loader-dark.gif) no-repeat bottom center !important; background-size: 60px !important; border-bottom: 70px solid transparent; transition: all 0.3s linear; background-origin: border-box !important;  }

/* FORM */
div.textbox-error  {
    border: 1px solid #e6001e;
}
.textbox-error-top  {
    color: #e6001e;
    text-decoration: underline;
    transition: all 0.3s linear;
}

.textbox-error  {
    border-color: #e6001e;
    border-width: 3px;
    color: #e6001e;
    text-decoration: underline;
    transition: all 0.3s linear;
}
.tooltip-inner {
  --background-color: #e6001e; 
}
.tooltip-arrow {
  --border-top: 5px solid #e6001e !important; 
}
.textbox-error.select2-container--default .select2-selection--single {
    --background-image: url(field-warn.svg);
    background-repeat: no-repeat;
    background-position: right 18px center;
    background-size: 18px;
    border-color: #e6001e !important;
    border-width: 3px !important;
    transition: all 0.3s linear;
}
/* TABELLE */
table img {
    max-height: 24px;
    max-width: 100%;
}
table td, table th {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 6px !important;
    line-height: 24px !important;
}
table img {
    --opacity: 0.3;
    height: 34px;
}
table a img {
    --transition: opacity .15s ease-in-out;
    --opacity: 0.3;
    height: 34px;
}
table a:hover img {
    --opacity: 1;
}
table select.form-control {
    border: 0;
    box-shadow: none;
}
table th {
    background-position: center right;
    background-repeat: no-repeat;
}
table th a {
    --cursor: ns-resize;
    display: block;
}
table th.sort-asc { background-image: url(dropdown.svg); background-size: 14px; background-position: right 8px center; }
table th.sort-desc { background-image: url(dropup.svg); background-size: 14px; background-position: right 8px center; }
.table-responsive { background: #ffffff; }

.table-ricerca-infocompany { width: 100%; }
.table-ricerca-infocompany td { white-space: normal; }

table .table-textbox-search {
    width: 100px;
    margin-left: 20px;
    color: #000000;
}
table td.testo_tabella {
    text-align: center;
    font-size: 18px;
    padding-top: 24px !important;
}

table .table-sublist-container {
    --position: relative;
}
table .table-sublist {
    position: absolute;
    --top: 0px;
    --left: 0px;
    border: 1px solid #cccccc;
    background-color: #ffffff;
    box-shadow: rgba(0,0,0,0.3) 0px 5px 15px;
    padding: 4px;
    z-index: 999;
}
table .table-sublist-item {
    display: block;
}
/* INPUT */
.input-calendar {
    background-image: url(input-calendar.svg);
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 24px
}

/* FOOTER */
#div-footer {
    background-color: #084987;
    min-height: 20px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}
/* TOP */
.navbar-fixed-top {
    background-color: #084987;
    color: #ffffff;
    border: 0;
    border-bottom: 20px solid #ffffff;
    padding: 0 0 0 0;
    height: 128px; 
}
.navbar-fixed-top #div-credito {
    margin-top: 26px;
    border: 1px solid #50aff5;
    border-radius: 5px;
    text-align: center;
    padding-bottom: 6px;
    background: #ffffff;
    color: #000000;
    width: 100px;
}
.navbar-fixed-top #div-credito div {
    background-color: #50aff5;
    padding: 4px;
    text-align: center;
    color: #ffffff;
    margin-bottom: 6px;
}

.navbar-fixed-top #div-currenttime {
    padding-top: 26px;
    padding-right: 20px;
    line-height: 17px;
    text-align: right;
}
.navbar-fixed-top #div-language {
    text-align: right;
    padding-right: 20px;
    margin-top: 8px;
    width: 200px;
}

.navbar-fixed-top #div-language .select2  {  width: 70px !important;float: right;  text-align: left; }
.navbar-fixed-top .select2-dropdown { background: rgba(90, 200, 255, 0.8) !important; border-color: #5AC8FF !important; }
.navbar-fixed-top .select2-container--default [aria-selected=true].select2-results__option { background-color: #32AAFF !important; }
.navbar-fixed-top .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #197DDC !important; }
.navbar-fixed-top .select2-container--default .select2-selection--single { background: #084987 url(top-lingua.svg) no-repeat right 4px center; background-size: 34px; border-color: #5AC8FF !important; border-radius: 3px !important; }
.navbar-fixed-top .select2-container--default .select2-selection--single .select2-selection__arrow { display: none; }
.navbar-fixed-top .select2-container--default .select2-selection--single .select2-selection__rendered { color: #ffffff; }

#link-top-guida {
    display: inline-block;
    background: url(top-guida.svg) no-repeat center center;
    background-size: cover;
    width: 34px;
    height: 34px;
    margin-right: 8px;
}
#link-top-guida:hover { background: url(top-guida-ho.svg); }
#link-top-listino {
    display: inline-block;
    background: url(top-listino.svg) no-repeat center center;
    background-size: cover;
    width: 34px;
    height: 34px;
    margin-right: 8px;
}
#link-top-listino:hover { background: url(top-listino-ho.svg); }

.navbar-fixed-top #top-user {
    display: inline-block;
    margin-top: 26px;
    margin-right: 100px;
    padding: 5px 10px 10px 60px;
    background: #1963a9 url(login/username.svg) no-repeat 10px 10px;
    background-size: 36px;
    width: 300px;
    position: relative;
    height: 56px;
}
.navbar-fixed-top #top-user-logout {
    display: inline-block;
    background: #3fa9f5 url(top-logout.svg) no-repeat center center;
    background-size: cover;
    width: 56px;
    height: 56px;
    position: absolute;
    top: 0;
    right: -56px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    line-height: 40px;
    padding-top: 24px;
}
.navbar-fixed-top #top-user-logout:hover {
    background-image: url(top-logout-ho.svg);
    color: #084987;
}
.navbar-fixed-top #top-user-ditta {
    text-transform: uppercase;
}
.navbar-fixed-top #top-user-utente {
    font-size: 17px;
}
.navbar-fixed-top-login {
    background-color: transparent;
}
.navbar-fixed-top-login #logo-dx {
    padding-top: 26px !important;
    height: 150px !important;
}
.navbar-fixed-top-login #div-currenttime {
    display: none;
}
.navbar-fixed-top-login #top-user {
    display: none;
}
.navbar-fixed-top-login #div-language {
    display: none;
}
.navbar-fixed-top #logo-sx {
    --transition: all 1s linear;
    position: relative;
    top: 0px;
    height: 80px;
    left: -15px;
}
.navbar-fixed-top .logo-sx-login {
    top: 240px !important;
    height: 170px !important;
}
.navbar-fixed-top #logo-dx {
    height: 70px;
    margin-top: 26px;
    margin-right: 10px;
}

/* LOGIN */
.body-login {
    --background: url(login/background.gif) no-repeat center center;
    --background-size: cover;
    --background-attachment: fixed; 
    padding-top: 130px;
}
.body-login .navbar-fixed-top {
    border-bottom: 0;
}
#div-login {
    padding-top: 145px;
    width: 630px;
    padding-left: 190px;
    color: #ffffff;
    font-size: 15px;
}
#div-login .btn { 
    width: 100%;   
    background-color: #ffffff;
    color: #084987;
    font-weight: bold;
    border: 0;
    border-radius: 2px;
 }
#div-login .btn:hover {
    background-color: #3fa9f5;
    color: #ffffff;
}
#div-login .div-login-fullscreen {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
}
#div-login .video-login-fullscreen {
    position: absolute;
    top: 0;
    left: 0;
}
@media (min-aspect-ratio: 16/9) { 
   #div-login .video-login-fullscreen { width: 100%; height: auto; } 
}  
 @media (max-aspect-ratio: 16/9) { 
   #div-login .video-login-fullscreen { width: auto; height: 100%; } 
} 


#div-login .form-control {
    background-color: #3fa9f5;
    background-repeat: no-repeat;
    background-position: 8px 4px;
    background-size: 32px;
    border: 0;
    border-radius: 0;
    color: #ffffff;
    font-size: 20px;
    height: 40px;
    padding-left: 50px;
}
#div-login #textbox-login-user {
    background-image: url(login/username.svg);
}
#div-login #textbox-login-pass {
    background-image: url(login/password.svg);
}
#div-login #button-login-submit { text-transform: uppercase; }
#div-login #button-login-submit:hover {
    background-color: #ed7203;
    color: #ffffff;
}
#div-login #div-login-recover {
    border-radius: 2px;
    border: #3fa9f5 1px solid;
    background-color: rgba(63, 169, 245, 0.5);
    padding: 10px 0px 10px 10px;
    position: relative;
    left: 13px;
    font-size: 13px;
}
#div-login #div-login-recover .form-control { padding-left: 12px; }

#div-login #div-login-recover h3 {
    margin-top: 0;
    padding-left: 35px;
    background: url(login/recover.svg) no-repeat left center;
    background-position: 0px 0px;
    background-size: 30px;
    font-size: 20px;
    line-height: 30px;
}
#div-login #div-login-recover h3 a {
    color: #ffffff   
}
#div-login .div-login-recover-closed {
    overflow: hidden;
    height: 50px;
    width: 255px;
}
#div-login-multicliente {
    background-color: #ffffff;
    margin-top: 30px;
}
#div-login-multicliente th {
    background-color: #3fa9f5;
    color: #ffffff; 
    --border-top: 10px solid #3fa9f5;
    padding-top: 16px !important;
    --border-left: 1px solid #084987;
    padding-bottom: 16px !important;
}
#div-login-multicliente th a { color: #ffffff; }
#div-login-multicliente table.responsive-table thead.affix {
    left: auto;
    right: auto;
    width: 1170px;
    height: auto;
}

@media only screen and (max-width: 1199px) {
    #logo-sx { width: 230px; top: 215px; }
    #logo-dx { height: 70px; }
}
@media only screen and (max-width: 767px) {
    #div-login {
        padding-top: 145px;
        width: auto;
        padding-left: 0;
    }
    .navbar-fixed-top .logo-sx-login {
        top: 80px !important;
        height: 100px !important;
        left: 0 !important;
    }
    .navbar-fixed-top .logo-dx {
        position: absolute;
        right: 20px !important;
    }
    .navbar-fixed-top {
        position: static;
    }
    .body-login { padding-top: 0; padding-bottom: 30px; }
    .navbar-fixed-top-login #logo-dx {
        padding-top: 26px !important;
        height: 70px !important;
    }
    #div-login #div-login-recover {
        width: 90%;
    }

}

/* LOGIN MULTICLIENTE */
.body-login-multicliente {
    background-color: #eef0f5;
    padding-top: 100px;
}
.body-login-multicliente .navbar-fixed-top {
    border-bottom: 20px solid #eef0f5;
}

/* HOME */
.body-login-home {
    background-color: #ffffff;
    padding-top: 120px;
}
.body-login-home .navbar-fixed-top {
    border-bottom: 20px solid #ffffff;
}
#div-home #div-home-frm a, #div-home #div-home-info a { background-position: center center; background-repeat: no-repeat; background-size: contain; display: block; height: 150px; }
#div-home .link-home-frmmarket-en { background-image: url(home/frmmarket-en.svg) !important; }
    #div-home .link-home-frmmarket-en:hover { background-image: url(home/frmmarket-en-hover.svg) !important; }
    #div-home #link-home-frmmarket { background-image: url(home/frmmarket.svg); }
    #div-home #link-home-frmmarket:hover { background-image: url(home/frmmarket-hover.svg); }
#div-home .link-home-frmcompany-en { background-image: url(home/frmcompany-en.svg) !important; }
    #div-home .link-home-frmcompany-en:hover { background-image: url(home/frmcompany-en-hover.svg) !important; }
    #div-home #link-home-frmcompany { background-image: url(home/frmcompany.svg); }
    #div-home #link-home-frmcompany:hover { background-image: url(home/frmcompany-hover.svg); }
#div-home .link-home-frmpayment-en { background-image: url(home/frmpayment-en.svg) !important; }
    #div-home .link-home-frmpayment-en:hover { background-image: url(home/frmpayment-en-hover.svg) !important; }
    #div-home #link-home-frmpayment { background-image: url(home/frmpayment.svg); }
    #div-home #link-home-frmpayment:hover { background-image: url(home/frmpayment-hover.svg); }
#div-home .link-home-frmexport-en { background-image: url(home/frmexport-en.svg) !important; }
    #div-home .link-home-frmexport-en:hover { background-image: url(home/frmexport-en-hover.svg) !important; }
    #div-home #link-home-frmexport { background-image: url(home/frmexport.svg); }
    #div-home #link-home-frmexport:hover { background-image: url(home/frmexport-hover.svg); }
#div-home .link-home-frmlight-en { background-image: url(home/frmlight-en.svg) !important; }
    #div-home .link-home-frmlight-en:hover { background-image: url(home/frmlight-en-hover.svg) !important; }
    #div-home #link-home-frmlight { background-image: url(home/frmlight.svg); }
    #div-home #link-home-frmlight:hover { background-image: url(home/frmlight-hover.svg); }
#div-home .link-home-infomarket-en { background-image: url(home/infomarket-en.svg) !important; }
    #div-home .link-home-infomarket-en:hover { background-image: url(home/infomarket-en-hover.svg) !important; }
    #div-home #link-home-infomarket { background-image: url(home/infomarket.svg); }
    #div-home #link-home-infomarket:hover { background-image: url(home/infomarket-hover.svg); }
#div-home .link-home-infocompany-en { background-image: url(home/infocompany-en.svg) !important; }
    #div-home .link-home-infocompany-en:hover { background-image: url(home/infocompany-en-hover.svg) !important; }
    #div-home #link-home-infocompany { background-image: url(home/infocompany.svg); }
    #div-home #link-home-infocompany:hover { background-image: url(home/infocompany-hover.svg); }
#div-home .link-home-infopayment-en { background-image: url(home/infopayment-en.svg) !important; }
    #div-home .link-home-infopayment-en:hover { background-image: url(home/infopayment-en-hover.svg) !important; }
    #div-home #link-home-infopayment { background-image: url(home/infopayment.svg); }
    #div-home #link-home-infopayment:hover { background-image: url(home/infopayment-hover.svg); }
#div-home .link-home-infoexport-en { background-image: url(home/infoexport-en.svg) !important; }
    #div-home .link-home-infoexport-en:hover { background-image: url(home/infoexport-en-hover.svg) !important; }
    #div-home #link-home-infoexport { background-image: url(home/infoexport.svg); }
    #div-home #link-home-infoexport:hover { background-image: url(home/infoexport-hover.svg); }
#div-home .link-home-infolight-en { background-image: url(home/infolight-en.svg) !important; }
    #div-home .link-home-infolight-en:hover { background-image: url(home/infolight-en-hover.svg) !important; }
    #div-home #link-home-infolight { background-image: url(home/infolight.svg); }
    #div-home #link-home-infolight:hover { background-image: url(home/infolight-hover.svg); }

#div-home h3 {
    font-weight: normal;
}
#div-home .box {
    background-color: #f1f3f6;
}
#div-home .box-title {
    padding-left: 60px;
    height: 40px;
    line-height: 40px;
    color: #508cd2;
    font-size: 20px;
    font-weight: bold;
}

#div-home .box-content {
    padding: 20px;
}

#modal-error .modal-header { background-color: #cc0000; height: 52px; }
#modal-error .modal-title { text-align: left; line-height: 36px; }

.modal-dialog-home { background-color: #eeeeee; }
.modal-dialog-home .block {
    background: #eeeeee;
    padding: 20px 0;
}

#div-home #div-home-fashionmap #link-home-fashionmap {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: block;
    width: 100px;
    height: 100px;
    float: left;
    margin-right: 20px;
}
#div-home #div-home-fashionmap .link-home-fashionmap {    background-image: url(home/fashionmap.svg);}
#div-home #div-home-fashionmap .link-home-fashionmap:hover {    background-image: url(home/fashionmap-ho.svg);}
#div-home #div-home-fashionmap .link-home-fashionmap-en {    background-image: url(home/fashionmap-en.svg) !important;}
#div-home #div-home-fashionmap .link-home-fashionmap-en:hover {    background-image: url(home/fashionmap-en-ho.svg) !important; }
#div-home #div-home-account .col-sm-6 .property, .modal-dialog-home .property {
    border-radius: 20px;
    background: #ffffff no-repeat left 4px center;
    background-size: 24px;
    font-weight: bold;
    padding: 4px;
    line-height: 30px;
    padding-left: 24px;
}
#div-home #div-home-account .col-sm-6 .property-none,
.modal-dialog-home .property-none {
    padding-left: 4px;
}
#div-home #div-home-account .col-sm-6 .property-user { background-image: url(home/property-user.svg); }

.modal-dialog-home .modal-body { background-color: #f1f3f6; }
.modal-dialog-home .property label  { color: #508cd2; font-weight: normal; display: inline-block; width: 40%; margin-left: 8px; margin-bottom: 0; }
.modal-dialog-home .property input { width: 220px; border: 0; height: 28px; }
.modal-dialog-home .property input[type=radio] { width: auto; margin-right: 5px; }
.modal-dialog-home .property select  {
    background: #ffffff url(dropdown.svg) no-repeat right 4px center;
    background-size: 16px;
    border-color: #ffffff;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 130px;
    border: 0;
}
.modal-dialog-home .property .select2 {  width: 220px !important; }
.modal-dialog-home .property .select2-container--default .select2-selection--single {  border-width: 0 !important; }

.modal-dialog-home .property-user { background-image: url(home/property-user.svg) }
.modal-dialog-home .property-password { background-image: url(home/property-password.svg) }
.modal-dialog-home .property-email { background-image: url(home/property-email.svg) }
.modal-dialog-home .property-telefono { background-image: url(home/property-telefono.svg) }
.modal-dialog-home .property-lingua { background-image: url(home/property-lingua.svg) }
.modal-dialog-home .property-ruolo { background-image: url(home/property-ruolo.svg) }
.modal-dialog-home .property-azienda { background-image: url(home/property-azienda.svg) }

#div-home #div-home-account .col-sm-6 div label  { color: #508cd2; font-weight: normal; display: inline-block; width: 40%; margin-left: 8px; margin-bottom: 0; }

#div-home .btn, .modal-dialog-home .btn {
    border-radius: 20px;
    border: 1px solid #508cd2;
    background: #ffffff no-repeat left 8px center;
    background-size: 24px;
    font-weight: bold;
    padding: 4px 16px 4px 36px;
    text-align: right;
    font-weight: normal;
    color: #333333;
}
.modal-dialog-home .btn { padding-left: 16px; min-width: 80px; text-align: center; }
#div-home .btn:hover, .modal-dialog-home .btn:hover {
    background-color: #508cd2;
    color: #ffffff;
}
#div-home .btn-home-aggiungi { background-image: url(home/btn-account-aggiungi.svg); }
#div-home .btn-home-aggiungi:hover { background-image: url(home/btn-account-aggiungi-ho.svg); }
#div-home .btn-home-messaggi { background-image: url(home/btn-account-aggiungi.svg); }
#div-home .btn-home-messaggi:hover { background-image: url(home/btn-account-aggiungi-ho.svg); }
#div-home .btn-home-permessi { background-image: url(home/btn-account-permessi.svg); }
#div-home .btn-home-permessi:hover { background-image: url(home/btn-account-permessi-ho.svg); }
#div-home .btn-home-notifiche { background-image: url(home/btn-account-notifiche.svg); }
#div-home .btn-home-notifiche:hover { background-image: url(home/btn-account-notifiche-ho.svg); }
#div-home .btn-home-elimina { background-image: url(home/btn-account-elimina.svg); }
#div-home .btn-home-elimina:hover { background-image: url(home/btn-account-elimina-ho.svg); }
#div-home .btn-home-modifica { background-image: url(home/btn-account-modifica.svg); }
#div-home .btn-home-modifica:hover { background-image: url(home/btn-account-modifica-ho.svg); }
#div-home .btn-home-notifica-modifica { background-image: url(home/btn-notifica-modifica.svg); }
#div-home .btn-home-notifica-modifica:hover { background-image: url(home/btn-notifica-modifica-ho.svg); }
#div-home .btn-home-visualizza { text-align: center; padding-left: 16px; }

.btn-notifica-elimina                { background-image: url(btn-notifica-elimina.svg); background-repeat: no-repeat; width: 24px; height: 24px; margin-left: 10px; }
.btn-notifica-elimina:hover          { background-image: url(btn-notifica-elimina-ho.svg); }
.btn-notifica-modifica-email         { background-image: url(btn-notifica-modifica.svg); background-repeat: no-repeat; width: 24px; height: 24px; margin-left: 10px;}
.btn-notifica-modifica-email:hover   { background-image: url(btn-notifica-modifica-ho.svg); }
.btn-notifica-modifica-portale       { background-image: url(btn-notifica-modifica.svg); background-repeat: no-repeat; width: 24px; height: 24px; margin-left: 10px; }
.btn-notifica-modifica-portale:hover { background-image: url(btn-notifica-modifica-ho.svg);  }

#div-home #div-home-account h4 { color: #508cd2; }
#div-home #div-home-account hr { border: 1px solid #508cd2; margin-bottom: 0; }

#link-home-account-subutenti { display: inline-block; float: right; background: url(home/btn-show.svg) no-repeat center center; width: 24px; height: 24px; margin-top: 4px; }
.link-home-account-subutenti-close { background-image: url(home/btn-hide.svg) !important; }
#table-home-account-accessi tr:first-child > td { border: 0 !important; }
#link-home-account-subutenti { display: inline-block; float: right; background: url(home/btn-show.svg) no-repeat center center; width: 24px; height: 24px; margin-top: 4px; }
#table-home-account-subutenti tr td:first-child { background: url(home/property-subuser.svg) no-repeat left 4px center; padding-left: 36px !important; background-size: 24px; line-height: 28px; }
#table-home-account-messaggi tr td { border-top: 1px solid #ddd; }
#table-home-account-messaggi tr:first-child > td { border: 0 !important; }
#table-home-account-messaggi td a { display: block; padding-left: 30px !important; background-repeat: no-repeat; background-position: left top 4px; background-size: 24px; text-overflow: ellipsis; overflow: hidden; }
#table-home-account-messaggi .td-home-account-notifica-leggere b            { color: #508cd2;  }
#table-home-account-messaggi .td-home-account-notifica-letto b              { font-weight: normal; }
#table-home-account-messaggi .td-home-account-notifica-importante-leggere b { color: #cc0000;  }
#table-home-account-messaggi .td-home-account-notifica-importante-letto b   { font-weight: normal; }
#table-home-account-messaggi .td-home-account-messaggio-leggere b           { color: #508cd2;   }
#table-home-account-messaggi .td-home-account-messaggio-letto b             { font-weight: normal; }
#table-home-account-messaggi .td-home-account-notifica-leggere            { background-image: url(home/msg-notifica-leggere.svg); }
#table-home-account-messaggi .td-home-account-notifica-letto              { background-image: url(home/msg-notifica-letto.svg); }
#table-home-account-messaggi .td-home-account-notifica-importante-leggere { background-image: url(home/msg-notifica-importante-leggere.svg); }
#table-home-account-messaggi .td-home-account-notifica-importante-letto   { background-image: url(home/msg-notifica-importante-letto.svg); }
#table-home-account-messaggi .td-home-account-messaggio-leggere           { background-image: url(home/msg-messaggio-leggere.svg);  }
#table-home-account-messaggi .td-home-account-messaggio-letto             { background-image: url(home/msg-messaggio-letto.svg); }
#table-home-account-messaggi img { width: 100%; height: auto; max-height: 100%; }

#link-home-account-messaggi-ordine-messaggio,
#link-home-account-messaggi-ordine-notifica,
#link-home-account-messaggi-ordine-notifica-importante { display: inline-block; float: right; background-repeat: no-repeat; background-position: center center; background-size: 20px; margin-top: 6px; margin-right: 8px; width: 27px; height: 28px; font-weight: normal; border: 1px solid #ffffff; border-radius: 3px; line-height: normal; background-color: #ffffff; border: 1px solid #508cd2; }
#link-home-account-messaggi-ordine-messaggio { background-image: url(home/msg-messaggio-letto.svg); }
#link-home-account-messaggi-ordine-messaggio:hover { background-image: url(home/msg-messaggio-ho.svg); }
.home-account-messaggi-ordine-messaggio-attivo { background-image: url(home/msg-messaggio-hi.svg) !important; background-color: #508cd2 !important; }
#link-home-account-messaggi-ordine-notifica { background-image: url(home/msg-notifica-letto.svg); }
#link-home-account-messaggi-ordine-notifica:hover { background-image: url(home/msg-notifica-ho.svg); }
.home-account-messaggi-ordine-notifica-attivo { background-image: url(home/msg-notifica-hi.svg) !important; background-color: #508cd2 !important; }
#link-home-account-messaggi-ordine-notifica-importante { background-image: url(home/msg-notifica-importante-letto.svg); }
#link-home-account-messaggi-ordine-notifica-importante:hover { background-image: url(home/msg-notifica-importante-ho.svg); }
.home-account-messaggi-ordine-notifica-importante-attivo { background-image: url(home/msg-notifica-importante-hi.svg) !important; background-color: #508cd2 !important; }

#link-home-gestionenotifiche-subutenti { display: inline-block; float: right; background: url(home/btn-show.svg) no-repeat center center; width: 24px; height: 24px; margin-top: 4px; }
#div-home #div-home-gestionenotifiche h4 { color: #508cd2; }
#div-home #div-home-gestionenotifiche hr { border: 1px solid #508cd2; margin-bottom: 0; margin-top: 0; }
#div-home #div-home-account .btn,
#div-home #div-home-gestionenotifiche .btn { min-width: 110px; text-align: center; }
#div-home-gestionenotifiche-monocliente { min-height: 65px;}
/* DEMO */
#div-section-demo {
    background: #eb730a;
    padding: 10px;
    color: #ffffff;
    position: relative;
    top: 10px;
}
#div-section-demo span { font-size: 20px; font-weight: bold; }
#div-section-demo a { display: inline-block; float: right; margin-left: 10px; border-radius: 3px; border: 1px solid #ffffff; font-size: 16px; color: #ffffff; padding: 4px 8px 4px 46px; background-size: cover; background-position: left center; background-repeat: no-repeat; }
#div-section-demo a:hover { --background-color: #ffffff; color: #eb730a; font-weight: bold; }
#div-section-demo #link-demo-contatti { background-image: url(demo/btn-contatti.svg);  }
#div-section-demo #link-demo-contatti:hover { background-image: url(demo/btn-contatti-ho.svg) !important;  }
#div-section-demo #link-demo-informazioni { background-image: url(demo/btn-informazioni.svg);  }
#div-section-demo #link-demo-informazioni:hover { background-image: url(demo/btn-informazioni-ho.svg) !important;  }

/* SECTIONS */
.body-login-section {
    background-color: #eef0f5;
    padding-top: 120px;
}
.body-login-section-demo {
    background-color: #eef0f5;
    padding-top: 170px;
}
.body-login-section .navbar-fixed-top {
    border-bottom: 20px solid #eef0f5;
}
#div-section-frmmarket .section-navs {
    float: right;
    margin-top: 16px;
    margin-right: 10px;
}
#div-section-frmmarket .section-navs a {
    width: 50px;
    height: 50px;
    display: inline-block;
    background-size: cover;
}
#div-section-frmmarket .section-navs a:hover {
    opacity: 1;
}
/*
#div-section-frmmarket .section-navs a.info { border: #02b600 4px solid; }
#div-section-frmmarket .section-navs a.info:hover { border: #ffffff 4px solid; }
#div-section-frmmarket .section-navs a.frm { background-color: #02b600; border: #02b600 4px solid; }
#div-section-frmmarket .section-navs a.frm:hover { background-color: #ffffff; border: #ffffff 4px solid; }
#div-section-frmmarket .section-navs a.dash { border: #ffffff 1px solid; border-radius: 3px; margin-left: 10px; }
#div-section-frmmarket .section-navs a.dash:hover { background-color: #ffffff; border: #ffffff 1px solid; }
#div-section-frmmarket .section-navs #link-section-frmmarket { background-image: url(section-market/icon-frmmarket.svg); }
#div-section-frmmarket .section-navs #link-section-frmmarket:hover { background-image: url(section-market/icon-frmmarket-ho.svg); }
#div-section-frmmarket .section-navs #link-section-infomarket { background-image: url(section-market/icon-infomarket.svg); }
#div-section-frmmarket .section-navs #link-section-infomarket:hover { background-image: url(section-market/icon-infomarket-ho.svg); }
*/

#div-section-frmmarket .section-navs-market #link-section-frmmarket { background-image: url(section-market/icon-frmmarket.svg); }
#div-section-frmmarket .section-navs-market #link-section-frmmarket:hover { background-image: url(section-market/icon-frmmarket-ho.svg); }
#div-section-frmmarket .section-navs-market #link-section-infomarket { background-image: url(section-market/icon-infomarket.svg); }
#div-section-frmmarket .section-navs-market #link-section-infomarket:hover { background-image: url(section-market/icon-infomarket-ho.svg); }
#div-section-frmmarket .section-navs-market #link-section-frmcompany { background-image: url(section-market/icon-frmcompany.svg); }
#div-section-frmmarket .section-navs-market #link-section-frmcompany:hover { background-image: url(section-market/icon-frmcompany-ho.svg); }
#div-section-frmmarket .section-navs-market #link-section-infocompany { background-image: url(section-market/icon-infocompany.svg); }
#div-section-frmmarket .section-navs-market #link-section-infocompany:hover { background-image: url(section-market/icon-infocompany-ho.svg); }
#div-section-frmmarket .section-navs-market #link-section-frmpayment { background-image: url(section-market/icon-frmpayment.svg); }
#div-section-frmmarket .section-navs-market #link-section-frmpayment:hover { background-image: url(section-market/icon-frmpayment-ho.svg); }
#div-section-frmmarket .section-navs-market #link-section-infopayment { background-image: url(section-market/icon-infopayment.svg); }
#div-section-frmmarket .section-navs-market #link-section-infopayment:hover { background-image: url(section-market/icon-infopayment-ho.svg); }
#div-section-frmmarket .section-navs-market #link-section-frmexport { background-image: url(section-market/icon-frmexport.svg); }
#div-section-frmmarket .section-navs-market #link-section-frmexport:hover { background-image: url(section-market/icon-frmexport-ho.svg); }
#div-section-frmmarket .section-navs-market #link-section-infoexport { background-image: url(section-market/icon-infoexport.svg); }
#div-section-frmmarket .section-navs-market #link-section-infoexport:hover { background-image: url(section-market/icon-infoexport-ho.svg); }
#div-section-frmmarket .section-navs-market #link-section-frmlight { background-image: url(section-market/icon-frmlight.svg); }
#div-section-frmmarket .section-navs-market #link-section-frmlight:hover { background-image: url(section-market/icon-frmlight-ho.svg); }
#div-section-frmmarket .section-navs-market #link-section-infolight { background-image: url(section-market/icon-infolight.svg); }
#div-section-frmmarket .section-navs-market #link-section-infolight:hover { background-image: url(section-market/icon-infolight-ho.svg); }
#div-section-frmmarket .section-navs-market #link-section-home { background-image: url(section-market/icon-home.svg); margin-left: 20px; }
#div-section-frmmarket .section-navs-market #link-section-home:hover { background-image: url(section-market/icon-home-ho.svg); }

#div-section-frmmarket .section-navs-company #link-section-frmmarket { background-image: url(section-company/icon-frmmarket.svg); }
#div-section-frmmarket .section-navs-company #link-section-frmmarket:hover { background-image: url(section-company/icon-frmmarket-ho.svg); }
#div-section-frmmarket .section-navs-company #link-section-infomarket { background-image: url(section-company/icon-infomarket.svg); }
#div-section-frmmarket .section-navs-company #link-section-infomarket:hover { background-image: url(section-company/icon-infomarket-ho.svg); }
#div-section-frmmarket .section-navs-company #link-section-frmcompany { background-image: url(section-company/icon-frmcompany.svg); }
#div-section-frmmarket .section-navs-company #link-section-frmcompany:hover { background-image: url(section-company/icon-frmcompany-ho.svg); }
#div-section-frmmarket .section-navs-company #link-section-infocompany { background-image: url(section-company/icon-infocompany.svg); }
#div-section-frmmarket .section-navs-company #link-section-infocompany:hover { background-image: url(section-company/icon-infocompany-ho.svg); }
#div-section-frmmarket .section-navs-company #link-section-frmpayment { background-image: url(section-company/icon-frmpayment.svg); }
#div-section-frmmarket .section-navs-company #link-section-frmpayment:hover { background-image: url(section-company/icon-frmpayment-ho.svg); }
#div-section-frmmarket .section-navs-company #link-section-infopayment { background-image: url(section-company/icon-infopayment.svg); }
#div-section-frmmarket .section-navs-company #link-section-infopayment:hover { background-image: url(section-company/icon-infopayment-ho.svg); }
#div-section-frmmarket .section-navs-company #link-section-frmexport { background-image: url(section-company/icon-frmexport.svg); }
#div-section-frmmarket .section-navs-company #link-section-frmexport:hover { background-image: url(section-company/icon-frmexport-ho.svg); }
#div-section-frmmarket .section-navs-company #link-section-infoexport { background-image: url(section-company/icon-infoexport.svg); }
#div-section-frmmarket .section-navs-company #link-section-infoexport:hover { background-image: url(section-company/icon-infoexport-ho.svg); }
#div-section-frmmarket .section-navs-company #link-section-frmlight { background-image: url(section-company/icon-frmlight.svg); }
#div-section-frmmarket .section-navs-company #link-section-frmlight:hover { background-image: url(section-company/icon-frmlight-ho.svg); }
#div-section-frmmarket .section-navs-company #link-section-infolight { background-image: url(section-company/icon-infolight.svg); }
#div-section-frmmarket .section-navs-company #link-section-infolight:hover { background-image: url(section-company/icon-infolight-ho.svg); }
#div-section-frmmarket .section-navs-company #link-section-home { background-image: url(section-company/icon-home.svg); margin-left: 20px; }
#div-section-frmmarket .section-navs-company #link-section-home:hover { background-image: url(section-company/icon-home-ho.svg); }

#div-section-frmmarket .section-navs-light #link-section-frmmarket { background-image: url(section-light/icon-frmmarket.svg); }
#div-section-frmmarket .section-navs-light #link-section-frmmarket:hover { background-image: url(section-light/icon-frmmarket-ho.svg); }
#div-section-frmmarket .section-navs-light #link-section-infomarket { background-image: url(section-light/icon-infomarket.svg); }
#div-section-frmmarket .section-navs-light #link-section-infomarket:hover { background-image: url(section-light/icon-infomarket-ho.svg); }
#div-section-frmmarket .section-navs-light #link-section-frmcompany { background-image: url(section-light/icon-frmcompany.svg); }
#div-section-frmmarket .section-navs-light #link-section-frmcompany:hover { background-image: url(section-light/icon-frmcompany-ho.svg); }
#div-section-frmmarket .section-navs-light #link-section-infocompany { background-image: url(section-light/icon-infocompany.svg); }
#div-section-frmmarket .section-navs-light #link-section-infocompany:hover { background-image: url(section-light/icon-infocompany-ho.svg); }
#div-section-frmmarket .section-navs-light #link-section-frmpayment { background-image: url(section-light/icon-frmpayment.svg); }
#div-section-frmmarket .section-navs-light #link-section-frmpayment:hover { background-image: url(section-light/icon-frmpayment-ho.svg); }
#div-section-frmmarket .section-navs-light #link-section-infopayment { background-image: url(section-light/icon-infopayment.svg); }
#div-section-frmmarket .section-navs-light #link-section-infopayment:hover { background-image: url(section-light/icon-infopayment-ho.svg); }
#div-section-frmmarket .section-navs-light #link-section-frmexport { background-image: url(section-light/icon-frmexport.svg); }
#div-section-frmmarket .section-navs-light #link-section-frmexport:hover { background-image: url(section-light/icon-frmexport-ho.svg); }
#div-section-frmmarket .section-navs-light #link-section-infoexport { background-image: url(section-light/icon-infoexport.svg); }
#div-section-frmmarket .section-navs-light #link-section-infoexport:hover { background-image: url(section-light/icon-infoexport-ho.svg); }
#div-section-frmmarket .section-navs-light #link-section-frmlight { background-image: url(section-light/icon-frmlight.svg); }
#div-section-frmmarket .section-navs-light #link-section-frmlight:hover { background-image: url(section-light/icon-frmlight-ho.svg); }
#div-section-frmmarket .section-navs-light #link-section-infolight { background-image: url(section-light/icon-infolight.svg); }
#div-section-frmmarket .section-navs-light #link-section-infolight:hover { background-image: url(section-light/icon-infolight-ho.svg); }
#div-section-frmmarket .section-navs-light #link-section-home { background-image: url(section-light/icon-home.svg); margin-left: 20px; }
#div-section-frmmarket .section-navs-light #link-section-home:hover { background-image: url(section-light/icon-home-ho.svg); }

#div-section-frmmarket .section-navs-export #link-section-frmmarket { background-image: url(section-export/icon-frmmarket.svg); }
#div-section-frmmarket .section-navs-export #link-section-frmmarket:hover { background-image: url(section-export/icon-frmmarket-ho.svg); }
#div-section-frmmarket .section-navs-export #link-section-infomarket { background-image: url(section-export/icon-infomarket.svg); }
#div-section-frmmarket .section-navs-export #link-section-infomarket:hover { background-image: url(section-export/icon-infomarket-ho.svg); }
#div-section-frmmarket .section-navs-export #link-section-frmcompany { background-image: url(section-export/icon-frmcompany.svg); }
#div-section-frmmarket .section-navs-export #link-section-frmcompany:hover { background-image: url(section-export/icon-frmcompany-ho.svg); }
#div-section-frmmarket .section-navs-export #link-section-infocompany { background-image: url(section-export/icon-infocompany.svg); }
#div-section-frmmarket .section-navs-export #link-section-infocompany:hover { background-image: url(section-export/icon-infocompany-ho.svg); }
#div-section-frmmarket .section-navs-export #link-section-frmpayment { background-image: url(section-export/icon-frmpayment.svg); }
#div-section-frmmarket .section-navs-export #link-section-frmpayment:hover { background-image: url(section-export/icon-frmpayment-ho.svg); }
#div-section-frmmarket .section-navs-export #link-section-infopayment { background-image: url(section-export/icon-infopayment.svg); }
#div-section-frmmarket .section-navs-export #link-section-infopayment:hover { background-image: url(section-export/icon-infopayment-ho.svg); }
#div-section-frmmarket .section-navs-export #link-section-frmexport { background-image: url(section-export/icon-frmexport.svg); }
#div-section-frmmarket .section-navs-export #link-section-frmexport:hover { background-image: url(section-export/icon-frmexport-ho.svg); }
#div-section-frmmarket .section-navs-export #link-section-infoexport { background-image: url(section-export/icon-infoexport.svg); }
#div-section-frmmarket .section-navs-export #link-section-infoexport:hover { background-image: url(section-export/icon-infoexport-ho.svg); }
#div-section-frmmarket .section-navs-export #link-section-frmlight { background-image: url(section-export/icon-frmlight.svg); }
#div-section-frmmarket .section-navs-export #link-section-frmlight:hover { background-image: url(section-export/icon-frmlight-ho.svg); }
#div-section-frmmarket .section-navs-export #link-section-infolight { background-image: url(section-export/icon-infolight.svg); }
#div-section-frmmarket .section-navs-export #link-section-infolight:hover { background-image: url(section-export/icon-infolight-ho.svg); }
#div-section-frmmarket .section-navs-export #link-section-home { background-image: url(section-export/icon-home.svg); margin-left: 20px; }
#div-section-frmmarket .section-navs-export #link-section-home:hover { background-image: url(section-export/icon-home-ho.svg); }

#div-section-frmmarket .section-navs-payment #link-section-frmmarket { background-image: url(section-payment/icon-frmmarket.svg); }
#div-section-frmmarket .section-navs-payment #link-section-frmmarket:hover { background-image: url(section-payment/icon-frmmarket-ho.svg); }
#div-section-frmmarket .section-navs-payment #link-section-infomarket { background-image: url(section-payment/icon-infomarket.svg); }
#div-section-frmmarket .section-navs-payment #link-section-infomarket:hover { background-image: url(section-payment/icon-infomarket-ho.svg); }
#div-section-frmmarket .section-navs-payment #link-section-frmcompany { background-image: url(section-payment/icon-frmcompany.svg); }
#div-section-frmmarket .section-navs-payment #link-section-frmcompany:hover { background-image: url(section-payment/icon-frmcompany-ho.svg); }
#div-section-frmmarket .section-navs-payment #link-section-infocompany { background-image: url(section-payment/icon-infocompany.svg); }
#div-section-frmmarket .section-navs-payment #link-section-infocompany:hover { background-image: url(section-payment/icon-infocompany-ho.svg); }
#div-section-frmmarket .section-navs-payment #link-section-frmpayment { background-image: url(section-payment/icon-frmpayment.svg); }
#div-section-frmmarket .section-navs-payment #link-section-frmpayment:hover { background-image: url(section-payment/icon-frmpayment-ho.svg); }
#div-section-frmmarket .section-navs-payment #link-section-infopayment { background-image: url(section-payment/icon-infopayment.svg); }
#div-section-frmmarket .section-navs-payment #link-section-infopayment:hover { background-image: url(section-payment/icon-infopayment-ho.svg); }
#div-section-frmmarket .section-navs-payment #link-section-frmexport { background-image: url(section-payment/icon-frmexport.svg); }
#div-section-frmmarket .section-navs-payment #link-section-frmexport:hover { background-image: url(section-payment/icon-frmexport-ho.svg); }
#div-section-frmmarket .section-navs-payment #link-section-infoexport { background-image: url(section-payment/icon-infoexport.svg); }
#div-section-frmmarket .section-navs-payment #link-section-infoexport:hover { background-image: url(section-payment/icon-infoexport-ho.svg); }
#div-section-frmmarket .section-navs-payment #link-section-frmlight { background-image: url(section-payment/icon-frmlight.svg); }
#div-section-frmmarket .section-navs-payment #link-section-frmlight:hover { background-image: url(section-payment/icon-frmlight-ho.svg); }
#div-section-frmmarket .section-navs-payment #link-section-infolight { background-image: url(section-payment/icon-infolight.svg); }
#div-section-frmmarket .section-navs-payment #link-section-infolight:hover { background-image: url(section-payment/icon-infolight-ho.svg); }
#div-section-frmmarket .section-navs-payment #link-section-home { background-image: url(section-payment/icon-home.svg); margin-left: 20px; }
#div-section-frmmarket .section-navs-payment #link-section-home:hover { background-image: url(section-payment/icon-home-ho.svg); }

#div-section-frmmarket .section-menu {
    background-color: #cccccc;
    color: #ffffff;
    padding-left: 105px;
    height: 85px;
    margin-top: 10px;
}
#div-section-frmmarket .section-menu-frmmarket { background: #3ccd46 url(section-market/title-frm.svg) no-repeat top left; }
#div-section-frmmarket .section-menu-infomarket { background: #3ccd46 url(section-market/title-info.svg) no-repeat top left; }
#div-section-frmmarket .section-menu-frmcompany { background: #1ebed2 url(section-company/title-frm.svg) no-repeat top left; }
#div-section-frmmarket .section-menu-infocompany { background: #1ebed2 url(section-company/title-info.svg) no-repeat top left; }
#div-section-frmmarket .section-menu-frmlight { background: #fa5aa5 url(section-light/title-frm.svg) no-repeat top left; }
#div-section-frmmarket .section-menu-infolight { background: #fa5aa5 url(section-light/title-info.svg) no-repeat top left; }
#div-section-frmmarket .section-menu-frmexport { background: #ff6450 url(section-export/title-frm.svg) no-repeat top left; }
#div-section-frmmarket .section-menu-infoexport { background: #ff6450 url(section-export/title-info.svg) no-repeat top left; }
#div-section-frmmarket .section-menu-frmpayment { background: #19c89b url(section-payment/title-frm.svg) no-repeat top left; }
#div-section-frmmarket .section-menu-infopayment { background: #19c89b url(section-payment/title-info.svg) no-repeat top left; }

#div-section-frmmarket .section-menu .nav > li > a {
    color: #ffffff;
    padding: 5px 10px;
    background-repeat: no-repeat;
    background-size: 0;
    display: inline-block; 
    margin-right: 10px; 
    transition: all 0.3s linear;
    background-position: left -3px center;
}
#div-section-frmmarket .section-menu .nav {
    padding-top: 49px;
    font-size: 15px;
}
#div-section-frmmarket .section-menu .nav > li > a:focus,
#div-section-frmmarket .section-menu .nav > li > a:hover {
    color: #ffffff;
    background-size: cover;
    padding: 5px 15px 5px 35px;
    font-weight: bold;
}
#div-section-frmmarket .section-menu .nav > li.active > a,
#div-section-frmmarket .section-menu .nav > li.active > a:focus, 
#div-section-frmmarket .section-menu .nav > li.active > a:hover {
    color: #ffffff;
    --background-color: #ffffff;
    background-size: cover;
    padding: 5px 15px 5px 35px;
    font-weight: bold;
}
#div-section-frmmarket .section-menu-market .nav > li > a:focus,
#div-section-frmmarket .section-menu-market .nav > li > a:hover {    background-color: #00B400; color: #00B400; }
#div-section-frmmarket .section-menu-market .nav > li.active > a,
#div-section-frmmarket .section-menu-market .nav > li.active > a:focus, 
#div-section-frmmarket .section-menu-market .nav > li.active > a:hover {  background-color: #00B400;  }
#div-section-frmmarket .section-menu-company .nav > li > a:focus,
#div-section-frmmarket .section-menu-company .nav > li > a:hover {    background-color: #0096AF;   color: #0096AF;}
#div-section-frmmarket .section-menu-company .nav > li.active > a,
#div-section-frmmarket .section-menu-company .nav > li.active > a:focus, 
#div-section-frmmarket .section-menu-company .nav > li.active > a:hover {   background-color: #0096AF; }
#div-section-frmmarket .section-menu-light .nav > li > a:focus,
#div-section-frmmarket .section-menu-light .nav > li > a:hover {    background-color: #F01E82;  color: #F01E82; }
#div-section-frmmarket .section-menu-light .nav > li.active > a,
#div-section-frmmarket .section-menu-light .nav > li.active > a:focus, 
#div-section-frmmarket .section-menu-light .nav > li.active > a:hover {  background-color: #F01E82;  }
#div-section-frmmarket .section-menu-export .nav > li > a:focus,
#div-section-frmmarket .section-menu-export .nav > li > a:hover {    background-color: #FA2D1E;  color: #FA2D1E; }
#div-section-frmmarket .section-menu-export .nav > li.active > a,
#div-section-frmmarket .section-menu-export .nav > li.active > a:focus, 
#div-section-frmmarket .section-menu-export .nav > li.active > a:hover {    background-color: #FA2D1E;}
#div-section-frmmarket .section-menu-payment .nav > li > a:focus,
#div-section-frmmarket .section-menu-payment .nav > li > a:hover {    background-color: #00A078;     color: #00A078; }
#div-section-frmmarket .section-menu-payment .nav > li.active > a,
#div-section-frmmarket .section-menu-payment .nav > li.active > a:focus, 
#div-section-frmmarket .section-menu-payment .nav > li.active > a:hover {    background-color: #00A078;}

#div-section-frmmarket .section-menu .nav > li > a[aria-controls="dashboard"]:hover  { background-image: url(menu-dashboard-ho.svg); }
#div-section-frmmarket .section-menu .nav > li > a[aria-controls="monitoring"]:hover  { background-image: url(menu-monitoring-ho.svg); }
#div-section-frmmarket .section-menu .nav > li > a[aria-controls="analisi"]:hover  { background-image: url(menu-analisi-ho.svg); }
#div-section-frmmarket .section-menu .nav > li > a[aria-controls="utilita"]:hover  { background-image: url(menu-utilita-ho.svg); }
#div-section-frmmarket .section-menu .nav > li > a[aria-controls="protesti"]:hover  { background-image: url(menu-protesti-ho.svg); }
#div-section-frmmarket .section-menu .nav > li > a[aria-controls="ricerca"]:hover  { background-image: url(menu-ricerca-ho.svg); }
#div-section-frmmarket .section-menu .nav > li > a[aria-controls="ricerca_azienda"]:hover  { background-image: url(menu-ricerca_azienda-ho.svg); }
#div-section-frmmarket .section-menu .nav > li > a[aria-controls="ricerca_soggetto"]:hover  { background-image: url(menu-ricerca_soggetto-ho.svg); }
#div-section-frmmarket .section-menu .nav > li > a[aria-controls="servizi"]:hover  { background-image: url(menu-servizi-ho.svg); }
#div-section-frmmarket .section-menu .nav > li > a[aria-controls="storico"]:hover  { background-image: url(menu-storico-ho.svg); }
#div-section-frmmarket .section-menu .nav > li.active > a[aria-controls="dashboard"] { background-image: url(menu-dashboard.svg); }
#div-section-frmmarket .section-menu .nav > li.active > a[aria-controls="monitoring"] { background-image: url(menu-monitoring.svg); }
#div-section-frmmarket .section-menu .nav > li.active > a[aria-controls="analisi"] { background-image: url(menu-analisi.svg); }
#div-section-frmmarket .section-menu .nav > li.active > a[aria-controls="utilita"] { background-image: url(menu-utilita.svg);  }
#div-section-frmmarket .section-menu .nav > li.active > a[aria-controls="protesti"] { background-image: url(menu-protesti.svg); }
#div-section-frmmarket .section-menu .nav > li.active > a[aria-controls="ricerca"] { background-image: url(menu-ricerca.svg); }
#div-section-frmmarket .section-menu .nav > li.active > a[aria-controls="storico"] { background-image: url(menu-storico.svg); }
#div-section-frmmarket .section-menu .nav > li.active > a[aria-controls="ricerca_azienda"] { background-image: url(menu-ricerca_azienda.svg); }
#div-section-frmmarket .section-menu .nav > li.active > a[aria-controls="ricerca_soggetto"] { background-image: url(menu-ricerca_soggetto.svg); }
#div-section-frmmarket .section-menu .nav > li.active > a[aria-controls="servizi"] { background-image: url(menu-servizi.svg); }

#div-section-frmmarket .section-menu-sub {
    border-left: 85px solid #03b702;
    padding: 4px 4px 4px 110px;
    text-align: center;
}
    #div-section-frmmarket .section-menu-sub-market     {    border-left-color: #00B400; border-bottom: 4px solid #00B400; background-color: #3ccd46; }
    #div-section-frmmarket .section-menu-sub-company    {    border-left-color: #0096AF; border-bottom: 4px solid #0096AF; background-color: #1EBED2; }
    #div-section-frmmarket .section-menu-sub-light      {    border-left-color: #F01E82; border-bottom: 4px solid #F01E82; background-color: #FA5AA5; }
    #div-section-frmmarket .section-menu-sub-export     {    border-left-color: #FA2D1E; border-bottom: 4px solid #FA2D1E; background-color: #FF6450; }
    #div-section-frmmarket .section-menu-sub-payment    {    border-left-color: #00A078; border-bottom: 4px solid #00A078; background-color: #19C89B; }
#div-section-frmmarket .section-menu-sub .nav {
    padding-top: 0;
    font-size: 15px;
}
#div-section-frmmarket .section-menu-sub .nav > li > a {
    color: #ffffff;
    padding: 5px 10px;
    background-position: 5px 5px;
    background-repeat: no-repeat;
    background-size: 0;
    display: inline-block; 
    margin-right: 10px; 
    transition: all 0.3s linear;
}
#div-section-frmmarket .section-menu-sub .nav > li > a:focus,
#div-section-frmmarket .section-menu-sub .nav > li > a:hover {
    color: #ffffff;
    background-size: 20px;
    padding: 5px 15px 5px 15px;
    font-weight: bold;
}
    #div-section-frmmarket .section-menu-sub-market .nav > li > a:hover     { background-color: #03b702; }
    #div-section-frmmarket .section-menu-sub-company .nav > li > a:hover    { background-color: #0096AF; }
    #div-section-frmmarket .section-menu-sub-light  .nav > li > a:hover     { background-color: #F01E82; }
    #div-section-frmmarket .section-menu-sub-export .nav > li > a:hover     { background-color: #FA2D1E; }
    #div-section-frmmarket .section-menu-sub-payment .nav > li > a:hover    { background-color: #00A078; }

#div-section-frmmarket .section-menu-sub .nav > li.active > a,
#div-section-frmmarket .section-menu-sub .nav > li.active > a:focus, 
#div-section-frmmarket .section-menu-sub .nav > li.active > a:hover {
    background-color: #ffffff;
    background-size: 20px;
    padding: 5px 15px 5px 15px;
    font-weight: bold;
}
    #div-section-frmmarket .section-menu-sub-market .nav > li.active > a     { color: #03b702; }
    #div-section-frmmarket .section-menu-sub-company .nav > li.active > a    { color: #0096AF; }
    #div-section-frmmarket .section-menu-sub-light .nav > li.active > a     { color: #F01E82; }
    #div-section-frmmarket .section-menu-sub-export .nav > li.active > a     { color: #FA2D1E; }
    #div-section-frmmarket .section-menu-sub-payment .nav > li.active > a    { color: #00A078; }

#div-section-frmmarket .tab-content-market .section-submenu {    background: #00B400;    color: #ffffff;    padding: 20px 20px 0 20px;}
#div-section-frmmarket .tab-content-company .section-submenu {    background: #0096AF;    color: #ffffff;    padding: 20px 20px 0 20px;}
#div-section-frmmarket .tab-content-light .section-submenu {    background: #F01E82;    color: #ffffff;    padding: 20px 20px 0 20px;}
#div-section-frmmarket .tab-content-export .section-submenu {    background: #FA2D1E;    color: #ffffff;    padding: 20px 20px 0 20px;}
#div-section-frmmarket .tab-content-payment .section-submenu {    background: #00A078;    color: #ffffff;    padding: 20px 20px 0 20px;}

#div-section-frmmarket .section-submenu .section-submenu-filter {
    background-image: url(btn-filter.svg);
    background-repeat: no-repeat;
    background-position: right -12px center;
    background-size: cover;
    padding-right: 40px;
    border: 1px solid #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    color: #ffffff;
}
#div-section-frmmarket .section-submenu .section-submenu-filter:hover { background-image: url(btn-filter-ho.svg); }

#div-section-frmmarket .section-submenu .section-submenu-search {
    background-image: url(btn-cerca.svg);
    background-repeat: no-repeat;
    background-position: right -12px center;
    background-size: cover;
    padding-right: 45px;
    border: 1px solid #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    color: #ffffff;
    margin-left: 8px;
}
#div-section-frmmarket .section-submenu .section-submenu-search:hover { background-image: url(btn-cerca-ho.svg); --color: #ffffff; }

#div-section-frmmarket .tab-content-market .section-submenu a { background-color: #3ccd46; }
#div-section-frmmarket .tab-content-company .section-submenu a { background-color: #1EBED2; }
#div-section-frmmarket .tab-content-light .section-submenu a { background-color: #FA5AA5; }
#div-section-frmmarket .tab-content-export .section-submenu a { background-color: #FF6450; }
#div-section-frmmarket .tab-content-payment .section-submenu a { background-color: #19C89B; }
#div-section-frmmarket .tab-content-market .section-submenu a:hover { color: #3ccd46; }
#div-section-frmmarket .tab-content-company .section-submenu a:hover { color: #1EBED2; }
#div-section-frmmarket .tab-content-light .section-submenu a:hover { color: #FA5AA5; }
#div-section-frmmarket .tab-content-export .section-submenu a:hover { color: #FF6450; }
#div-section-frmmarket .tab-content-payment .section-submenu a:hover { color: #19C89B; }

#div-section-frmmarket .section-submenu .section-submenu-advsearch {
    background-image: url(btn-filter-advsearch.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-left: 32px;
    border: 1px solid #ffffff;
    font-weight: bold;
    color: #ffffff;
    margin-left: 8px;
}
    #div-section-frmmarket .section-submenu .section-submenu-advsearch:hover { background-image: url(btn-filter-advsearch-ho.svg); }
    #div-section-frmmarket .section-submenu .section-submenu-advsearch-close { background-image: url(btn-filter-advsearch-close-ho.svg); }
    #div-section-frmmarket .section-submenu .section-submenu-advsearch-close:hover { background-image: url(btn-filter-advsearch-close-ho.svg); opacity: 0.75; }

#div-section-frmmarket .section-submenu label {
    font-weight: normal;
    font-size: 12px;
}

#div-section-frmmarket .section-submenu .nav > li > a:focus,
#div-section-frmmarket .section-submenu .nav > li.active > a { background-color: #ffffff !important; font-size: 14px; font-weight: bold;}
    #div-section-frmmarket .tab-content-market .section-submenu .nav > li.active > a { color: #00B400 !important; }
    #div-section-frmmarket .tab-content-export .section-submenu .nav > li.active > a { color: #FF9178 !important; }

#div-section-frmmarket .section-submenu .nav > li > a:hover { color: #ffffff; }
    #div-section-frmmarket .tab-content-market .section-submenu .nav > li > a:hover { background-color: #3ccd46; }
    #div-section-frmmarket .tab-content-export .section-submenu .nav > li > a:hover { background-color: #FF6450; }

#div-section-frmmarket .section-submenu .nav > li { margin-left: 0; }
#div-section-frmmarket .section-submenu .nav > li > a { color: #ffffff; background-color: transparent; text-align: center; }
    #div-section-frmmarket .tab-content-market .section-submenu .nav > li > a { border: 1px solid #3ccd46; }
    #div-section-frmmarket .tab-content-export .section-submenu .nav > li > a { border: 1px solid #FF6450; }

#div-section-frmmarket .section-submenu .tab-pane { display: none; }
#div-section-frmmarket .section-submenu .tab-pane.active { display: inherit; }

#div-section-frmmarket .section-submenu select  {
    background: #ffffff url(dropdown.svg) no-repeat right 4px center;
    background-size: 16px;
    border-color: #ffffff;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.advfilters select,
.advfilters .select2 {
    color: #ffffff !important;
    background-image: url(dropdown-white.svg) !important;
    background-repeat: no-repeat !important;
    background-position: right 4px center !important;
    background-size: 16px !important;
}
.select2 { display: block; width: 100% !important;  }
.select2-selection { padding:3px; height: 34px !important; }
.select2-container--default .select2-selection--single {  border-width: 1px !important; border-style: solid !important; }
    #table-login-multicliente .select2-container--default .select2-selection--single { border-color: #ffffff !important; }
    .tab-content-market .select2-container--default .select2-selection--single { border-color: #cccccc !important; }
    .tab-content-company .select2-container--default .select2-selection--single { border-color: #cccccc; }
    .tab-content-light .select2-container--default .select2-selection--single { border-color: #cccccc !important; }
    .tab-content-export .select2-container--default .select2-selection--single { border-color: #cccccc !important; }
    .tab-content-payment .select2-container--default .select2-selection--single { border-color: #cccccc !important; }
.select2-dropdown { box-shadow: rgba(0,0,0,0.3) 0px 5px 15px; }
    .dropdown-container-market .select2-dropdown { background: rgba(68, 241, 85, 0.8) !important; border-color: #3CCD46 !important; }
    .dropdown-container-company .select2-dropdown { background: rgba(75, 215, 225, 0.8) !important; border-color: #4BD7E1 !important; }
    .dropdown-container-light .select2-dropdown { background: rgba(255,130,190, 0.8) !important; border-color: #FF82BE !important; }
    .dropdown-container-export .select2-dropdown { background: rgba(255,145,120, 0.8) !important; border-color: #FF9178 !important; }
    .dropdown-container-payment .select2-dropdown { background: rgba(50,230,180, 0.8) !important; border-color: #32E6B4 !important; }
.select2-container--default .select2-results__option { min-height: 32px; }
    .dropdown-container-market .select2-container--default [aria-selected=true].select2-results__option { background-color: #3CCD46 !important; }
    .dropdown-container-company .select2-container--default [aria-selected=true].select2-results__option { background-color: #1EBED2 !important; }
    .dropdown-container-light .select2-container--default [aria-selected=true].select2-results__option { background-color: #FA5AA5 !important; }
    .dropdown-container-export .select2-container--default [aria-selected=true].select2-results__option { background-color: #FF6450 !important; }
    .dropdown-container-payment .select2-container--default [aria-selected=true].select2-results__option { background-color: #19C89B !important; }

.select2-container--default .select2-results__option--highlighted[aria-selected] { }
    .dropdown-container-market .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #00B400 !important; }
    .dropdown-container-company .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #0096AF !important; }
    .dropdown-container-light .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #F01E82 !important; }
    .dropdown-container-export .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #FA2D1E !important; }
    .dropdown-container-payment .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #00A078 !important; }

#div-section-frmmarket .section-filters {
    background: #dcd7c8;
    color: #575756;
    padding: 8px 20px 8px 8px;
}
#div-section-frmmarket .section-filters .section-filters-clear {
    background-image: url(btn-filters-cancel.svg);
    background-repeat: no-repeat;
    background-position: right -3px center;
    background-size: cover;
    color: #ffffff;
    border: 2px solid #ffffff;
    float: right;
    padding-right: 30px;
    font-weight: bold;
}
    #div-section-frmmarket .tab-content-market .section-filters .section-filters-clear { background-color: #00B400; }
    #div-section-frmmarket .tab-content-company .section-filters .section-filters-clear { background-color: #0096AF; }
    #div-section-frmmarket .tab-content-light .section-filters .section-filters-clear { background-color: #F01E82; }
    #div-section-frmmarket .tab-content-export .section-filters .section-filters-clear { background-color: #FA2D1E; }
    #div-section-frmmarket .tab-content-payment .section-filters .section-filters-clear { background-color: #00A078; }

#div-section-frmmarket .section-filters .section-filters-clear:hover { background-image: url(btn-filters-cancel-ho.svg); }
    #div-section-frmmarket .tab-content-market .section-filters .section-filters-clear:hover { color: #00B400; }
    #div-section-frmmarket .tab-content-company .section-filters .section-filters-clear:hover { color: #0096AF; }
    #div-section-frmmarket .tab-content-light .section-filters .section-filters-clear:hover {color: #F01E82; }
    #div-section-frmmarket .tab-content-export .section-filters .section-filters-clear:hover {  color: #FA2D1E; }
    #div-section-frmmarket .tab-content-payment .section-filters .section-filters-clear:hover { color: #00A078; }

#div-section-frmmarket .section-filters .section-filters-list div {
    display:inline-block;
    padding: 4px 8px 4px 8px; 
    color: #ffffff;
    border-radius: 12px;
    line-height: 20px;
    margin-top: 4px;
    margin-right: 4px;
}
    #div-section-frmmarket .tab-content-market .section-filters .section-filters-list div { background: #00B400; }
    #div-section-frmmarket .tab-content-export .section-filters .section-filters-list div { background: #FA2D1E; }
    #div-section-frmmarket .tab-content-light .section-filters .section-filters-list div { background: #F01E82; }
    #div-section-frmmarket .tab-content-company .section-filters .section-filters-list div { background: #0096AF; }
    #div-section-frmmarket .tab-content-payment .section-filters .section-filters-list div { background: #0096AF; }

#div-section-frmmarket .section-filters .section-filters-list div a {
    display: inline-block;
    background: url(btn-filter-cancel.svg) no-repeat center center;
    background-size: cover;
    width: 16px;
    height: 16px;
    margin: 0 0 2px 8px;
    border-radius: 12px;
    vertical-align: middle;
}
#div-section-frmmarket .section-filters .section-filters-list div a:hover { background-image: url(btn-filter-cancel-ho.svg); }
    #div-section-frmmarket .tab-content-market .section-filters .section-filters-list div a:hover { background-image: url(btn-filter-cancel-ho.svg); background-color: #3CCD46; }
    #div-section-frmmarket .tab-content-company .section-filters .section-filters-list div a:hover { background-image: url(btn-filter-cancel-ho.svg); background-color: #1EBED2; }
    #div-section-frmmarket .tab-content-light .section-filters .section-filters-list div a:hover { background-image: url(btn-filter-cancel-ho.svg); background-color: #FA5AA5; }
    #div-section-frmmarket .tab-content-export .section-filters .section-filters-list div a:hover { background-image: url(btn-filter-cancel-ho.svg); background-color: #FF6450; }
    #div-section-frmmarket .tab-content-payment .section-filters .section-filters-list div a:hover { background-image: url(btn-filter-cancel-ho.svg); background-color: #19C89B; }

.section-buttons { padding-bottom: 10px; background: #cccccc; }
.section-buttons-market { background: #03b702; }
.section-buttons-company { background: #0096af; }
.section-buttons-light { background: #F01E82; }
.section-buttons-export { background: #FA2D1E; }
.section-buttons-payment { background: #00a078; }

#div-section-frmmarket #div-buttons .btn {
    width: 60px;
    margin-left: 8px;
    padding: 0; 
    border: 1px solid #ffffff;
    border-radius: 4px;
}
#div-section-frmmarket #div-buttons .btn img { width: 100%; border-radius: 2px; }

#div-section-frmmarket .section-buttons-market #div-buttons .btn { background-color: #3CCD46; }
#div-section-frmmarket .section-buttons-company #div-buttons .btn { background-color: #1EBED2; }
#div-section-frmmarket .section-buttons-light #div-buttons .btn { background-color: #FA5AA5; }
#div-section-frmmarket .section-buttons-export #div-buttons .btn { background-color: #FF6450; }
#div-section-frmmarket .section-buttons-payment #div-buttons .btn { background-color: #19C89B; }

#div-section-frmmarket-buttons #span-list-buttons { margin-top: 10px; color: #ffffff; font-size: 14px; display: inline-block; }

.tab-content .widget {
    background-color: #cccccc;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;   
    min-height: 130px;
    padding: 15px 20px 5px 100px;
    margin-top: 20px;
}
.tab-content-market .widget {  border: 1px solid #3cdc46;    border-bottom: 20px solid #3CCD46;  background-color:#3CCD46 }
.tab-content-company .widget {  border: 1px solid #1EBED2;    border-bottom: 20px solid #1EBED2; background-color:#1EBED2 }
.tab-content-light .widget { border: 1px solid #FA5AA5;     border-bottom: 20px solid #FA5AA5;   background-color:#FA5AA5 }
.tab-content-export .widget { border: 1px solid #FF6450;     border-bottom: 20px solid #FF6450;  background-color:#FF6450 }
.tab-content-payment .widget {  border: 1px solid #19C89B;    border-bottom: 20px solid #19C89B; background-color:#19C89B }
.link-widget-nuoviclienti {
    background: url(table-icons/icon-dettaglio.svg) no-repeat center center;
    background-size: contain;
    width: 18px;
    height: 18px;
    display: inline-block;
}
.link-widget-nuoviclienti:hover { background-image: url(table-icons/icon-dettaglio-ho.svg); }

.tab-content .widget .widget-content {
    text-align: right;
}
.tab-content .widget .widget-content h1 {
    text-align: right;
    font-size: 24px;
    line-height: 30px;
    margin: 0;
    font-weight: 300;
}
.tab-content .widget .widget-content table {
    width: 100%;
}
.tab-content .widget .widget-content table td {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#div-section-frmmarket h3 {
    font-weight: normal;
    border-bottom: 2px solid #ddd;
    padding: 10px;
    margin: 0;
}
#section-frmmarket-dashboard .box,
#section-frmcompany-dashboard .box,
#section-frmlight-dashboard .box,
#section-frmexport-dashboard .box,
#section-frmpayment-dashboard .box {
    background-color: #ffffff;
    padding: 10px;
    height: 420px;
    overflow: auto;
    margin-top: 20px;
}
#section-frmmarket-dashboard .box { border: 1px solid #3CCD46; }
#section-frmmarket-dashboard .box-table {    background-color: #ffffff;    border: 1px solid #3CCD46;}
#section-frmmarket-dashboard .box-table { border: 1px solid #3CCD46;}
#section-frmcompany-dashboard .box { border: 1px solid #1EBED2; }
#section-frmcompany-dashboard .box-table {    background-color: #ffffff;    border: 1px solid #1EBED2;}
#section-frmcompany-dashboard .box-table { border: 1px solid #1EBED2;}
#section-frmlight-dashboard .box { border: 1px solid #FA5AA5; }
#section-frmlight-dashboard .box-table {    background-color: #ffffff;    border: 1px solid #FA5AA5;}
#section-frmlight-dashboard .box-table { border: 1px solid #FA5AA5;}
#section-frmexport-dashboard .box { border: 1px solid #FF6450; }
#section-frmexport-dashboard .box-table {    background-color: #ffffff;    border: 1px solid #FF6450;}
#section-frmexport-dashboard .box-table { border: 1px solid #FF6450;}
#section-frmpayment-dashboard .box { border: 1px solid #19C89B; }
#section-frmpayment-dashboard .box-table {    background-color: #ffffff;    border: 1px solid #19C89B;}
#section-frmpayment-dashboard .box-table { border: 1px solid #19C89B;}

#div-section-frmmarket #section-frmmarket-analisi .btn {    background-color: #3ccd46;    width: 100%;    color: #ffffff;    margin-bottom: 10px;}
#div-section-frmmarket #section-frmmarket-analisi .btn:hover {    background-color: #ffffff;    color: #3ccd46;}
#div-section-frmmarket #section-frmexport-analisi .btn {    background-color: #FF6450;    width: 100%;    color: #ffffff;    margin-bottom: 10px;}
#div-section-frmmarket #section-frmexport-analisi .btn:hover {    background-color: #ffffff;    color: #FF6450; }

#div-section-frmmarket .box {
    background-color: #ffffff;
}
#div-section-frmmarket .box-title {
    --background-color: #02b600;
    background-size: 50px;
    background-position: top left;
    background-repeat: no-repeat;
    padding-left: 60px;
    height: 50px;
    line-height: 50px;
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
}
#div-section-frmmarket .box-content {
    padding: 20px;
}

#div-frmexport-dashboard-mapmonitoring { --position: static; }
div[id$="-dashboard-mapmonitoring"] { position: relative; }
div[id$="-dashboard-mapmonitoring-map"] { text-align: center; margin-top: 20px; }
div[id$="-dashboard-mapmonitoring"] img { --position: absolute; --top: 0; --left: 0; --width: 100%; max-width: 100%; max-height: 760px; }

#div-section-frmmarket-nuovocliente .btn { background: #3ccd46 url(btn-nuovocliente.svg) no-repeat right 8px center; background-size: 24px; padding-right: 40px; color: #ffffff; }

#section-frmcompany-servizi button {
    border: 1px solid #00a0ba !important;
    background: #1ebed2 url(section-market/btn-filter.svg) no-repeat right 4px center;
    background-size: 32px;
    padding-right: 40px;
    border: 1px solid #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    color: #ffffff;
    padding: 10px 40px 10px 14px;
}
#section-frmcompany-servizi .btn-pdf { background-image: url(btn-download.svg); }
#section-frmcompany-servizi .btn-accedi { background-image: url(btn-accedi.svg); }

#modal-nuovocliente .modal-nuovocliente-ordini-cestino { background: url(table-icons/icon-cestino.svg) no-repeat center center; background-size: contain; width: 16px; height: 16px; display: block; }
#modal-nuovocliente .modal-nuovocliente-ordini-cestino:hover { background-image: url(table-icons/icon-cestino-ho.svg); }

.template-ricerca_azienda-riga-hi { background-color: #ddf5f8; }
.template-ricerca_azienda-icona { background: #ffffff url(section-company/ricerca-azienda.svg) no-repeat top center; width: 37px !important; }
.template-ricerca_azienda-icona-dw { background-color: #ffffff; }
.template-ricerca_azienda-elenco { color: #0096af; width: 37px !important; font-weight: bold; vertical-align: top; }
.template-ricerca_azienda-col-1 { width: 50%; }
.template-ricerca_azienda-col-2 { width: 25%; }
.template-ricerca_azienda-col-3 { width: 25%; }
.template-ricerca_azienda-indirizzo { background: url(section-company/ricerca-indirizzo.svg) no-repeat left center; background-size: 20px; padding-left: 30px; }
.template-ricerca_azienda-insegna { background: url(section-company/ricerca-insegna.svg) no-repeat left center; background-size: 20px; padding-left: 30px; }
.template-ricerca_soggetto-riga-hi { background-color: #bbecf1; }
.template-ricerca_soggetto-icona { background: #ffffff url(section-company/ricerca-soggetto.svg) no-repeat top center; width: 37px; }
.template-ricerca_soggetto-riga .template-ricerca_azienda-icona { background: #ffffff url(section-company/ricerca-soggetto-azienda.svg) no-repeat top center !important; }


.modal-dialog .block {
    margin: 20px;
    background: #ffffff;
    padding: 20px 0 0 0;
}
.modal-dialog .block-title {
    padding-top: 0;
    transition: .5s all linear;
}
.modal-dialog .block-title .box-title {
    margin-bottom: 20px;
    transition: .5s all linear;
}
.modal-dialog .block-title .box-title-nomargin {
    margin-bottom: 0;
}
.modal-dialog .block-title-closed {
    padding-bottom: 0;
}
.modal-dialog .block-title-closed .box-title {
    margin-bottom: 0;
}
.modal-dialog .block-transparent {
    margin: 20px;
    padding: 20px 0 0 0;
}

.modal-dialog .box-insert {
    background: #dcd7c8;
    color: #575756;
    padding: 12px 8px 8px 8px;
}
.modal-dialog label { font-weight: normal; }

.modal-dialog iframe { margin: 0; padding: 0; border: 0; }


 .modal-dialog .modal-ordini-storico-closed .block-title {
    overflow: hidden;
    height: 40px;
    width: 250px;
 }
.modal-market .modal-ordini-storico-closed .box-title { background-color: #03b702; }
.modal-export .modal-ordini-storico-closed .box-title { background-color: #FA2D1E; }

.modal-comuniconservatorie .btn { color: #ffffff; }
#div-modal-pulsanti-elenco .btn {
    width: 100%;
    background-position: left 6px center;
    background-size: 40px;
    color: #ffffff;   
    background-repeat: no-repeat;
    padding: 20px 10px 20px 40px;
    margin-bottom: 10px;
}
.btn-image {
    width: 100%;
    background-size: contain !important;
    background-position: left center;
    background-color: #ffffff !important;
    background-repeat: no-repeat;
    height: 80px;
}
#div-modal-nuovocliente-exportbuttons .col-sm-4 { float: right; }
/*
@media only screen and (max-width: 1199px) and (min-width: 575px) {
    #div-section-frmmarket .section-submenu .section-submenu-advsearch {font-size: 0; height: 46px;}
    #div-section-frmmarket .section-submenu .section-submenu-search {font-size: 0; height: 46px; background-position: center center;}
}
*/

/* BOX */
.box-title {  position: relative;  background-size: contain; background-position: left center; background-repeat: no-repeat;  }
#div-home .box-title { background: #e9ebf1 url(back-home.svg) no-repeat left center;}
div[id^="section-frmmarket"] .box-title, 
.modal-market .box-title { background: #02b600 url(back-market.svg) no-repeat left center;}
div[id^="section-frmcompany"] .box-title, 
.modal-company .box-title { background: #1ebed2 url(back-company.svg) no-repeat left center; }
div[id^="section-frmlight"] .box-title, 
.modal-light .box-title { background: #1ebed2 url(back-light.svg) no-repeat left center; }
div[id^="section-frmexport"] .box-title, 
.modal-export .box-title { background: #1ebed2 url(back-export.svg) no-repeat left center; }
div[id^="section-frmpayment"] .box-title, 
.modal-payment .box-title { background: #1ebed2 url(back-payment.svg) no-repeat left center; }
[class^="box-title"]:before {    
    content: '';
    position: absolute;
    width: 60px;
    height: 100%;
    top:0;
    left:0;
    background-repeat:no-repeat;        
    background-position:left center;
}
.box-title-beforelink {    
    position: absolute;
    width: 60px;
    height: 100%;
    top:0;
    left:0;
}

/* HOME */
.box-title-account:before { background-image: url(box-account.svg); }
.box-title-accessi:before { background-image: url(box-accessi.svg); }
.box-title-servizi:before { background-image: url(box-servizi.svg); }
.box-title-messaggi:before { background-image: url(box-messaggi.svg); }
.box-title-gestionenotifiche:before { background-image: url(box-gestionenotifiche.svg); }

.box-title-frmmarket:before { background-image: url(box-frmmarket.svg); }
.box-title-infomarket:before { background-image: url(box-infomarket.svg); }
.box-title-frmcompany:before { background-image: url(box-frmcompany.svg); }
.box-title-infocompany:before { background-image: url(box-infocompany.svg); }
.box-title-frmexport:before { background-image: url(box-frmexport.svg); }
.box-title-infoexport:before { background-image: url(box-infoexport.svg); }
.box-title-frmlight:before { background-image: url(box-frmlight.svg); }
.box-title-infolight:before { background-image: url(box-infolight.svg); }
.box-title-frmpayment:before { background-image: url(box-frmpayment.svg); }
.box-title-infopayment:before { background-image: url(box-infopayment.svg); }
.box-title-fashionmap:before { background-image: url(box-fashionmap.svg); }
.box-title-frmmarket-text { background-image: url(box-frmmarket-text.svg); background-size: contain; height: 100%; background-repeat: no-repeat;  background-position: center left; }
.box-title-infomarket-text { background-image: url(box-infomarket-text.svg); background-size: contain; height: 100%; background-repeat: no-repeat;  background-position: center left; }
.box-title-frmcompany-text { background-image: url(box-frmcompany-text.svg); background-size: contain; height: 100%; background-repeat: no-repeat;  background-position: center left; }
.box-title-infocompany-text { background-image: url(box-infocompany-text.svg); background-size: contain; height: 100%; background-repeat: no-repeat;  background-position: center left; }
.box-title-frmexport-text { background-image: url(box-frmexport-text.svg); background-size: contain; height: 100%; background-repeat: no-repeat;  background-position: center left; }
.box-title-infoexport-text { background-image: url(box-infoexport-text.svg); background-size: contain; height: 100%; background-repeat: no-repeat;  background-position: center left; }
.box-title-frmlight-text { background-image: url(box-frmlight-text.svg); background-size: contain; height: 100%; background-repeat: no-repeat;  background-position: center left; }
.box-title-infolight-text { background-image: url(box-infolight-text.svg); background-size: contain; height: 100%; background-repeat: no-repeat;  background-position: center left; }
.box-title-frmpayment-text { background-image: url(box-frmpayment-text.svg); background-size: contain; height: 100%; background-repeat: no-repeat;  background-position: center left; }
.box-title-infopayment-text { background-image: url(box-infopayment-text.svg); background-size: contain; height: 100%; background-repeat: no-repeat;  background-position: center left; }
.box-title-fashionmap-text { background-image: url(box-fashionmap-text.svg); background-size: contain; height: 100%; background-repeat: no-repeat;  background-position: center left; }

/* COMPANY */
.box-title-bilancio:before { background-image: url(box-bilancio.svg); }
.box-title-fbdossier:before { background-image: url(box-fbdossier.svg); }
.box-title-ispezionecatastale:before { background-image: url(box-ispezionecatastale.svg); }
.box-title-ispezioneipotecaria:before { background-image: url(box-ispezioneipotecaria.svg); }
.box-title-pregiudizievoli:before { background-image: url(box-pregiudizievoli.svg); }
.box-title-profilo:before { background-image: url(box-profilo.svg); }
.box-title-protesti:before { background-image: url(box-protesti.svg); }
.box-title-soci:before { background-image: url(box-soci.svg); }
.box-title-visura:before { background-image: url(box-visura.svg); }


.box-title-cliente:before { background-image: url(box-cliente.svg); }
.box-title-nuovocliente:before { background-image: url(box-nuovocliente.svg); }
.box-title-account:before { background-image: url(box-account.svg); }
.box-title-ordini:before { background-image: url(box-ordini.svg); }
.box-title-ordininuovi:before { background-image: url(box-ordininuovi.svg); }
.box-title-ordinistorico:before { background-image: url(box-ordinistorico.svg); }
.box-title-storicovariazioni:before { background-image: url(box-storicovariazioni.svg); }
.box-title-storico:before { background-image: url(box-storico.svg); }
.box-title-sinistri:before { background-image: url(box-sinistri.svg); }
.box-title-sinistrinuovo:before { background-image: url(box-sinistrinuovo.svg); }
.box-title-cariche:before { background-image: url(box-cariche.svg); }
.box-title-caricheprecedenti:before { background-image: url(box-caricheprecedenti.svg); }
.box-title-protesti:before { background-image: url(box-protesti.svg); }
.box-title-pregiudizievoli:before { background-image: url(box-pregiudizievoli.svg); }
.box-title-storicoalert:before { background-image: url(box-storicoalert.svg); }

/* DATE PICKER*/
.ui-widget-content { background-color: rgba(255, 255, 255, 0.8) !important; }
#ui-datepicker-div { box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); }
#ui-datepicker-div table td { line-height: normal !important; }
#ui-datepicker-div .ui-state-default { border: 0; background-color: transparent; }
.ui-datepicker-div-market .ui-state-active  { background-color: #3ccd46 !important; }
.ui-datepicker-div-company .ui-state-active { background-color: #1EBED2 !important; }
.ui-datepicker-div-payment .ui-state-active { background-color: #19C89B !important; }
.ui-datepicker-div-export .ui-state-active  { background-color: #FF6450 !important; }
.ui-datepicker-div-light .ui-state-active   { background-color: #FA5AA5 !important; }
#ui-datepicker-div .ui-datepicker-header {background-color: #666666; color: #ffffff; font-weight: bold; }
    .ui-datepicker-div-market .ui-datepicker-header  {background-color: #3ccd46 !important; }
    .ui-datepicker-div-company .ui-datepicker-header {background-color: #1EBED2 !important; }
    .ui-datepicker-div-payment .ui-datepicker-header {background-color: #19C89B !important; }
    .ui-datepicker-div-export .ui-datepicker-header  {background-color: #FF6450 !important; }
    .ui-datepicker-div-light .ui-datepicker-header   {background-color: #FA5AA5 !important; }
#ui-datepicker-div .ui-datepicker-week-end a { color: #ff0000; }
.ui-icon-circle-triangle-w { background: url(calendar-prev.svg) no-repeat center center !important; background-size: 100%; }
.ui-icon-circle-triangle-e { background: url(calendar-next.svg) no-repeat center center !important; background-size: 100%; }

/* ---------------------------------------
   RESPONSIVE
*/
@media only screen and (max-width: 768px) {
    #div-section-frmmarket .section-navs a {
	    width: 38px;
	    height: 38px;
    }
}

/* WEBSERVICE CSS */
.table-bold, .bold {
    font-weight: bold;
}

.table-rischio { position: relative; vertical-align: middle !important; }
.table-rischio-variazione { position: relative; padding-left: 32px !important; vertical-align: middle !important; }
.table-rischio img { position: absolute; left: 50%; top: 4px; height: 28px; max-height: 28px; margin-left: -14px !important; }
.table-rischio-variazione img { position: absolute; left: 0; top: 4px; height: 28px; max-height: 28px; }
.table-imgcentro, .table-imgcentrobig { text-align: center; }
.table-imgcentrobig img { height: 11px; }

.table-nopaddingsx { padding-left: 0 !important; }
.table-nopaddingdx { padding-right: 0 !important; }

.table-height { line-height: 31px !important; } #table-login-multicliente td img { height: 34px; max-height: 34px; }

td.table-accorpa { font-weight: bold; text-align: center; }

th.header-highlight { color: #00B400; }
td.table-highlight { color: #00B400; }
th.header-center { text-align: center; }
td.table-center { text-align: center; }
th.header-left { text-align: left; }
td.table-left { text-align: left; }
th.header-right { text-align: right; }
td.table-right { text-align: right; }



#table-login-multicliente td { line-height: 34px; } #table-login-multicliente td img { height: 34px; max-height: 34px; } /* ELIMINA */
#table-login-multicliente select  {
    background: #ffffff url(dropdown.svg) no-repeat right 4px center;
    background-size: 14px;
    border-color: #ffffff;
    -webkit-appearance: none;
    -moz-appearance: none;
}
#table-login-multicliente select option:hover {
    background-color: #cccccc;
}