.kpiPage {
    width: 95%;
    margin-left: 10px;
}

.KpiTile {
    font-family: Calibri;
    background-color: lightgray;
    border-radius: 10px 10px 10px 10px;
    text-align: center;
    margin-bottom: 25px !important;
    color: midnightblue;
    position: relative;
    padding: 5px;
    box-shadow: 2px 2px 2px 2px white;
    margin-top: 5px;
    margin-bottom: 5px;
    max-width: 600px;
}

.KpiTile-small {
    font-family: Calibri;
    background-color: lightgray;
    border-radius: 10px 10px 10px 10px;
    text-align: center;
    margin-bottom: 25px;
    color: midnightblue;
    position: relative;
    padding: 5px;
    box-shadow: 2px 2px 2px 2px white;
    margin-top: 5px;
}

.KpiTile img {
    position: absolute; /*carlo 22/12/2020*/
    /*position: relative;*/
    width: 110px;
    height: 110px;
    left : 10px;
    top: 5px;
}

/*.KpiTile-small img {*/
    /*position: absolute;*/
    /*position: relative;
    width: 90px;
    height: 90px;
    left: 5px;
}

.KpiTile-small .KpiTileText {
    width: 100%;*/
    /*position: absolute;*/
    /*position: relative;
    top: 0;
    right: 0;
    line-height: 60pt;
    margin-right: 50%;
    margin-top: 20px;
    font-family:Calibri;
    font-size: 45px;*/
    /*transform: translate(55%,0%);*/
/*}*/

.KpiTile-small .KpiTileTextM {
    width: 100%;
    /*position: absolute;*/
    position: relative;
    top: 0;
    right: 0;
    line-height: 60pt;
    margin-right: 50%;
    margin-top: 20px;
    font-family: Calibri;
    font-size: 45px;
    /*transform: translate(55%,0%);*/
}

.KpiTile-small .KpiTileTextS {
    width: 100%;
    /*position: absolute;*/
    position: relative;
    top: 0;
    right: 0;
    line-height: 60pt;
    margin-right: 50%;
    margin-top: 20px;
    font-family: Calibri;
    font-size: 30px;
    /*transform: translate(55%,0%);*/
}

.KpiTile .KpiTileText {
    width: 100%;
    /*position: absolute;*/
    position: relative;
    top: 0;
    line-height: 60pt;
    right: 0;
    margin-right: 50%;
    font-family: Calibri;
    font-size: 12px;
    /*transform: translate(55%,0%);*/
}

.KpiTile .KpiTileTextM {
    width: 100%;
    /*position: absolute;*/
    position: relative;
    top: 0;
    line-height: 60pt;
    right: 0;
    margin-right: 50%;
    font-family: Calibri;
    font-size: 16px;
    /*transform: translate(55%,0%);*/
}
.KpiTile .KpiTileTextS {
    width: 100%;
    /*position: absolute;*/
    position: relative;
    top: 0;
    line-height: 60pt;
    right: 0;
    margin-right: 50%;
    font-family: Calibri;
    font-size: 18px;
    /*transform: translate(55%,0%);*/
}

/*
    gestione del valore del font size in base alla lunghezza della stringa
*/
.KpiTileTextTh_1 {
    line-height: 44pt;
    font-size: 40pt;
    font-family: Calibri;
    display: inline-block;
    position: relative;
}

.KpiTileTextTh_1M {
    top: 0;
    right: 0px;
    line-height: 44pt;
    /*float: right;*/
    /*margin-right: 50%;*/
    font-size: 40pt;
    font-family: Calibri;
    display: inline-block;
}

.KpiTileTextTh_1S {
    top: 0;
    right: 0px;
    line-height: 44pt;
    /*float: right;*/
    /*margin-right: 50%;*/
    font-size: 35pt;
    font-family: Calibri;
    display: inline-block;
}

.KpiTileTextTh_2 {
    top: 20px;
    right: 0;
    line-height: 44pt;
    display: inline-block;
    float: right;
    font-size: 28pt;
    font-family: Calibri;
}

.KpiTileTextTh_2M {
    top: 20px;
    right: 0;
    line-height: 44pt;
    display: inline-block;
    float: right;
    font-size: 36pt;
    font-family: Calibri;
}

.KpiTileTextTh_2S {
    top: 20px;
    right: 0;
    line-height: 44pt;
    display: inline-block;
    float: right;
    font-size: 44pt;
    font-family: Calibri;
}

.nr , .sub{
    display:inline-block;
}

.nr {
    /*position: absolute;*/
    right: 0;
    font-family: Calibri;
    display: inline-block;
}

.sub {
    /*position: absolute;*/
    right: 0;
    text-align: left;
    font-family: Calibri;
    line-height: 16pt;
    font-style: italic;
    top: 10pt;
    display: inline-block;
}

.targetNr {
    right: 0;
/*    margin-right: 50%;
    transform: translate(60%,0%);*/
    display: inline-block;
}

/*
    gestione del valore del font-size in base alla lunghezza del carattere
*/

.KpiTileTextTh_3 {
    top: 70px;
    right: 0;
    line-height: 44pt;
    display: inline-block;
    float: right;
    font-size: 24pt;
    font-family: Calibri;
}

