.cursor-pointer{
    cursor: pointer;
}

.icon-scale-efect-hover{
    cursor: pointer;
    transition: transform 100ms linear;
}

.icon-scale-efect-hover:hover{
    transform: scale(1.8);
}

.icon-change-color-transition{
    transition: color 500ms ease-in-out;
}

.icon-size-transition{
    transition: font-size 500ms ease-in-out;
}

/*icons*/

.house-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e000"
}

.building-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e001"
}

.apps-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e002"
}

.menu-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e003"
}

.user-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e004"
}

.users-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e005"
}

.add-user-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e006"
}

.del-user-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e007"
}

.v-user-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e008"
}

.x-user-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e009"
}

.key-user-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e00a"
}

.circle-user-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e00b"
}

.config-user-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e00c"
}

.crown-user-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e00d"
}

.unlock-user-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e00e"
}

.lock-user-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e00f"
}

.classroom-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e010"
}

.id-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e011"
}

.eye-open-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e012"
}

.eye-close-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e013"
}

.password-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e014"
}

.identity-card-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e015"
}

.user-events-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e016"
}

.us-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e017"
}

.utci-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e018"
}

.modbus-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e019"
}

.mqtt-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e01a"
}

.rest-api-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e01b"
}

.iot-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e01c"
}

.folder-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e027"
}

.upload-doc-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e02b"
}

.download-doc-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e02c"
}

.edit-doc-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e02d"
}

.compress-doc-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e02e"
}

.csv-doc-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e031"
}

.pdf-doc-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e032"
}

.word-doc-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e033"
}

.app-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e044"
}

.db-cloud-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e04d"
}

.graf-bar-r-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e04e"
}

.graf-circular-r-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e04f"
}

.graf-line-r-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e050"
}

.graf-line2-r-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e051"
}

.kpi-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e053"
}

.kpi-dial-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e054"
}

.table-r-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e055"
}

.variable-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e056"
}

.teams-m-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e06d"
}

.bot-icon:before {
    font-family: 'icon';
    font-style: normal;
    content: "\e06e";
}

.ai-icon:before {
    font-family: 'icon';
    font-style: normal;
    content: "\e06f";
}

.chip-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e070"
}

.brain-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e071"
}

.device-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e072"
}

.connect-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e073"
}

.smartphone-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e074"
}

.wifi-device-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e075"
}

.db-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e076"
}

.sensor-wifi-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e077"
}

.sensor-config-icon::before{
    font-family: 'icon';
    font-style: normal;
    content:"\e078"
}

.device-tick-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e079"
}

.device-cross-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e07a"
}

.analyser-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e07b"
}

.analyser-check-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e07c"
}

.analyser-cross-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e07d"
}

.ethernet-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e080"
}

.ethernet-config-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e081"
}

.ethernet-find-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e082"
}

.ethernet-secure-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e083"
}

.ip-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e084"
}

.tcp-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e085"
}

.wifi-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e087"
}

.cloud-connect-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e088"
}

.cloud-wifi-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e089"
}

.cloud-search-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e08a"
}

.cloud-tick-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e08b"
}

.cloud-fail-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e08c"
}

.cloud-sistem-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e08d"
}

.test-question-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e094"
}

.check-on-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e095"
}

.coment-check-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e096"
}

.check-off-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e097"
}

.question-mark-icon:before{
    font-family: 'icon';
    font-style: normal;
    content: "\e098";
}

.tick-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e099"
}

.x-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e09a"
}

.checklist-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e09b"
}

.test-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e09c"
}

.block-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e09d"
}

.arrow-l-c-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e0a0"
}

.arrow-r-c-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e0a1"
}

.arrow-t-c-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e0a2"
}

.arrow-b-c-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e0a3"
}

.number-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e0a4"
}

.search-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e0c0"
}

.search-data-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e0c1"
}

.alert-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e0b5"
}

.brush-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e0d0"
}

.garbage-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e0d1"
}

.delete-filter-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e0d2"
}

.disk-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e0e0"
}

.disck-up-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e0e1"
}

.sql-db-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e0e2"
}

.mail-down-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e0f0"
}

.mail-mark-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e0f1"
}

.mail-plus-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e0f2"
}

.mail-open-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e0f3"
}

.arroba-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e0f4"
}

.send-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e0f5"
}

.letter-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e0f6"
}

.response-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e0f7"
}

.config-email-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e0f8"
}

.topic-mqtt-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e0ff"
}

.topic-heartbeat-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e100"
}

.topic-wait-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e101"
}

.topic-pencil-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e102"
}

.bot-command-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e110"
}

.calendar-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e130"
}

.daily-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e131"
}

.moon-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e140"
}

.sun-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e141"
}

.wifi-max-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e160"
}

.wifi-mid-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e161"
}

.wifi-min-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e162"
}

.wifi-disconnected-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e163"
}

.tools-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e180"
}

.key-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e18c"
}

.digital-key-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e18d"
}

.nfc-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e18e"
}

.id-nfc-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e18f"
}

.id-nfc-search-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e190"
}

.id-nfc-block-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e1c91"
}

.id-nfc-write-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e192"
}

.id-nfc-erase-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e193"
}

.id-nfc-void-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e194"
}

.id-nfc-read-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e195"
}

.floor-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e1a0"
}

.location-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e1a1"
}

.box-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e1b0"
}

.gear-icon:before{
    font-family: 'icon';
    font-style: normal;
    content: "\e1db"
}

.arrow-360-right-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e1DC"
}

.arrow-360-left-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e1DD"
}

.double-arrow-rotate-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e1DE"
}

.power-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e1DF"
}

.selector-left-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e1E0"
}

.selector-right-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e1E1"
}

.heart-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e1EC";
}

.crono-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e210";
}

.chanel-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e220";
}

.chanel-resource-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e221";
}

.pr-draft-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e238";
}

.pull-request-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e239";
}

.pr-close-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e23a";
}

.euro-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e300";
}

.check-euro-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e301";
}

.coins-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e302";
}

.increase-euro-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e303";
}

.bag-euro-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e304";
}

.evse-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e400";
}

.config-evse-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e401";
}

.car-connected-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e402";    
}

.car-disconnected-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e403";    
}

.energy-meter-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e404";    
}

.ligting-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e405";
}

.car-front-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e406";
}

.evse-fault-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e407";
}

.car-stop-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e408";
}

.evse-stop-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e409";
}

.connector-connected-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e416";
}

.connector-ok-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e417";
}

.connector-advertise-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e418";
}

.connector-disconnected-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e419";
}

.evse-connector-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e41a";
}

.evse-connector-error-icon:before{
    font-family: 'icon';
    font-style: normal;
    content:"\e41b";
}