@import "../css/colors"
@import "../css/vars"

:local(.appicon)
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  text-align: center;
  font-size: 40px;
  font-family: $sansserif
  line-height: 52px;
  font-weight: bold;
  cursor: default;
  font-style: normal;
  color: $white

  &:before
    color: $white
    font-family: 'doka_Iconfont'
    font-style: normal
    font-weight: normal
    speak: none
    display: inline-block
    text-decoration: inherit
    width: 1em
    text-align: center
    vertical-align: middle
    font-variant: normal
    text-transform: none
    line-height: 32px
    margin: 0
    content: $doka-icon-partnersupport

:local(.appicon.circle)
  border-radius: 50%

:local(.appicon.small)
  width: 36px;
  height: 36px;
  font-size: 30px;
  line-height: 36px;

:local(.appicon.xsmall)
  width: 32px;
  height: 32px;
  font-size: 26px;
  line-height: 32px;

:local(.appicon.customer)
  background: $blue;

  &:before
    content: $doka-icon-customer

:local(.appicon.partner)
  background: $blue;

  &:before
    content: $doka-icon-partnersupport

:local(.appicon.rmo)
  background: $blue;

  &:before
    content: $doka-icon-rmo

:local(.appicon.admin)
  background: $blue;

  &:before
    content: $doka-icon-admin

:local(.appicon.support)
  background: $blue;

  &:before
    content: $doka-icon-partner