/* HeatMap OLD*/
/*
.heatmap1{
width:100%;height:400px;
background-color:#f20505;
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#f20505, endColorstr=#c2f01d);
background-image:-moz-linear-gradient(right top, #f20505 33%, #c2f01d 75%,#0ccc16 95%);
background-image:linear-gradient(right top, #f20505 33%, #c2f01d 75%,#0ccc16 95%);
background-image:-webkit-linear-gradient(right top, #f20505 33%, #c2f01d 75%,#0ccc16 95%);
background-image:-o-linear-gradient(right top, #f20505 33%, #c2f01d 75%,#0ccc16 95%);
background-image:-ms-linear-gradient(right top, #f20505 33%, #c2f01d 75%,#0ccc16 95%);
 background-image:-webkit-gradient(linear, right top, left bottom, color-stop(33%,#f20505), color-stop(75%,#c2f01d),color-stop(95%,#0ccc16));
/*sombra 
    -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75); 
}
*/

.heatmap1{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6bce0e+16,f2ea07+27,f2ea07+27,f2ea07+27,f2ea07+27,f2ea07+27,f2ea07+27,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,ff1111+68,db2a0f+99,d61706+100,db2a0f+100 */
    width:100%;height:400px;
    background: #6bce0e; /* Old browsers */
    background: -moz-linear-gradient(45deg, #6bce0e 16%, #f2ea07 27%, #f2ea07 27%, #f2ea07 27%, #f2ea07 27%, #f2ea07 27%, #f2ea07 27%, #f2ea07 31%, #f2ea07 31%, #f2ea07 31%, #f2ea07 31%, #f2ea07 31%, #f2ea07 31%, #f2ea07 31%, #f2ea07 31%, #f2ea07 31%, #ff1111 68%, #db2a0f 99%, #d61706 100%, #db2a0f 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #6bce0e 16%,#f2ea07 27%,#f2ea07 27%,#f2ea07 27%,#f2ea07 27%,#f2ea07 27%,#f2ea07 27%,#f2ea07 31%,#f2ea07 31%,#f2ea07 31%,#f2ea07 31%,#f2ea07 31%,#f2ea07 31%,#f2ea07 31%,#f2ea07 31%,#f2ea07 31%,#ff1111 68%,#db2a0f 99%,#d61706 100%,#db2a0f 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #6bce0e 16%,#f2ea07 27%,#f2ea07 27%,#f2ea07 27%,#f2ea07 27%,#f2ea07 27%,#f2ea07 27%,#f2ea07 31%,#f2ea07 31%,#f2ea07 31%,#f2ea07 31%,#f2ea07 31%,#f2ea07 31%,#f2ea07 31%,#f2ea07 31%,#f2ea07 31%,#ff1111 68%,#db2a0f 99%,#d61706 100%,#db2a0f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bce0e', endColorstr='#db2a0f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.heatmap-pacal{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6bce0e+16,f2ea07+27,f2ea07+27,f2ea07+27,f2ea07+27,f2ea07+27,f2ea07+27,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,ff1111+68,db2a0f+99,d61706+100,db2a0f+100 */
    width:100%;height:400px;
    background: #6bce0e; /* Old browsers */
    background: -moz-linear-gradient(35deg, #6bce0e 10%,#f2ea07 20%,#db2a0f 42%);/* FF3.6-15 */
    background: -webkit-linear-gradient(35deg, #6bce0e 10%,#f2ea07 20%,#db2a0f 42%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(44deg, #6bce0e 28%,#f2ea07 38%,#db2a0f 72%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bce0e', endColorstr='#db2a0f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.heatmap1-aiep{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6bce0e+16,f2ea07+27,f2ea07+27,f2ea07+27,f2ea07+27,f2ea07+27,f2ea07+27,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,ff1111+68,db2a0f+99,d61706+100,db2a0f+100 */
    width:100%;height:400px;
    background: #6bce0e; /* Old browsers */
    background: -moz-linear-gradient(35deg, #6bce0e 10%,#f2ea07 20%,#db2a0f 42%);/* FF3.6-15 */
    background: -webkit-linear-gradient(35deg, #6bce0e 10%,#f2ea07 20%,#db2a0f 42%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(43deg, #6bce0e 24%,#f2ea07 43%,#db2a0f 62%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bce0e', endColorstr='#db2a0f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.heatmap2-aiep{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6bce0e+16,f2ea07+27,f2ea07+27,f2ea07+27,f2ea07+27,f2ea07+27,f2ea07+27,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,ff1111+68,db2a0f+99,d61706+100,db2a0f+100 */
    width:100%;height:400px;
    background: #6bce0e; /* Old browsers */
    background: -moz-linear-gradient(35deg, #6bce0e 10%,#f2ea07 20%,#db2a0f 42%);/* FF3.6-15 */
    background: -webkit-linear-gradient(35deg, #6bce0e 10%,#f2ea07 20%,#db2a0f 42%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(43deg, #6bce0e 55%,#f2ea07 65%,#db2a0f 88%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bce0e', endColorstr='#db2a0f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.heatmap1-redsalud{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6bce0e+16,f2ea07+27,f2ea07+27,f2ea07+27,f2ea07+27,f2ea07+27,f2ea07+27,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,ff1111+68,db2a0f+99,d61706+100,db2a0f+100 */
    width:100%;height:400px;
    background: #6bce0e; /* Old browsers */
    background: -moz-linear-gradient(35deg, #6bce0e 10%,#f2ea07 20%,#db2a0f 42%);/* FF3.6-15 */
    background: -webkit-linear-gradient(35deg, #6bce0e 10%,#f2ea07 20%,#db2a0f 42%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(40deg, #6bce0e 24%,#f2ea07 40%,#db2a0f 62%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bce0e', endColorstr='#db2a0f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.heatmap2-redsalud{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6bce0e+16,f2ea07+27,f2ea07+27,f2ea07+27,f2ea07+27,f2ea07+27,f2ea07+27,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,ff1111+68,db2a0f+99,d61706+100,db2a0f+100 */
    width:100%;height:400px;
    background: #6bce0e; /* Old browsers */
    background: -moz-linear-gradient(35deg, #6bce0e 10%,#f2ea07 20%,#db2a0f 42%);/* FF3.6-15 */
    background: -webkit-linear-gradient(35deg, #6bce0e 10%,#f2ea07 20%,#db2a0f 42%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(53deg, #6bce0e 63%,#f2ea07 71%, #db2a0f 78%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bce0e', endColorstr='#db2a0f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.heatmap1-unab{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6bce0e+16,f2ea07+27,f2ea07+27,f2ea07+27,f2ea07+27,f2ea07+27,f2ea07+27,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,ff1111+68,db2a0f+99,d61706+100,db2a0f+100 */
    width:100%;height:400px;
    background: #6bce0e; /* Old browsers */
    background: -moz-linear-gradient(35deg, #6bce0e 10%,#f2ea07 20%,#db2a0f 42%);/* FF3.6-15 */
    background: -webkit-linear-gradient(35deg, #6bce0e 10%,#f2ea07 20%,#db2a0f 42%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(40deg, #6bce0e 24%,#f2ea07 40%,#db2a0f 62%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bce0e', endColorstr='#db2a0f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.heatmap2-unab{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6bce0e+16,f2ea07+27,f2ea07+27,f2ea07+27,f2ea07+27,f2ea07+27,f2ea07+27,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,ff1111+68,db2a0f+99,d61706+100,db2a0f+100 */
    width:100%;height:400px;
    background: #6bce0e; /* Old browsers */
    background: -moz-linear-gradient(35deg, #6bce0e 10%,#f2ea07 20%,#db2a0f 42%);/* FF3.6-15 */
    background: -webkit-linear-gradient(35deg, #6bce0e 10%,#f2ea07 20%,#db2a0f 42%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(53deg, #6bce0e 63%,#f2ea07 71%, #db2a0f 78%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bce0e', endColorstr='#db2a0f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.heatmapbcs{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6bce0e+16,f2ea07+27,f2ea07+27,f2ea07+27,f2ea07+27,f2ea07+27,f2ea07+27,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,ff1111+68,db2a0f+99,d61706+100,db2a0f+100 */
    width:100%;height:400px;
    background: #6bce0e; /* Old browsers */
    background: -moz-linear-gradient(35deg, #6bce0e 10%,#f2ea07 20%,#db2a0f 42%);/* FF3.6-15 */
    background: -webkit-linear-gradient(35deg, #6bce0e 10%,#f2ea07 20%,#db2a0f 42%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(35deg, #6bce0e 8%,#f2ea07 17%,#db2a0f 42%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bce0e', endColorstr='#db2a0f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.heatmap-inicio{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6bce0e+16,f2ea07+27,f2ea07+27,f2ea07+27,f2ea07+27,f2ea07+27,f2ea07+27,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,f2ea07+31,ff1111+68,db2a0f+99,d61706+100,db2a0f+100 */
    width:100%;height:600px;
    background: #6bce0e; /* Old browsers */
    background: -moz-linear-gradient(45deg, #6bce0e 16%, #f2ea07 27%, #f2ea07 27%, #f2ea07 27%, #f2ea07 27%, #f2ea07 27%, #f2ea07 27%, #f2ea07 31%, #f2ea07 31%, #f2ea07 31%, #f2ea07 31%, #f2ea07 31%, #f2ea07 31%, #f2ea07 31%, #f2ea07 31%, #f2ea07 31%, #ff1111 68%, #db2a0f 99%, #d61706 100%, #db2a0f 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #6bce0e 16%,#f2ea07 27%,#f2ea07 27%,#f2ea07 27%,#f2ea07 27%,#f2ea07 27%,#f2ea07 27%,#f2ea07 31%,#f2ea07 31%,#f2ea07 31%,#f2ea07 31%,#f2ea07 31%,#f2ea07 31%,#f2ea07 31%,#f2ea07 31%,#f2ea07 31%,#ff1111 68%,#db2a0f 99%,#d61706 100%,#db2a0f 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #6bce0e 16%,#f2ea07 27%,#f2ea07 27%,#f2ea07 27%,#f2ea07 27%,#f2ea07 27%,#f2ea07 27%,#f2ea07 31%,#f2ea07 31%,#f2ea07 31%,#f2ea07 31%,#f2ea07 31%,#f2ea07 31%,#f2ea07 31%,#f2ea07 31%,#f2ea07 31%,#ff1111 68%,#db2a0f 99%,#d61706 100%,#db2a0f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bce0e', endColorstr='#db2a0f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/* Heatmap Coca Cola Andina¨*/
.heatmap2{
    width:100%;height:400px;
    background: rgba(23,196,4,1);
background: -moz-linear-gradient(45deg, rgba(23,196,4,1) 0%, rgba(23,196,4,1) 0%, rgba(23,196,4,1) 35%, rgba(240,228,93,1) 65%, rgba(240,47,23,1) 84%, rgba(246,41,12,1) 99%, rgba(231,56,39,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(23,196,4,1)), color-stop(0%, rgba(23,196,4,1)), color-stop(35%, rgba(23,196,4,1)), color-stop(65%, rgba(240,228,93,1)), color-stop(84%, rgba(240,47,23,1)), color-stop(99%, rgba(246,41,12,1)), color-stop(100%, rgba(231,56,39,1)));
background: -webkit-linear-gradient(45deg, rgba(23,196,4,1) 0%, rgba(23,196,4,1) 0%, rgba(23,196,4,1) 35%, rgba(240,228,93,1) 65%, rgba(240,47,23,1) 84%, rgba(246,41,12,1) 99%, rgba(231,56,39,1) 100%);
background: -o-linear-gradient(45deg, rgba(23,196,4,1) 0%, rgba(23,196,4,1) 0%, rgba(23,196,4,1) 35%, rgba(240,228,93,1) 65%, rgba(240,47,23,1) 84%, rgba(246,41,12,1) 99%, rgba(231,56,39,1) 100%);
background: -ms-linear-gradient(45deg, rgba(23,196,4,1) 0%, rgba(23,196,4,1) 0%, rgba(23,196,4,1) 35%, rgba(240,228,93,1) 65%, rgba(240,47,23,1) 84%, rgba(246,41,12,1) 99%, rgba(231,56,39,1) 100%);
background: linear-gradient(45deg, rgba(23,196,4,1) 0%, rgba(23,196,4,1) 0%, rgba(23,196,4,1) 35%, rgba(240,228,93,1) 65%, rgba(240,47,23,1) 84%, rgba(246,41,12,1) 99%, rgba(231,56,39,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17c404', endColorstr='#e73827', GradientType=1 );
}

/* Heatmap para Celulares¨*/
.heatmap-small{
width:100%;height:300px;
background: rgba(23,196,4,1);
background: -moz-linear-gradient(45deg, rgba(23,196,4,1) 0%, rgba(23,196,4,1) 0%, rgba(23,196,4,1) 35%, rgba(240,228,93,1) 65%, rgba(240,47,23,1) 84%, rgba(246,41,12,1) 99%, rgba(231,56,39,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(23,196,4,1)), color-stop(0%, rgba(23,196,4,1)), color-stop(35%, rgba(23,196,4,1)), color-stop(65%, rgba(240,228,93,1)), color-stop(84%, rgba(240,47,23,1)), color-stop(99%, rgba(246,41,12,1)), color-stop(100%, rgba(231,56,39,1)));
background: -webkit-linear-gradient(45deg, rgba(23,196,4,1) 0%, rgba(23,196,4,1) 0%, rgba(23,196,4,1) 35%, rgba(240,228,93,1) 65%, rgba(240,47,23,1) 84%, rgba(246,41,12,1) 99%, rgba(231,56,39,1) 100%);
background: -o-linear-gradient(45deg, rgba(23,196,4,1) 0%, rgba(23,196,4,1) 0%, rgba(23,196,4,1) 35%, rgba(240,228,93,1) 65%, rgba(240,47,23,1) 84%, rgba(246,41,12,1) 99%, rgba(231,56,39,1) 100%);
background: -ms-linear-gradient(45deg, rgba(23,196,4,1) 0%, rgba(23,196,4,1) 0%, rgba(23,196,4,1) 35%, rgba(240,228,93,1) 65%, rgba(240,47,23,1) 84%, rgba(246,41,12,1) 99%, rgba(231,56,39,1) 100%);
background: linear-gradient(45deg, rgba(23,196,4,1) 0%, rgba(23,196,4,1) 0%, rgba(23,196,4,1) 35%, rgba(240,228,93,1) 65%, rgba(240,47,23,1) 84%, rgba(246,41,12,1) 99%, rgba(231,56,39,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17c404', endColorstr='#e73827', GradientType=1 );
}

/* Nuevo Heatmap (implementado en Eventos de Riesgos */
/*
.heatmap4{
    width:100%;height:600px;
    background: rgba(46,219,27,1);
    background: -moz-linear-gradient(45deg, rgba(46,219,27,1) 0%, rgba(240,203,93,1) 29%, rgba(240,203,93,1) 34%, rgba(245,160,12,1) 56%, rgba(240,47,23,1) 94%, rgba(231,56,39,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(46,219,27,1)), color-stop(29%, rgba(240,203,93,1)), color-stop(34%, rgba(240,203,93,1)), color-stop(56%, rgba(245,160,12,1)), color-stop(94%, rgba(240,47,23,1)), color-stop(100%, rgba(231,56,39,1)));
    background: -webkit-linear-gradient(45deg, rgba(46,219,27,1) 0%, rgba(240,203,93,1) 29%, rgba(240,203,93,1) 34%, rgba(245,160,12,1) 56%, rgba(240,47,23,1) 94%, rgba(231,56,39,1) 100%);
    background: -o-linear-gradient(45deg, rgba(46,219,27,1) 0%, rgba(240,203,93,1) 29%, rgba(240,203,93,1) 34%, rgba(245,160,12,1) 56%, rgba(240,47,23,1) 94%, rgba(231,56,39,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(46,219,27,1) 0%, rgba(240,203,93,1) 29%, rgba(240,203,93,1) 34%, rgba(245,160,12,1) 56%, rgba(240,47,23,1) 94%, rgba(231,56,39,1) 100%);
    background: linear-gradient(45deg, rgba(46,219,27,1) 0%, rgba(240,203,93,1) 29%, rgba(240,203,93,1) 34%, rgba(245,160,12,1) 56%, rgba(240,47,23,1) 94%, rgba(231,56,39,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2edb1b', endColorstr='#e73827', GradientType=1 );
}
*/

.heatmap3{
    width:100%;height:600px;
    background: rgba(80,214,28,1);
    background: -moz-linear-gradient(45deg, rgba(80,214,28,1) 0%, rgba(230,240,93,1) 28%, rgba(240,220,93,1) 35%, rgba(245,140,12,1) 55%, rgba(240,47,23,1) 86%, rgba(231,56,39,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(80,214,28,1)), color-stop(28%, rgba(230,240,93,1)), color-stop(35%, rgba(240,220,93,1)), color-stop(55%, rgba(245,140,12,1)), color-stop(86%, rgba(240,47,23,1)), color-stop(100%, rgba(231,56,39,1)));
    background: -webkit-linear-gradient(45deg, rgba(80,214,28,1) 0%, rgba(230,240,93,1) 28%, rgba(240,220,93,1) 35%, rgba(245,140,12,1) 55%, rgba(240,47,23,1) 86%, rgba(231,56,39,1) 100%);
    background: -o-linear-gradient(45deg, rgba(80,214,28,1) 0%, rgba(230,240,93,1) 28%, rgba(240,220,93,1) 35%, rgba(245,140,12,1) 55%, rgba(240,47,23,1) 86%, rgba(231,56,39,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(80,214,28,1) 0%, rgba(230,240,93,1) 28%, rgba(240,220,93,1) 35%, rgba(245,140,12,1) 55%, rgba(240,47,23,1) 86%, rgba(231,56,39,1) 100%);
    background: linear-gradient(45deg, rgba(80,214,28,1) 0%, rgba(230,240,93,1) 28%, rgba(240,220,93,1) 35%, rgba(245,140,12,1) 55%, rgba(240,47,23,1) 86%, rgba(231,56,39,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50d61c', endColorstr='#e73827', GradientType=1 );
}

/*Circulo para heatmap*/
.circulo {
     width: 20px;
     height: 20px;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     background: #000;
     margin-top: center;
    margin-right: center;

     /*formato de texto interior */
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    line-height: 1.8em;
    font-size: 9px;
    text-align: center;

    /*sombra */
    -webkit-box-shadow: 3px 3px 1px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    3px 3px 1px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         3px 3px 1px 0px rgba(50, 50, 50, 0.75);
}

/*Circulo azul (riesgos sin controles) para heatmap*/
.circulo-azul {
     width: 20px;
     height: 20px;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     background: #0101DF;
     margin-top: center;
    margin-right: center;

     /*formato de texto interior */
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    line-height: 1.8em;
    font-size: 9px;
    text-align: center;

    /*sombra */
    -webkit-box-shadow: 3px 3px 1px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    3px 3px 1px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         3px 3px 1px 0px rgba(50, 50, 50, 0.75);
}

/*Circulo pequeño para heatmap*/
.circulo-small {
    width: 15px;
    height: 15px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #000;
    margin-top: center;
    margin-right: center;

    /*formato de texto interior */
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    line-height: 1.4em;
    font-size: 9px;
    text-align: center;

    /*sombra */
    -webkit-box-shadow: 3px 3px 1px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    3px 3px 1px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         3px 3px 1px 0px rgba(50, 50, 50, 0.75);
}

/*Circulo pequeño cuando se pase el mouse por encima*/
.circulo-hover:hover {
    width: 18px;
    height: 18px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #008885;
    margin-top: center;
    margin-right: center;

    /*formato de texto interior */
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    line-height: 1.4em;
    font-size: 9px;
    text-align: center;

    /*sombra */
    -webkit-box-shadow: 3px 3px 1px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    3px 3px 1px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         3px 3px 1px 0px rgba(50, 50, 50, 0.75);
    cursor: pointer;
}


/*Circulo seleccionado en la tabla para heatmap*/
.circulo-selected {
    width: 20px;
    height: 20px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #b0bed9;
    margin-top: center;
    margin-right: center;

    /*formato de texto interior */
    color: #000000;
    display: inline-block;
    font-weight: bold;
    line-height: 1.8em;
    font-size: 9px;
    text-align: center;

    /*sombra */
    -webkit-box-shadow: 3px 3px 1px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    3px 3px 1px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         3px 3px 1px 0px rgba(50, 50, 50, 0.75);
}
.circulo-selected-v2 {
    width: 20px;
    height: 20px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #ffffff;
    margin-top: center;
    margin-right: center;

    /*formato de texto interior */
    color: #000000;
    display: inline-block;
    font-weight: bold;
    line-height: 1.8em;
    font-size: 12px;
    text-align: center;

    /*sombra */
    -webkit-box-shadow: 3px 3px 1px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    3px 3px 1px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         3px 3px 1px 0px rgba(50, 50, 50, 0.75);
}