/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* .energy-on{
    background-image: url("../image/icons_app/general/flash-on.svg");
    background-repeat: no-repeat;
    width:100%;
    height:100%;
} */

.energy-on {
    background-image: url("../image/icons_app/general/icon_control/e_on.png");
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    margin-left: 1px;
    margin-top: 1px;
}

.energy-disabled {
    background-image: url("../image/icons_app/general/icon_control/energy_disabled.png");
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    margin-left: 1px;
    margin-top: 1px;
}


/* .energy-off{
    background-image: url("../image/icons_app/general/flash-off.svg");
    background-repeat: no-repeat;
    width:100%;
    height:100%;
} */

.energy-off {
    background-image: url("../image/icons_app/general/icon_control/e_off.png");
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    margin-left: 1px;
    margin-top: 1px;
}


/* .status-on{
    background-image: url("../image/icons_app/general/power-on.svg");
    background-repeat: no-repeat;
    width:100%;
    height:100%;
    margin-left:1px;
    margin-top:2px;
} */

.status-on {
    background-image: url("../image/icons_app/general/icon_control/on.png");
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    margin-left: 1px;
    margin-top: 2px;
}


/* .status-off{
    background-image: url("../image/iconos_app/general/power-off.svg");
    background-repeat: no-repeat;
    width:100%;
    height:100%;
    margin-left:1px;
    margin-top:2px;
} */

.status-off {
    background-image: url("../image/icons_app/general/icon_control/off.png");
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    margin-left: 1px;
    margin-top: 2px;
}

.ramp-c {
    padding-top: 18px !important;
}

.ramp-img {
    background-image: url("../image/icons_app/general/ramp.png");
    background-repeat: no-repeat;
    display: block;
    width: auto;
    min-height: 0px;
    max-height: none;
    height: 298px;
}

.ramp-disabled {
    pointer-events: none;
    opacity: 0.4;
}