.dialog-confirm {
  max-width: 1024px;
}

.pal-account-form {
  background-color: #fff;
  padding: 10px;
}
.pal-account {
  background-color: #fff;
  padding: 10px;
  margin-top: 10px;
}
.pal-account table th,
.pal-account table td {
  text-align: right;
  white-space: nowrap;
}
.pal-account table th:nth-child(1),
.pal-account table td:nth-child(1) {
  text-align: left;
  white-space: normal;
  width: 70%;
}
.pal-account table th:nth-child(1).indent-1,
.pal-account table td:nth-child(1).indent-1 {
  padding-left: 2rem;
}
.pal-account table th:nth-child(1).indent-2,
.pal-account table td:nth-child(1).indent-2 {
  padding-left: 4rem;
}
.pal-account table th:nth-child(1).indent-3,
.pal-account table td:nth-child(1).indent-3 {
  padding-left: 6rem;
}
.pal-account table th:nth-child(1) > a,
.pal-account table td:nth-child(1) > a,
.pal-account table th:nth-child(1) > span,
.pal-account table td:nth-child(1) > span {
  display: flex;
}
.pal-account table th:nth-child(1) > a > *,
.pal-account table td:nth-child(1) > a > *,
.pal-account table th:nth-child(1) > span > *,
.pal-account table td:nth-child(1) > span > * {
  flex: 1;
}
.pal-account table th:nth-child(1) > a > *:first-child,
.pal-account table td:nth-child(1) > a > *:first-child,
.pal-account table th:nth-child(1) > span > *:first-child,
.pal-account table td:nth-child(1) > span > *:first-child {
  flex: 3rem 0 0;
}

sio-accounting-balance-list sio-radios-choice-input div.au-target {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 16px;
       column-gap: 16px;
}
sio-accounting-balance-list sio-radios-choice-input div.au-target > .radio {
  white-space: nowrap;
  flex: 0 1;
}
sio-accounting-balance-list sio-radios-choice-input div.au-target > .radio,
sio-accounting-balance-list sio-radios-choice-input div.au-target > .radio + .radio {
  padding-left: 5px;
  margin-top: 0;
}
sio-accounting-balance-list > div {
  background-color: #fff;
  padding: 10px;
}
sio-accounting-balance-list > div:nth-child(2) {
  margin-top: 10px;
}
sio-accounting-balance-list > div > table.table-condensed.table-super-condensed > thead > tr > td,
sio-accounting-balance-list > div > table.table-condensed.table-super-condensed > tbody > tr > td,
sio-accounting-balance-list > div > table.table-condensed.table-super-condensed > tfoot > tr > td,
sio-accounting-balance-list > div > table.table-condensed.table-super-condensed > thead > tr > th,
sio-accounting-balance-list > div > table.table-condensed.table-super-condensed > tbody > tr > th,
sio-accounting-balance-list > div > table.table-condensed.table-super-condensed > tfoot > tr > th {
  text-align: right;
  white-space: nowrap;
  padding-right: 2px !important;
}
sio-accounting-balance-list > div > table.table-condensed.table-super-condensed > thead > tr > td:nth-child(2),
sio-accounting-balance-list > div > table.table-condensed.table-super-condensed > tbody > tr > td:nth-child(2),
sio-accounting-balance-list > div > table.table-condensed.table-super-condensed > tfoot > tr > td:nth-child(2),
sio-accounting-balance-list > div > table.table-condensed.table-super-condensed > thead > tr > th:nth-child(2),
sio-accounting-balance-list > div > table.table-condensed.table-super-condensed > tbody > tr > th:nth-child(2),
sio-accounting-balance-list > div > table.table-condensed.table-super-condensed > tfoot > tr > th:nth-child(2) {
  text-align: left;
  white-space: normal;
}
sio-accounting-balance-list > div > table.table-condensed.table-super-condensed > tbody > tr:first-child > th:nth-child(1),
sio-accounting-balance-list > div > table.table-condensed.table-super-condensed > tfoot > tr:first-child > th:nth-child(1) {
  text-align: left;
  white-space: normal;
}
sio-accounting-balance-list > div > table.table-condensed.table-super-condensed > tbody > tr:first-child > th:nth-child(2),
sio-accounting-balance-list > div > table.table-condensed.table-super-condensed > tfoot > tr:first-child > th:nth-child(2) {
  text-align: right;
  white-space: nowrap;
}

.balance-sheet-form {
  background-color: #fff;
  padding: 10px;
}
.balance-sheet {
  background-color: #fff;
  padding: 10px;
  margin-top: 10px;
}
.balance-sheet table thead th {
  font-size: 125%;
}
.balance-sheet table tfoot td {
  font-weight: 700;
}
.balance-sheet table th,
.balance-sheet table td {
  text-align: right;
  white-space: nowrap;
}
.balance-sheet table th.indent-0,
.balance-sheet table td.indent-0 {
  font-weight: 700;
}
.balance-sheet table th.indent-1,
.balance-sheet table td.indent-1 {
  font-weight: 600;
}
.balance-sheet table th.indent-2,
.balance-sheet table td.indent-2 {
  font-weight: 500;
}
.balance-sheet table th.indent-3,
.balance-sheet table td.indent-3 {
  font-weight: 400;
}
.balance-sheet table th.indent-4,
.balance-sheet table td.indent-4 {
  font-weight: 300;
}
.balance-sheet table th.indent-5,
.balance-sheet table td.indent-5 {
  font-weight: 200;
}
.balance-sheet table th:nth-child(1),
.balance-sheet table td:nth-child(1) {
  text-align: left;
  white-space: normal;
  width: 70%;
}
.balance-sheet table th:nth-child(1).indent-1,
.balance-sheet table td:nth-child(1).indent-1 {
  padding-left: 2rem;
}
.balance-sheet table th:nth-child(1).indent-2,
.balance-sheet table td:nth-child(1).indent-2 {
  padding-left: 4rem;
}
.balance-sheet table th:nth-child(1).indent-3,
.balance-sheet table td:nth-child(1).indent-3 {
  padding-left: 6rem;
}
.balance-sheet table th:nth-child(1).indent-4,
.balance-sheet table td:nth-child(1).indent-4 {
  padding-left: 8rem;
}
.balance-sheet table th:nth-child(1).indent-5,
.balance-sheet table td:nth-child(1).indent-5 {
  padding-left: 10rem;
}
.balance-sheet table th:nth-child(1) > a,
.balance-sheet table td:nth-child(1) > a,
.balance-sheet table th:nth-child(1) > span,
.balance-sheet table td:nth-child(1) > span {
  display: flex;
}
.balance-sheet table th:nth-child(1) > a > *,
.balance-sheet table td:nth-child(1) > a > *,
.balance-sheet table th:nth-child(1) > span > *,
.balance-sheet table td:nth-child(1) > span > * {
  flex: 1;
}
.balance-sheet table th:nth-child(1) > a > *:first-child,
.balance-sheet table td:nth-child(1) > a > *:first-child,
.balance-sheet table th:nth-child(1) > span > *:first-child,
.balance-sheet table td:nth-child(1) > span > *:first-child {
  flex: 3rem 0 0;
}

sio-accounting-bwa > div {
  background-color: #fff;
  padding: 10px;
}
sio-accounting-bwa > div:nth-child(2) {
  margin-top: 10px;
}
sio-accounting-bwa > div > table td,
sio-accounting-bwa > div > table th {
  text-align: right;
  white-space: nowrap;
}
sio-accounting-bwa > div > table td:first-child,
sio-accounting-bwa > div > table th:first-child {
  width: 10%;
  white-space: normal;
  text-align: left;
}
sio-accounting-bwa > div > table td:first-child > a,
sio-accounting-bwa > div > table th:first-child > a,
sio-accounting-bwa > div > table td:first-child > span,
sio-accounting-bwa > div > table th:first-child > span {
  display: flex;
}
sio-accounting-bwa > div > table td:first-child > a > *,
sio-accounting-bwa > div > table th:first-child > a > *,
sio-accounting-bwa > div > table td:first-child > span > *,
sio-accounting-bwa > div > table th:first-child > span > * {
  flex: 1;
}
sio-accounting-bwa > div > table td:first-child > a > *:first-child,
sio-accounting-bwa > div > table th:first-child > a > *:first-child,
sio-accounting-bwa > div > table td:first-child > span > *:first-child,
sio-accounting-bwa > div > table th:first-child > span > *:first-child {
  flex: 3rem 0 0;
}
sio-accounting-bwa > div > table > tbody > tr.expandable > td {
  background-color: #f6f3f4;
}
sio-accounting-bwa sio-checkboxes-choice-input .checkboxes {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 16px;
       column-gap: 16px;
}
sio-accounting-bwa sio-checkboxes-choice-input .checkboxes > .checkbox {
  white-space: nowrap;
  flex: 0 1;
}
sio-accounting-bwa sio-checkboxes-choice-input .checkboxes > .checkbox,
sio-accounting-bwa sio-checkboxes-choice-input .checkboxes > .checkbox + .checkbox {
  padding-left: 5px;
  margin-top: 0;
}
.table-view-in-bottom {
  background: #ffffff;
  position: fixed;
  bottom: 0;
  height: 40%;
  overflow: auto;
  left: 6%;
}
.table-view-in-bottom .title-container {
  display: flex;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 2px solid #dddddd;
}
.table-view-in-bottom .title-container button {
  background: #ffffff;
}
#sio-data-list {
  padding: 1rem;
}
.modal-custom-open {
  display: block;
}
.modal-custom-close {
  display: none;
}
.visible {
  display: table-row !important;
}
.hiderow {
  display: none;
}
.hide-and-show-table {
  /* Lean on programmatic state for styling */
  /* Lean on programmatic state for styling */
}
.hide-and-show-table button svg {
  width: 0.8em;
  height: 0.8em;
  margin: 0 0 -0.05em 0;
  fill: #0275ff;
  transition: transform 0.25s ease-in;
  transform-origin: center 45%;
}
.hide-and-show-table button:hover svg,
.hide-and-show-table button:focus svg {
  fill: #00c;
}
.hide-and-show-table a[aria-expanded="true"] svg {
  transform: rotate(180deg);
}
.hide-and-show-table svg {
  width: 1.25em;
  height: 1.25em;
  fill: #fff;
  transition: transform 0.25s ease-in;
  transform-origin: center 45%;
  transform: rotate(270deg);
}
.hide-and-show-table button:hover,
.hide-and-show-table button:focus {
  background-color: none;
  outline: none;
}
.hide-and-show-table button:hover svg,
.hide-and-show-table button:focus svg {
  fill: #0275ff;
}
.hide-and-show-table a[aria-expanded="true"] svg {
  transform: rotate(120deg);
}
.hide-and-show-table .childTable {
  padding-left: 4rem !important;
}

