/* Crew Management */
.crew_icon {
width: 30px;
height: 30px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
/* Hover状态 */
a:hover .crew_icon {
background: linear-gradient(135deg, #00e175, #023d01);
}
/* Active状态 */
/* a:active .crew_icon {
background: linear-gradient(135deg, #00ff87, #60efff);
} */
/* HOME */
.home_icon {
width: 30px;
height: 30px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
a:hover .home_icon {
background: linear-gradient(135deg, #00e175, #023d01);
}
/* DM & PM */
.dm_pm_icon {
width: 30px;
height: 30px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
a:hover .dm_pm_icon {
background: linear-gradient(135deg, #00e175, #023d01);
}
/* Operations */
.operations_icon {
width: 30px;
height: 30px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
a:hover .operations_icon {
background: linear-gradient(135deg, #00e175, #023d01);
}
/* Budget */
.budget_icon {
width: 30px;
height: 30px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
a:hover .budget_icon {
background: linear-gradient(135deg, #00e175, #023d01);
}
/* Chats */
.chats_icon {
width: 30px;
height: 30px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
a:hover .chats_icon {
background: linear-gradient(135deg, #00e175, #023d01);
}
.operation_search_gpt_icon {
width: 30px;
height: 30px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
a:hover .operation_search_gpt_icon {
background: linear-gradient(135deg, #00e175, #023d01);
}
/* Notifications */
.notifications_icon {
width: 30px;
height: 30px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
a:hover .notifications_icon {
background: linear-gradient(135deg, #00e175, #023d01);
}
/* Attendance */
.attendance_icon {
width: 30px;
height: 30px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
a:hover .attendance_icon {
background: linear-gradient(135deg, #00e175, #023d01);
}
/* Sales */
.sales_icon {
width: 30px;
height: 30px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
a:hover .sales_icon {
background: linear-gradient(135deg, #00e175, #023d01);
}
/* Purchase */
.purchase_icon {
width: 30px;
height: 30px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
a:hover .purchase_icon {
background: linear-gradient(135deg, #00e175, #023d01);
}
/* Daily Report */
.daily_report_icon {
width: 30px;
height: 30px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
a:hover .daily_report_icon {
background: linear-gradient(135deg, #00e175, #023d01);
}
/* Search More */
.search_more_icon {
width: 30px;
height: 30px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
a:hover .search_more_icon {
background: linear-gradient(135deg, #00e175, #023d01);
}
/* ===Left ICON === */
.dm_pm_project_icon {
width: 15px;
height: 15px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
.dm_pm_dashboard_icon {
width: 15px;
height: 15px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
.dm_pm_checklist_icon {
width: 15px;
height: 15px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
.dm_pm_calendar_icon {
width: 15px;
height: 15px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
.dm_pm_gantt_icon {
width: 15px;
height: 15px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
.dm_pm_daily_report_icon {
width: 15px;
height: 15px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
.dm_pm_daily_report_dropdown_icon {
width: 15px;
height: 15px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
.dm_pm_daily_report_label_icon {
width: 15px;
height: 15px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
.dm_pm_resources_icon {
width: 15px;
height: 15px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
.dm_pm_checklist_group_icon {
width: 15px;
height: 15px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
.dm_pm_setting_icon {
width: 15px;
height: 15px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
.operation_building_icon {
width: 15px;
height: 15px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
.operation_units_icon {
width: 15px;
height: 15px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
.operation_pricings_icon {
width: 15px;
height: 15px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
.operation_offering_icon {
width: 15px;
height: 15px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
.operation_permission_icon {
width: 15px;
height: 15px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
.operation_saleform_icon {
width: 15px;
height: 15px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
.budget_catalog_icon {
width: 15px;
height: 15px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
.budget_expense_icon {
width: 15px;
height: 15px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
.budget_payment_icon {
width: 15px;
height: 15px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
.budget_contract_icon {
width: 15px;
height: 15px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
.attendance_export_icon {
width: 15px;
height: 15px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
.attendance_location_icon {
width: 15px;
height: 15px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
.attendance_status_icon {
width: 15px;
height: 15px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
.sales_sales_icon {
width: 15px;
height: 15px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
.sales_lawyer_icon {
width: 15px;
height: 15px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
.sales_clients_icon {
width: 15px;
height: 15px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
.materials_catalog_icon {
width: 15px;
height: 15px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
.materials_ship_icon {
width: 15px;
height: 15px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
.materials_invoice_icon {
width: 15px;
height: 15px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
.materials_report_icon {
width: 15px;
height: 15px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
.materials_merge_icon {
width: 15px;
height: 15px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
.crew_crew_icon {
width: 15px;
height: 15px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
.crew_salery_icon {
width: 15px;
height: 15px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
.crew_attendances_icon {
width: 15px;
height: 15px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
.crew_attendances_addtion_icon {
width: 15px;
height: 15px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
.crew_sub_contractor_icon {
width: 15px;
height: 15px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
.crew_sub_contractor_daily_icon {
width: 15px;
height: 15px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
.crew_contractor_icon {
width: 15px;
height: 15px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
.crew_foreman_icon {
width: 15px;
height: 15px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
.crew_test_icon {
width: 15px;
height: 15px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
.talks_user_list_icon {
width: 15px;
height: 15px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
.talks_talk_list_icon {
width: 15px;
height: 15px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
.talks_create_group_icon {
width: 15px;
height: 15px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
.talks_modify_group_icon {
width: 15px;
height: 15px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
.daily_report_scheduler_icon {
width: 15px;
height: 15px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
.daily_report_gantt_icon {
width: 15px;
height: 15px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}
.daily_report_checklist_icon {
width: 15px;
height: 15px;
display: inline-block;
transition: background 0.3s ease;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background: linear-gradient(135deg, #00c6ff, #0072ff);
}