trix-editor {
  border: 1px solid #bbb;
  border-radius: 3px;
  margin: 0;
  padding: 0.4em 0.6em;
  min-height: 5em;
  outline: none; }

trix-toolbar * {
  box-sizing: border-box; }

trix-toolbar .trix-button-row {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  overflow-x: auto; }

trix-toolbar .trix-button-group {
  display: flex;
  margin-bottom: 10px;
  border: 1px solid #bbb;
  border-top-color: #ccc;
  border-bottom-color: #888;
  border-radius: 3px; }
  trix-toolbar .trix-button-group:not(:first-child) {
    margin-left: 1.5vw; }
    @media (max-width: 768px) {
      trix-toolbar .trix-button-group:not(:first-child) {
        margin-left: 0; } }

trix-toolbar .trix-button-group-spacer {
  flex-grow: 1; }
  @media (max-width: 768px) {
    trix-toolbar .trix-button-group-spacer {
      display: none; } }

trix-toolbar .trix-button {
  position: relative;
  float: left;
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.75em;
  font-weight: 600;
  white-space: nowrap;
  padding: 0 0.5em;
  margin: 0;
  outline: none;
  border: none;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  background: transparent; }
  trix-toolbar .trix-button:not(:first-child) {
    border-left: 1px solid #ccc; }
  trix-toolbar .trix-button.trix-active {
    background: #cbeefa;
    color: black; }
  trix-toolbar .trix-button:not(:disabled) {
    cursor: pointer; }
  trix-toolbar .trix-button:disabled {
    color: rgba(0, 0, 0, 0.125); }
  @media (max-width: 768px) {
    trix-toolbar .trix-button {
      letter-spacing: -0.01em;
      padding: 0 0.3em; } }

trix-toolbar .trix-button--icon {
  font-size: inherit;
  width: 2.6em;
  height: 1.6em;
  max-width: calc(0.8em + 4vw);
  text-indent: -9999px; }
  @media (max-width: 768px) {
    trix-toolbar .trix-button--icon {
      height: 2em;
      max-width: calc(0.8em + 3.5vw); } }
  trix-toolbar .trix-button--icon::before {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.6;
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain; }
    @media (max-width: 768px) {
      trix-toolbar .trix-button--icon::before {
        right: 6%;
        left: 6%; } }
  trix-toolbar .trix-button--icon.trix-active::before {
    opacity: 1; }
  trix-toolbar .trix-button--icon:disabled::before {
    opacity: 0.125; }

trix-toolbar .trix-button--icon-attach::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.5%2018V7.5c0-2.25%203-2.25%203%200V18c0%204.125-6%204.125-6%200V7.5c0-6.375%209-6.375%209%200V18%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  top: 8%;
  bottom: 4%; }