.sio-universal-entity-select {
  width: 300px;
}
@media (max-width: 767px) {
  .sio-universal-entity-select {
    width: 95%;
  }
}
.sio-universal-entity-select .table-wrapper {
  width: 280px;
}
.sio-universal-entity-select .table-responsive {
  max-height: calc(100vh - 350px);
}
.sio-universal-entity-select .table-wrapper-small .table-responsive {
  max-height: calc(100vh - 500px);
}
@media (min-width: 768px) {
  .sio-universal-entity-select {
    width: 700px;
  }
  .sio-universal-entity-select .table-wrapper {
    width: 680px;
  }
}
@media (min-width: 992px) {
  .sio-universal-entity-select {
    width: 950px;
  }
  .sio-universal-entity-select .table-wrapper {
    width: 930px;
  }
}
@media (min-width: 1200px) {
  .sio-universal-entity-select {
    width: 95vw;
  }
  .sio-universal-entity-select .table-wrapper {
    width: calc(95vw - 20px);
  }
}
.rs-picker-menu {
  z-index: 100000;
}

sio-editable-table td.editable-table__cell {
  padding: 8px 0 8px 5px;
  margin: 0;
}
sio-editable-table td.editable-table__cell.editable {
  min-width: 35rem;
}
sio-editable-table .editable-table__header {
  border-bottom: 1px solid #333;
}
sio-editable-table .editable-table__header th.editable-table__cell {
  font-weight: bold;
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: rgba(255, 255, 255, 0.9);
}
sio-editable-table .editable-table__header .editable-table__label {
  overflow-x: hidden;
}
sio-editable-table .editable-table__body .editable-table__row {
  border-bottom: 1px solid #aaa;
}
sio-editable-table .editable-table__value {
  text-align: center;
}
sio-editable-table sio-money-input .row {
  margin: 0;
}
sio-editable-table sio-money-input .row > div {
  padding: 0;
  padding-right: 2px;
}

.documents-preview-body {
  height: 80vh;
}
.document-selector {
  background-color: #aaa;
  padding: 20px 10px;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 80vh;
}
.thumbnail-container {
  margin: 10px 0;
  padding: 2px;
  border: #000 solid 1px;
  background-color: #fff;
  word-break: break-all;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.thumbnail-container img {
  width: 100%;
}
.thumbnail-container div {
  padding: 10px 10px;
}
.thumbnail-label {
  padding: 5px;
  margin: -5px 0 20px 0;
  text-align: center;
  font-size: 12px;
  -webkit-hyphens: auto;
          hyphens: auto;
  word-wrap: break-word;
}
.document-selector-choice.active .thumbnail-container,
.document-selector-choice.active .thumbnail-container img,
.document-selector-choice.active .thumbnail-container div {
  border: #163B59 solid 1px;
}
.document-selector-choice.active .thumbnail-label {
  background: rgba(0, 40, 255, 0.7);
  color: #eee;
  border-radius: 10px;
}
.preview-sidebar {
  display: flex;
  flex-direction: column;
  height: 85vh;
}
.preview-sidebar .preview-form {
  overflow-y: auto;
  overflow-x: hidden;
  flex-grow: 1;
}
.preview-sidebar .preview-actions {
  flex-basis: auto;
}

:root {
  --gjs-font-size: 14px;
  --gjs-primary-color: #18181b;
  --gjs-main-color: #18181b;
  --gjs-secondary-dark-color: #27272a;
  --gjs-border-color: #3f3f46;
  --gjs-secondary-color: #9ca3af;
  --gjs-quaternary-color: #c45453;
  --gjs-tertiary-color: rgb(251 207 232);
  --gjs-left-width: 17%;
}
.gjs-clm-tag.gjs-three-bg {
  color: rgb(131 24 67);
}
.gjs-clm-tag.gjs-three-bg svg {
  fill: rgb(131 24 67);
}
.gjs-clm-tag.gjs-three-bg .gjs-clm-tag-status {
  display: none;
}
.gjs-dashed *[data-gjs-highlightable] {
  outline: 1px dashed rgba(170, 170, 170, 0.7);
  outline-offset: -2px;
}
.gjs-cv-canvas-bg {
  background-color: #27272a;
}
.gjs-pn-devices-c {
  padding: 2px;
}
.gjs-block {
  border-color: var(--gjs-border-color);
}
.gjs-title {
  font-weight: bold;
}
.gjs-block-label {
  font-size: 13px;
}
.gjs-frame {
  height: calc(100% - 66px);
}
.gjs-pn-panel.gjs-pn-views-container.gjs-one-bg.gjs-two-color {
  height: calc(100% - 120px);
}
.gjs-frame-wrapper {
  top: -33px !important;
}
.gjs-title,
.gjs-block-label {
  font-weight: 400 !important;
}
.gjs-block__media {
  width: 40px;
  height: 40px;
  margin: auto;
  margin-bottom: 12px;
}
.gjs-field.gjs-field-checkbox {
  border: 1px solid #c1c1c1;
}
.CodeMirror-sizer,
.gjs-mdl-header,
.gjs-mdl-title {
  font-size: 14px !important;
}
.cm-s-hopscotch.CodeMirror,
.cm-s-hopscotch .CodeMirror-gutters,
.gjs-one-bg {
  background: var(--gjs-main-color) !important;
}
.gjs-four-color {
  color: #c45453 !important;
}
.gjs-clm-tag.gjs-three-bg,
.gjs-clm-tag-close {
  color: black !important;
}
.gjs-clm-tag-close svg {
  fill: black !important;
}
.gjs-two-color {
  color: #9ca3af !important;
}
.gjs-pn-options {
  right: 50%;
  transform: translate(0%, 0);
}
.gjs-pn-buttons {
  margin-top: 3px;
}
.gjs-devices-c {
  display: none;
}
.gjs-am-assets {
  height: 224px !important;
}
.gjs-trt-trait.gjs-trt-trait--checkbox .gjs-label-wrp {
  width: 50%;
}
.gjs-layer.gjs-selected {
  border: 1px solid grey;
}
ux-dialog.editor-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column;
}
ux-dialog.editor-modal > ux-dialog-header {
  flex: 0 1 auto;
}
ux-dialog.editor-modal > ux-dialog-header button.dialog-close {
  display: none;
}
ux-dialog.editor-modal > ux-dialog-body.gutenberg__editor_wrapper {
  flex: 1 1 auto;
  height: auto;
  padding: 0;
}
ux-dialog.editor-modal > ux-dialog-body.gutenberg__editor_wrapper > .gutenberg__editor,
ux-dialog.editor-modal > ux-dialog-body.gutenberg__editor_wrapper > .gutenberg__editor > .components-drop-zone__provider,
ux-dialog.editor-modal > ux-dialog-body.gutenberg__editor_wrapper > .gutenberg__editor > .components-drop-zone__provider > .components-navigate-regions,
ux-dialog.editor-modal > ux-dialog-body.gutenberg__editor_wrapper > .gutenberg__editor > .components-drop-zone__provider > .components-navigate-regions > .edit-post-layout {
  width: 100%;
  height: 100%;
  position: inherit;
  top: auto;
}
ux-dialog.editor-modal > ux-dialog-body.gutenberg__editor_wrapper > .gutenberg__editor > .components-drop-zone__provider > .components-navigate-regions > .edit-post-layout {
  display: flex;
  flex-flow: column;
  padding-top: 0;
}
ux-dialog.editor-modal > ux-dialog-body.gutenberg__editor_wrapper > .gutenberg__editor > .components-drop-zone__provider > .components-navigate-regions > .edit-post-layout > .edit-post-header {
  flex: 0 1 auto;
  position: static;
  top: inherit;
  left: inherit;
}
ux-dialog.editor-modal > ux-dialog-body.gutenberg__editor_wrapper > .gutenberg__editor > .components-drop-zone__provider > .components-navigate-regions > .edit-post-layout > .edit-post-layout__content {
  height: auto;
  flex: 1 1 auto;
}
ux-dialog.editor-modal > ux-dialog-body.gutenberg__editor_wrapper > .gutenberg__editor > .components-drop-zone__provider > .components-navigate-regions > .edit-post-layout > .edit-post-layout__content > .edit-post-text-editor {
  display: flex;
  flex-flow: column;
  max-width: 100% !important;
  padding: 0 1em 1em 1em;
  margin: 0;
}
ux-dialog.editor-modal > ux-dialog-body.gutenberg__editor_wrapper > .gutenberg__editor > .components-drop-zone__provider > .components-navigate-regions > .edit-post-layout > .edit-post-layout__content > .edit-post-text-editor > .edit-post-text-editor__toolbar {
  flex: 0 1 auto;
  display: flex;
  flex-flow: row;
  position: inherit;
  align-items: center;
}
ux-dialog.editor-modal > ux-dialog-body.gutenberg__editor_wrapper > .gutenberg__editor > .components-drop-zone__provider > .components-navigate-regions > .edit-post-layout > .edit-post-layout__content > .edit-post-text-editor > .edit-post-text-editor__body {
  flex: 1 1 auto;
  display: block;
  padding: 0 !important;
  margin: 0 0 150px 0 !important;
}

.sio-action-spinner {
  position: absolute;
  height: 100%;
  left: 50%;
  top: 2px;
  margin-left: -16px;
}

