#fork {
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
}

.legend {
    border: none;
    font-size: 14px;
   
}
.toolTipoGrafico{
    position:absolute;    
    font-size: 14px;
   
}
    .toolTipoGrafico .color-sample {
        display: block;
        float: left;
        width: 14px;
        margin-right: 4px;
        height: 14px;
        border: 1px solid; /* Comment out if you don't want to show the fillColor */
        border-radius: 14px; /* Comment out if you prefer squarish samples */
    }
    .toolTipoGrafico .title {
        font-size:16px;
        font-weight:500;      
        padding-top:8px;
        padding-bottom:8px;
    }


    @media screen and (max-width: 760px) {
        .legend {
            border: none;
            font-size: 12px;
        }

        .toolTipoGrafico {
            position: absolute;
            font-size: 12px;
        }
            .toolTipoGrafico .title{
                font-size:14px;
            }
            .toolTipoGrafico .color-sample {               
                width: 12px;             
                height: 12px;            
                border-radius: 12px; /* Comment out if you prefer squarish samples */
            }
    }

    .legend .title {
        display: flex;
        margin-left:3px;
        font-weight: 400;
        text-align: left;
        font-size:12px;
        line-height:16px;
        margin-bottom:6px;
    }

    .legend .color-sample {
        display: block;
        float: left;
        width: 12px;
        margin-right:4px;
        height: 12px;
        border: 1px solid; /* Comment out if you don't want to show the fillColor */
        border-radius:12px; /* Comment out if you prefer squarish samples */
       
    }