trix-toolbar .trix-button--icon-bold::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.522%2019.242a.5.5%200%200%201-.5-.5V5.35a.5.5%200%200%201%20.5-.5h5.783c1.347%200%202.46.345%203.24.982.783.64%201.216%201.562%201.216%202.683%200%201.13-.587%202.129-1.476%202.71a.35.35%200%200%200%20.049.613c1.259.56%202.101%201.742%202.101%203.22%200%201.282-.483%202.334-1.363%203.063-.876.726-2.132%201.12-3.66%201.12h-5.89ZM9.27%207.347v3.362h1.97c.766%200%201.347-.17%201.733-.464.38-.291.587-.716.587-1.27%200-.53-.183-.928-.513-1.198-.334-.273-.838-.43-1.505-.43H9.27Zm0%205.606v3.791h2.389c.832%200%201.448-.177%201.853-.497.399-.315.614-.786.614-1.423%200-.62-.22-1.077-.63-1.385-.418-.313-1.053-.486-1.905-.486H9.27Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-italic::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9%205h6.5v2h-2.23l-2.31%2010H13v2H6v-2h2.461l2.306-10H9V5Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-link::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18.948%205.258a4.337%204.337%200%200%200-6.108%200L11.217%206.87a.993.993%200%200%200%200%201.41c.392.39%201.027.39%201.418%200l1.623-1.613a2.323%202.323%200%200%201%203.271%200%202.29%202.29%200%200%201%200%203.251l-2.393%202.38a3.021%203.021%200%200%201-4.255%200l-.05-.049a1.007%201.007%200%200%200-1.418%200%20.993.993%200%200%200%200%201.41l.05.049a5.036%205.036%200%200%200%207.091%200l2.394-2.38a4.275%204.275%200%200%200%200-6.072Zm-13.683%2013.6a4.337%204.337%200%200%200%206.108%200l1.262-1.255a.993.993%200%200%200%200-1.41%201.007%201.007%200%200%200-1.418%200L9.954%2017.45a2.323%202.323%200%200%201-3.27%200%202.29%202.29%200%200%201%200-3.251l2.344-2.331a2.579%202.579%200%200%201%203.631%200c.392.39%201.027.39%201.419%200a.993.993%200%200%200%200-1.41%204.593%204.593%200%200%200-6.468%200l-2.345%202.33a4.275%204.275%200%200%200%200%206.072Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-strike::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6%2014.986c.088%202.647%202.246%204.258%205.635%204.258%203.496%200%205.713-1.728%205.713-4.463%200-.275-.02-.536-.062-.781h-3.461c.398.293.573.654.573%201.123%200%201.035-1.074%201.787-2.646%201.787-1.563%200-2.773-.762-2.91-1.924H6ZM6.432%2010h3.763c-.632-.314-.914-.715-.914-1.273%200-1.045.977-1.739%202.432-1.739%201.475%200%202.52.723%202.617%201.914h2.764c-.05-2.548-2.11-4.238-5.39-4.238-3.145%200-5.392%201.719-5.392%204.316%200%20.363.04.703.12%201.02ZM4%2011a1%201%200%201%200%200%202h15a1%201%200%201%200%200-2H4Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-quote::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.581%208.471c.44-.5%201.056-.834%201.758-.995C8.074%207.17%209.201%207.822%2010%208.752c1.354%201.578%201.33%203.555.394%205.277-.941%201.731-2.788%203.163-4.988%203.56a.622.622%200%200%201-.653-.317c-.113-.205-.121-.49.16-.764.294-.286.567-.566.791-.835.222-.266.413-.54.524-.815.113-.28.156-.597.026-.908-.128-.303-.39-.524-.72-.69a3.02%203.02%200%200%201-1.674-2.7c0-.905.283-1.59.72-2.088Zm9.419%200c.44-.5%201.055-.834%201.758-.995%201.734-.306%202.862.346%203.66%201.276%201.355%201.578%201.33%203.555.395%205.277-.941%201.731-2.789%203.163-4.988%203.56a.622.622%200%200%201-.653-.317c-.113-.205-.122-.49.16-.764.294-.286.567-.566.791-.835.222-.266.412-.54.523-.815.114-.28.157-.597.026-.908-.127-.303-.39-.524-.72-.69a3.02%203.02%200%200%201-1.672-2.701c0-.905.283-1.59.72-2.088Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-heading-1::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21.5%207.5v-3h-12v3H14v13h3v-13h4.5ZM9%2013.5h3.5v-3h-10v3H6v7h3v-7Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-code::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.293%2011.293a1%201%200%200%200%200%201.414l4%204a1%201%200%201%200%201.414-1.414L5.414%2012l3.293-3.293a1%201%200%200%200-1.414-1.414l-4%204Zm13.414%205.414%204-4a1%201%200%200%200%200-1.414l-4-4a1%201%200%201%200-1.414%201.414L18.586%2012l-3.293%203.293a1%201%200%200%200%201.414%201.414Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-bullet-list::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%207.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203ZM8%206a1%201%200%200%201%201-1h11a1%201%200%201%201%200%202H9a1%201%200%200%201-1-1Zm1%205a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm0%206a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm-2.5-5a1.5%201.5%200%201%201-3%200%201.5%201.5%200%200%201%203%200ZM5%2019.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-number-list::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%204h2v4H4V5H3V4Zm5%202a1%201%200%200%201%201-1h11a1%201%200%201%201%200%202H9a1%201%200%200%201-1-1Zm1%205a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm0%206a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm-3.5-7H6v1l-1.5%202H6v1H3v-1l1.667-2H3v-1h2.5ZM3%2017v-1h3v4H3v-1h2v-.5H4v-1h1V17H3Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-undo::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%2014a1%201%200%200%200%201%201h6a1%201%200%201%200%200-2H6.257c2.247-2.764%205.151-3.668%207.579-3.264%202.589.432%204.739%202.356%205.174%205.405a1%201%200%200%200%201.98-.283c-.564-3.95-3.415-6.526-6.825-7.095C11.084%207.25%207.63%208.377%205%2011.39V8a1%201%200%200%200-2%200v6Zm2-1Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-redo::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2014a1%201%200%200%201-1%201h-6a1%201%200%201%201%200-2h3.743c-2.247-2.764-5.151-3.668-7.579-3.264-2.589.432-4.739%202.356-5.174%205.405a1%201%200%200%201-1.98-.283c.564-3.95%203.415-6.526%206.826-7.095%203.08-.513%206.534.614%209.164%203.626V8a1%201%200%201%201%202%200v6Zm-2-1Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-decrease-nesting-level::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%206a1%201%200%200%201%201-1h12a1%201%200%201%201%200%202H6a1%201%200%200%201-1-1Zm4%205a1%201%200%201%200%200%202h9a1%201%200%201%200%200-2H9Zm-3%206a1%201%200%201%200%200%202h12a1%201%200%201%200%200-2H6Zm-3.707-5.707a1%201%200%200%200%200%201.414l2%202a1%201%200%201%200%201.414-1.414L4.414%2012l1.293-1.293a1%201%200%200%200-1.414-1.414l-2%202Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-increase-nesting-level::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%206a1%201%200%200%201%201-1h12a1%201%200%201%201%200%202H6a1%201%200%200%201-1-1Zm4%205a1%201%200%201%200%200%202h9a1%201%200%201%200%200-2H9Zm-3%206a1%201%200%201%200%200%202h12a1%201%200%201%200%200-2H6Zm-2.293-2.293%202-2a1%201%200%200%200%200-1.414l-2-2a1%201%200%201%200-1.414%201.414L3.586%2012l-1.293%201.293a1%201%200%201%200%201.414%201.414Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-dialogs {
  position: relative; }

trix-toolbar .trix-dialog {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-size: 0.75em;
  padding: 15px 10px;
  background: #fff;
  box-shadow: 0 0.3em 1em #ccc;
  border-top: 2px solid #888;
  border-radius: 5px;
  z-index: 5; }