.autocomplete-input-container {
  position: relative;
}
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 16px;
  width: 16px;
  margin-left: 0.4em;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 16 16' fill='%23777'><path d='M2.784 2.089l.069.058 5.146 5.147 5.146-5.147a.5.5 0 01.765.638l-.058.069L8.705 8l5.147 5.146a.5.5 0 01-.638.765l-.069-.058-5.146-5.147-5.146 5.147a.5.5 0 01-.765-.638l.058-.069L7.293 8 2.146 2.854a.5.5 0 01.638-.765z'/><g stroke='red'></g></svg>");
  cursor: pointer;
}
input[type="search"]::-webkit-search-cancel-button:hover {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 16 16' fill='%23777'><path fill='red' d='M2.784 2.089l.069.058 5.146 5.147 5.146-5.147a.5.5 0 01.765.638l-.058.069L8.705 8l5.147 5.146a.5.5 0 01-.638.765l-.069-.058-5.146-5.147-5.146 5.147a.5.5 0 01-.765-.638l.058-.069L7.293 8 2.146 2.854a.5.5 0 01.638-.765z'/><g stroke='red'></g></svg>");
}
.autocomplete-dropdown-container {
  border: 1px solid lightgray;
  border-top: 0;
  box-shadow: 4px 4px 5px lightgrey;
  width: 100%;
  box-sizing: border-box;
  position: absolute;
  z-index: 1000;
  background: white;
}
.suggestion-item span {
  padding: 0 5px;
}
.suggestion-item--active span {
  padding: 0 5px;
}
.suggestion-item:last-child {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAAASCAYAAAC0PldrAAAIHElEQVR4Ae3ZBXDbWB7H8efglpmZGW0HlhzJDpSZmZkZ3W3s2DpmZmbmKx0zM/NdoGhotxTf9x9LHY027paW85v5bBRQopn32weqasqzk5Jw7BE9nHijHo5/Rw/HfqaHYl/keldZ8GJ7qBeqZ/6PNGlPUT5DeVKNqkyc18PJ6VDPtfEfnvUJz0dmpbwfmzMW6k5YFy96pBRTkCnL4MUDiy94oS0F+ZVZlD/5qxLLfNFkz0D0fBtfKOkpCcffrFfG6vVQ4hDUc6ypQLdDFmMdMiWIcjywaOHEB8zynPEFa1pCOWnHLw2Bej5oKtDzqEC+cGyoWZ5YaTDeGer57r4LRPLRCi40liy0QR4eVB5CG2QhU3KQneG+TM/qQhvk424L1Bwt73P22d9QoFD8bVB3KxVUWTX+gqW1mvvLtbr7Z7V+z6frNM/UlFIuKAD83I2v5y69eiL3y9dPZP/s2tdyPn39ZN7UVEq5oCz8x+WvjC/SQrEv8/u/z/O9siSUKNfC8agWSbrRaIH+p3lH1Pg976jxe38gz8JzzLM/g2QhpmIuIjCwB/0cg6HjGAxEsQQtIZmCtbBnLbY4BngZptkGaQmiMHAUhbCyEJMxCxGsh6QFltruOwIv7BmEfTAQwWwsvYMCTcMqGKat6AJJCXYjD1ZcWIdZsEdK8K50gZLroez4+l4G8j1PURlfAJWaMye7Vvd+otbvTVVr7hvVmvc/ci0YyNdAidTHVPa1EzmfuH4iN0WBbnD9H7lu8PXc10CJYDCVxanvffI8nAZvloQTNenZMXYt/YyJ5Y3tgar9nkCt5n2y4Tl073+5TprPEIYSknW2ARpkWosQOkFSiijK0BtuHME2ZGMMDLSDpBMMU29bYaIYBxfW4wBGojcmw8BIWM8Vwjq40QMubMR+231TYGAYJN1QhVUYgEHYgMgdFCiCBeiLYdiJI2iO9og6St4XBgZnKpAWjm2AsmNZO+E8jdlnqzrdvS49aO4fndWLekDVlbmHMoB/MQewAorCrDML86P6E816QD35lbyhzER/SZcouwJKq0oskd9PSX9aVnm5F1RJVbKQr13IVKCU251b7Xf/WwpcqxfMkVnngm9MW+sZ6gJeD24N1BHkwUouDmI28hDGBNjTDwZGIR9hFEOiYyu2YRIkY1GFhzAABvrCnpVYbyvQAeTAyiBHKa2sNUnmY5/jvnwcvYMCbXDMmG1QBR2SJdhu+5l52NXYMsqA7EsXI/5OKBvEhnMKK7LwtePpgYy9HIpB+lbDIGmFbihLTcAzs6FAuueDUJTkW0hdO5XrhrJc/1reTPk6BfsgZMY7iZS/KumFsmihxIFMBaoNeHxmiT/6H5+7Y41esJcl7K/pmdD9N64n4tZALYQzs7EDvTMMmgtBW7GWYyUk26DDj/1wYYHt+z7bUhixMXDMVqDFznG5zX1HIdmDGbDnTvdAGpzZhGWO/2n6ojnCKIIzDNClwQ1LRmU8ETCS3aEysU5r7FHmQckAyUD9sWJgPpSlNlA4SL7O0vJNqGtfz/6bFKX+SyofyvLk1/IGNcxAX8v9JpS8QpDfX/Ha+nwoC8vplIwFYq/TUFbN+w9Zxqr93vpq3fOFWn/BJFlioYQ1UEvgzHxsRQ8Y6NdIgY6jDBI3wugGA53QxVa+IAogeQwR9EB3h27IVGwfqjLc1xWSnZgNZ5bdQYECcGabrcgubMUCPIZjtztQWPsOZpjvPRq52A7KSatKTpV3QfxcXenL61tASUFk8M7q7gIoiywl6UF1fwBKCmLONAVQlhsn8+aYX/8AVEll4pQ8h7x7grLIRj9TgWo0z8Ppsnqv1eqeyP98hX2hZClrrEDH0QpWWuIYJiMbQcx1TNWjYWCQbY8TwQbshJXdWI+obdPdEwbGwJ7ipylQH2vZdN5nK9AMHEVzx1JUeQcF2uVY+rojimJYGY8q7MdEZIy8MGTwfmHuhf5JkTbJex/fyxJdtcpLDzNob5JNrbn/mQMl2ECvNpeKn1sDV6MVjGEz/U9zWSmFYuO82tzr/PzK6fy+UFdP5o6hNP9M742ySyFL1VJrDxSIXu4NJUunvAXPVCApCfufP5p7rg1y2pMZkeswX/u+zIawF0jtwyOmvThiK5UXBhbDgwkIY7mjVKthoBRWymE0MngLbXsrN+bbS5WhQC4sRggVjvtGQ9IWQexGMR7BfjxxBwV6AptRgBIcxU7kwkoODiOCtrhtZOZhkD52m3/KiFGs+VCAdYT3fsicAer5WIcU4DGghPzcta/nfKjhFPa13HrUybW5fBlQQk5hWmXi/fL3rNnuTk5hdX6Pl79/wTwNXrJOYbIXOh9w98atgVqAx7EPx7AUHWDPSGy2la0MOY38zCp0gZWuWNXIbJONAPYhhK0YDSsTocGZbJRmuM9KJ6zAceyHD489zYyxCGMwGYdts24LOLMWi3DHkQ0sg/QqWU5KwvEf4HPMDHseDcc6QTnJUiH7EGajz8g7GPYiH2EWKoOyk/c9vAeax6zzGcryAz5+5PrJ7DIoO37QxTufhRT0C+zLvst11FrC5JQG5f7IrJd5Pjzzx56Pzh4CJc76CnryHugVPMe3OcqfYTkLymkMCpk30RnTlG62jfQLIr5gKkf+wVY29lAWWULTM2HsMah70VSgu888bIULL4hw2pqRPhEmfiMbadmbyWzE/utqSSj2nznBVB7UvWgq0N2lLSIYhxdOWL5k+Xzq/it2mdcGAah7ZV00eQlgxvFRpNfJeyc+Bn2RK32h7sf/AesqcHB02e65AAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: right bottom;
}

.calendar-schedular-main .schedular-parent {
  display: grid;
  grid-template-columns: 80% 20%;
  height: 90vh;
}
.calendar-schedular-main .schedule-calendar-parent {
  height: 86vh;
}
.calendar-schedular-main .grid-item {
  padding: 10px 0px;
}
.calendar-schedular-main .schedular-employees {
  display: flex;
  flex-direction: column;
}
.calendar-schedular-main .p-10 {
  padding: 0px 10px;
}
.calendar-schedular-main .rs-picker-toggle-value {
  flex-direction: row-reverse;
}
.calendar-schedular-main .rs-picker-toggle {
  border-radius: 0px;
}
.calendar-schedular-main .rs-picker-toggle .rs-stack {
  overflow: hidden;
}
.calendar-schedular-main .rs-picker-toggle-active,
.calendar-schedular-main .rs-btn:hover {
  border-color: #c45453 !important;
  box-shadow: 0 0 0 2px #c7345345;
}
.calendar-schedular-main .rs-picker-value-list {
  color: black !important;
}
.calendar-schedular-main .rs-picker-value-count {
  background-color: #c45453 !important;
}
.calendar-schedular-main .employees-list {
  display: flex;
  flex-direction: column;
  gap: 5px;
  max-height: calc(66vh - 10px);
  overflow: auto;
  margin-top: 3px;
}
.calendar-schedular-main .employees-list .one-employee {
  cursor: move;
  padding: 10px 2px;
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
  border-top: 6px solid #379837;
}
.calendar-schedular-main .employees-list .one-employee .info-tool-tip {
  margin-left: 6px;
  cursor: pointer;
  color: #999999;
}
.calendar-schedular-main .employees-list .one-employee .one-employee-main {
  display: flex;
  gap: 6px;
  align-items: center;
}
.calendar-schedular-main .employees-list .one-employee .emp-chart {
  width: 70px;
  min-width: 70px;
  height: 70px;
  max-height: 70px;
}
.calendar-schedular-main .employees-list .one-employee .employee-department {
  margin-top: 6px;
  font-size: 12px;
  color: darkgray;
}
.calendar-schedular-main .employees-list .one-employee.on-vacation {
  border-color: #c45453;
}
.calendar-schedular-main .employees-list .one-employee.partially-available {
  border-color: #ffde52;
}
.calendar-schedular-main .employees-list .one-employee .donut-ring {
  stroke: #ebebeb;
}
.calendar-schedular-main .employees-list .one-employee .donut-segment-4 {
  stroke: #999999;
  animation: donut3 3s;
}
.calendar-schedular-main .employees-list .one-employee .donut-text-3 {
  fill: #676767;
  font-size: 6px;
}
.calendar-schedular-main .calendar-top-row {
  margin-bottom: 7px;
}
.calendar-schedular-main .nav-buttons {
  display: flex;
  padding: 0 2px;
  justify-content: space-between;
}
.calendar-schedular-main .nav-buttons div {
  display: flex;
  gap: 2px;
}
.calendar-schedular-main .nav-buttons .nav-button,
.calendar-schedular-main .nav-buttons .nav-loading {
  padding: 6px;
  background-color: white;
  font-size: 1rem;
  border: 1px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}
