/* Stub per adattare graficamentel'html generato da infomarket_html */


#modal-infomarket .modal-header {
    background-position: 0 0, 85px 15px;
    background-size: auto, 200px;
}
    #modal-infomarket .modal-market .modal-header {  background-image: url(../images/section-market/title.svg), url(../images/section-market/title-logo-info.svg); }
    #modal-infomarket .modal-export .modal-header {  background-image: url(../images/section-export/title.svg), url(../images/section-export/title-logo-info.svg); }
    #modal-infomarket .modal-light .modal-header {  background-image: url(../images/section-light/title.svg), url(../images/section-light/title-logo-info.svg); }
    #modal-infomarket .modal-company .modal-header {  background-image: url(../images/section-company/title.svg), url(../images/section-company/title-logo-info.svg); }
    #modal-infomarket .modal-payment .modal-header {  background-image: url(../images/section-payment/title.svg), url(../images/section-payment/title-logo-info.svg); }

#modal-infomarket .modal-header .modal-title { margin-right: 400px; }
#modal-infomarket-body, #modal-infomarket-body span, .modal-frmmarket .modal-body span {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px !important;
}
#modal-infomarket-body .jrPage {
    width: 100% !important;
    background-color: transparent !important;
}
#modal-infomarket-body tr {
    --height: auto !important;
}
#modal-infomarket-body td, #modal-infomarket-body th {
    padding: 2px 6px !important;
    border-color: #cccccc !important;
    --border-right: 0 !important; --border-left: 0 !important;
}
#modal-infomarket-body .block {
}
#modal-infomarket-body .block-title .box-title:before {
    background-image: url(../images/box-comprimi.svg);
    margin-bottom: 0;
}
#modal-infomarket-body .block-title-closed .box-title:before {
    background-image: url(../images/box-espandi.svg);
}

#modal-infomarket-body .hide_title { display: none; }
#modal-infomarket-body .hide_element { display: none; }
#modal-infomarket-body .hide_element2 svg { display: none; }
#modal-infomarket-body .hide_element2 { height: 20px; }
td:has(> .hide_title) { display: none; }

#modal-infomarket-body div { --position: static; }

/* INTESTAZIONE */
#modal-infomarket-body-messaggio_intestazione, 
#modal-infomarket-body-messaggio_intestazione .jrPage, 
#modal-infomarket-body-messaggio_header, 
#modal-infomarket-body-messaggio_header .jrPage { background-color: #eef0f5 !important; }

#modal-infomarket-body-intestazione, 
#modal-infomarket-body-intestazione,
#modal-infomarket-body-header, 
#modal-infomarket-body-header .jrPage { background-color: #eef0f5 !important; }

.infomarket-intestazione-top-- {
    border-top: 2px solid #00cc00; 
    font-size: 0 !important;
}
.infomarket-intestazione-bottom-- {
    border-bottom: 2px solid #00cc00; 
    font-size: 0 !important;
}
.frame_rischio, .frame_rate, .frame_fido, .frame_stato {
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    background: #ffffff no-repeat top 10px left 16px;
    background-size: 58px;
    max-width: 240px;
}
.frame_rischio { background-image: url(../images/section-market/html/risk-bg.svg); }
.frame_rate { background-image: url(../images/section-market/html/rate-bg.svg); }
.frame_fido { background-image: url(../images/section-market/html/fido-bg.svg); }
.frame_stato { background-image: url(../images/section-market/html/stato.svg); }

.frame_rate:nth-of-type(2), .frame_rate:nth-of-type(30), .frame_rate:nth-of-type(40) { --display: none; }
.frame_fido:nth-of-type(2), .frame_fido:nth-of-type(3), .frame_fido:nth-of-type(4) { --display: none; }
.frame_stato:nth-of-type(2), .frame_stato:nth-of-type(1) { --display: none; }

