[data-module=sidebar] {
  background: var(--base-background);
}

[data-module=sidebar] .sidebar-collapse {
  width: 40px;
}

[data-module=sidebar] #left-menu {
  background: none;
  width: 230px;
  transition: 0.3s;
  display: flex;
  flex-direction: column;
  height: 100%;
}

[data-module=sidebar] .collapse-button {
  padding: 0;
  border: 1px solid #AAAAAF;
  border-radius: 3px;
  width: 12px;
  height: 48px;
  background: none;
}

[data-module=sidebar] .menu-container {
  padding-top: 14px;
  overflow: auto;
  display: flex;
  flex-direction: column;
  flex: 1;
}

[data-module=sidebar] .menu-with-add-icon-header,
[data-module=sidebar] .menu-header {
  display: flex;
  align-items: center;
  padding: 8px 0 0 15px;
  color: var(--subtitle-text-color);
  font-weight: bold;
  font-size: 12px;
}

[data-module=sidebar] .menu-item {
  display: flex;
  padding: 2px 0px 2px 10px;
  cursor: pointer;
}

[data-module=sidebar] .menu-item.child {
  padding-inline-start: 26px;
}

[data-module=sidebar] .menu-item.todo a {
  line-height: 30px;
  font-weight: normal;
}

[data-module=sidebar] .menu-item a {
  line-height: 40px;
  font-weight: bold;
  font-size: 13px;
  color: var(--main-text-color);
  flex: 1;
}

[data-module=sidebar] .menu-item:hover {
  background: var(--main-hover-cell);
}

[data-module=sidebar] .menu-item.active {
  border-right: 5px solid var(--main-highlight-menu-color);
  background: #FFFFFF;
}

[data-module=sidebar] .menu-item:hover a,
[data-module=sidebar] .menu-item.active a {
  color: var(--main-active-color);
}

[data-module=sidebar] .sidebar-title-container.column {
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  cursor: pointer;
}

[data-module=sidebar] .sidebar-title-container.column:hover {
  background-color: #FAFAFA;
}

[data-module=sidebar] .sidebar-title-container.column:hover .fa-caret-right {
  color: #E6E6E6;
}


[data-module=sidebar] .collapse-title {
  color: var(--main-header-color);
  font-weight: bold;
  font-size: 14px;
  align-self: center;
}

[data-module=sidebar] .icon {
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center;
  width: 40px;
  height: 40px;
}

[data-module=sidebar] .menu-item.todo .icon {
  height: 30px;
  width: 30px;
}

/* [data-module=sidebar] [class*=-icon]:not(.ant-tree):not(.anticon) { */
[data-module=sidebar] .icon {
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: var(--main-menu-color);
}

[data-module=sidebar] [class*=-icon].select,
[data-module=sidebar] [class*=-icon]:not(.disabled).collapse:hover {
  /* -webkit-mask: none;
  mask: none; */
}

[data-module=sidebar] .icon-letter {
  width: 16px;
  height: 16px;
  text-align: center;
  font: normal normal bold 12px/16px Lato;
  background-color: var(--main-menu-color);
  color: white;
  align-self: center;
  border-radius: 4px;
  margin: 0px 12px 0px 12px;
}

[data-module=sidebar] [class*=-icon].disabled {
  background-color: var(--main-icon-color);
}

/* start left pane Log menu */
[data-module=sidebar] .history-log-icon {
  -webkit-mask-image: url(../../common/img/sidebarMenuIcon/history-log.svg);
  mask-image: url(../../common/img/sidebarMenuIcon/history-log.svg);
}

[data-module=sidebar] .history-log-icon.select,
.history-log-icon.collapse:hover {
  background-color: var(--main-highlight-menu-color);
}

[data-module=sidebar] .current-log-icon {
  -webkit-mask-image: url(../../common/img/sidebarMenuIcon/current-log.svg);
  mask-image: url(../../common/img/sidebarMenuIcon/current-log.svg);
}

[data-module=sidebar] .current-log-icon.select,
.current-log-icon.collapse:hover {
  background-color: var(--main-highlight-menu-color);
}

[data-module=sidebar] .report-icon {
  -webkit-mask-image: url(../../common/img/sidebarMenuIcon/report.svg);
  mask-image: url(../../common/img/sidebarMenuIcon/report.svg);
}

[data-module=sidebar] .report-icon .select,
.report-icon .collapse:hover {
  background-color: var(--main-highlight-menu-color);
}

/* end left pane Log menu */

/* start left pane Storage menu */
[data-module=sidebar] .personal-icon {
  -webkit-mask-image: url(../../common/img/sidebarMenuIcon/user.svg);
  mask-image: url(../../common/img/sidebarMenuIcon/user.svg);
}

