@font-face
  font-family: 'icomoon'
  src: url('../fonts/icomoon.eot?ee11xj')
  src: url('../fonts/icomoon.eot?ee11xj#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?ee11xj') format('truetype'), url('../fonts/icomoon.woff?ee11xj') format('woff'), url('../fonts/icomoon.svg?ee11xj#icomoon') format('svg')
  font-weight: normal
  font-style: normal

[class^="icon-"], [class*=" icon-"]

  /* use !important to prevent issues with browser extensions that change fonts */

  font-family: 'icomoon' !important
  speak: none
  font-style: normal
  font-weight: normal
  font-variant: normal
  text-transform: none
  line-height: 1

  /* Better Font Rendering =========== */

  -webkit-font-smoothing: antialiased
  -moz-osx-font-smoothing: grayscale

.icon-close-icon:before
  content: "\e903"
.icon-read-by-icon-tick:before
  content: "\e900"
.icon-not-send-icon:before
  content: "\e901"
.icon-deliver-send-icon:before
  content: "\e902"

*
  margin: 0
  padding: 0

body
  height: 100vh

// color
$primary-color: #463B5B
$light-primary-color: #5E5375
$dark-primary-color: #2F2445
$secondary-color: #851E3E
$light-secondary-color: #A63E5D
$darker-secondary-color: #600621
$tertiary-color: #E5E5E5
$light-tertiary-color: #FFFFFF
$dark-tertiary-color: #C1C1C1
$success: #33965E
$error: #D24C48
$warning: #D2A448
$triage-status: #B5B5B5
$backlog-status: #D27648
$light-text-color: $light-tertiary-color
$light-deactivated-text-color: rgba($light-text-color, .2)
$dark-text-color: #232323
$dark-deactivated-text-color: rgba($dark-text-color, .2)
$border-color: rgba($dark-text-color, .4)
$light-placeholder-text-color: rgba($light-text-color, .5)
$dark-placeholder-text-color: rgba($dark-text-color, .5)

// material
$box-shadow-color: 0 0 5px rgba(#000, 0.5)