trix-toolbar .trix-input--dialog {
  font-size: inherit;
  font-weight: normal;
  padding: 0.5em 0.8em;
  margin: 0 10px 0 0;
  border-radius: 3px;
  border: 1px solid #bbb;
  background-color: #fff;
  box-shadow: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none; }
  trix-toolbar .trix-input--dialog.validate:invalid {
    box-shadow: #F00 0px 0px 1.5px 1px; }

trix-toolbar .trix-button--dialog {
  font-size: inherit;
  padding: 0.5em;
  border-bottom: none; }

trix-toolbar .trix-dialog--link {
  max-width: 600px; }

trix-toolbar .trix-dialog__link-fields {
  display: flex;
  align-items: baseline; }
  trix-toolbar .trix-dialog__link-fields .trix-input {
    flex: 1; }
  trix-toolbar .trix-dialog__link-fields .trix-button-group {
    flex: 0 0 content;
    margin: 0; }

trix-editor [data-trix-mutable]:not(.attachment__caption-editor) {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

trix-editor [data-trix-mutable]::-moz-selection,
trix-editor [data-trix-cursor-target]::-moz-selection, trix-editor [data-trix-mutable] ::-moz-selection {
  background: none; }

trix-editor [data-trix-mutable]::selection,
trix-editor [data-trix-cursor-target]::selection, trix-editor [data-trix-mutable] ::selection {
  background: none; }

trix-editor .attachment__caption-editor:focus[data-trix-mutable]::-moz-selection {
  background: highlight; }

trix-editor .attachment__caption-editor:focus[data-trix-mutable]::selection {
  background: highlight; }

trix-editor [data-trix-mutable].attachment.attachment--file {
  box-shadow: 0 0 0 2px highlight;
  border-color: transparent; }

trix-editor [data-trix-mutable].attachment img {
  box-shadow: 0 0 0 2px highlight; }

trix-editor .attachment {
  position: relative; }
  trix-editor .attachment:hover {
    cursor: default; }

trix-editor .attachment--preview .attachment__caption:hover {
  cursor: text; }

trix-editor .attachment__progress {
  position: absolute;
  z-index: 1;
  height: 20px;
  top: calc(50% - 10px);
  left: 5%;
  width: 90%;
  opacity: 0.9;
  transition: opacity 200ms ease-in; }
  trix-editor .attachment__progress[value="100"] {
    opacity: 0; }

trix-editor .attachment__caption-editor {
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  color: inherit;
  text-align: center;
  vertical-align: top;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none; }

trix-editor .attachment__toolbar {
  position: absolute;
  z-index: 1;
  top: -0.9em;
  left: 0;
  width: 100%;
  text-align: center; }

trix-editor .trix-button-group {
  display: inline-flex; }

trix-editor .trix-button {
  position: relative;
  float: left;
  color: #666;
  white-space: nowrap;
  font-size: 80%;
  padding: 0 0.8em;
  margin: 0;
  outline: none;
  border: none;
  border-radius: 0;
  background: transparent; }
  trix-editor .trix-button:not(:first-child) {
    border-left: 1px solid #ccc; }
  trix-editor .trix-button.trix-active {
    background: #cbeefa; }
  trix-editor .trix-button:not(:disabled) {
    cursor: pointer; }

trix-editor .trix-button--remove {
  text-indent: -9999px;
  display: inline-block;
  padding: 0;
  outline: none;
  width: 1.8em;
  height: 1.8em;
  line-height: 1.8em;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid highlight;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25); }
  trix-editor .trix-button--remove::before {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.7;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%206.41%2017.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%; }
  trix-editor .trix-button--remove:hover {
    border-color: #333; }
    trix-editor .trix-button--remove:hover::before {
      opacity: 1; }

trix-editor .attachment__metadata-container {
  position: relative; }

trix-editor .attachment__metadata {
  position: absolute;
  left: 50%;
  top: 2em;
  transform: translate(-50%, 0);
  max-width: 90%;
  padding: 0.1em 0.6em;
  font-size: 0.8em;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 3px; }
  trix-editor .attachment__metadata .attachment__name {
    display: inline-block;
    max-width: 100%;
    vertical-align: bottom;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  trix-editor .attachment__metadata .attachment__size {
    margin-left: 0.2em;
    white-space: nowrap; }

.trix-content {
  line-height: 1.5;
  overflow-wrap: break-word;
  word-break: break-word; }
  .trix-content * {
    box-sizing: border-box;
    margin: 0;
    padding: 0; }
  .trix-content h1 {
    font-size: 1.2em;
    line-height: 1.2; }
  .trix-content blockquote {
    border: 0 solid #ccc;
    border-left-width: 0.3em;
    margin-left: 0.3em;
    padding-left: 0.6em; }
  .trix-content [dir=rtl] blockquote,
  .trix-content blockquote[dir=rtl] {
    border-width: 0;
    border-right-width: 0.3em;
    margin-right: 0.3em;
    padding-right: 0.6em; }
  .trix-content li {
    margin-left: 1em; }
  .trix-content [dir=rtl] li {
    margin-right: 1em; }
  .trix-content pre {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    font-family: monospace;
    font-size: 0.9em;
    padding: 0.5em;
    white-space: pre;
    background-color: #eee;
    overflow-x: auto; }
  .trix-content img {
    max-width: 100%;
    height: auto; }
  .trix-content .attachment {
    display: inline-block;
    position: relative;
    max-width: 100%; }
    .trix-content .attachment a {
      color: inherit;
      text-decoration: none; }
      .trix-content .attachment a:hover, .trix-content .attachment a:visited:hover {
        color: inherit; }
  .trix-content .attachment__caption {
    text-align: center; }
    .trix-content .attachment__caption .attachment__name + .attachment__size::before {
      content: ' \2022 '; }
  .trix-content .attachment--preview {
    width: 100%;
    text-align: center; }
    .trix-content .attachment--preview .attachment__caption {
      color: #666;
      font-size: 0.9em;
      line-height: 1.2; }
  .trix-content .attachment--file {
    color: #333;
    line-height: 1;
    margin: 0 2px 2px 2px;
    padding: 0.4em 1em;
    border: 1px solid #bbb;
    border-radius: 5px; }
  .trix-content .attachment-gallery {
    display: flex;
    flex-wrap: wrap;
    position: relative; }
    .trix-content .attachment-gallery .attachment {
      flex: 1 0 33%;
      padding: 0 0.5em;
      max-width: 33%; }
    .trix-content .attachment-gallery.attachment-gallery--2 .attachment, .trix-content .attachment-gallery.attachment-gallery--4 .attachment {
      flex-basis: 50%;
      max-width: 50%; }
/*
 * Provides a drop-in pointer for the default Trix stylesheet that will format the toolbar and
 * the trix-editor content (whether displayed or under editing). Feel free to incorporate this
 * inclusion directly in any other asset bundle and remove this file.
 *

*/

/*
 * We need to override trix.css’s image gallery styles to accommodate the
 * <action-text-attachment> element we wrap around attachments. Otherwise,
 * images in galleries will be squished by the max-width: 33%; rule.
*/
.trix-content .attachment-gallery > action-text-attachment,
.trix-content .attachment-gallery > .attachment {
  flex: 1 0 33%;
  padding: 0 0.5em;
  max-width: 33%;
}

.trix-content .attachment-gallery.attachment-gallery--2 > action-text-attachment,
.trix-content .attachment-gallery.attachment-gallery--2 > .attachment, .trix-content .attachment-gallery.attachment-gallery--4 > action-text-attachment,
.trix-content .attachment-gallery.attachment-gallery--4 > .attachment {
  flex-basis: 50%;
  max-width: 50%;
}

.trix-content action-text-attachment .attachment {
  padding: 0 !important;
  max-width: 100% !important;
}

.attachment--preview {
  text-align: center;
  width: 100%;
}

.attachment {
  display: inline-flex;
  position: relative;
  max-width: 100%;
}

.tribute-container {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  background-color: white;
  border: 1px solid;
  border-radius: 0.75rem;
  --tw-border-opacity: 1;
  border-color: rgb(236 236 236 / var(--tw-border-opacity));
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  max-height: 400px;
  overflow: scroll;
  z-index: 50;

  li {
    border-bottom: 1px solid;
    --tw-border-opacity: 1;
    border-color: rgb(236 236 236 / var(--tw-border-opacity));
    padding: .75rem .5rem;

    &:hover {
      background-color: rgb(236 236 236 / var(--tw-border-opacity));
      cursor: pointer;
    }
  }
}
@tailwind base;
@tailwind components;
@tailwind utilities;
@import 'project_export';
@import 'base/utility';
@import 'base/pill';
@import 'components/tonnage-banner';
@import 'components/menu';
@import 'components/flatpickr';

@layer base {
  @font-face {
    font-family: "Norwester";
    src: url(https://www.dunn-connect.com/assets/Norwester-965ca54d97b8399e1ac6b46a732f30190e7a0d89d56a26ca80a518b2340d714d.otf);
  }
}

@layer components {
  html {
    @apply font-roboto;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* Internet Explorer 10+ */
  }

  html::-webkit-scrollbar {
    width: 0;
    height: 0;
  }

  .no-scrollbar {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* Internet Explorer 10+ */
  }
  .no-scrollbar::-webkit-scrollbar {
    width: 0;
    height: 0;
  }

  button,
  .btn {
    @apply inline-flex;
    @apply flex-row;
    @apply font-bold;
    @apply rounded-[8px];
    @apply py-2 px-4;
    @apply text-sm;
    width: 100%;
  }
  @media screen and (min-width: 768px) {
    button,
    .btn {
      width: initial;
    }
  }
  .btn-lg {
    @apply p-4;
    @apply text-sm;
  }
  .btn-sm {
    @apply py-1 px-2;
    @apply text-xs;
    @apply font-bold;
    @apply rounded-[8px];
  }
  .btn-outline-primary {
    @apply border border-slate-500;
    @apply text-slate-500;
    @apply items-center;
    @apply justify-center;
  }
  .btn-outline-error {
    @apply border border-error;
    @apply text-error;
    @apply items-center;
    @apply justify-center;
  }
  .btn-primary {
    @apply bg-slate-500;
    @apply text-white;
    @apply items-center;
    @apply justify-center;
    @apply border border-slate-500;
  }

  h1,
  .h1,
  h2,
  .h2,
  h3,
  .h3,
  h4,
  .h4,
  h5,
  .h5,
  h6,
  .h6 {
    @apply font-norwester;
    @apply uppercase;
  }
  h1,
  .h1 {
    @apply text-4xl;
  }
  h1.title {
    @apply text-5xl;
    @apply text-dunn-gray;
  }
  h2,
  .h2 {
    font-size: 28px;
    line-height: 32px;
  }
  h3,
  .h3 {
    font-size: 28px;
    line-height: 36px;
  }
  h4,
  .h4 {
    @apply text-xl;
  }
  h3.sub_title {
    @apply text-lg;
    @apply font-oswald;
    @apply font-regular;
  }
  h5,
  .h5 {
    @apply text-lg;
    line-height: 24px;
  }
  h6,
  .h6 {
    @apply text-base;
    line-height: 22px;
  }
  .feed-title {
    @apply pb-2;
  }
  @media screen and (min-width: 768px) {
    h2,
    .h2 {
      font-size: 32px;
      line-height: 38px;
    }
  }

  .trix-content a,
  .trix-input a,
  .link-default {
    z-index: 1;
    position: relative;
    @apply text-slate-500;
    @apply font-bold;
  }

  .trix-content a::after,
  .trix-input a::after,
  .link-default::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    @apply bg-slate-500;
    transition: height 0.1s ease-in-out;
  }

  .left-fields .field .trix-input {
    min-height: 250px;
  }

  .link-default.text-xs::after {
    bottom: 0px;
  }
  .link-default.text-sm::after {
    bottom: -1px;
  }
  .link-default.text-base::after {
    bottom: -2px;
  }
  .link-default.text-lg::after {
    bottom: -3px;
  }

  .trix-content a:hover::after,
  .trix-input a:hover::after,
  .link-default:hover::after {
    @apply bg-primary-500;
    height: 8px;
    z-index: -1;
  }

  .link-default.text-xs:hover::after {
    height: 8px;
  }
  .link-default.text-sm:hover::after {
    height: 9px;
  }
  .link-default.text-base:hover::after {
    height: 10px;
  }
  .link-default.text-lg:hover::after {
    height: 13px;
  }

  .trix-content a:focus,
  .trix-input a:focus,
  .link-default:focus {
    @apply outline-[1rem];
    @apply outline-slate-400;
    @apply outline-offset-2;
  }

  .trix-content a:focus::after,
  .trix-input a:focus::after,
  .link-default:focus::after {
    height: 0;
  }

  .feed-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 5px;
    @apply bg-primary-500;
  }
  .title-underlined {
    position: relative;
    @apply pb-2;
  }
  .title-underlined::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 5px;
    @apply bg-primary-500;
  }
  .modal {
    @apply relative;
    @apply hidden;
    @apply fixed;
    @apply inset-0;
    @apply overflow-y-auto;
    @apply flex;
    @apply items-center;
    @apply justify-center;
    z-index: 350;
  }
  @media screen and (min-width: 768px) {
    .modal {
      z-index: 50;
    }
  }
  .modal-close {
    @apply absolute;
    @apply right-5;
    @apply top-5;
    @apply cursor-pointer;
    z-index: 50;
  }
  #modal-background {
    z-index: 40 !important;
  }
  .nav-link {
    @apply text-slate-400;
    @apply flex;
    @apply items-center;
    @apply pl-2 py-1 pr-4;
    @apply font-norwester;
    @apply uppercase;
    @apply rounded-lg;
    line-height: 18px;
  }
  .nav-link h6 {
    @apply text-sm;
  }
  .nav-link.mobile {
    @apply text-base;
    @apply p-4;
    @apply rounded-2xl;
    line-height: initial;
    font-size: initial;
  }
  .nav-link:hover {
    @apply bg-neutral-100;
  }
  .nav-link.active {
    @apply text-white;
    @apply bg-slate-400;
  }
  
  .dropzone {
    border: none !important;
  }
  .dropzone-dashed {
    border: 1px dashed #686868 !important;
    padding: unset !important;
  }
  .dropzone .dz-preview .dz-image {
    border-radius: unset !important;
  }
  .dz-image {
    z-index: 5 !important;
  }
  .dropzone .dz-preview .dz-remove.hide-dz {
    display: none;
  }

  .dropzone .dz-preview .dz-success-mark svg,
  .dropzone .dz-preview .dz-error-mark svg,
  .loading svg {
    width: 58px !important;
    height: 58px !important;
  }
  .dropzone .dz-preview .dz-success-mark,
  .dropzone .dz-preview .dz-error-mark,
  .loading {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    left: calc(50% - 32px) !important;
    top: calc(50% - 32px) !important;
    margin: 0 !important;
  }
  .loading {
    position: absolute !important;
  }
  .dropzone .dz-preview .dz-error-message {
    position: unset !important;
    width: 100% !important;
    top: 75% !important;
    background: #dd1c1a !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 0 !important;
  }
  .dropzone .dz-preview .dz-progress {
    top: calc(50% + 64px) !important;
  }
  .dropzone .dz-preview .dz-error-message::after {
    display: none !important;
  }
  .dropzone .dz-preview .dz-success-mark:hover,
  .dropzone .dz-preview .dz-error-mark:hover {
    display: none !important;
    opacity: 0 !important;
  }

  #user_lead-ts-control {
    @apply w-full;
  }
  .pagy-nav.pagination > .page {
    @apply text-sm;
    @apply px-3.5 py-2;
  }
  .pagy-nav.pagination > .page.active {
    @apply rounded-[6px];
    @apply bg-slate-500;
    @apply text-white;
  }
  .pagy-nav.pagination > .page:not(.active, .next, .prev):hover {
    @apply rounded-[6px];
    @apply bg-neutral-400;
    @apply text-neutral-900;
  }
  .pagy-nav.pagination > .page.next:not(.disabled) > a:hover,
  .pagy-nav.pagination > .page.prev:not(.disabled) > a:hover {
    @apply text-neutral-900;
  }
  .pagy-nav.pagination > .page.disabled {
    @apply text-slate-400;
  }
  .pagy-nav.pagination > .page.next {
    @apply text-slate-500;
  }

  /* Search and select input */
  .ss-content {
    animation: none !important;
    border-radius: 16px !important;
    height: 100% !important;
    margin-top: 0px !important;
    /* overflow: hidden !important; */
    top: 0 !important;
    transition: none !important;
  }
  .ss-content .ss-search {
    padding: 0 !important;
    height: 100% !important;
    max-height: 54px !important;
  }
  .ss-main:not(.bottom-facing) .ss-content .ss-list {
    background: white;
    border: 1px solid #d9d9d9 !important;
    border-radius: 16px !important;
    bottom: 70px !important;
    position: absolute !important;
    width: 100%;
  }

  .no-pills.ss-main, .no-pills.ss-main .ss-multi-selected {
    max-width: unset !important;
  }

  .ss-content .ss-list {
    background: white;
    border: 1px solid #d9d9d9 !important;
    border-radius: 16px !important;
    width: 100%;
  }

  .ss-content .ss-list .ss-option {
    padding: 16px !important;
    /* border-bottom: 1px solid #d9d9d9 !important; */
  }
  .ss-content .ss-list .ss-option:not(.ss-disabled):hover {
    background-color: #2b3b4a !important;
    color: white !important;
  }
  .ss-content .ss-search input {
    border: 1px solid #1a1a1a !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    /* height: 56px !important; */
    line-height: 1.5rem !important;
    min-height: 100% !important;
    max-height: 54px !important;
    padding: 13px 40px 13px 16px !important;
    transition: none !important;
    width: 100% !important;
  }
  .ss-content .ss-search input:focus {
    box-shadow: none !important;
    border-color: #686868 !important;
  }
  .ss-main .ss-multi-selected .ss-values .ss-disabled {
    color: #686868 !important;
    margin: 0 !important;
  }
  .ss-multi-selected, .ss-single-selected  {
    border: 1px solid #a3a3a3 !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    line-height: 1.25rem !important;
    width: 100% !important;
    min-height: 38px !important;
  }
  .ss-single-selected,
  .ss-single-selected * {
    font-size: 0.875rem !important;
  }
  .ss-multi-selected {
    padding: 8px 40px !important;
    align-items: center !important;
    max-height: 54px !important;
  }
  .h-unset .ss-multi-selected,
  .h-unset .ss-search {
    max-height: unset !important;
  }

  .h-unset .ss-main:not(.bottom-facing) .ss-content .ss-list {
    left: 0 !important;
    right: 0 !important;
    bottom: calc(100% + 16px) !important;
    min-height: 200px !important;
    margin-top: -20px !important;
  }
  .ss-main:has(.ss-single-selected) {
    display: block !important;
    line-height: 0 !important;
  }
  .ss-single-selected {
    box-sizing: border-box !important;
    padding: 0 0.5rem !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    line-height: 1em !important;
    display: flex !important;
    align-items: center !important;
  }
  .ss-multi-selected.ss-open-above {
    border-color: #999999 !important;
  }
  .ss-add {
    display: none !important;
  }
  .ss-values {
    row-gap: 8px !important;
  }
  .no-pills.ss-main .ss-multi-selected .ss-values::before {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    padding: 8px !important;
  }
  .no-pills.ss-main.superintendent .ss-multi-selected .ss-values::before {
    content: "Select additional Superintendents" !important;
  }
  .no-pills.ss-main.foreman .ss-multi-selected .ss-values::before {
    content: "Select additional Foremen" !important;
  }
  .no-pills.ss-main.crew .ss-multi-selected .ss-values::before {
    content: "Select additional Crew" !important;
  }

  .no-pills.ss-main .ss-multi-selected .ss-values .ss-value {
    display: none !important;
  }
  .no-pills.ss-main .ss-multi-selected .ss-values .ss-disabled {
    display: none !important;
  }
  #resource-tag-results .ss-value {
    border-radius: 9999px !important;
    background-color: #CDDE9B !important;
    color: #284D2E !important;
    padding: 8px 16px !important;
    text-align: center !important;
    text-transform: lowercase !important;
    font-weight: 400 !important;
    font-size: 0.75rem !important;
    font-size: 0.75rem /* 12px */;
    line-height: 1rem /* 16px */;
    margin: 0 8px 0 0 !important;
  }
  #content-tag-results .ss-value {
    border-radius: 9999px !important;
    background-color: #C1F0FF !important;
    color: #135674 !important;
    padding: 8px 16px !important;
    text-align: center !important;
    text-transform: lowercase !important;
    font-weight: 400 !important;
    font-size: 0.75rem !important;
    font-size: 0.75rem /* 12px */;
    line-height: 1rem /* 16px */;
    margin: 0 8px 0 0 !important;
  }
  #celebration-tag-results .ss-value {
    border-radius: 9999px !important;
    background-color: #FED99D !important;
    color: #6B2203 !important;
    padding: 8px 16px !important;
    text-align: center !important;
    text-transform: lowercase !important;
    font-weight: 400 !important;
    font-size: 0.75rem !important;
    font-size: 0.75rem /* 12px */;
    line-height: 1rem /* 16px */;
    margin: 0 8px 0 0 !important;
  }
  /* End search and select input */

  .h-full-calculated {
    height: calc(100vh - 3rem);
  }

  /* carousel styles */
  .carousel-footer-width-calculated {
    width: calc(100% - 22rem);
  }

  .carousel {
    position: relative;
  }

  .carousel.pointer-event {
    touch-action: pan-y;
  }

  .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    clear: both;
  }

  .carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    backface-visibility: hidden;
    transition: transform 0.6s ease-in-out;
  }

  .carousel-item.active,
  .carousel-item-next,
  .carousel-item-prev {
    display: block;
  }

  .carousel-item-next:not(.carousel-item-start),
  .active.carousel-item-end {
    transform: translateX(-100%);
  }

  .carousel-item-prev:not(.carousel-item-end),
  .active.carousel-item-start {
    transform: translateX(100%);
  }

  .carousel-indicators .active[data-bs-target] {
    background: #2b3b4a !important;
  }

  .carousel-indicators [data-bs-target] {
    background: #b5b5b5 !important;
    border: none !important;
    border-radius: 99999px !important;
    width: 8px !important;
    height: 8px !important;
  }

  /* FORMS */
  ::placeholder {
    color: #686868 !important;
  }
  input {
    color: #1a1a1a;
  }
  .field {
    @apply mb-4;
  }
  input[type="text"],
  input[type="date"],
  input[type="email"],
  input[type="password"],
  input[type="number"],
  input[type="tel"],
  input[type="time"],
  select,
  textarea,
  .celebrate-input {
    @apply border border-neutral-400;
    @apply rounded-[8px];
    @apply p-2;
    @apply text-sm;
    @apply w-full;
  }
  input[type="text"]:not(.feed-search):focus,
  input[type="date"]:focus,
  input[type="email"]:focus,
  input[type="password"]:focus,
  input[type="number"]:focus,
  input[type="tel"]:focus,
  input[type="time"]:focus,
  textarea:focus,
  .celebrate-input:focus,
  select:focus {
    border-color: #444444 !important;
    outline: unset !important;
    box-shadow: none !important;
  }
  input[type="date"]::-webkit-calendar-picker-indicator {
    color: transparent;
    background: none;
    z-index: 1;
  }

  .field_with_errors input,
  .field_with_errors textarea,
  .field_with_errors .celebrate-input,
  .field .field_with_errors ~ .trix-input {
    border: 1px solid #dd1c1a !important;
    @apply border-error;
  }

  .field_with_errors .form-helper-text,
  .field .field_with_errors ~ .form-helper-text,
  .field .field_with_errors label {
    @apply text-error;
  }

  input.form-input {
    @apply block;
    @apply w-full;
    @apply text-sm;
  }
  .home-search {
    @apply rounded-[16px];
    @apply p-4;
    @apply text-base;
    @apply w-full;
  }
  input[type="checkbox"] {
    @apply h-4;
    @apply w-4;
    @apply rounded;
    @apply border-neutral-800;
    @apply text-slate-500;
    @apply focus:ring-transparent;
  }
  label {
    @apply font-bold;
    @apply font-roboto;
    @apply text-sm;
    @apply leading-[22px];
    @apply text-neutral-900;
  }
  input[type="checkbox"] + label {
    @apply ml-2;
  }
  input[type="text"].feed-search {
    padding: .5rem .75rem;
    @apply border-neutral-300;
    @apply pl-[40px];
    @apply rounded-l-2xl rounded-r-none;
  }
  input[type="text"].feed-search--no-filter {
    padding: .5rem .75rem;
    @apply pl-[40px];
    @apply rounded-2xl;
    height: 48px;
  }
  input[type="text"].feed-search:focus {
    box-shadow: none !important;
  }
  input[type="password"].with-icon,
  input[type="email"].with-icon {
    @apply pl-[50px];
  }
  .form-helper-text {
    @apply mt-2;
    @apply text-sm;

    &:not(.text-error) {
      color: #686868;
    }
  }
  .trix-input {
    @apply bg-white;
    @apply border border-neutral-400;
    @apply rounded-[8px];
    @apply p-2;
    @apply text-base;
    @apply w-full;
  }
  .trix-input:focus {
    @apply border-neutral-800;
    @apply focus:ring-0;
  }
  .trix-button {
    @apply text-neutral-900;
    @apply border border-neutral-400;
    @apply rounded-[16px];
  }
  /* End Forms */

  /* wysiwyg styles */
  .trix-content ul,
  .trix-input ul {
    list-style: disc inside !important;
  }
  .trix-content ol,
  .trix-input ol {
    list-style: decimal inside !important;
  }
  /* .trix-content a,
  .trix-input a {
    @apply text-slate-500;
    border-bottom: 1px solid #2b3b4a !important; */
  /* } */
  /* .trix-content a:hover,
  .trix-input a:hover {
    border-bottom: 1px solid #f5ce2c !important;
  } */
  .trix-content blockquote,
  .trix-input blockquote {
    border: 0 solid #5d707f !important;
    border-left-width: 0.5rem !important;
    background-color: #fafafa !important;
    font-style: italic !important;
  }
  /* end wysiwyg styles */
  .overline-lg {
    @apply uppercase;
    @apply text-sm;
    @apply font-roboto;
  }
  .overline-sm {
    @apply uppercase;
    @apply text-xs;
    @apply font-roboto;
  }

  .separator {
    @apply my-5;
    @apply bg-neutral-200;
  }

  /* Profile Page */
  .user-profile_label {
    @apply text-sm;
    @apply text-neutral-700;
  }
}