[data-module=sidebar] .personal-icon.select,
.personal-icon.collapse:hover {
  background-color: var(--main-highlight-menu-color);
}

[data-module=sidebar] .broadcast-icon {
  -webkit-mask-image: url(../../common/img/sidebarMenuIcon/broadcast.svg);
  mask-image: url(../../common/img/sidebarMenuIcon/broadcast.svg);
}

[data-module=sidebar] .broadcast-icon.select,
.broadcast-icon.collapse:hover {
  background-color: var(--main-highlight-menu-color);
}

/* end left pane Storage menu */

/* start left pane BMS menu */
[data-module=sidebar] .building_mgmt-icon {
  -webkit-mask-image: url(../../common/img/sidebarMenuIcon/building.svg);
  mask-image: url(../../common/img/sidebarMenuIcon/building.svg);
}

[data-module=sidebar] .building_mgmt-icon.select,
.building_mgmt-icon.collapse:hover {
  background-color: var(--main-highlight-menu-color);
}

[data-module=sidebar] .mail_sender_config-icon {
  -webkit-mask-image: url(../../common/img/sidebarMenuIcon/mail-template.svg);
  mask-image: url(../../common/img/sidebarMenuIcon/mail-template.svg);
}

[data-module=sidebar] .mail_sender_config-icon.select,
.mail_sender_config-icon.collapse:hover {
  background-color: var(--main-highlight-menu-color);
}

[data-module=sidebar] .mail_sender_config-icon {
  -webkit-mask-image: url(../../common/img/sidebarMenuIcon/mail-template.svg);
  mask-image: url(../../common/img/sidebarMenuIcon/mail-template.svg);
}

[data-module=sidebar] .inbox-shared-task-icon {
  -webkit-mask-image: url(../../common/img/sidebarMenuIcon/inbox.svg);
  mask-image: url(../../common/img/sidebarMenuIcon/inbox.svg);
}

[data-module=sidebar] .outbox-shared-task-icon {
  -webkit-mask-image: url(../../common/img/sidebarMenuIcon/outbox.svg);
  mask-image: url(../../common/img/sidebarMenuIcon/outbox.svg);
}

[data-module=sidebar] .all-chat-icon {
  -webkit-mask-image: url(../../common/img/sidebarMenuIcon/all-chat.svg);
  mask-image: url(../../common/img/sidebarMenuIcon/all-chat.svg);
}

[data-module=sidebar] .all-contact-icon {
  -webkit-mask-image: url(../../common/img/sidebarMenuIcon/all-contact.svg);
  mask-image: url(../../common/img/sidebarMenuIcon/all-contact.svg);
}

/* end left pane BMS menu */

/* start left pane UM menu */
[data-module=sidebar] .user-icon {
  -webkit-mask-image: url(../../common/img/sidebarMenuIcon/user.svg);
  mask-image: url(../../common/img/sidebarMenuIcon/user.svg);
}

[data-module=sidebar] .org-chart-icon {
  -webkit-mask-image: url(../../common/img/sidebarMenuIcon/org-chart-icon.svg);
  mask-image: url(../../common/img/sidebarMenuIcon/org-chart-icon.svg);
}
[data-module=sidebar] .org-chart-icon.select,
.org-chart-icon.collapse:hover {
  background-color: var(--main-highlight-menu-color);
}

[data-module=sidebar] .fraud-detection-icon {
  -webkit-mask-image: url(../../common/img/sidebarMenuIcon/fraud-detection-icon.svg);
  mask-image: url(../../common/img/sidebarMenuIcon/fraud-detection-icon.svg);
}
[data-module=sidebar] .fraud-detection-icon.select,
.fraud-detection-icon.collapse:hover {
  background-color: var(--main-highlight-menu-color);
}

[data-module=sidebar] .user-icon.select,
.user-icon.collapse:hover {
  background-color: var(--main-highlight-menu-color);
}

[data-module=sidebar] .group-icon {
  -webkit-mask-image: url(../../common/img/sidebarMenuIcon/group.svg);
  mask-image: url(../../common/img/sidebarMenuIcon/group.svg);
}

[data-module=sidebar] .group-icon.select,
.group-icon.collapse:hover {
  background-color: var(--main-highlight-menu-color);
}

/* end left pane UM menu */

/* start left pane Org mgmt menu */
[data-module=sidebar] .org-detail-icon {
  -webkit-mask-image: url(../../common/img/sidebarMenuIcon/org.svg);
  mask-image: url(../../common/img/sidebarMenuIcon/org.svg);
}

[data-module=sidebar] .org-detail-icon.select,
.org-detail-icon.collapse:hover {
  background-color: var(--main-highlight-menu-color);
}