.KpiTileTextTh_3M {
    top: 60px;
    right: 0;
    line-height: 44pt;
    display: inline-block;
    float: right;
    font-size: 36pt;
    font-family: Calibri;
}
.KpiTileTextTh_3S {
    top: 60px;
    right: 0;
    line-height: 44pt;
    display: inline-block;
    float: right;
    font-size: 44pt;
    font-family: Calibri;
}

/* Target tile */
/*
    gestione del valore del font-size in base alla lunghezza del testo
*/
.KpiTileTextPs_1 {
    position: relative;
    display: inline-block;
    font-size: 44pt;
    font-family: Calibri;
}

.KpiTileTextPs_1M {
    position: relative;
    line-height: 44pt;
    display: inline-block;
    font-size: 45pt;
    font-family: Calibri;
}

.KpiTileTextPs_1S {
    position: relative;
    line-height: 44pt;
    display: inline-block;
    font-size: 44pt;
    font-family: Calibri;
}

.KpiTileTextPs_2 {
    position: relative;
    font-size: 20pt;
    font-family: Calibri;
    display: inline-block;
}
/*a .KpiTileTextPs_2 {
    position: relative;
    font-size: 20pt;
    font-family: Calibri;
    display: inline-block;
}*/
.KpiTileTextPs_2M {
    position: relative;
    font-size: 25pt;
    font-family: Calibri;
    display: inline-block;
}
.KpiTileTextPs_2S {
    position: relative;
    font-size: 30pt;
    font-family: Calibri;
    display: inline-block;
}

    .KpiTileTextPs_2 img {
        width: 30px;
        height: 30px;
        margin-right: 30px;
        /*transform:translate(-50px,-5px);*/
        display: inline-block;
        position: relative;
    }

.KpiTile .KpiTileFooter {
    width: 100%;
    position: absolute;
    bottom: 10px;
    font-size: 1.3em;
    text-align: center;
    line-height: 10px;
    font-family: Calibri;
    font-style: italic;
    font-weight: 200;
}


.KpiTile-small .KpiTileFooter {
    width: 100%;
    position: absolute;
    height: 20%;
    font-size: 1.0em;
    text-align: center;
    line-height: 10px;
    font-family: Calibri;
    font-style: italic;
    font-weight: 200;
}

.centerText {
    /*right: 0;
    margin-right: 20%;
    transform: translate(60%,0%);*/
    text-align : center;
}

.cleanTrKpi {
    /*position: relative !important;*/
    float: none !important;
    /*top: 0px !important;*/
    border: 0;
}

.imageText {
    position: absolute;
    width: 22%;
    height: 74px;
    left: 10px;
}
.imageText span
{
    
}
.imageText img {
        width: 70px;
        height: 70px;
    }

.Kpi_a_block {
    display: inline-block;
    margin-left : 15px;
    margin-bottom: 5px;
}

.Kpi_a_block .title
    {
    }

.Kpi_a_block .titleNoImg {
    }

.kpi_a_Settings {
        text-decoration: none;
    }

.KpiMenu
{
    margin-bottom : 20px;
}

.KpiLink .KpiTile:hover,
.KpiLink .KpiTile-small:hover {
    background: #EEEEEE;
}


.KpiRow {
    position: relative;
    right: 15px;
    border: 0px;
    text-align: right;
    line-height: 24pt;
    width: 100%;
    left : 15px;
}

.KpiRow .title {
        border: 0px;
        float: left;
        text-align: right !important;
        position: relative;
        margin-left: 0px;
        width: 250px;
        font-size: 15pt;
    }
.KpiRow tr .titleNoImg {
        /*border: 0px;
        float: left;
        text-align: right !important;
        position: relative;
        margin-left: 0px;
        width: 250px;
        font-size: 15pt;*/
        border: 0px;
        font-weight: bold;
        text-align: right !important;
    }

.KpiLink {
        border-left: -5px;
        right:0px;
        position:relative;
        display: compact;
        border:0px;
    }

.KpiRow .value {
        border: 0px;
        font-weight: bold;
        text-align: right !important;
    }
.KpiRow .valueNoImg {
    border: 0px;
    font-weight: bold;
    text-align: right !important;
}
.KpiTile .KpiTileFooterPortfolio {
    position: absolute;
    bottom: 5px;
    font-size: 1.3em;
    left: 0px;
    right: 0px;
    line-height: 10px;
    font-family: Calibri;
    font-style: italic;
    font-weight: 200;
}
.KpiRow tr .valueNoImg {
    border: 0px;
    font-weight: bold;
    text-align: right !important;
}

.KpiRow .titleNoImgTd {
    width: 40%;
    line-height: 30px !important;
    border: 0;
}

.KpiRow .valueNoImgTd {
    width: 60%;
    line-height: 30px !important;
    border: 0;
}

.KpiRow .title, .KpiRow .titleNoImg, .KpiRow .value, .KpiRow .valueNoImg {
    display: inline-block;
}

.KpiRow img {
        position: absolute;
        width: 30px;
        height: 30px;
        margin-left: 15%;
        margin-right: 5px;
    }

.KpiRow span{
        position: relative;
        text-align:right;
        margin-right : 30px;
    }