.frame_rischio div, .frame_rate div, .frame_fido div { overflow: visible !important; }
.frame_rischio td, .frame_rate td, .frame_fido td { overflow: visible !important; }
.titolo_rischio, .titolo_rate, .titolo_fido { overflow: visible; }
.titolo_rischio span, .titolo_rate span, .titolo_fido span { font-weight: normal; font-size: 15px !important; color: #0082e6 !important; }
.titolo_rischio span { position: absolute; top: 40px; left: 80px; }

.titolo_rate span { position: absolute; top: 40px; left: 80px; z-index: 9999; }
.titolo_fido span { position: absolute; top: 40px; left: 80px; }
#modal-infomarket-body .testo_fido span { font-size: 32px !important; font-weight: bold; display: inline-block; margin-top: 20px; }

.titolo_stato span { position: absolute; top: 40px; left: 80px; }
#modal-infomarket-body .testo_stato span { font-size: 26px !important; font-weight: bold; display: inline-block; margin-top: 20px; }
#modal-infomarket-body .data_stato span { display: inline-block; margin-top: 30px; }

.testo_fido { position: relative; top: 5px; left: -4px; }
.testo_cciaa span { display: inline-block; margin-top: 35px; position: fixed; }
.testo_cciaa span:nth-child(2) { margin-left: 160px; }
    .modal-infomarket-body-en .testo_cciaa span:nth-child(2) { margin-left: 308px; }
.testo_first span { display: inline-block; max-width: 400px; text-overflow: ellipsis; overflow: hidden; }
.testo_lungo span { display: inline-block; text-overflow: ellipsis; overflow: hidden; max-width: 40%; }
.testo_last span { display: inline-block; }

.testo_grassetto span { font-size: 15px; }
.testo_acapo span { white-space: normal; }
#modal-infomarket-body .testo_sottotitolo { color: #00B400; border-bottom: 1px solid #00B400 !important; padding-bottom: 10px; position: absolute; }
#modal-infomarket-body .testo_sottotitolo span { font-size: 16px !important }
#modal-infomarket-body-negativita .testo_sottotitolo + td { border-bottom: 1px solid #00B400 !important; }

#modal-infomarket-body .separatore { height: 4px; background-color: #44F155; border-top: 0 !important;  }

#modal-infomarket-body .sottotitolo_analisi span { font-size: 24px !important; }

#modal-infomarket-body-messaggio_intestazione-inner { color: #cc0000; text-align: center; font-weight: bold; }
#modal-infomarket-body-intestazione-inner svg { display: none; }
#modal-infomarket-body-header-inner svg { display: none; }
#modal-infomarket-body td[class^="risk-"] img, #modal-infomarket-body td[class^="riskcovid-"] img {
    width: 50px !important;
    height: 50px !important;
    max-height: 50px !important;
    background-size: 50px;
    display: block;
    margin: 20px auto 0 auto;
    position: relative;
    top: 5px !important;
}
#modal-infomarket-body .risk-a-bg img {  background: url(../images/section-market/html/risk-a-bg.svg) no-repeat center center; }
#modal-infomarket-body .risk-a1-bg img { background: url(../images/section-market/html/risk-a1-bg.svg) no-repeat center center; }
#modal-infomarket-body .risk-a2-bg img { background: url(../images/section-market/html/risk-a2-bg.svg) no-repeat center center; }
#modal-infomarket-body .risk-a3-bg img { background: url(../images/section-market/html/risk-a3-bg.svg) no-repeat center center; }
#modal-infomarket-body .risk-b-bg img {  background: url(../images/section-market/html/risk-b-bg.svg) no-repeat center center; }
#modal-infomarket-body .risk-b1-bg img { background: url(../images/section-market/html/risk-b1-bg.svg) no-repeat center center; }
#modal-infomarket-body .risk-b2-bg img { background: url(../images/section-market/html/risk-b2-bg.svg) no-repeat center center; }
#modal-infomarket-body .risk-b3-bg img { background: url(../images/section-market/html/risk-b3-bg.svg) no-repeat center center; }
#modal-infomarket-body .risk-c-bg img {  background: url(../images/section-market/html/risk-c-bg.svg) no-repeat center center; }
#modal-infomarket-body .risk-c1-bg img { background: url(../images/section-market/html/risk-c1-bg.svg) no-repeat center center; }
#modal-infomarket-body .risk-c2-bg img { background: url(../images/section-market/html/risk-c2-bg.svg) no-repeat center center; }
#modal-infomarket-body .risk-c3-bg img { background: url(../images/section-market/html/risk-c3-bg.svg) no-repeat center center; }
#modal-infomarket-body .risk-d-bg img {  background: url(../images/section-market/html/risk-d-bg.svg) no-repeat center center; }
#modal-infomarket-body .risk-n-bg img { background: url(../images/section-market/html/risk-n-bg.svg) no-repeat center center; }
#modal-infomarket-body .risk-x-bg img { background: url(../images/section-market/html/risk-x-bg.svg) no-repeat center center; }
#modal-infomarket-body .risk-z-bg img { background: url(../images/section-market/html/risk-z-bg.svg) no-repeat center center; }

