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

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

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

@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;
}