// FILE (create it): src/quasar-variables.sass

$primary: #02A998
$secondary: #016987
$accent: #9C27B0

// $dark: #1D1D1D
$dark: #35473C

$positive: #21BA45
$negative: #C10015
$info: #31CCEC
$warning: #F2C037

$add: #00aa86
.text-add
    color: $add !important
.bg-add
    background: $add !important

$edit: #019fc4
.text-edit
    color: $edit !important
.bg-edit
    background: $edit !important

$public: #016987
.text-public
    color: $public !important
.bg-public
    background: $public !important

$save: #4154b3
.text-save
    color: $save !important
.bg-save
    background: $save !important

$nativetab: #c8d3db
.text-nativetab
    color: $nativetab !important
.bg-nativetab
    background: $nativetab !important

$activetab: #4a5568
.text-activetab
    color: $activetab !important
.bg-activetab
    background: $activetab !important

.inputgreen .q-field__prefix,
.inputgreen .q-field__suffix,
.inputgreen .q-field__input,
.inputgreen .q-field__native

    color: rgb(6, 136, 77)

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@100;200;300;400;500;600;700;800;900&display=swap')

$noto-thai: 'Noto Sans Thai', sans-serif

#azay-app,
div
    font-family: $noto-thai !important
    text-rendering: optimizeLegibility
    -webkit-font-smoothing: antialiased
    -moz-osx-font-smoothing: grayscale

$separator-color: #EDEDED !default

.bg-teal-1
  background: #e0f2f1a6 !important
  
.table_ellipsis
  max-width: 200px
  white-space: nowrap
  overflow: hidden
  text-overflow: ellipsis

.table_ellipsis:hover
  word-wrap: break-word
  overflow: visible
  white-space: normal

.table_ellipsis2
  max-width: 25vw
  white-space: nowrap
  overflow: hidden
  text-overflow: ellipsis

.table_ellipsis2:hover
  word-wrap: break-word
  overflow: visible
  white-space: normal
  transition: width 2s

$muti-tab: #87d4cc
.text-muti-tab
    color: $muti-tab !important
.bg-muti-tab
    background: $muti-tab !important

    
/* editor */

.q-editor
    font-size: 1rem
    line-height: 1.5rem
    font-weight: 400
    
.q-editor h1, .q-menu h1
  font-size: 1.5rem
  line-height: 2rem
  font-weight: 400
  margin-block-start: 0em
  margin-block-end: 0em

.q-editor h2,  .q-menu h2
  font-size: 1.25rem
  line-height: 1.5rem
  font-weight: 400
  margin-block-start: 0em
  margin-block-end: 0em


.q-editor h3, .q-menu h3
  font-size: 1.1rem
  line-height: 1.5rem
  font-weight: 400
  margin-block-start: 0em
  margin-block-end: 0em

.q-editor p, .q-menu p
    margin: 0

/* q-tree */

.q-tree
  color: #c8d3db