/* CALENDAR */
.simple-calendar .calendar-title {
  font-weight: bold;
  font-size: ;
}

.simple-calendar table{
  -webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid rgb(221, 221, 221);
    border-collapse: collapse;
    box-sizing: border-box;
    margin-top: 1rem;
    max-width: 100%;
    width: 100%;
}

.simple-calendar tr {
  border-collapse: collapse;
}

.simple-calendar th {
  padding: 6px;
  border-bottom: 2px solid rgb(221, 221, 221);
  border-collapse: collapse;
  border-left: 1px solid rgb(221, 221, 221);
  border-right: 1px solid rgb(221, 221, 221);
  border-top: 0px none rgb(51, 51, 51);
  box-sizing: border-box;
  text-align: left;
}

.simple-calendar td {
  padding: 6px;
  vertical-align: top;
  width: 14%;

  border: 1px solid #ddd;
  border-top-color: rgb(221, 221, 221);
  border-top-style: solid;
  border-top-width: 1px;
  border-right-color: rgb(221, 221, 221);
  border-right-style: solid;
  border-right-width: 1px;
  border-bottom-color: rgb(221, 221, 221);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-color: rgb(221, 221, 221);
  border-left-style: solid;
  border-left-width: 1px;
}

.simple-calendar .calendar-heading nav {
  display: inline-block;
}