.calendar-schedular-main .nav-buttons .sio-select {
  border: 1px solid #ddd;
}
.calendar-schedular-main .nav-buttons .rs-picker-toggle-value {
  color: black;
}
.calendar-schedular-main .nav-buttons .nav-loading {
  border-color: transparent;
  background-color: transparent;
}
.calendar-schedular-main .employee-item {
  padding: 14px 10px;
  background-color: #f5fae7;
  margin-bottom: 6px;
  border: 1px solid darkgreen;
  position: relative;
}
.calendar-schedular-main .employee-item .fa-close {
  position: absolute;
  left: -2px;
  top: -5px;
  cursor: pointer;
  padding: 2px 3px;
  color: #3c3c3c;
  display: none;
  background: white;
  border: 1px solid #3c3c3c;
  border-radius: 40px;
  font-size: 11px;
}
.calendar-schedular-main .employee-item:hover .fa-close {
  display: block;
}
.calendar-schedular-main .event_dragged {
  display: none;
}
.calendar-schedular-main .draggable {
  cursor: move;
}
.calendar-schedular-main .dragging-over .calendar_default_event_inner {
  border-width: 2px;
  background: #c8f5b3;
}
.calendar-schedular-main .calendar_default_event_inner {
  border: 1px solid #999999;
  color: black;
  padding: 2px;
  overflow-y: auto;
}
.calendar-schedular-main .calendar_default_event_bar {
  display: none;
}
.calendar-schedular-main .shift-title {
  background: #e9e9e9;
  padding: 6px 4px;
  margin-left: -2px;
  margin-right: -2px;
  margin-top: -6px;
  margin-bottom: 6px;
  border-bottom: 1px solid #999999;
  display: inline-block;
  width: 100%;
}
.calendar-schedular-main .sio-select {
  height: 100%;
  min-width: 50px;
}
.calendar-schedular-main .calendar_default_main .calendar_default_event_inner {
  cursor: default;
}

.colorbox {
  width: 100px;
  height: 20px;
}
.colorbox-small-rectangle {
  width: 20px;
  height: 20px;
  margin: 1px;
  display: inline-block;
}

.au-target.multiline-content {
  word-break: break-word;
  padding: 0;
  margin: 0;
  border-width: 0;
  background-color: transparent;
}
sio-cell-codemirror .au-target.multiline-content {
  white-space: pre-wrap;
  font-size: 0.85rem;
  max-width: 80vw;
  max-height: 16rem;
  overflow: auto;
}
.au-target.multiline-content.clipped {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* number of lines to show */
  line-clamp: 3;
  -webkit-box-orient: vertical;
}

.show-on-hover {
  display: none   ;
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  position: fixed;
  width: 625px;
  height: 275px;
  z-index: 99;
  top: 780px;
  left: 212px;
}
.show-on-hover:hover {
  display: block;
}
.hoverable .email-message-body {
  height: 100%;
}
.hoverable .sio-action-spinner {
  margin-top: 16px;
}
.hoverable:hover .show-on-hover {
  display: block;
}

.file-thumbnail-image-container {
  text-align: center;
}
.file-thumbnail-image-container img {
  width: 120px;
}

/* To match tailwind */
.palette-container {
  margin: 0 -10px;
}
.palette-container .add-color {
  position: relative;
  top: -15px;
  margin: 0 10px;
  display: inline-block;
  background-color: #00bf00;
  color: #fff;
  border-radius: 20px;
  border: none;
  width: 40px;
  height: 40px;
  padding: 0;
  font-size: 18px;
  font-weight: bold;
  box-shadow: 0 0 5px #000;
}
.palette-container .add-color:focus,
.palette-container .add-color:hover {
  background-color: #00d900;
}
.palette-container .add-color.no-items {
  top: 0;
}
.palette-colorpicker-container {
  position: relative;
  margin: 0 10px;
  display: inline-block;
}
.palette-colorpicker-container input.palette-colorpicker {
  width: 40px;
  height: 40px;
  border: none;
  box-sizing: border-box;
  padding: 0;
  display: inline-block;
  background-color: transparent;
  cursor: pointer;
}
.palette-colorpicker-container input.palette-colorpicker::-webkit-color-swatch-wrapper {
  padding: 0;
}
.palette-colorpicker-container input.palette-colorpicker::-webkit-color-swatch {
  border: none;
}
.palette-colorpicker-container .remove-color {
  position: absolute;
  bottom: -5px;
  right: -10px;
  z-index: 10;
  background-color: #163B59;
  color: #fff;
  border-radius: 15px;
  border: none;
  width: 25px;
  height: 25px;
  padding: 0;
  font-size: 14px;
  font-weight: bold;
  box-shadow: 0 0 5px #000;
}
.palette-colorpicker-container .remove-color:focus,
.palette-colorpicker-container .remove-color:hover {
  background-color: #1b496d;
}

.custom-info {
  max-width: 250px;
  font-family: Arial, sans-serif;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}
.custom-info img {
  width: 100%;
  height: 120px;
  -o-object-fit: cover;
     object-fit: cover;
  border-bottom: 1px solid #ddd;
  border-radius: 0.75rem !important;
  margin-bottom: 10px;
}
.info-content {
  background: white;
}
.info-content span {
  margin: 5px 0;
  font-size: 12px;
  color: #666;
}
.info-content a {
  outline: none !important;
  font-weight: 900;
  font-size: 16px;
}
.gmnoprint > div {
  border-radius: 6px !important;
  --tw-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);
}
.gm-style .gm-style-iw-c,
.gmnoprint > div {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.gm-style .gm-style-iw-c {
  top: -10px;
  border-radius: 0.75rem;
  padding: 0;
  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
}
.gm-style .gm-style-iw-c:after,
.gm-style .gm-style-iw-t:after {
  display: none;
}
.gm-style-iw-d {
  max-height: none !important;
  overflow: hidden !important;
}
.gm-style-iw-ch,
.gm-style-iw-tc,
.gm-style-iw-tc:after {
  display: none !important;
}
.gm-style-iw-chr > button {
  display: block !important;
  width: 35px !important;
  height: 35px !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  border-radius: 50% !important;
  position: absolute !important;
  background: white !important;
  opacity: 1 !important;
  top: 0px !important;
  right: 0 !important;
}
.gm-style-iw-chr > button span {
  width: 20px !important;
  height: 20px !important;
  margin: 9px !important;
}
.select-button {
  display: block;
  width: 100%;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  font-weight: 600;
  color: white;
  background-color: #007bff;
  border: none;
  border-radius: 0.5rem;
  cursor: pointer;
  text-align: center;
  transition: background-color 0.2s ease-in-out;
  margin-top: 1rem;
}
.select-button:hover {
  background-color: #0056b3;
}

/* To match tailwind */
.rs-picker-popup {
  z-index: 9999;
}
sio-date-range-input > .form-control {
  --rs-close-button-hover-color: #163B59;
  padding: 0;
  background-color: transparent;
  border-width: 0;
}
sio-date-range-input > .form-control .rs-input-group:not(.rs-input-group-disabled).rs-input-group-focus,
sio-date-range-input > .form-control .rs-input-group:focus-within {
  outline: 0 !important;
}
sio-date-range-input > .form-control .rs-input-group-addon {
  padding-top: 0!important;
  padding-bottom: 0!important;
}
sio-date-range-input > .form-control > .rs-picker-daterange > .rs-picker-input-group {
  border: 1px solid #ced4da !important;
  border-radius: 0;
}
sio-date-range-input > .form-control > .rs-picker-daterange > .rs-picker-input-group .rs-input {
  font-size: 12px!important;
}
sio-date-range-input > .form-control > .rs-picker-daterange > .rs-picker-input-group:has(.rs-date-range-input) {
  border: 1px solid #163B59 !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(22, 59, 89, 0.2);
}
sio-date-range-input > .form-control > .rs-picker-daterange > .rs-picker-input-group > * {
  color: #000;
}
sio-date-range-input > .form-control .rs-picker-toggle-active {
  box-shadow: 0 0 0 2px rgba(196, 84, 83, 0.2) !important;
}
sio-date-range-input > .form-control .rs-picker-toggle-active input {
  border: 1px solid #c45453 !important;
}
.sio-date-input {
  width: 100%;
}
.sio-date-input .rs-picker-toggle-value {
  color: black !important;
}
.sio-date-input .rs-picker-toggle:hover {
  border: 1px solid #c45453 !important;
}
.sio-date-input .rs-picker-toggle-active {
  box-shadow: 0 0 0 2px rgba(196, 84, 83, 0.2) !important;
  border: 1px solid #c45453 !important;
}
#tax-listbox {
  max-height: 200px !important;
}

