.home {
    width: 20px;
    height: 20px;
    background: url(/images/svg/home.svg) no-repeat center;
}
.home_blue {
    width: 20px;
    height: 20px;
    background: url(/images/svg/home-blue.svg) no-repeat center;
}
.chart-bar {
    width: 25px;
    height: 25px;
    background-color: #ffffff;
    background: url(/images/svg/chart-bar.svg) no-repeat center;
}
.chart-bar_blue {
    width: 25px;
    height: 25px;
    background-color: #ffffff;
    background: url(/images/svg/chart-bar-blue.svg) no-repeat center;
}
.paste {
    width: 25px;
    height: 25px;
    background: url(/images/svg/paste.svg) no-repeat center;
}
.paste_blue {
    width: 25px;
    height: 25px;
    background: url(/images/svg/paste-blue.svg) no-repeat center;
}
.navi_icon {
    background: url(/images/navi_icon.png) no-repeat center;
    z-index:0;
}
.navi_icon_alpha {
    background: url(/images/navi_icon_alpha.png) no-repeat center;
    z-index:0;
}
.chart-line {
    width: 25px;
    height: 25px;
    background: url(/images/svg/chart-line.svg) no-repeat center;
}
.chart-line_blue {
    width: 25px;
    height: 25px;
    background: url(/images/svg/chart-line-blue.svg) no-repeat center;
}
.device-desktop {
    width: 25px;
    height: 25px;
    background: url(/images/svg/desktop.svg) no-repeat center;
}
.device-desktop_blue {
    width: 25px;
    height: 25px;
    background: url(/images/svg/desktop-blue.svg) no-repeat center;
}

.attachment-outline {
    width: 25px;
    height: 25px;
    background: url(/images/svg2/attachment-outline.svg) no-repeat center;
}
.attachment-outline_blue {
    width: 25px;
    height: 25px;
    background: url(/images/svg2/attachment-outline-blue.svg) no-repeat center;
}
.flow-parallel {
    width: 25px;
    height: 25px;
    background: url(/images/svg2/flow-parallel.svg) no-repeat center;
}
.flow-parallel_blue {
    width: 25px;
    height: 25px;
    background: url(/images/svg2/flow-parallel-blue.svg) no-repeat center;
}

.cog {
    width: 25px;
    height: 25px;
    background: url(/images/svg/cog.svg) no-repeat center;
}

.eye {
    width: 25px;
    height: 25px;
    background: url(/images/svg/eye.svg) no-repeat center;
}

.keyboard {
    width: 25px;
    height: 25px;
    background: url(/images/svg/keyboard.svg) no-repeat center;
}

.keyboard_blue {
    width: 25px;
    height: 25px;
    background: url(/images/svg/keyboard-blue.svg) no-repeat center;
}



.globe-americas-green {
    width: 25px;
    height: 25px;
    background: url(/images/svg/globe-americas.svg) no-repeat center;
}

.globe-africa-green {
    width: 25px;
    height: 25px;
    background: url(/images/svg/globe-africa.svg) no-repeat center;
}

.globe-asia-green {
    width: 25px;
    height: 25px;
    background: url(/images/svg/globe-asia.svg) no-repeat center;
}

.palette {
    width: 25px;
    height: 25px;
    background: url(/images/svg/palette.svg) no-repeat center;
}
    .palette:hover {
        background: url(/images/svg/palette-orange.svg) no-repeat center;
    }

.user {
    width: 25px;
    height: 25px;
    background: url(/images/svg/user.svg) no-repeat center;
}
    .user:hover {
        background: url(/images/svg/user-pink.svg) no-repeat center;
    }

.sign-out-alt {
    width: 30px;
    height: 30px;
    background: url(/images/svg/power-off.svg) no-repeat center;
}

.logout_round {
background-color: #444444;
}
.logout_round:hover {
    background-color: #fe80bf;
}



.arrow_circle_right {
    width: 15px;
    height: 15px;
    background: url(/images/svg/arrow-alt-circle-right.svg) no-repeat center;
}

.arrow_circle_down_green {
    width: 15px;
    height: 15px;
    background: url(/images/svg/arrow-alt-circle-down-green.svg) no-repeat center;
}

.arrow_circle_right_green {
    width: 15px;
    height: 15px;
    background: url(/images/svg/arrow-alt-circle-right-green.svg) no-repeat center;
}

.arrow_down {
    width: 15px;
    height: 15px;
    background: url(/images/svg/angle-down.svg) no-repeat center;
}
.arrow_down_white {
    width: 15px;
    height: 15px;
    background: url(/images/arrow_down_white.png) no-repeat center;
}
.arrow_up_white {
    width: 15px;
    height: 15px;
    background: url(/images/arrow_up_white.png) no-repeat center;
}
.arrow_right {
    width: 15px;
    height: 15px;
    background: url(/images/svg/angle-right.svg) no-repeat center;
}
.dot_circle {
    width: 8px;
    height: 8px;
    background: url(/images/svg/dot-circle.svg) no-repeat center;
}
.dot_circle_red {
    width: 8px;
    height: 8px;
    background: url(/images/svg/dot-circle-red.svg) no-repeat center;
}
.dot_circle_yellow {
    width: 8px;
    height: 8px;
    background: url(/images/svg/dot-circle-yellow.svg) no-repeat center;
}
.dot_circle_blue {
    width: 8px;
    height: 8px;
    background: url(/images/svg/dot-circle-blue.svg) no-repeat center;
}

.triangle_left {
    border-top: 7px solid transparent;
    border-right: 10px solid #f1f1f1;
    border-bottom: 7px solid transparent;
    border-left: 10px solid transparent;
    margin-left: 225px;
    margin-top: -23px;
    display: none;
    float: left;
}

.search {
    width: 15px;
    height: 15px;
    background: url(/images/svg/search.svg) no-repeat center;
    margin-left: 6px;
    margin-top: 7px;
    
}

.trash-alt {
    width: 15px;
    height: 15px;
    background: url(/images/svg/trash-alt.svg) no-repeat center;
    margin-left: 8px;
    margin-top: 8px;
}
.plus {
    width: 15px;
    height: 15px;
    background: url(/images/svg/plus.svg) no-repeat center;
    margin-left: 8px;
    margin-top: 8px;
}

.excel {
    width: 20px;
    height: 20px;
    background: url(/images/svg/excel.svg) no-repeat center;
    margin-left: 5px;
    margin-top: 5px;
}
.angle-left {
    width: 20px;
    height: 20px;
    background: url(/images/svg/angle-left.svg) no-repeat center;
    margin-left: 2px;
    margin-top: 3px;
}
.angle-left-white {
    width: 20px;
    height: 20px;
    background: url(/images/svg/angle-left-white.svg) no-repeat center;
    margin-left: 4px;
    margin-top: 3px;
}
.angle-right {
    width: 20px;
    height: 20px;
    background: url(/images/svg/angle-right.svg) no-repeat center;
    margin-left: 4px;
    margin-top: 3px;
}
.angle-right-white {
    width: 20px;
    height: 20px;
    background: url(/images/svg/angle-right-white.svg) no-repeat center;
    margin-left: 4px;
    margin-top: 3px;
}

.angle-right-blue {
    width: 20px;
    height: 20px;
    background: url(/images/svg/angle-right-blue.svg) no-repeat center;
    margin-left: 4px;
    margin-top: 3px;
}


.calendar {
    background: url(/images/svg/calendar-alt.svg) no-repeat center;
}
.stopwatch {
    background: url(/images/svg/stopwatch.svg) no-repeat center;
}

.sort-amount-up {
    background: url(/images/svg/sort-amount-up.svg) no-repeat center;
}

.sort-amount-down {
    background: url(/images/svg/sort-amount-down.svg) no-repeat center;
}

.sort-up {
    background: url(/images/svg/sort-up.svg) no-repeat center;
}

.sort-down {
    background: url(/images/svg/sort-down.svg) no-repeat center;
}

.long-arrow-alt-down {
    background: url(/images/svg/long-arrow-alt-down.svg) no-repeat center;
}
.long-arrow-alt-up {
    background: url(/images/svg/long-arrow-alt-up.svg) no-repeat center;
}
.arrows-alt-h {
    background: url(/images/svg/arrows-alt-h.svg) no-repeat center;
}
.server {
    background: url(/images/svg/server.svg) no-repeat center;
}

.th-small-outline {
    background: url(/images/svg2/th-small.svg) no-repeat center;
}
.folder {
    width: 12px;
    height: 12px;
    background: url(/images/svg/folder.svg) no-repeat center;
    margin-right: 3px;
    margin-top:-1px;
}
.folder-open {
    width: 14px;
    height: 14px;
    background: url(/images/svg/folder-open.svg) no-repeat center;
    margin-right: 2px;
}
.hdd {
    width: 14px;
    height: 14px;
    background: url(/images/svg/hdd.svg) no-repeat center;
    margin-right: 2px;
}

.th-menu {
    float: left;
    width: 60%;
    height: 60%;
    background: url(/images/svg2/th-menu.svg) no-repeat center;
    margin-top: 18%;
    margin-left: 18%;
}

.cog-mobile {
    float: left;
    width: 60%;
    height: 60%;
    background: url(/images/svg/cog.svg) no-repeat center;
    margin-top: 18%;
    margin-left: 18%;
}
.chart-bar-mobile {
    float: left;
    width: 70%;
    height: 70%;
    margin-left: 15%;
    background: url(/images/svg/chart-bar.svg) no-repeat center;
}


.angle-left-white-icon {
    float: left;
    width: 30px;
    height: 30px;
    background: url(/images/svg/angle-left-white.svg) no-repeat center;
    margin-left: 20px;
    margin-top: 10px;
    opacity: 1;
}

.angle-right-white-icon {
    float: left;
    width: 30px;
    height: 30px;
    background: url(/images/svg/angle-right-white.svg) no-repeat center;
    margin-left: 0px;
    margin-top: 10px;
    opacity: 1;
}
.link {
    background: url(/images/svg/link.svg) no-repeat center;

}

.bolt {
    float: left;
    background: url(/images/svg/bolt.svg) no-repeat center;
}
.bolt2 {
    float: left;
    background: url(/images/svg/bolt2.svg) no-repeat center;
}

.exclamation {
    float: left;
    background: url(/images/svg/exclamation.svg) no-repeat center;
    
}
.expand-arrows-alt {
    float: left;
    background: url(/images/svg/expand-arrows-alt.svg) no-repeat center;
}


.city {
    background: url(/main/images/city.png) no-repeat center;
    background-size: 60%;
}

.batt {
    width: 25px;
    height: 25px;
    background: url(/images/batt_icon.png) no-repeat center;
}

.pcs {
    width: 25px;
    height: 25px;
    background: url(/images/pcs_icon.png) no-repeat center;
}
.pv {
    width: 25px;
    height: 25px;
    background: url(/images/pv_icon.png) no-repeat center;
}

.clock {
    width: 25px;
    height: 25px;
    background: url(/images/svg/clock.svg) no-repeat center;
}

.clear-day {
    background: url(/images/weather/clear-day.png) no-repeat center;
}

.clear-day {
    background: url(/images/weather/clear-day.png) no-repeat center;
}

.partly-cloudy-day {
    background: url(/images/weather/partly-cloudy-day.png) no-repeat center;
}
.partly-cloudy-night {
    background: url(/images/weather/partly-cloudy-night.png) no-repeat center;
}

.hum {
    background: url(/images/weather/hum.png) no-repeat center;
}

.tmp {
    background: url(/images/weather/tmp.png) no-repeat center;
}

.windspeed {
    background: url(/images/weather/windspeed.png) no-repeat center;
}

.cloudcover {
    background: url(/images/weather/cloudcover.png) no-repeat center;
}

.amanecer {
    background: url(/images/weather/amanecer.svg) no-repeat center;
}

.anochecer {
    background: url(/images/weather/anochecer.svg) no-repeat center;
}
.reload {
    background: url(/images/reload.png) no-repeat center;
}
.reload_dark {
    background: url(/images/reload_dark.png) no-repeat center;
}
.arrow_up_white {
    background: url(/images/arrow_up_white.png) no-repeat center;
}
.arrow_down_blue {
    background: url(/images/svg/arrow-down_blue.svg) no-repeat center;
}
.arrow_up_red {
    background: url(/images/svg/arrow-up_red.svg) no-repeat center;
}
.happy {
    background: url(/images/svg3/happy_green.svg) no-repeat center;
}
.sad {
    background: url(/images/svg3/sad_red.svg) no-repeat center;
}

.icon_easel {
    background: url(/main/images/icon_easel.png) no-repeat center;
}

.icon_error {
    background: url(/main/images/icon_error-triangle_alt.png) no-repeat center;
}

.icon_check {
    background: url(/main/images/icon_box-checked.png) no-repeat center;
}