.simple-calendar .day {
  height: 200px !important;
}

.simple-calendar .wday-0 {}
.simple-calendar .wday-1 {}
.simple-calendar .wday-2 {}
.simple-calendar .wday-3 {}
.simple-calendar .wday-4 {}
.simple-calendar .wday-5 {}
.simple-calendar .wday-6 {}

.simple-calendar .today {
  background: #FFFFC0;
}

.simple-calendar .past {}
.simple-calendar .future {}

.simple-calendar .start-date {}

.simple-calendar .prev-month {
  background: #DDD;
}
.simple-calendar .next-month {
  background: #DDD;
}
.simple-calendar .current-month {}

.simple-calendar .has-events {}


@import "actiontext.css";
.pill {
  border-radius: 9999px;
  padding: 0.25rem 1rem;
}
.pill-thin {
  border-radius: 9999px;
  padding: 0.25rem 0.5rem;
}
.pill-solid-admin {
  background-color: #2b3b4a !important;
  color: #ffffff;
  text-transform: uppercase;
  border: 1px solid #2b3b4a !important;
  width: 100px;
}
.pill-solid-manager {
  background-color: #5d707f !important;
  color: #ffffff;
  text-transform: uppercase;
  border: 1px solid #5d707f !important;
  width: 100px;
}
.pill-solid-member {
  background-color: #8d9eab !important;
  color: #1a1a1a;
  text-transform: uppercase;
  border: 1px solid #8d9eab !important;
  width: 100px;
}
.pill-success {
  border: 1px solid #4caf50;
  color: #4caf50;
  text-transform: uppercase;
  width: 100px;
}
.pill-inactive {
  border: 1px solid #686868 !important;
  border-color: #686868 !important;
  color: #686868;
  text-transform: uppercase;
  width: 100px;
}
.pill-primary {
  color: white;
  background-color: #F5CE2C;
}