/* To match tailwind */
.editor-styles-wrapper {
  padding-top: 40px;
}
.editor-styles-wrapper h1,
.editor-styles-wrapper .h1 {
  font-size: 36px;
}
.editor-styles-wrapper h2,
.editor-styles-wrapper .h2 {
  font-size: 30px;
}
.editor-styles-wrapper h3,
.editor-styles-wrapper .h3 {
  font-size: 24px;
}
.editor-styles-wrapper h4,
.editor-styles-wrapper .h4 {
  font-size: 18px;
}
.editor-styles-wrapper h5,
.editor-styles-wrapper .h5 {
  font-size: 14px;
}
.components-panel__arrow {
  width: 24px;
}
.block-editor-block-toolbar .components-toolbar-group,
.block-editor-block-toolbar .components-toolbar {
  height: 48px;
}
.wp-block[data-align="center"] > .wp-block-embed {
  text-align: center;
}
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal!important;
}
.gutenberg__editor_wrapper {
  position: relative;
}
.gutenberg__editor_wrapper .edit-post-layout {
  position: absolute;
}
.gutenberg__editor_wrapper .edit-post-layout.interface-interface-skeleton {
  left: 0;
  top: 0;
}
.gutenberg__editor_wrapper .edit-post-layout .interface-interface-skeleton__content {
  background-color: transparent;
}
.gutenberg__editor_wrapper .edit-post-layout .interface-interface-skeleton__body {
  padding-bottom: 0;
}
.gutenberg__editor_wrapper .edit-post-layout .interface-interface-skeleton__footer {
  display: none;
}
.gutenberg__editor_wrapper .edit-post-header .edit-post-fullscreen-mode-close__toolbar,
.gutenberg__editor_wrapper .edit-post-header .components-button.editor-post-preview,
.gutenberg__editor_wrapper .edit-post-header .components-button.block-editor-post-preview__button-toggle,
.gutenberg__editor_wrapper .edit-post-header .components-button.editor-post-publish-panel__toggle,
.gutenberg__editor_wrapper .edit-post-header .editor-post-save-draft,
.gutenberg__editor_wrapper .edit-post-header .editor-post-saved-state {
  display: none !important;
}
.gutenberg__editor_wrapper .block-editor-format-toolbar {
  display: flex;
}
.gutenberg__editor_wrapper .block-editor-block-mover,
.gutenberg__editor_wrapper .block-editor-block-toolbar .components-toolbar-group,
.gutenberg__editor_wrapper .block-editor-block-toolbar .components-toolbar-group > div,
.gutenberg__editor_wrapper .block-editor-block-toolbar .components-toolbar,
.gutenberg__editor_wrapper .block-editor-block-toolbar .components-toolbar > div {
  align-items: center;
}
.gutenberg__editor_wrapper .components-button.editor-post-trash.button-link-delete,
.gutenberg__editor_wrapper .components-panel__row.edit-post-post-visibility {
  display: none !important;
}
.gutenberg__editor_wrapper .edit-post-sidebar .edit-post-post-status {
  display: none;
}
.gutenberg__editor_wrapper .edit-post-sidebar > .edit-post-sidebar__panel-tabs > ul > li:first-child {
  display: none;
}
.gutenberg__editor_wrapper div.components-popover.edit-post-more-menu__content.components-dropdown-menu__popover div.components-dropdown-menu__menu > .components-menu-group {
  display: none;
}
.gutenberg__editor_wrapper div.components-popover.edit-post-more-menu__content.components-dropdown-menu__popover div.components-dropdown-menu__menu > .components-menu-group:nth-child(2) {
  display: block;
}
.gutenberg__editor_wrapper .editor-writing-flow .wp-block {
  max-width: 970px;
}
.gutenberg__editor_wrapper .editor-writing-flow .editor-block-mover .components-icon-button {
  padding: 0;
}
.gutenberg__editor_wrapper .editor-writing-flow .editor-media-placeholder__button.editor-media-placeholder__media-library-button {
  display: none !important;
}
@media (min-width: 782px) {
  .gutenberg__editor_wrapper .edit-post-layout__content {
    margin-left: 0;
  }
}
.gutenberg__editor_wrapper .block-editor-media-placeholder .components-placeholder__fieldset > .components-button.is-tertiary {
  display: none;
}
.gutenberg__editor_wrapper .wp-block-embed__wrapper {
  width: 100%;
  min-height: 100%;
}
.gutenberg__editor_wrapper .wp-block-embed__wrapper iframe {
  width: 100%;
  min-height: 300px;
  box-sizing: content-box;
  border: none;
}
.gutenberg__editor_wrapper .wp-block-html > iframe,
.gutenberg__editor_wrapper .wp-block-html > textarea {
  width: 100%;
  min-height: 10rem;
  overflow-y: scroll;
}
.block-library-html__edit {
  color: #000;
}
.editor-inner-blocks {
  width: 100%;
}
.block-editor-block-list__layout .block-editor-block-list__block[data-type="sio/button"] {
  height: auto !important;
  text-align: center;
}
.block-editor-block-list__layout .block-editor-block-list__block[data-type="sio/button"] > .wp-block {
  height: auto;
}
.block-editor-block-list__layout .block-editor-block-list__block[data-type="sio/button"] > .wp-block > * {
  float: none !important;
}
.block-editor-block-list__layout .block-editor-block-list__block[data-type="sio/button"] .text-right > textarea {
  text-align: right;
}
.block-editor-block-list__layout .block-editor-block-list__block[data-type="sio/button"] textarea {
  max-width: 200px;
}
.block-editor-block-list__layout .block-editor-block-list__block[data-type="sio/button"] .block-editor-block-mover {
  width: auto !important;
  padding-bottom: 0 !important;
}
.is-style-three-third .wp-block-group__inner-container {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}
.is-style-940px .wp-block-group__inner-container {
  max-width: 730px;
  margin-left: auto;
  margin-right: auto;
}
.is-style-lead {
  font-size: 21px;
}
.is-style-box-shadow {
  padding: 2rem;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);
}

.report-table tr:first-child > td {
  font-size: 110%;
  font-weight: bold;
}
.report-table td:first-child {
  width: 75%;
}
.report-table td:nth-child(2) {
  width: 12.5%;
}
.report-table td:nth-child(3) {
  width: 12.5%;
}

.email-message-body {
  width: 100%;
  min-width: 1px;
}

#ai-generate-form {
  min-width: 600px;
  max-width: 1000px;
}
@media only screen and (max-width: 600px) {
  #ai-generate-form {
    min-width: 300px;
  }
}

.fast-booking-form {
  max-width: 1000px;
  margin: auto;
}
.fast-booking-form .mt-1 {
  margin-top: 0.5rem;
}
.fast-booking-form .top-row {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 6px;
}
.fast-booking-form .top-row .sio-input {
  flex: 1;
}
.fast-booking-form .sio-form-label,
.fast-booking-form .cf-form-label {
  font-size: 14px;
  padding-left: 4px;
  margin-top: 6px;
  margin-bottom: 6px;
}
.fast-booking-form .sio-form-input {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.5rem);
  font-size: 14px;
  padding: 0.375rem 0.5rem;
  font-weight: 400;
  color: black;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0;
  line-height: 1.2;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.fast-booking-form .sio-form-input:focus {
  border-color: #d1d1d1 !important;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #d1d1d1 !important;
  outline: 0 none !important;
}
.fast-booking-form select.sio-form-input {
  padding: 0rem 0.5rem;
}
.fast-booking-form .cf-header {
  position: sticky;
  top: 0;
  background-color: #d1d1d1;
}
.fast-booking-form .with-background {
  background: #d1d1d1;
  padding: 0px 12px 10px 12px;
}
.fast-booking-form textarea {
  width: 100%;
  height: 250px;
  border-color: lightgray;
  padding: 12px;
  font-family: monospace;
  color: black;
  font-size: 14px;
  line-height: 1.3;
}
.fast-booking-form textarea:focus {
  box-shadow: none;
  outline: none;
}
.fast-booking-form button {
  font-size: 14px;
  padding: 2px 12px;
}
.fast-booking-form .code-header {
  font-family: monospace;
  font-size: 14px;
}
.fast-booking-form .code-header .content {
  background-color: white;
  padding: 6px 12px;
  border: 1px solid lightgray;
}
.fast-booking-form .text-bold {
  font-weight: bold;
}
.fast-booking-form .total-row {
  border-top: 1px black dotted;
  padding: 6px 12px;
  display: flex;
  justify-content: flex-end;
  font-family: monospace;
}
.fast-booking-form .mt-2 {
  margin-top: 0.5rem !important;
}
.fast-booking-form .mb-2 {
  margin-bottom: 0.5rem !important;
}
.fast-booking-form mr-2 {
  margin-right: 0.5rem !important;
}
.fast-booking-form .mt-3 {
  margin-top: 1rem !important;
}
.fast-booking-form .mb-3 {
  margin-bottom: 1rem !important;
}
.fast-booking-form .css-1g6gooi input {
  tab-index: -1 !important;
}
.fast-booking-form .css-b8ldur-Input {
  margin: 0px!important;
}

.scheduler_default_event {
  max-height:40px;
}

.scheduler_default_event_inner {
  border: none !important;
  border-radius: 5px;
  margin:2px;
  color: #fff;
  font-size:12px !important;
}

