.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-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,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);
  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;
}

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

.scheduler_default_event {
  max-height:40px;
}

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