.pill-content {
  background-color: #C1F0FF;
  color: #135674;
}

.pill-resources {
  background-color: #CDDE9B;
  color: #284D2E;
}

.pill-celebrations {
  background-color: #FED99D;
  color: #6B2203;
}

.pill-info {
  background-color: #D9D9D9;
  color: #686868;
}
.left-shadow-inset {
  box-shadow: inset 15px 0px 11px -11px rgba(0, 0, 0, 0.1);
}
[x-cloak] { display: none !important; }

.line-clamp {
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;

  &-1 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }
}


.simple-calendar .calendar-heading nav {
  display: flex;
  align-items: center;
}
.simple-calendar th {
  padding: 8px;
  border-bottom: none;
  border-collapse: collapse;
  border-left: none;
  border-right: none;
  border-top: 0px none rgb(51, 51, 51);
  box-sizing: border-box;
  text-align: center;
}

.simple-calendar td {
  padding: 12px;
}
:root {
  --primary-outline-bg-color: transparent;
  --primary-outline-border-color: #2B3B4A;
  --primary-outline-text-color: #2B3B4A;
}

input[type="file"] {
  position: relative;
  width: -webkit-fill-available;
}
input[type="file"]#heavybid::file-selector-button {
  width: 200px;
  color: transparent;
}
input[type="file"]::file-selector-button {
  width: 140px;
  color: transparent;
}