[data-module=sidebar] .authen-setting-icon {
  -webkit-mask-image: url(../../common/img/sidebarMenuIcon/authen-setting.svg);
  mask-image: url(../../common/img/sidebarMenuIcon/authen-setting.svg);
}

[data-module=sidebar] .authen-setting-icon.select,
.authen-setting-icon.collapse:hover {
  background-color: var(--main-highlight-menu-color);
}

[data-module=sidebar] .display-setting-icon {
  -webkit-mask-image: url(../../common/img/sidebarMenuIcon/display-setting.svg);
  mask-image: url(../../common/img/sidebarMenuIcon/display-setting.svg);
}

[data-module=sidebar] .display-setting-icon.select,
.display-setting-icon.collapse:hover {
  background-color: var(--main-highlight-menu-color);
}

[data-module=sidebar] .user-permission-icon {
  -webkit-mask-image: url(../../common/img/sidebarMenuIcon/app-permission.svg);
  mask-image: url(../../common/img/sidebarMenuIcon/app-permission.svg);
}

[data-module=sidebar] .user-permission-icon.select,
.user-permission-icon.collapse:hover {
  background-color: var(--main-highlight-menu-color);
}

[data-module=sidebar] .announcement-icon {
  -webkit-mask-image: url(../../common/img/sidebarMenuIcon/announcement.svg);
  mask-image: url(../../common/img/sidebarMenuIcon/announcement.svg);
}

[data-module=sidebar] .announcement-icon.select,
.announcement-icon.collapse:hover {
  background-color: var(--main-highlight-menu-color);
}

[data-module=sidebar] .sender-setting-icon {
  -webkit-mask-image: url(../../common/img/sidebarMenuIcon/mail-setting.svg);
  mask-image: url(../../common/img/sidebarMenuIcon/mail-setting.svg);
}

[data-module=sidebar] .sender-setting-icon.select,
.sender-setting-icon.collapse:hover {
  background-color: var(--main-highlight-menu-color);
}

/* end left pane Org mgmt menu */

/* start left pane Resource mgmt menu */
[data-module=sidebar] .resource-room-icon {
  -webkit-mask-image: url(../../common/img/sidebarMenuIcon/room.svg);
  mask-image: url(../../common/img/sidebarMenuIcon/room.svg);
}

[data-module=sidebar] .resource-room-icon.select,
.resource-room-icon.collapse:hover {
  background-color: var(--main-highlight-menu-color);
}

[data-module=sidebar] .resource-displays-icon {
  -webkit-mask-image: url(../../common/img/sidebarMenuIcon/display.svg);
  mask-image: url(../../common/img/sidebarMenuIcon/display.svg);
}

[data-module=sidebar] .resource-displays-icon.select,
.resource-displays-icon.collapse:hover {
  background-color: var(--main-highlight-menu-color);
}

[data-module=sidebar] .resource-transportations-icon {
  -webkit-mask-image: url(../../common/img/sidebarMenuIcon/car.svg);
  mask-image: url(../../common/img/sidebarMenuIcon/car.svg);
}

[data-module=sidebar] .resource-transportations-icon.select,
.resource-transportations-icon.collapse:hover {
  background-color: var(--main-highlight-menu-color);
}

/* end left pane Resource mgmt menu */

/* start left pane Parking mgmt menu */
[data-module=sidebar] .vehicle-icon {
  -webkit-mask-image: url(../../common/img/sidebarMenuIcon/car.svg);
  mask-image: url(../../common/img/sidebarMenuIcon/car.svg);
}

[data-module=sidebar] .vehicle-icon.select,
.vehicle-icon.collapse:hover {
  background-color: var(--main-highlight-menu-color);
}

[data-module=sidebar] .plan-setting-icon {
  -webkit-mask-image: url(../../common/img/sidebarMenuIcon/car-plan-setting.svg);
  mask-image: url(../../common/img/sidebarMenuIcon/car-plan-setting.svg);
}

[data-module=sidebar] .plan-setting-icon.select,
.plan-setting-icon.collapse:hover {
  background-color: var(--main-highlight-menu-color);
}

/* end left pane Parking mgmt menu */

/* start left pane Guest mgmt or Visitor mgmt menu */
[data-module=sidebar] .guest-icon {
  -webkit-mask-image: url(../../common/img/sidebarMenuIcon/visitor-icon.svg);
  mask-image: url(../../common/img/sidebarMenuIcon/visitor-icon.svg);
}

[data-module=sidebar] .incoming-icon {
  -webkit-mask-image: url(../../common/img/sidebarMenuIcon/incoming-icon.svg);
  mask-image: url(../../common/img/sidebarMenuIcon/incoming-icon.svg);
}
[data-module=sidebar] .today-icon {
  -webkit-mask-image: url(../../common/img/sidebarMenuIcon/today-icon.svg);
  mask-image: url(../../common/img/sidebarMenuIcon/today-icon.svg);
}

