.canvas-grid { 
    top: 115px !important;
}

/** Css para cada marker */
div.gmnoprint[title='markerButton'] {
    border: 1pt solid #fff;
    -moz-border-radius:51px;
    /* -webkit-border-radius: 50%; */
    border-radius: 50%;
    -moz-box-shadow: 0 0 5px 5px #BA1717;
    -webkit-box-shadow:inset 0 0 5px 5px #BA1717;
    box-shadow: 0 0 5px 5px #BA1717;
    height:51px!important;
    margin: -17px 0 0 -16px;
    width:51px!important;
    -moz-animation: pulsate 1s ease-in-out infinite;
    -webkit-animation: pulsate 1s ease-in-out infinite;
    animation: pulsate 1s ease-in-out infinite;
}

div.gmnoprint[title='markerEnergy'] {
    border: 1pt solid #fff;
    -moz-border-radius:51px;
    /* -webkit-border-radius: 50%; */
    border-radius: 50%;
    -moz-box-shadow: 0 0 5px 5px #CB8000;
    -webkit-box-shadow:inset 0 0 5px 5px #CB8000;
    box-shadow: 0 0 5px 5px #CB8000;
    height:51px!important;
    margin: -17px 0 0 -16px;
    width:51px!important;
    -moz-animation: pulsate 1s ease-in-out infinite;
    -webkit-animation: pulsate 1s ease-in-out infinite;
    animation: pulsate 1s ease-in-out infinite;
}

div.gmnoprint[title='markerButton'] img {
    display: none;
}

div.gmnoprint[title='markerEnergy'] img {
    display: none;
}

/** CLass con la animacion*/
.marker-animation {
    -moz-animation: pulsate 1s ease-in-out infinite;
    -webkit-animation: pulsate 1s ease-in-out infinite;
    animation: pulsate 1s ease-in-out infinite;
}

/** Funciones que hacen la animacion */
@-moz-keyframes pulsate {
    from {
        -moz-transform: scale(0.25);
        opacity: 1.0;
    }
    95% {
        -moz-transform: scale(1.3);
        opacity: 0;
    }
    to {
        -moz-transform: scale(0.3);
        opacity: 0;
    }
}
@-webkit-keyframes pulsate {
    from {
        -webkit-transform: scale(0.25);
        opacity: 1.0;
    }
    95% {
        -webkit-transform: scale(1.3);
        opacity: 0;
    }
    to {
        -webkit-transform: scale(0.3);
        opacity: 0;
    }
}

@keyframes pulsate {
    from {
        transform: scale(0.25);
        opacity: 1.0;
    }
    95% {
        transform: scale(1.3);
        opacity: 0;
    }
    to {
        transform: scale(0.3);
        opacity: 0;
    }
}

.warning-row .x-grid-cell {
	background-color: #f7eea8 !important;
}

.warning-row .x-grid-row-selected .x-grid-row-focused {
	background-color: #000 !important;
}

.alert-row .x-grid-cell {
	background-color: #f4c68d !important;
}

.error-row .x-grid-cell {
	background-color: #e59797 !important;
}