input[type="file"]::before {
  position: absolute;
  pointer-events: none;
  top: 10px;
  left: 16px;
  height: 20px;
  width: 20px;
  content: "";
  fill: var(--primary-outline-text-color);
  stroke: var(--primary-outline-text-color);
  background-image: url("https://www.dunn-connect.com/assets/icons/upload-file-a201665220be5edd98b3112b181ec7bad6930852c62f44cab2011bfd6efcb424.svg");
}

input[type="file"]::after {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  top: 0px;
  bottom: 0;
  left: 40px;
  color: var(--primary-outline-text-color);
  font-weight: bold;
  font-size: 14px;
}

input[type="file"]#heavybid::after {
  content: "Upload Heavy Bid CSV";
}

input[type="file"]::after {
  content: "Upload File";
}

/* file upload button */
input[type="file"]::file-selector-button {
  border-radius: 4px;
  padding: 0 16px;
  height: 40px;
  cursor: pointer;
  background-color: var(--primary-outline-bg-color);
  border-radius: 10px;
  border: 1px solid var(--primary-outline-border-color);
  margin-right: 16px;
  transition: background-color 200ms;
}
.flatpickr-calendar {
  padding-bottom: 8px !important;
}

.flatpickr-day {
  border-radius: 0 !important;
}
.flatpickr-day.has-lineups {
  position: relative;
}