[data-module=sidebar] .guest-icon.select,
.guest-icon.collapse:hover {
  background-color: var(--main-highlight-menu-color);
}

/* end left pane Guest mgmt or Visitor mgmt menu */

/* start left pane Policy mgmt menu */
[data-module=sidebar] .all-policy-search-icon {
  -webkit-mask-image: url(../../common/img/sidebarMenuIcon/policy-mgmt.svg);
  mask-image: url(../../common/img/sidebarMenuIcon/policy-mgmt.svg);
}

[data-module=sidebar] .group-policy-search-icon {
  -webkit-mask-image: url(../../common/img/sidebarMenuIcon/group-policy-mgmt.svg);
  mask-image: url(../../common/img/sidebarMenuIcon/group-policy-mgmt.svg);
}

[data-module=sidebar] .all-policy-search-icon.select,
.all-policy-search-icon.collapse:hover,
.group-policy-search-icon.select,
.group-policy-search-icon.collapse:hover {
  background-color: var(--main-highlight-menu-color);
}


/* end left pane Policy mgmt menu */

/* start left pane System mgmt menu */
[data-module=sidebar] .backup-icon {
  -webkit-mask-image: url(../../common/img/sidebarMenuIcon/backup.svg);
  mask-image: url(../../common/img/sidebarMenuIcon/backup.svg);
}

[data-module=sidebar] .backup-icon.select,
.backup-icon.collapse:hover {
  background-color: var(--main-highlight-menu-color);
}

[data-module=sidebar] .restore-icon {
  -webkit-mask-image: url(../../common/img/sidebarMenuIcon/restoration.svg);
  mask-image: url(../../common/img/sidebarMenuIcon/restoration.svg);
}

[data-module=sidebar] .restore-icon.select,
.restore-icon.collapse:hover {
  background-color: var(--main-highlight-menu-color);
}

/* end left pane System mgmt menu */

[data-module=sidebar] .building_mgmt_pm_25-icon {
  -webkit-mask-image: url(../../common/img/sidebarIcon/menu-pm-25.svg);
  mask-image: url(../../common/img/sidebarIcon/menu-pm-25.svg);
}

[data-module=sidebar] .building_mgmt_pm_25-icon.select,
.building_mgmt_pm_25-icon.collapse:hover {
  background-color: var(--main-highlight-menu-color);
}

[data-module=sidebar] .devices-icon {
  -webkit-mask-image: url(../../common/img/sidebarMenuIcon/devices.svg);
  mask-image: url(../../common/img/sidebarMenuIcon/devices.svg);
}

[data-module=sidebar] .devices-icon.select,
.devices-icon.collapse:hover {
  background-color: var(--main-highlight-menu-color);
}

[data-module=sidebar] .parking_mgmt-icon {
  -webkit-mask-image: url(../../common/img/sidebarIcon/parking.svg);
  mask-image: url(../../common/img/sidebarIcon/parking.svg);
}

[data-module=sidebar] .parking_mgmt-icon.select,
.parking_mgmt-icon.collapse:hover {
  background-color: var(--main-highlight-menu-color);
}

[data-module=sidebar] .reports-icon {
  -webkit-mask-image: url(../../common/img/sidebarIcon/folder_open.svg);
  mask-image: url(../../common/img/sidebarIcon/folder_open.svg);
}

[data-module=sidebar].collapse-menu {
  width: 100%;
  /* -webkit-mask-image: url(../../common/img/sidebarIcon/folder_open.svg);
  mask-image: url(../../common/img/sidebarIcon/folder_open.svg); */
}

[data-module=sidebar] .menu-with-add-icon-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: solid 1.5px #d6d6d6;
  padding-top: 5px;
  margin: 10px 5px 5px 0px;
}

[data-module=sidebar] .menu-with-add-icon-container .anticon {
  margin-right: 10px;
}

[data-module=sidebar] .menu-with-add-icon-header{
  padding-left: 10px;
  font-weight: bold;
  color: var(--main-header-color);
}

[data-module=sidebar] #inbox-shared-task,[data-module=sidebar] #outbox-shared-task{
  padding-inline-start: 18px;
}

[data-module=sidebar] .trash-icon {
  mask-image: url(../img/commonIcon/delete-icon.svg);
  -webkit-mask-image: url(../img/commonIcon/delete-icon.svg);
}

[data-module=sidebar] .noti-icon-on-sidebar {
  background-image: url(../../common/img/commonIcon/exclamation-icon.svg);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: center;
  width: 40px;
  height: 40px;
}