/**
 * @file
 * Styling for the user module icons.
 */

/**
 * Toolbar tab icon.
 */

.rm-toolbar-tab {
  float: right !important;
}

#rm_toolbar_link:before {
  width: 20px !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
  background-repeat: no-repeat;
  background-color: transparent !important;
  background-position: center;
  background-size: 14px;
}

/* TeamWork */
.project-management--teamwork a:before {
  background-image: url('../images/icons/teamwork.svg') !important;
}

body.gin--vertical-toolbar .project-management--teamwork a:before,
body.gin--horizontal-toolbar .project-management--teamwork a:before {
  background-image: url('../images/icons/teamwork--dark.svg') !important;
}

/* Jira */
.project-management--jira a:before {
  background-image: url('../images/icons/jira.svg') !important;
}

/* Trello */
.project-management--trello a:before {
  background-image: url('../images/icons/trello.svg') !important;
}

/* clickUp */
.project-management--clickup a:before {
  background-image: url('../images/icons/clickup.svg') !important;
}

/* Monday.com */
.project-management--monday a:before {
  background-image: url('../images/icons/monday.svg') !important;
}

/* Asana */
.project-management--asana a:before {
  background-image: url('../images/icons/asana.svg') !important;
}

/* Wrike */
.project-management--wrike a:before {
  background-image: url('../images/icons/wrike.svg') !important;
}

body.gin--dark-mode #toolbar-item-user:hover:before,
body.gin--dark-mode .rm-toolbar-tab:hover:before {
  filter: brightness(0) invert(1) !important;
}

#toolbar-item-user:before {
  background-image: url(../images/icons/ramsalt-logo.svg) !important;
  width: 20px !important;
  background-repeat: no-repeat;
  mask-image: none !important;
  -webkit-mask-image: none !important;
  background-color: transparent !important;
  background-position: center;
  background-size: 14px;
}

body.gin--vertical-toolbar #toolbar-item-user:before,
body.gin--horizontal-toolbar #toolbar-item-user:before {
  background-image: url(../images/icons/ramsalt-logo--dark.svg) !important;
}