.flatpickr-day .lineup-dot {
  position: absolute;
  bottom: 2px;
  left: 50%;
  transform: translateX(-50%);
  width: 4px;
  height: 4px;
  background-color: #eab308;
  border-radius: 50%;
}

.flatpickr-day.selected {
  background: white !important;
  border-color: #eab308 !important;
  color: #eab308 !important;
}

.flatpickr-day.today {
  border-color: #475569;
}

.flatpickr-day.flatpickr-disabled {
  color: #9ca3af;
  cursor: not-allowed;
}
:root {
  --menu-bg-color: #fff;
  --menu-border-color: #e5e5e5;
}

.action-dropdown {
	background-color: var(--menu-bg-color);
	border: 1px solid var(--menu-border-color);
	position: absolute;
	border-radius: 1rem;
	overflow: clip;
	box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}
.lineup-text-asphalt {
    color: #21759B;
}

.lineup-text-base {
    color: #5B7946;
}

.lineup-text-milling {
    color: #78151D;
}

.lineup-text-other {
    color: #EF6F06;
}
.page-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  overflow-wrap: break-word;
  white-space: normal;
}

.page-break-before {
  page-break-before: always;
}


.table-section {
  background-color: #B5B5B5;
}

.b-bottom {
  border: 0;
  border-bottom: 1px solid #D9D9D9;
}

table {
  border-collapse: collapse;
  width: 100%;
}

.error-text {
  color: #EF4444;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */