.zk-battery-icon-full {
    display: block;
    float: left;
    width: 38px;
    height: 38px;
    vertical-align: middle;
    background: url("/resources/images/icons/UI/ZK_UI_Battery_Full.svg");
    background-size: 38px 38px;
}

.zk-battery-icon-emptying {
    display: block;
    float: left;
    width: 38px;
    height: 38px;
    vertical-align: middle;
    background: url("/resources/images/icons/UI/ZK_UI_Battery_Emptying.svg");
    background-size: 38px 38px;
}

.zk-battery-icon-yellow {
    display: block;
    float: left;
    width: 38px;
    height: 38px;
    vertical-align: middle;
    background: url("/resources/images/icons/UI/ZK_UI_Battery_Yellow.svg");
    background-size: 38px 38px;
}

.zk-battery-icon-almostEmpty {
    display: block;
    float: left;
    width: 38px;
    height: 38px;
    vertical-align: middle;
    background: url("/resources/images/icons/UI/ZK_UI_Battery_AlmostEmpty.svg");
    background-size: 38px 38px;
}

.zk-battery-icon-empty {
    display: block;
    float: left;
    width: 38px;
    height: 38px;
    vertical-align: middle;
    background: url("/resources/images/icons/UI/ZK_UI_Battery_Empty.svg");
    background-size: 38px 38px;
}

.zk-battery-icon-charging {
    display: block;
    float: left;
    width: 38px;
    height: 38px;
    vertical-align: middle;
    background: url("/resources/images/icons/UI/ZK_UI_Battery_Full.svg");
    background-size: 38px 38px;
}

.zk-battery-icon-notApplicable {
    display: block;
    float: left;
    width: 38px;
    height: 38px;
    vertical-align: middle;
    background: url("/resources/images/icons/UI/ZK_UI_Battery_NotApplicable.svg");
    background-size: 38px 38px;
}