button.pnr-result-button {
  margin-bottom: 0.25em;
}
button.pnr-result-button pre {
  text-align: left;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.pnr-display {
  position: relative;
}
.pnr-display > .sio-action {
  position: absolute !important;
  right: 0;
  top: 0;
}

.gmr-display {
  position: relative;
}
.gmr-display > .sio-action {
  position: absolute !important;
  right: 0;
  top: 0;
}

.sio-entry-and-visa dt {
  margin-top: 1em;
  border-top: 1px solid #C0C0C0;
  padding-top: 0.25em;
}
.sio-entry-and-visa dd {
  text-align: justify;
  -webkit-hyphens: auto;
          hyphens: auto;
}

/* To match tailwind */
.inline-checkboxes .checkbox {
  display: inline-block;
  padding-right: 5px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  margin-left: 3px;
}
.form-group-xs label {
  margin-bottom: 0px;
}
.form-group-xs .form-control:not(.selectize-dropdown):not(.selectize-control):not(:has(.rs-picker-daterange)):not(.full-height),
.form-group-xs .input-group-addon {
  padding: 1px 2px;
  height: 23px;
}
.form-group-xs .rs-picker-toggle {
  padding: 1px 2px !important;
  height: 23px !important;
}
.form-group-xs .rs-picker-toggle-clean.rs-btn-close {
  top: 1px !important;
}
.form-group-xs .selectize-input {
  padding: 1px 2px;
  font-size: 12px;
  line-height: 1.5;
  min-height: 23px;
}
.form-group-xs .selectize-input::after {
  right: 5px !important;
}
.form-group-xs .selectize-input .item {
  white-space: nowrap;
  overflow: hidden;
  display: inline;
}
.form-group-xs .btn {
  padding: 1px 2px;
}
.tourism-hotel-calculation .panel-heading {
  padding: 0;
}
.tourism-hotel-calculation .remove-row {
  padding-top: 2px;
  padding-bottom: 2px;
}
.tourism-hotel-calculation .row-table {
  font-size: 12px;
}
.tourism-hotel-calculation .form-control {
  font-size: 12px;
}
.tourism-hotel-calculation input[type="number"] {
  text-align: right;
}
.tourism-hotel-calculation div.row.margin-bottom {
  margin-bottom: 20px;
}
.tourism-hotel-calculation .choice-element-control {
  width: calc(100% - 25px) !important;
}
.tourism-hotel-calculation input::-webkit-outer-spin-button,
.tourism-hotel-calculation input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.tourism-hotel-calculation input[type="date"]::-webkit-calendar-picker-indicator {
  margin: 0;
}
.tourism-hotel-calculation input[type="number"] {
  -moz-appearance: textfield;
}
.tourism-hotel-calculation table {
  table-layout: fixed;
}
.tourism-hotel-calculation table td {
  vertical-align: middle !important;
}
.tourism-hotel-calculation loading-overlay .loading-overlay-progress-icon {
  text-align: inherit !important;
}
.tourism-hotel-calculation sio-panel.additional-services > .panel > .panel-heading {
  padding: 10px 15px;
}
.hotel-calculation .form-group-xs .form-control:not(.selectize-dropdown) {
  height: auto;
}
.hotel-calculation .choice-element-actions .btn-group {
  margin-left: 3px;
  margin-top: 1px;
  width: 5px;
}
.hotel-calculation .table.table-condensed.row-table thead tr th {
  vertical-align: middle !important;
}
.hotel-calculation .table.table-condensed.row-table thead tr th .form-group-xs .btn {
  padding: 1px 5px;
}
.hotel-calculation .selectize-control.multi .selectize-input > div {
  display: flex;
}
.hotel-calculation .tourism-hotel-calculation .choice-element-control {
  width: auto !important;
}
.hotel-calculation-attributes tr > td:first-child {
  width: 40%;
}

/* To match tailwind */
tourism-journey-calculation .navbar .navbar-brand {
  font-size: inherit;
}
tourism-journey-calculation .navbar .navbar-nav > li {
  height: 50px;
  overflow-y: hidden;
}
tourism-journey-calculation .navbar .navbar-nav > li > a {
  cursor: pointer;
  position: relative;
  text-align: center;
  height: 50px;
}
tourism-journey-calculation .navbar .navbar-nav > li > a > small {
  font-size: 67%;
  position: absolute;
  right: 0;
  left: 0;
}
tourism-journey-calculation .navbar .navbar-nav > li > a > small.above {
  display: block;
  position: unset;
  margin-bottom: -5px;
}
tourism-journey-calculation .navbar .navbar-nav > li > a > small.below {
  bottom: 0;
}
tourism-journey-calculation .navbar .navbar-nav > li > a > small > br {
  display: none;
}
tourism-journey-calculation .navbar .navbar-nav > li > a > small.currency {
  position: absolute;
  bottom: inherit;
  top: 0;
}
tourism-journey-calculation .navbar .navbar-right {
  margin: 0 15px 0 0;
  height: 48px;
  display: flex;
  flex-direction: column;
  flex-flow: column;
  align-items: center;
  justify-content: space-around;
  align-content: center;
}
tourism-journey-calculation .panel-heading {
  position: sticky;
  top: 0;
  background-color: white;
  z-index: 99;
  text-transform: none;
  max-width: 95vw;
}
@media (max-width: 767px) {
  tourism-journey-calculation .panel-heading {
    max-width: none;
    z-index: 448;
  }
}
tourism-journey-calculation .font-weight-bolder {
  font-weight: bolder;
}
@media screen and (min-width: 992px) {
  tourism-journey-calculation .table-responsive {
    overflow-x: initial;
  }
  tourism-journey-calculation .table-responsive tr,
  tourism-journey-calculation .table-responsive td,
  tourism-journey-calculation .table-responsive th {
    background-color: #fff;
  }
}
tourism-journey-calculation table.table .border-right {
  border-right: 1px solid #ddd;
}
tourism-journey-calculation table.table.calculation-services-table {
  border-bottom: 3rem solid #fff;
  width: inherit;
  table-layout: fixed;
  min-width: 100%;
}
@media (max-width: 767px) {
  tourism-journey-calculation table.table.calculation-services-table {
    table-layout: initial;
  }
}
tourism-journey-calculation table.table.calculation-services-table thead {
  position: sticky;
  top: 50px;
  background-color: white;
  z-index: 99;
}
@media (max-width: 767px) {
  tourism-journey-calculation table.table.calculation-services-table thead {
    position: initial;
    z-index: 0;
  }
}
tourism-journey-calculation table.table.calculation-services-table input {
  width: 100%;
  max-width: 6em;
}
tourism-journey-calculation table.table.calculation-services-table input[type=radio] {
  width: inherit;
}
tourism-journey-calculation table.table.calculation-services-table small {
  font-size: 67%;
  font-style: italic;
}
tourism-journey-calculation table.table.calculation-services-table > thead > tr > th,
tourism-journey-calculation table.table.calculation-services-table > tbody > tr > td.service {
  position: sticky;
  z-index: 9;
  background: rgba(255, 255, 255, 0.7);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}
tourism-journey-calculation table.table.calculation-services-table > thead > tr {
  border-bottom-width: 0;
}
tourism-journey-calculation table.table.calculation-services-table > thead > tr,
tourism-journey-calculation table.table.calculation-services-table > thead > tr > th {
  z-index: 99;
}
tourism-journey-calculation table.table.calculation-services-table > thead > tr:first-child > th {
  border-bottom-width: 0;
  top: 30px;
}
tourism-journey-calculation table.table.calculation-services-table > thead > tr:first-child > th.occupancy-small {
  min-width: 1.5rem;
  max-width: 1.5rem;
  width: 1.5rem;
  padding: 0;
  margin: 0;
  text-align: left;
}
tourism-journey-calculation table.table.calculation-services-table > thead > tr:first-child > th.occupancy-small > .short-label {
  font-size: 80%;
  font-weight: 600;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  transform-origin: left;
  transform: rotate(-90deg) translateY(50%);
}
tourism-journey-calculation table.table.calculation-services-table > thead > tr:first-child > th.occupancy-small > .short-label.child {
  font-size: 60%;
  font-weight: 300;
  padding-left: 0.2rem;
}
tourism-journey-calculation table.table.calculation-services-table td.selector,
tourism-journey-calculation table.table.calculation-services-table th.selector {
  width: 3rem;
}
tourism-journey-calculation table.table.calculation-services-table td.active {
  font-weight: bolder;
}
tourism-journey-calculation table.table.calculation-services-table td.occupancy-small {
  padding: 6px 0;
  text-align: center;
}
tourism-journey-calculation table.table.calculation-services-table td.occupancy-small,
tourism-journey-calculation table.table.calculation-services-table td.occupancy-small > input {
  max-width: 1.5rem;
  width: 1.5rem;
}
tourism-journey-calculation table.table.calculation-services-table tbody > tr.group > th,
tourism-journey-calculation table.table.calculation-services-table tfoot > tr.group > th {
  background-color: #b0b5c3;
}
tourism-journey-calculation table.table.calculation-services-table tbody > tr.group > th.sticky,
tourism-journey-calculation table.table.calculation-services-table tfoot > tr.group > th.sticky {
  position: sticky;
  left: 0;
  z-index: 9;
}
tourism-journey-calculation table.table.calculation-services-table td.pax,
tourism-journey-calculation table.table.calculation-services-table th.pax {
  max-width: 6rem;
  overflow-x: hidden;
  padding-left: 5px;
  padding-right: 5px;
  transition: all 0.333s ease-in-out;
}
tourism-journey-calculation table.table.calculation-services-table td.pax.margin-pax,
tourism-journey-calculation table.table.calculation-services-table th.pax.margin-pax {
  font-weight: bolder;
}
tourism-journey-calculation table.table.calculation-services-table.collapsed td.pax,
tourism-journey-calculation table.table.calculation-services-table.collapsed th.pax {
  max-width: 0;
  padding-left: 0;
  padding-right: 0;
  opacity: 0;
}
tourism-journey-calculation table.table.calculation-services-table.collapsed td.pax.margin-pax,
tourism-journey-calculation table.table.calculation-services-table.collapsed th.pax.margin-pax {
  max-width: 6rem;
  padding-left: 5px;
  padding-right: 5px;
  opacity: 1;
}
tourism-journey-calculation table.table.calculation-services-table.collapsed td.pax.margin-pax > input,
tourism-journey-calculation table.table.calculation-services-table.collapsed th.pax.margin-pax > input {
  min-width: 4rem;
}
tourism-journey-calculation table.table.calculation-services-table tbody > tr > td {
  width: 6rem;
}
tourism-journey-calculation table.table.calculation-services-table tbody > tr > td.service {
  min-width: 30rem;
  max-width: 30rem;
  left: 0;
}
tourism-journey-calculation table.table.calculation-services-table tbody > tr > td.price-cell.disabled {
  color: rgba(0, 0, 0, 0.33333);
}
tourism-journey-calculation table.table.calculation-services-table tbody > tr > td.price-cell .rs-loader-wrapper {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.5);
  width: 3rem;
}
tourism-journey-calculation table.table.calculation-services-table tbody > tr > td.price-cell > .rs-placeholder {
  width: 100%;
}
tourism-journey-calculation table.table.calculation-services-table tbody > tr > td.price-cell > .rs-placeholder .rs-placeholder-paragraph-rows > p {
  margin-left: auto;
}
tourism-journey-calculation table.table.calculation-services-table tfoot th label {
  font-weight: 600;
  white-space: nowrap;
}
tourism-journey-calculation table.table.calculation-services-table tfoot th label input[type=checkbox] {
  width: inherit;
}
tourism-journey-calculation table.table.calculation-services-table tfoot td.margin-tax.green {
  color: green;
}
tourism-journey-calculation table.table.calculation-services-table tfoot td.margin-tax.red {
  color: red;
}
tourism-journey-calculation table.table.calculation-services-table input[type=number] {
  text-align: right;
  min-width: 6rem;
  width: 100%;
}
tourism-journey-calculation table.table.calculation-dates-table .price {
  font-size: 1rem;
  white-space: nowrap;
}
tourism-journey-calculation table.table.calculation-dates-table .price-lowest,
tourism-journey-calculation table.table.calculation-dates-table .price-highest {
  font-weight: 600;
}
tourism-journey-calculation table.table.calculation-dates-table .price-lowest {
  background-color: #E3FDDE;
}
tourism-journey-calculation table.table.calculation-dates-table .price-highest {
  background-color: #F9F1F0;
}
tourism-journey-calculation table.table.calculation-dates-table td.price + td.border-right {
  padding: 0;
}
tourism-journey-calculation table.table.calculation-dates-table td.price + td.border-right button {
  padding: 0;
}
tourism-journey-calculation table.table.calculation-dates-table .price-lowest.price-highest {
  background-color: inherit;
  font-weight: inherit;
}
tourism-journey-calculation table.table.calculation-dates-table thead > tr:last-child > th {
  font-weight: 300;
  text-align: right;
}
tourism-journey-calculation table.table.calculation-dates-table td,
tourism-journey-calculation table.table.calculation-dates-table th {
  vertical-align: middle;
}
tourism-journey-calculation table.table.calculation-dates-table thead th {
  vertical-align: bottom;
  text-align: center;
}
tourism-journey-calculation table.table.calculation-dates-table .season {
  white-space: nowrap;
}
tourism-journey-calculation table.table.calculation-dates-table .warning {
  white-space: nowrap;
  background-color: #FFB6B6;
  padding: 1rem 0.5rem;
}
tourism-journey-calculation table.table.calculation-dates-table .warning .fa {
  color: red;
  padding-left: 0.25rem;
}
tourism-journey-calculation .bottom-save {
  margin-top: 8px;
}
tourism-journey-calculation .panel {
  width: -moz-fit-content;
  width: fit-content;
}
tourism-journey-calculation .panel-heading .rs-btn,
tourism-journey-calculation .bottom-save .rs-btn,
tourism-journey-calculation .navbar-text .rs-btn {
  margin-left: 4px;
}
tourism-journey-calculation .panel-heading .rs-btn.rs-btn-ghost,
tourism-journey-calculation .bottom-save .rs-btn.rs-btn-ghost,
tourism-journey-calculation .navbar-text .rs-btn.rs-btn-ghost {
  border: 1px solid #ccc;
  color: #000;
}
tourism-journey-calculation .panel-heading .rs-btn.rs-btn-ghost:hover,
tourism-journey-calculation .bottom-save .rs-btn.rs-btn-ghost:hover,
tourism-journey-calculation .navbar-text .rs-btn.rs-btn-ghost:hover {
  background-color: #eee;
}
tourism-journey-calculation .season {
  border: 1pt solid #ddd;
  border-radius: 1rem;
  padding: 0.25rem 1rem;
  font-weight: normal;
  font-size: 1rem;
}
tourism-journey-calculation dl.seasons {
  display: flex;
  margin-bottom: 3rem;
}
tourism-journey-calculation dl.seasons > dt,
tourism-journey-calculation dl.seasons > dd {
  border: 1pt solid #ddd;
  border-radius: 1rem;
  padding: 0.25rem 1rem;
  font-weight: normal;
  font-size: 1rem;
  margin: 0;
}
tourism-journey-calculation dl.seasons > dt {
  z-index: 10;
}
tourism-journey-calculation dl.seasons > dd {
  margin-left: -1.5rem;
  margin-right: 1.5rem;
  padding-left: 2rem;
}
.entry-overlay td:nth-child(1) {
  font-weight: bold;
}
.entry-overlay td:nth-child(2) {
  text-align: right;
}
table.table-super-condensed.calculation-overlay {
  margin: 0;
}
table.table-super-condensed.calculation-overlay tr:first-child th,
table.table-super-condensed.calculation-overlay tr:first-child td {
  border-top-width: 0;
}
table.table-super-condensed.calculation-overlay tr th,
table.table-super-condensed.calculation-overlay tr td {
  padding: 0 0.25rem !important;
  margin: 0;
}
table.table-super-condensed.calculation-overlay tr td {
  text-align: right;
}
.delta-neg {
  color: red;
}
.delta-pos {
  color: green;
}