#modal-infomarket-body .riskcovid-a-bg img {  background: url(../images/section-market/html/riskcovid-a-bg.svg) no-repeat center center; }
#modal-infomarket-body .riskcovid-a1-bg img { background: url(../images/section-market/html/riskcovid-a1-bg.svg) no-repeat center center; }
#modal-infomarket-body .riskcovid-a2-bg img { background: url(../images/section-market/html/riskcovid-a2-bg.svg) no-repeat center center; }
#modal-infomarket-body .riskcovid-a3-bg img { background: url(../images/section-market/html/riskcovid-a3-bg.svg) no-repeat center center; }
#modal-infomarket-body .riskcovid-b-bg img {  background: url(../images/section-market/html/riskcovid-b-bg.svg) no-repeat center center; }
#modal-infomarket-body .riskcovid-b1-bg img { background: url(../images/section-market/html/riskcovid-b1-bg.svg) no-repeat center center; }
#modal-infomarket-body .riskcovid-b2-bg img { background: url(../images/section-market/html/riskcovid-b2-bg.svg) no-repeat center center; }
#modal-infomarket-body .riskcovid-b3-bg img { background: url(../images/section-market/html/riskcovid-b3-bg.svg) no-repeat center center; }
#modal-infomarket-body .riskcovid-c-bg img {  background: url(../images/section-market/html/riskcovid-c-bg.svg) no-repeat center center; }
#modal-infomarket-body .riskcovid-c1-bg img { background: url(../images/section-market/html/riskcovid-c1-bg.svg) no-repeat center center; }
#modal-infomarket-body .riskcovid-c2-bg img { background: url(../images/section-market/html/riskcovid-c2-bg.svg) no-repeat center center; }
#modal-infomarket-body .riskcovid-c3-bg img { background: url(../images/section-market/html/riskcovid-c3-bg.svg) no-repeat center center; }
#modal-infomarket-body .riskcovid-d-bg img {  background: url(../images/section-market/html/riskcovid-d-bg.svg) no-repeat center center; }
#modal-infomarket-body .riskcovid-n-bg img { background: url(../images/section-market/html/riskcovid-n-bg.svg) no-repeat center center; }
#modal-infomarket-body .riskcovid-x-bg img { background: url(../images/section-market/html/riskcovid-x-bg.svg) no-repeat center center; }
#modal-infomarket-body .riskcovid-z-bg img { background: url(../images/section-market/html/riskcovid-z-bg.svg) no-repeat center center; }

#modal-infomarket-body td[class^="icon-rate"] img {
    width: 200px !important;
    height: 40px !important;
    max-height: 40px !important;
    --background-size: 200px;
    display: block;
    margin: 20px auto 0 auto;
    position: relative;
    top: 0px !important;
    --float: right;
}
#modal-infomarket-body-attivita-inner  td[class^="icon-rate"] img {
    margin-top: 0;
    --background-size: 150px;
}
#modal-infomarket-body .icon-rate0-bg img { background: url(../images/section-market/html/rate0-bg.svg) no-repeat center center; }
#modal-infomarket-body .icon-rate1-bg img { background: url(../images/section-market/html/rate1-bg.svg) no-repeat center center; }
#modal-infomarket-body .icon-rate2-bg img { background: url(../images/section-market/html/rate2-bg.svg) no-repeat center center; }
#modal-infomarket-body .icon-rate3-bg img { background: url(../images/section-market/html/rate3-bg.svg) no-repeat center center; }
#modal-infomarket-body .icon-rate4-bg img { background: url(../images/section-market/html/rate4-bg.svg) no-repeat center center; }
#modal-infomarket-body .icon-rate5-bg img { background: url(../images/section-market/html/rate5-bg.svg) no-repeat center center; }
#modal-infomarket-body-attivita-inner .jrPage table tr td { --width: 33%; }

[id^=grafico-consumatore-pv-]  { background: url(../images/graph/icon-uomo.svg) no-repeat bottom left, 
                                 url(../images/graph/icon-donna.svg) no-repeat bottom center, 
                                 url(../images/graph/icon-bambino.svg) no-repeat bottom right; 
                                      background-size: 45px;
                                      background-position-x: calc(50% - 85px), calc(50%), calc(50% + 82px);
                                      vertical-align: bottom; margin-bottom: 20px;}
[id^=grafico-specializzazione-pv-] canvas { max-width: 300px !important; width: 100% !important; max-height: 300px !important; height: 100% !important; margin: 0 auto; }
[id^=grafico-consumatore-pv-] canvas { height: 100% !important; width: 300px !important; margin: 0 auto 50px auto; }

#grafico-quota canvas { width: 150px !important; height: 150px !important; }
#grafico-trend canvas { --width: 100% !important; --height: 100% !important; --max-height: 300px; max-width: 500px; margin: 0 auto; }
[id^=grafico-analisi-economica-] { --height: 150px !important; }
[id^=grafico-analisi-economica-] canvas { max-width: 800px; margin: 0 auto; }
#grafico-analisi-economica-2 canvas { --height: 130px !important; }

.tabella-posizionamento-4 { width: 150px !important; }

.table-larghezza20 {width: 20%; }
.table-larghezza25 {width: 25%; }
.table-larghezza33 {width: 33%; }
.table-larghezza50 {width: 50%; }
.table-larghezza80 {width: 80%; }

#modal-infomarket-body-analisi_economica-inner { white-space: nowrap; }
#modal-infomarket-body-trend_storico-inner { white-space: nowrap; }
#modal-infomarket-body { white-space: nowrap; }

#modal-infomarket-body-score-inner svg { display: none; }
td[class^="score_struttura-"] img,
td[class^="score_negativita-"] img,
td[class^="score_tempi_pagamento-"] img {
    width: 50px !important;
    height: 50px !important;
    max-height: 50px !important;
    background-size: 50px;
    display: block;
    --margin: 20px auto 0 auto;
    --position: relative;
    --top: 5px !important;
}
.score_struttura-n { background: url(../images/section-market/html/score_struttura-n.svg) no-repeat center center;  }
.score_struttura-s { background: url(../images/section-market/html/score_struttura-s.svg) no-repeat center center;  }
.score_negativita-grigio { background: url(../images/section-market/html/score_negativita-grigio.svg) no-repeat center center; }
.score_negativita-giallo { background: url(../images/section-market/html/score_negativita-giallo.svg) no-repeat center center; }
.score_negativita-arancio { background: url(../images/section-market/html/score_negativita-arancio.svg) no-repeat center center; }
.score_negativita-rosso { background: url(../images/section-market/html/score_negativita-rosso.svg) no-repeat center center; }
.score_tempi_pagamento-rosso { background: url(../images/section-market/html/score_tempi_pagamento-rosso.svg) no-repeat center center; }
.score_tempi_pagamento-grigio { background: url(../images/section-market/html/score_tempi_pagamento-grigio.svg) no-repeat center center; }
.score_tempi_pagamento-verde { background: url(../images/section-market/html/score_tempi_pagamento-verde.svg) no-repeat center center; }

.frame_struttura, .frame_negativita, .frame_tempi_pagamento  {
    border: 1px solid #e6e6e6;
    border-radius: 5px;
}
.frame_struttura:nth-of-type(3), .frame_negativita:nth-of-type(2), .frame_tempi_pagamento:nth-of-type(2) { --display: none; }

#modal-infomarket-body-collegate_esponenti .elemento_lista img,
#modal-infomarket-body-eventi_straordinari .elemento_lista img {
    border-radius: 8px;
    background-color: #000000;
    position: relative;
    top: -7px !important;
}

#modal-infomarket-body-collegate_esponenti .jrPage {    width: 40% !important; margin-left: 10px; }
#modal-infomarket-body-eventi_straordinari .jrPage {    width: auto !important;}
#modal-infomarket-body .elemento_lista { width: 20px; }

#modal-infomarket-body-eventi_straordinari .hide_sottotitolo {
    position: relative;
    height: 48px
}

#modal-infomarket-body-eventi_straordinari .hide_sottotitolo span {
    display: block;
    color: #00B400;
    border-bottom: 1px solid #00B400 !important;
    padding-bottom: 10px;
    font-size: 16px !important;
    position: absolute;
    top: 8px;
    width: 100%
}


#modal-infomarket-body-negativita .testo_acapo { padding-right: 60px !important; }

.rankgraph-maxvalue {
    padding-left: 5px;
    text-align: center;
    width: 35px;
}
.rankgraph-minvalue {
    float: right;
    padding-right: 5px;
    text-align: center;
    width: 35px;
}
.rankgraph-bar {
    box-sizing: content-box;
    background: #fad228;
    border-bottom: #fabe00 10px solid;
    height: 25px;
    margin-bottom: 3px;
}
.rankgraph-seekbar {
    margin: 0 20px 0 20px;
}
.rankgraph-seek {
    width: 1px;
}
.rankgraph-pointer {
    box-sizing: content-box;
    background: #50aff5;
    text-align: center;
    font-weight: bold;
    width: 36px;
    height: 20px;
    color: #ffffff;
    border-top: 20px solid #fad228;
    position: relative;
    left: -15px;
}
.rankgraph-pointer-text {
    height: 10px;

}
.rankgraph-pointer-top {
    box-sizing: content-box;
    width: 0;
    height: 0;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-bottom: 10px solid #50aff5;
    position: relative;
    top: -20px;
}