/*Clebex LLC - ICONS CSS - ALL RIGHTS RESERVED by CLEBEX LLC - Version : 02 */
.icon-app1  {
--color-1: #737373; 
--opacity-1: 1.0; 
--color-2: #a3a3a3; 
--opacity-2: 1.0; 
--color-3: #cccccc; 
--opacity-3: 1.0; 
--color-4: #bf328d; 
--opacity-4: 1.0; 
--color-5: #feda00; 
--opacity-5: 1.0; 
--color-6: #ffffff; 
--opacity-6: 1.0; 
--color-7: #24b7af; 
--opacity-7: 1.0; 
--color-8: #ff3232; 
--opacity-8: 1.0; 
--color-9: ##373f4e; 
--opacity-9: 1.0; 
}
.icon-app1 .active,
.icon-app1.active  {
--color-1: #737373; 
--opacity-1: 1.0; 
--color-2: #a3a3a3; 
--opacity-2: 1.0; 
--color-3: #cccccc; 
--opacity-3: 1.0; 
--color-4: #bf328d; 
--opacity-4: 1.0; 
--color-5: #feda00; 
--opacity-5: 1.0; 
--color-6: #ffffff; 
--opacity-6: 1.0; 
--color-7: #24b7af; 
--opacity-7: 1.0; 
--color-8: #ff3232; 
--opacity-8: 1.0; 
--color-9: ##373f4e; 
--opacity-9: 1.0; 
}
.icon-app1 .inactive,
.icon-app1.inactive {
--color-1: #737373; 
--opacity-1: 0.6; 
--color-2: #a3a3a3; 
--opacity-2: 0.6; 
--color-3: #cccccc; 
--opacity-3: 0.6; 
--color-4: #bf328d; 
--opacity-4: 0.6; 
--color-5: #feda00; 
--opacity-5: 0.6; 
--color-6: #ffffff; 
--opacity-6: 0.6; 
--color-7: #24b7af; 
--opacity-7: 0.6; 
--color-8: #ff3232; 
--opacity-8: 0.6; 
--color-9: ##373f4e; 
--opacity-9: 0.6; 
}
.icon-foo1  {
--color-1: #737373; 
--opacity-1: 1.0; 
--color-2: #a3a3a3; 
--opacity-2: 1.0; 
--color-3: #cccccc; 
--opacity-3: 1.0; 
--color-4: #04bb40; 
--opacity-4: 1.0; 
--color-5: #ff0000; 
--opacity-5: 1.0; 
}
.icon-foo1 .active,
.icon-foo1.active  {
--color-1: #bf328d; 
--opacity-1: 1.0; 
--color-2: #bf328d; 
--opacity-2: 1.0; 
--color-3: #bf328d; 
--opacity-3: 1.0; 
--color-4: #bf328d; 
--opacity-4: 1.0; 
--color-5: #bf328d; 
--opacity-5: 1.0; 
}
.icon-foo1 .inactive,
.icon-foo1.inactive {
--color-1: #737373; 
--opacity-1: 0.6; 
--color-2: #a3a3a3; 
--opacity-2: 0.6; 
--color-3: #cccccc; 
--opacity-3: 0.6; 
--color-4: #04bb40; 
--opacity-4: 0.6; 
--color-5: #ff0000; 
--opacity-5: 0.6; 
}
.icon-foo2  {
--color-1: #ff0000; 
--opacity-1: 1.0; 
--color-2: #ffffff; 
--opacity-2: 1.0; 
}
.icon-foo2 .active,
.icon-foo2.active  {
--color-1: #ff0000; 
--opacity-1: 1.0; 
--color-2: #ffffff; 
--opacity-2: 1.0; 
}
.icon-foo2 .inactive,
.icon-foo2.inactive {
--color-1: #ff0000; 
--opacity-1: 0.6; 
--color-2: #ffffff; 
--opacity-2: 0.6; 
}
.icon-hea1  {
--color-1: #ffffff; 
--opacity-1: 1.0; 
--color-2: #FF3232; 
--opacity-2: 1.0; 
}
.icon-hea1 .active,
.icon-hea1.active  {
--color-1: #ffffff; 
--opacity-1: 1.0; 
--color-2: #FF3232; 
--opacity-2: 1.0; 
}
.icon-hea1 .inactive,
.icon-hea1.inactive {
--color-1: #ffffff; 
--opacity-1: 0.6; 
--color-2: #FF3232; 
--opacity-2: 0.6; 
}
.icon-log1  {
--color-1: #535B69; 
--opacity-1: 1.0; 
}
.icon-log1 .active,
.icon-log1.active  {
--color-1: #24b7af; 
--opacity-1: 1.0; 
}
.icon-log1 .inactive,
.icon-log1.inactive {
--color-1: #535B69; 
--opacity-1: 0.6; 
}
.icon-map1  {
--color-1: #737373; 
--opacity-1: 1.0; 
--color-2: #a3a3a3; 
--opacity-2: 1.0; 
--color-3: #cccccc; 
--opacity-3: 1.0; 
--color-4: #e5e5e5; 
--opacity-4: 1.0; 
--color-5: #ebebeb; 
--opacity-5: 1.0; 
--color-6: #f0f0f0; 
--opacity-6: 1.0; 
--color-7: #f5f5f5; 
--opacity-7: 1.0; 
}
.icon-map1 .active,
.icon-map1.active  {
--color-1: #96328d; 
--opacity-1: 1.0; 
--color-2: #c54698; 
--opacity-2: 1.0; 
--color-3: #df98c6; 
--opacity-3: 1.0; 
--color-4: #efcbe2; 
--opacity-4: 1.0; 
--color-5: #f2d6e8; 
--opacity-5: 1.0; 
--color-6: #f6e0ee; 
--opacity-6: 1.0; 
--color-7: #f9eaf3; 
--opacity-7: 1.0; 
}
.icon-map1 .inactive,
.icon-map1.inactive {
--color-1: #737373; 
--opacity-1: 0.6; 
--color-2: #a3a3a3; 
--opacity-2: 0.6; 
--color-3: #cccccc; 
--opacity-3: 0.6; 
--color-4: #e5e5e5; 
--opacity-4: 0.6; 
--color-5: #ebebeb; 
--opacity-5: 0.6; 
--color-6: #f0f0f0; 
--opacity-6: 0.6; 
--color-7: #f5f5f5; 
--opacity-7: 0.6; 
}
.icon-men1  {
--color-1: #737373; 
--opacity-1: 1.0; 
--color-2: #a3a3a3; 
--opacity-2: 1.0; 
--color-3: #cccccc; 
--opacity-3: 1.0; 
--color-4: #04bb40; 
--opacity-4: 1.0; 
--color-5: #ff0000; 
--opacity-5: 1.0; 
}
.icon-men1 .active,
.icon-men1.active  {
--color-1: #24b7af; 
--opacity-1: 1.0; 
--color-2: #24b7af; 
--opacity-2: 1.0; 
--color-3: #24b7af; 
--opacity-3: 1.0; 
--color-4: #24b7af; 
--opacity-4: 1.0; 
--color-5: #24b7af; 
--opacity-5: 1.0; 
}
.icon-men1 .inactive,
.icon-men1.inactive {
--color-1: #737373; 
--opacity-1: 0.6; 
--color-2: #a3a3a3; 
--opacity-2: 0.6; 
--color-3: #cccccc; 
--opacity-3: 0.6; 
--color-4: #04bb40; 
--opacity-4: 0.6; 
--color-5: #ff0000; 
--opacity-5: 0.6; 
}
.icon-msg1  {
--color-1: #a3a3a3; 
--opacity-1: 1.0; 
--color-2: #cccccc; 
--opacity-2: 1.0; 
--color-3: #04bb40; 
--opacity-3: 1.0; 
--color-4: #ff0000; 
--opacity-4: 1.0; 
--color-5: #ffffff; 
--opacity-5: 1.0; 
}
.icon-msg1 .active,
.icon-msg1.active  {
--color-1: #a3a3a3; 
--opacity-1: 1.0; 
--color-2: #cccccc; 
--opacity-2: 1.0; 
--color-3: #04bb40; 
--opacity-3: 1.0; 
--color-4: #ff0000; 
--opacity-4: 1.0; 
--color-5: #ffffff; 
--opacity-5: 1.0; 
}
.icon-msg1 .inactive,
.icon-msg1.inactive {
--color-1: #a3a3a3; 
--opacity-1: 0.6; 
--color-2: #cccccc; 
--opacity-2: 0.6; 
--color-3: #04bb40; 
--opacity-3: 0.6; 
--color-4: #ff0000; 
--opacity-4: 0.6; 
--color-5: #ffffff; 
--opacity-5: 0.6; 
}
.icon-pla1  {
--color-1: #737373; 
--opacity-1: 1.0; 
--color-2: #a3a3a3; 
--opacity-2: 1.0; 
--color-3: #e5e5e5; 
--opacity-3: 1.0; 
}
.icon-pla1 .active,
.icon-pla1.active  {
--color-1: #373f4e; 
--opacity-1: 1.0; 
--color-2: #373f4e; 
--opacity-2: 1.0; 
--color-3: #e5e5e5; 
--opacity-3: 1.0; 
}
.icon-pla1 .inactive,
.icon-pla1.inactive {
--color-1: #737373; 
--opacity-1: 0.6; 
--color-2: #a3a3a3; 
--opacity-2: 0.6; 
--color-3: #e5e5e5; 
--opacity-3: 0.6; 
}
.icon-vis1  {
--color-1: #a3a3a3; 
--opacity-1: 1.0; 
}
.icon-vis1 .active,
.icon-vis1.active  {
--color-1: #24b7af; 
--opacity-1: 1.0; 
}
.icon-vis1 .inactive,
.icon-vis1.inactive {
--color-1: #a3a3a3; 
--opacity-1: 0.6; 
}