@media screen and (min-width: 992px) {
  .manage-equipment_container {
    display: flex;
    align-items: center;
  }
}
.manage-equipment_selected-equipment {
  width: 100%;
  height: calc(100vh - 430px) !important;
  min-height: 350px;
  overflow-x: auto;
  overflow-y: auto;
}
.manage-equipment_available-equipment {
  width: 100%;
  height: calc(100vh - 430px) !important;
  min-height: 350px;
  overflow-x: auto;
  overflow-y: auto;
}
.manage-equipment_actions {
  text-align: center;
}
.manage-equipment_actions .sio-action {
  display: block;
  margin: auto;
  padding: 5px;
}

.room-item {
  padding: 5px;
  cursor: move;
}
.room-item:hover {
  background-color: #ccc;
}
.room-badge-danger {
  background-color: #c45453;
}

.float-right {
  float: right;
}
.panel-info.location-assigned > .panel-heading,
.panel-default.location-assigned > .panel-heading {
  background-image: repeating-linear-gradient(-45deg, lightgrey, lightgrey 10px, transparent 10px, transparent 20px);
}
.panel-default.participants-all-assigned > .panel-heading {
  background-image: repeating-linear-gradient(-45deg, lightgreen, lightgreen 10px, transparent 10px, transparent 20px);
}
.panel-info.participants-all-assigned > .panel-heading {
  background-image: repeating-linear-gradient(-45deg, lightgreen, lightgreen 10px, transparent 10px, transparent 20px);
}
.panel-default.participants-missing-assignment > .panel-heading {
  background-image: repeating-linear-gradient(-45deg, lightgrey, red 10px, transparent 10px, transparent 20px);
}
.panel-info.participants-missing-assignment > .panel-heading {
  background-image: repeating-linear-gradient(-45deg, lightgrey, red 10px, transparent 10px, transparent 20px);
}
.panel-no-jobs {
  background-image: repeating-linear-gradient(-45deg, grey, grey 10px, transparent 10px, transparent 20px);
}
.button-group-btn .btn:first-child {
  margin-right: 0;
}
.button-group-btn .btn {
  margin-right: 3px;
}

#locationsNew .panel {
  display: inline-block;
  margin-right: 2px;
  cursor: grab;
}

#routes .route {
  display: inline-block;
  vertical-align: top;
  margin-right: 2px;
  width: 25em;
}
#routes .route .panel-heading {
  white-space: initial;
}
#routes .route .route-empty {
  text-align: center;
}
#routes .route .route-color-indicator {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  margin-right: 8px;
  display: inline-block;
  border: 1px solid #333;
}
#routes .routes-panel-body {
  overflow-x: scroll;
  height: auto;
  white-space: nowrap;
}
#routes .item .panel-body {
  white-space: normal;
}
#routes .locationItemDropPlace {
  padding: 1em;
}
#routes .handle {
  margin-right: 0.5em;
  color: lightgrey;
  cursor: grab;
}
#routes .item-action.disabledCalculation {
  color: red;
}
#routes .item-action {
  color: lightgrey;
  cursor: pointer;
}
#routes .routes-view {
  display: flex;
  flex-direction: row;
}
#routes .routes-view.split .routes-panel {
  flex: 1;
  overflow-x: auto;
  white-space: nowrap;
}
#routes .routes-view.split .map-panel {
  flex: 1;
  display: block;
  min-height: 600px;
  padding-left: 1em;
}
#routes .routes-view:not(.split) .map-panel {
  display: none;
}
#routes .routes-view:not(.split) .routes-panel {
  width: 100%;
}
#routes .route-color-indicator {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  margin-right: 8px;
  display: inline-block;
  border: 1px solid #333;
}

.participant-route-ao .customer {
  width: 12em;
}
.participant-route-ao .participants {
  width: 20em;
}
.participant-route-ao .mainCustomerPhone,
.participant-route-ao .mainCustomerEmail {
  width: 15em;
}
.participant-route-ao .order {
  width: 10em;
}
.participant-route-ao .departureTime {
  width: 12em;
}
.participant-route-ao .info {
  width: 2em;
}
.participant-route-ao .actions {
  width: 12em;
  text-align: right;
}

.tourism-seat-map-assignment .save-action {
  margin-bottom: 1rem;
}
.tourism-seat-map-assignment .seats-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.tourism-seat-map-assignment .seats {
  display: grid;
  width: 100%;
  flex-wrap: nowrap;
  justify-content: space-between;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
}
.tourism-seat-map-assignment .seat-container {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.tourism-seat-map-assignment .seat-container-inline {
  flex-grow: 1;
  overflow: auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  flex-wrap: nowrap;
}
.tourism-seat-map-assignment .seat-container-inline .panel-heading {
  padding: 2px 15px;
}
.tourism-seat-map-assignment .message-popover {
  margin-left: 0.5rem;
}
.tourism-seat-map-assignment .reservation {
  font-size: 10px;
}
.tourism-seat-map-assignment .reservation .message-popover {
  margin-left: 0.5rem;
  margin-top: 0.3rem;
  display: inline-block;
  vertical-align: middle;
}
.tourism-seat-map-assignment .reservation .message-popover .popover-icon {
  font-size: x-small;
}
.tourism-seat-map-assignment .assignments {
  overflow: auto;
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  flex-wrap: nowrap;
  min-height: 50rem;
}
.tourism-seat-map-assignment .assignment {
  height: 100%;
  min-height: 5rem;
  border: 1px solid #ddd;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  cursor: move;
  overflow: hidden;
}
.tourism-seat-map-assignment .seat {
  min-width: auto;
  flex-shrink: 0;
  flex-grow: 1;
  flex-basis: auto;
}
.tourism-seat-map-assignment .seat-heading {
  border: 1px solid #ddd;
  display: flex;
  padding-left: 2rem;
  padding-right: 2rem;
  align-items: center;
  height: 5rem;
}
.tourism-seat-map-assignment .seat-heading h5 {
  display: block;
  width: 100%;
}
.tourism-seat-map-assignment .seat-body {
  border: 1px solid #ddd;
  height: 7rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tourism-seat-map-assignment .row-number {
  flex-basis: 6rem;
  flex-grow: 0;
  flex-shrink: 0;
  min-width: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tourism-seat-map-assignment .participant {
  height: inherit;
  text-align: center;
  border-radius: 10px !important;
  overflow: hidden;
  width: 100%;
  padding: 0 5px;
  margin-top: 4px;
  margin-bottom: 4px;
}
.tourism-seat-map-assignment .participant .order {
  font-size: 12px;
}
.tourism-seat-map-assignment .participant .participant-message {
  display: flex;
  justify-content: center;
  margin-top: 4px;
  max-width: 200px;
}
.tourism-seat-map-assignment .participant .participant-message-text {
  font-size: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 130px;
}
.tourism-seat-map-assignment .participant .name-container {
  width: 100%;
  margin-top: auto;
  margin-bottom: auto;
}
.seat-row {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.seat-assignment {
  display: flex;
}

:root {
  --box-color: #fff1d6;
  --box-color-2: #d3e6ff;
  --box-color-3: #ffd9d9;
  --box-color-4: #daffe5;
  --panel-red: #c45453;
  --panel-black: #272835c2;
}
.tourism-tour-guide-assignment .save-action {
  margin-bottom: 1rem;
}
.tourism-tour-guide-assignment .guides-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.tourism-tour-guide-assignment .guides {
  display: grid;
  width: 100%;
  flex-wrap: nowrap;
  justify-content: space-between;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
}
.tourism-tour-guide-assignment .guide-container {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.tourism-tour-guide-assignment .guide-container-inline {
  flex-grow: 1;
  overflow: auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  flex-wrap: nowrap;
}
.tourism-tour-guide-assignment .guide-container-inline .panel-heading {
  padding: 2px 15px;
}
.tourism-tour-guide-assignment .assignments {
  overflow: auto;
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  flex-wrap: nowrap;
  min-height: 50rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.tourism-tour-guide-assignment .assignment {
  background-color: #fff;
  border-radius: 5px;
  width: 100%;
  box-shadow: rgba(99, 99, 99, 0.1) 0px 2px 8px 0px;
  margin-top: 5px;
  margin-bottom: 5px;
  border: 3px dashed transparent;
  overflow: hidden;
  min-height: 5rem;
}
.tourism-tour-guide-assignment .assignment-card {
  position: relative;
  border-radius: 5px;
  width: 100%;
  padding: 10px;
  border: 3px dashed transparent;
  overflow: hidden;
  cursor: pointer;
  cursor: -moz-grab;
  box-shadow: 2px 2px 4px 0px #ebebeb;
}
.tourism-tour-guide-assignment .assignment-card:hover {
  box-shadow: rgba(99, 99, 99, 0.3) 0px 2px 8px 0px !important;
  border-color: rgba(162, 179, 207, 0.2) !important;
}
.tourism-tour-guide-assignment .yellow {
  background-color: var(--box-color) !important;
}
.tourism-tour-guide-assignment .blue {
  background-color: var(--box-color-2) !important;
}
.tourism-tour-guide-assignment .red {
  background-color: var(--box-color-3) !important;
}
.tourism-tour-guide-assignment .green {
  background-color: var(--box-color-4) !important;
}
.tourism-tour-guide-assignment .panel-red {
  background: var(--panel-red) !important;
}
.tourism-tour-guide-assignment .panel-black {
  background: var(--panel-black) !important;
}
.tourism-tour-guide-assignment .assignment-tag {
  border-radius: 100px;
  padding: 2px 10px;
  margin-bottom: 8px;
  font-size: 12px;
}
.tourism-tour-guide-assignment .assignment-tags {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 10px;
  font-weight: 500;
  opacity: 0.6;
}
.tourism-tour-guide-assignment .panel {
  box-shadow: none;
  border: 1px solid #e5e8ed;
  background-color: #fff;
  padding: 15px;
  border-radius: 5px 5px 5px 5px;
}
.tourism-tour-guide-assignment .panel-default > .panel-heading {
  position: relative;
  right: 0;
  z-index: 1;
  color: #fff !important;
  font-size: 16px;
  font-weight: 400;
  padding: 4px 17px;
  border-radius: 15px 15px 15px 5px;
}
.tourism-tour-guide-assignment .panel-heading a {
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  font-weight: 400;
}
.tourism-tour-guide-assignment .guide {
  min-width: auto;
  flex-shrink: 0;
  flex-grow: 1;
  flex-basis: auto;
}
.tourism-tour-guide-assignment .guide-heading {
  border: 1px solid #ddd;
  display: flex;
  padding-left: 2rem;
  padding-right: 2rem;
  align-items: center;
  height: 5rem;
}
.tourism-tour-guide-assignment .guide-heading h5 {
  display: block;
  color: #2e2e2f;
  width: 100%;
}
.tourism-tour-guide-assignment .guide-body {
  border: 1px solid #ddd;
  height: 7rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tourism-tour-guide-assignment .row-number {
  flex-basis: 6rem;
  flex-grow: 0;
  flex-shrink: 0;
  min-width: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tourism-tour-guide-assignment .participant {
  height: inherit;
  text-align: left;
  border-radius: 10px !important;
  overflow: hidden;
  width: 100%;
  padding: 5px;
  margin-top: 5px;
}
.tourism-tour-guide-assignment .participant .order {
  font-size: 12px;
}
.tourism-tour-guide-assignment .participant .name-container {
  width: 100%;
  margin-top: auto;
  margin-bottom: auto;
}

.badge.tab-entity-count {
  min-width: 3em;
}

.wiki-category-title {
  font-weight: 700;
  font-size: 1.8rem;
}
.nav.wiki-nav > li > a {
  padding: 5px 15px;
}
.wiki-search-input {
  margin-top: 10px;
}

.colorpicker-actions {
  float: left;
  width: 20%;
  box-sizing: border-box;
}
.colorpicker-element {
  float: left;
  width: 80%;
  box-sizing: border-box;
}

html {
  --sio-brand: #163B59;
  --icon-default-color: #555b70;
}
#sio-dashboard {
  font-size: 12px;
  display: block;
  height: auto !important;
  min-height: calc(100vh - 70px);
  background-color: var(--background-color, #f6f3f4);
}
#sio-dashboard .sio-responsive-grid {
  margin-bottom: 200px;
}
#sio-dashboard .sio-responsive-grid .react-grid-item {
  border-radius: 6px;
}
#sio-dashboard .sio-responsive-grid .react-resizable-handle {
  opacity: 0.4;
  cursor: nwse-resize;
}
#sio-dashboard .sio-responsive-grid .draggable {
  cursor: move;
}
#sio-dashboard .sio-responsive-grid .panel-top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 14px 12px;
}
#sio-dashboard .sio-responsive-grid .panel-top .fa {
  cursor: pointer;
  color: var(--icon-default-color);
  font-size: 16px;
}
#sio-dashboard .sio-responsive-grid .panel-top .fa:hover {
  color: var(--sio-brand);
}
#sio-dashboard .sio-responsive-grid .panel-top-title {
  font-size: 16px;
  font-weight: 800;
  margin: 0;
  flex: 1;
}
#sio-dashboard .main-panel {
  width: 100%;
  height: 100%;
  maxheight: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background-color: white;
}
#sio-dashboard .main-panel .MuiDataGrid-root {
  border-radius: 0px;
  border-left: 0px;
  border-right: 0px;
}
#sio-dashboard .panel-top-edit-icons {
  display: flex;
  gap: 20px;
  align-items: center;
}
#sio-dashboard .dashboard-top-row {
  margin: 10px 10px;
}
#sio-dashboard .dashboard-top-row .outlined-icon {
  display: flex;
  align-items: center;
  font-size: 16px;
  padding: 8px 12px;
  border: 1px solid rgba(196, 84, 83, 0.5);
  color: var(--sio-brand);
  cursor: pointer;
  border-radius: 0px;
}
#sio-dashboard .dashboard-top-row .outlined-icon:hover {
  background-color: rgba(196, 84, 83, 0.04);
}
#sio-dashboard .dashboard-top-row .outlined-icon.hover-green:hover .fa {
  color: green;
}
#sio-dashboard .dashboard-top-row .dashboard-top-row_menu {
  position: relative;
}
#sio-dashboard .dashboard-top-row .dashboard-top-row_menu .dashboard-top-row_title {
  color: black;
  font-weight: 800;
  font-size: 22px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
#sio-dashboard .dashboard-top-row .dashboard-top-row_menu .fa {
  font-size: 14px;
  cursor: pointer;
}
#sio-dashboard .dashboard-top-row .dashboard-top-row_menu .dashboard-top-row_details {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#sio-dashboard .dashboard-top-row .dashboard-top-row_menu .dashboard-top-row_buttons {
  display: flex;
  gap: 6px;
  align-items: center;
}
#sio-dashboard .dashboard-top-row .dashboard-top-row_menu .dashboards-menu {
  background: white;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  position: absolute;
  top: 44px;
  left: 0;
  z-index: 9;
  min-width: 220px;
}
#sio-dashboard .dashboard-top-row .dashboard-top-row_menu .dashboards-menu .dashboards-menu-item {
  padding: 16px 12px;
  font-size: 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#sio-dashboard .dashboard-top-row .dashboard-top-row_menu .dashboards-menu .dashboards-menu-item .dash-icons .fa {
  cursor: pointer;
  color: var(--icon-default-color);
  font-size: 14px;
}
#sio-dashboard .dashboard-top-row .dashboard-top-row_menu .dashboards-menu .dashboards-menu-item .dash-icons .fa:hover {
  color: var(--sio-brand);
}
#sio-dashboard .dashboard-top-row .dashboard-top-row_menu .dashboards-menu .dashboards-menu-item:hover {
  background-color: #f5f5f5;
}
#sio-dashboard .MuiTablePagination-selectLabel,
#sio-dashboard .MuiTablePagination-displayedRows {
  margin-bottom: 4px;
}
#sio-dashboard .MuiDataGrid-booleanCell {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 1em;
  height: 1em;
  display: inline-block;
  fill: currentColor;
  flex-shrink: 0;
  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  font-size: 16px;
}
#sio-dashboard .MuiDataGrid-cell {
  padding-top: 8px;
  padding-bottom: 8px;
}
#sio-dashboard .MuiDataGrid-cell:focus {
  outline: none;
}
#sio-dashboard .c3-title {
  font-weight: bold;
  font-size: 14px;
}
.panel-wizard-modal .close-button {
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 18px;
  cursor: pointer;
}
.dashboard-top-row_buttons .MuiButton-outlinedPrimary,
.modal-bottom-bar .MuiButton-outlinedPrimary,
.dashboard-top-row_buttons .outlined-icon,
.modal-bottom-bar .outlined-icon {
  background: white;
  color: #333 !important;
  border-color: #ccc !important;
}
.dashboard-top-row_buttons .MuiButton-outlinedPrimary:hover,
.modal-bottom-bar .MuiButton-outlinedPrimary:hover,
.dashboard-top-row_buttons .outlined-icon:hover,
.modal-bottom-bar .outlined-icon:hover {
  background-color: #e6e6e6 !important;
  border-color: #adadad;
}
.dashboard-top-row_buttons .MuiButtonBase-root,
.modal-bottom-bar .MuiButtonBase-root {
  text-transform: none !important;
  font-size: 12px !important;
  border-radius: 0 !important;
}
.MuiStepLabel-iconContainer {
  font-size: 16px;
}
.Mui-active,
.Mui-completed {
  color: var(--sio-brand) !important;
}
.MuiStepLabel-label {
  font-size: 16px!important;
}
.MuiCardContent-root:last-child {
  padding: 8px 16px 8px 16px !important;
}
.MuiSvgIcon-fontSizeMedium {
  width: 20px !important;
  height: 20px !important;
}
.MuiPaper-root {
  margin-left: 2px !important;
}
.MuiDataGrid-filterFormValueInput {
  width: 225px !important;
}
.MuiDataGrid-filterFormValueInput .MuiFormControl-root {
  width: 100% !important;
}
.MuiPaper-root,
.MuiInputBase-root {
  border-radius: 0 !important;
}
.popover {
  pointer-events: none;
}
.popover-icon {
  color: #888 !important;
  font-size: small;
  vertical-align: super;
}