.sa-quill-control--ready {
    display: none
  }
  
  .sa-quill {
    border-color: #ced4da
  }
  
  .sa-quill .ql-toolbar {
    --sa-quill-toolbar-gutter: .3125rem;
    background: #fff;
    border-color: inherit;
    border-radius: .125rem .125rem 0 0;
    padding: var(--sa-quill-toolbar-gutter);
    display: flex !important;
    flex-wrap: wrap !important;
  }
  
  .sa-quill .ql-toolbar:before {
    content: "";
    display: block;
    margin-bottom: calc(var(--sa-quill-toolbar-gutter)*-1)
  }
  
  .sa-quill .ql-toolbar .ql-expanded .ql-picker-label,
  .sa-quill .ql-toolbar .ql-picker-label,
  .sa-quill .ql-toolbar button {
    background: #0000;
    color: #212529
  }
  
  .sa-quill .ql-toolbar .ql-expanded .ql-picker-label.ql-active .ql-fill,
  .sa-quill .ql-toolbar .ql-expanded .ql-picker-label .ql-fill,
  .sa-quill .ql-toolbar .ql-expanded .ql-picker-label:focus .ql-fill,
  .sa-quill .ql-toolbar .ql-expanded .ql-picker-label:hover .ql-fill,
  .sa-quill .ql-toolbar .ql-picker-label.ql-active .ql-fill,
  .sa-quill .ql-toolbar .ql-picker-label .ql-fill,
  .sa-quill .ql-toolbar .ql-picker-label:focus .ql-fill,
  .sa-quill .ql-toolbar .ql-picker-label:hover .ql-fill,
  .sa-quill .ql-toolbar button.ql-active .ql-fill,
  .sa-quill .ql-toolbar button .ql-fill,
  .sa-quill .ql-toolbar button:focus .ql-fill,
  .sa-quill .ql-toolbar button:hover .ql-fill {
    fill: currentColor
  }
  
  .sa-quill .ql-toolbar .ql-expanded .ql-picker-label.ql-active .ql-stroke,
  .sa-quill .ql-toolbar .ql-expanded .ql-picker-label .ql-stroke,
  .sa-quill .ql-toolbar .ql-expanded .ql-picker-label:focus .ql-stroke,
  .sa-quill .ql-toolbar .ql-expanded .ql-picker-label:hover .ql-stroke,
  .sa-quill .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
  .sa-quill .ql-toolbar .ql-picker-label .ql-stroke,
  .sa-quill .ql-toolbar .ql-picker-label:focus .ql-stroke,
  .sa-quill .ql-toolbar .ql-picker-label:hover .ql-stroke,
  .sa-quill .ql-toolbar button.ql-active .ql-stroke,
  .sa-quill .ql-toolbar button .ql-stroke,
  .sa-quill .ql-toolbar button:focus .ql-stroke,
  .sa-quill .ql-toolbar button:hover .ql-stroke {
    stroke: currentColor
  }
  
  .sa-quill .ql-toolbar .ql-expanded .ql-picker-label:focus,
  .sa-quill .ql-toolbar .ql-expanded .ql-picker-label:hover,
  .sa-quill .ql-toolbar .ql-picker-label:focus,
  .sa-quill .ql-toolbar .ql-picker-label:hover,
  .sa-quill .ql-toolbar button:focus,
  .sa-quill .ql-toolbar button:hover {
    background: #f0f2f5;
    color: #212529
  }
  
  .sa-quill .ql-toolbar .ql-expanded .ql-picker-label.ql-active,
  .sa-quill .ql-toolbar .ql-expanded .ql-picker-label:active,
  .sa-quill .ql-toolbar .ql-picker-label.ql-active,
  .sa-quill .ql-toolbar .ql-picker-label:active,
  .sa-quill .ql-toolbar button.ql-active,
  .sa-quill .ql-toolbar button:active {
    background: #3d464d;
    color: #fff
  }
  
  .sa-quill .ql-toolbar .ql-expanded .ql-picker-label {
    background: #f0f2f5;
    color: #212529
  }
  
  .sa-quill .ql-toolbar button {
    height: 1.875rem;
    padding: .375rem .4375rem;
    width: 2rem
  }
  
  [dir=ltr] .sa-quill .ql-toolbar button {
    float: left
  }
  
  [dir=rtl] .sa-quill .ql-toolbar button {
    float: right
  }
  
  [dir=ltr] .sa-quill .ql-toolbar button:first-child {
    border-bottom-left-radius: .125rem;
    border-top-left-radius: .125rem
  }
  
  [dir=ltr] .sa-quill .ql-toolbar button:last-child,
  [dir=rtl] .sa-quill .ql-toolbar button:first-child {
    border-bottom-right-radius: .125rem;
    border-top-right-radius: .125rem
  }
  
  [dir=rtl] .sa-quill .ql-toolbar button:last-child {
    border-bottom-left-radius: .125rem;
    border-top-left-radius: .125rem
  }
  
  .sa-quill .ql-toolbar .ql-picker {
    height: 1.875rem
  }
  
  [dir=ltr] .sa-quill .ql-toolbar .ql-picker {
    float: left
  }
  
  [dir=rtl] .sa-quill .ql-toolbar .ql-picker {
    float: right
  }
  
  [dir=ltr] .sa-quill .ql-toolbar .ql-picker:first-child .ql-picker-label {
    border-bottom-left-radius: .125rem;
    border-top-left-radius: .125rem
  }
  
  [dir=ltr] .sa-quill .ql-toolbar .ql-picker:nth-last-child(2) .ql-picker-label,
  [dir=rtl] .sa-quill .ql-toolbar .ql-picker:first-child .ql-picker-label {
    border-bottom-right-radius: .125rem;
    border-top-right-radius: .125rem
  }
  
  [dir=rtl] .sa-quill .ql-toolbar .ql-picker:nth-last-child(2) .ql-picker-label {
    border-bottom-left-radius: .125rem;
    border-top-left-radius: .125rem
  }
  
  .sa-quill .ql-toolbar .ql-picker.ql-expanded .ql-picker-label {
    border-color: #0000
  }
  
  .sa-quill .ql-toolbar .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) .ql-picker-label {
    padding-bottom: .125rem;
    padding-top: .125rem
  }
  
  [dir=ltr] .sa-quill .ql-toolbar .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) .ql-picker-label {
    padding-left: .5rem;
    padding-right: .125rem
  }
  
  [dir=rtl] .sa-quill .ql-toolbar .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) .ql-picker-label {
    padding-left: .125rem;
    padding-right: .5rem
  }
  
  [dir=ltr] .sa-quill .ql-toolbar .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
    left: auto;
    right: 0
  }
  
  [dir=rtl] .sa-quill .ql-toolbar .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
    left: 0;
    right: auto
  }
  
  .sa-quill .ql-toolbar .ql-formats {
    display: block;
    margin-top: var(--sa-quill-toolbar-gutter)
  }
  
  [dir=ltr] .sa-quill .ql-toolbar .ql-formats {
    float: left;
    margin-left: 0;
    margin-right: var(--sa-quill-toolbar-gutter)
  }
  
  [dir=rtl] .sa-quill .ql-toolbar .ql-formats {
    float: right;
    margin-left: var(--sa-quill-toolbar-gutter);
    margin-right: 0
  }
  
  .sa-quill .ql-container {
    background: #fff;
    border-color: inherit;
    border-radius: 0 0 .125rem .125rem;
    font-size: .9375rem
  }
  
  .sa-quill .ql-editor {
    font-size: .9375rem;
    line-height: 1.5;
    min-height: 12.75rem;
    padding: .75rem .875rem;
/*     background-color: #002d74; */
    color: #000;
  }
  
  .sa-inbox-chat__form>.sa-quill {
    margin: 1.25rem 0
  }