@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@900&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap);
.fullWidth{
    width: 100%;
}
  
.dateInputComponent.maxWidth{
    width: 200px !important;
}

.dateInputComponent{
    min-width: 195px !important;
}

.dateInputComponent .dateInput_close_icon{
    display: none;
    position: absolute;
    right: 40px;
}

.dateInputComponent:hover .dateInput_close_icon{
    display: flex;
}

.hint_inputAligned{
    padding-top: 20px;
}

.hintTooltip{
    font-size: 1rem;
}
.react-calendar {
  width: 350px;
  max-width: 100%;
  background: white;
  border: 1px solid #a0a096;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.125em;
}

.react-calendar--doubleView {
  width: 700px;
}

.react-calendar--doubleView .react-calendar__viewContainer {
  display: flex;
  margin: -0.5em;
}

.react-calendar--doubleView .react-calendar__viewContainer > * {
  width: 50%;
  margin: 0.5em;
}

.react-calendar,
.react-calendar *,
.react-calendar *:before,
.react-calendar *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.react-calendar button {
  margin: 0;
  border: 0;
  outline: none;
}

.react-calendar button:enabled:hover {
  cursor: pointer;
}

.react-calendar__navigation {
  display: flex;
  height: 44px;
  margin-bottom: 1em;
}

.react-calendar__navigation button {
  min-width: 44px;
  background: none;
}

.react-calendar__navigation button:disabled {
  background-color: #f0f0f0;
}

.react-calendar__navigation button:enabled:hover,
.react-calendar__navigation button:enabled:focus {
  background-color: #e6e6e6;
}

.react-calendar__month-view__weekdays {
  text-align: center;
  text-transform: uppercase;
  font: inherit;
  font-size: 0.75em;
  font-weight: bold;
}

.react-calendar__month-view__weekdays__weekday {
  padding: 0.5em;
}

.react-calendar__month-view__weekNumbers .react-calendar__tile {
  display: flex;
  align-items: center;
  justify-content: center;
  font: inherit;
  font-size: 0.75em;
  font-weight: bold;
}

.react-calendar__month-view__days__day--weekend {
  color: #d10000;
}

.react-calendar__month-view__days__day--neighboringMonth,
.react-calendar__decade-view__years__year--neighboringDecade,
.react-calendar__century-view__decades__decade--neighboringCentury {
  color: #757575;
}

.react-calendar__year-view .react-calendar__tile,
.react-calendar__decade-view .react-calendar__tile,
.react-calendar__century-view .react-calendar__tile {
  padding: 2em 0.5em;
}

.react-calendar__tile {
  max-width: 100%;
  padding: 10px 6.6667px;
  background: none;
  text-align: center;
  line-height: 16px;
  font: inherit;
  font-size: 0.833em;
}

.react-calendar__tile:disabled {
  background-color: #f0f0f0;
  color: #ababab;
}

.react-calendar__month-view__days__day--neighboringMonth:disabled,
.react-calendar__decade-view__years__year--neighboringDecade:disabled,
.react-calendar__century-view__decades__decade--neighboringCentury:disabled {
  color: #cdcdcd;
}

.react-calendar__tile:enabled:hover,
.react-calendar__tile:enabled:focus {
  background-color: #e6e6e6;
}

.react-calendar__tile--now {
  background: #ffff76;
}

.react-calendar__tile--now:enabled:hover,
.react-calendar__tile--now:enabled:focus {
  background: #ffffa9;
}

.react-calendar__tile--hasActive {
  background: #76baff;
}

.react-calendar__tile--hasActive:enabled:hover,
.react-calendar__tile--hasActive:enabled:focus {
  background: #a9d4ff;
}

.react-calendar__tile--active {
  background: #006edc;
  color: white;
}

.react-calendar__tile--active:enabled:hover,
.react-calendar__tile--active:enabled:focus {
  background: #1087ff;
}

.react-calendar--selectRange .react-calendar__tile--hover {
  background-color: #e6e6e6;
}

.react-clock {
  display: block;
  position: relative;
}

.react-clock,
.react-clock *,
.react-clock *:before,
.react-clock *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.react-clock__face {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px solid black;
  border-radius: 50%;
}

.react-clock__hand {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  right: 50%;
}

.react-clock__hand__body {
  position: absolute;
  background-color: black;
  transform: translateX(-50%);
}

.react-clock__mark {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  right: 50%;
}

.react-clock__mark__body {
  position: absolute;
  background-color: black;
  transform: translateX(-50%);
}

.react-clock__mark__number {
  position: absolute;
  left: -40px;
  width: 80px;
  text-align: center;
}

.react-clock__second-hand__body {
  background-color: red;
}

.clock-settings {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 2em;
}

.clock-settings-buttons {
    display: flex;
    gap: 2em;
    justify-content: flex-end;
}

.clock-settings-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.search-container{margin:0 0 12px 0 !important;width:95%;max-width:95%;margin-inline:auto !important;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.search-modal{max-width:500px !important;padding:0 !important}.search-modal .no-results{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:260px;color:var(--primary_contrast_dark) !important}.search-modal .no-results .MuiSvgIcon-root{font-size:100px !important;margin-bottom:12px !important;opacity:.4}.search-modal .no-results .title{font-size:22px;letter-spacing:-0.4px !important;font-family:var(--body_font_family) !important;font-weight:var(--body_extrabold) !important}.search-modal .no-results .subtitle{margin-top:3px !important;font-size:16px;font-family:var(--body_font_family) !important;font-weight:var(--body_light) !important;letter-spacing:-0.2px !important;line-height:20px;max-width:260px;text-align:center}.search-header{position:sticky;top:0;left:0;right:0;background-color:var(--background);padding:12px;z-index:100 !important}.search-results-section{margin-block:0 28px !important;padding-inline:12px}.search-results-section.search-suggestions{margin-bottom:16px !important}.search-results-section:last-of-type:not(.search-suggestions){margin-bottom:16px !important}.search-results-section .MuiTypography-h2{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.search-results-section .MuiTypography-h2 .view-more{margin-left:16px !important;font-size:12px;font-weight:var(--body_regular) !important;color:var(--primary_contrast_dark) !important;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;text-decoration:none !important;transition:all .3s ease-in-out;height:100%;line-height:17px !important}.search-results-section .MuiTypography-h2 .view-more:hover{color:var(--primary) !important}.search-results-section .MuiTypography-h2 .view-more:hover .MuiSvgIcon-root{transform:translateX(4px)}.search-results-section .MuiTypography-h2 .view-more .MuiSvgIcon-root{font-size:18px !important;margin-left:4px !important;transform:translateX(0);transition:all .2s ease-in-out}.search-filter{width:calc(100% - 16px) !important;margin-inline:auto !important;transition:all .3s ease;margin-bottom:0 !important;height:auto !important}.search-filter .MuiFormLabel-root{margin-top:2px !important;font-weight:900 !important;font-family:var(--body_extrabold) !important}.search-filter .MuiInputBase-root,.search-filter .MuiInputBase-root.Mui-focused{border:1px solid var(--text) !important;height:44px !important;line-height:44px !important;font-size:13px !important;min-height:44px !important;padding-bottom:8px !important}.app-search.MuiTextField-root{width:100% !important;margin-inline:auto !important;height:42px !important;transition:all .3s ease;position:sticky;top:0 !important;left:0 !important;right:0 !important;z-index:5000 !important;background-color:var(--background)}.app-search.MuiTextField-root .MuiInputBase-root{border:1px solid rgba(0,0,0,.18) !important;border-radius:50px;height:42px !important;line-height:42px !important;font-size:14px !important;position:relative;top:0;left:0;right:0;bottom:0;width:100%;height:100%;color:var(--text) !important;transition:all .3s ease-in-out}.app-search.MuiTextField-root .MuiInputBase-root::before,.app-search.MuiTextField-root .MuiInputBase-root::after{display:none !important}.app-search.MuiTextField-root .MuiInputBase-root.Mui-focused{border:1px solid var(--primary) !important}.app-search.MuiTextField-root .MuiInputBase-root .MuiInputBase-input{position:absolute;top:0;left:0;right:0;bottom:0;width:calc(100% - 108px);height:100%;padding-inline:40px 68px !important;margin-top:-3px !important;padding-block:4px !important;caret-color:var(--primary) !important}.app-search.MuiTextField-root .MuiInputBase-root .MuiCircularProgress-root{position:absolute;left:12px;top:14px;font-size:18px !important}.app-search.MuiTextField-root .MuiInputBase-root .search-icon{position:absolute;left:12px;top:12px;font-size:18px !important}.app-search.MuiTextField-root .MuiInputBase-root .MuiAutocomplete-endAdornment{top:6px !important;font-size:24px !important}.app-search.MuiTextField-root .MuiInputBase-root .clear-icon{position:absolute;right:15px;top:8px;font-size:18px !important;height:16px;width:16px;padding:4px;border-radius:8px;cursor:pointer;opacity:.7;transition:all .3s ease-in-out}.app-search.MuiTextField-root .MuiInputBase-root .clear-icon:hover{opacity:1}.app-search.MuiTextField-root .MuiInputBase-root .filters-icon{position:absolute;right:8px;top:9px;font-size:19px !important;height:18px;width:18px;background-color:var(--secondary) !important;color:var(--text) !important;padding:4px;border-radius:6px;transition:all .3s ease-in-out;cursor:pointer;opacity:.8}.app-search.MuiTextField-root .MuiInputBase-root .filters-icon:hover{opacity:1}.app-search.MuiTextField-root .MuiInputBase-root .filters-icon.active{background-color:var(--primary) !important;color:var(--text) !important}.search-icon-button{margin-left:6px;top:12px;margin-right:12px;font-size:18px !important}.app-search.MuiButton-root{display:flex;align-items:left;justify-content:left;text-align:left;border-radius:50px;border:1px solid rgba(0,0,0,.2);width:100%;text-transform:none;height:33px}.search-results{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;margin-block:8px !important;width:100% !important}.search-result-card{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100% !important;padding-block:10px !important;margin-block:5px !important;cursor:pointer;transition:all .3s ease;overflow:hidden;opacity:1;font-weight:100 !important;border:1px solid rgba(0,0,0,.12);border-radius:12px}.search-result-card:hover{opacity:1;color:var(--primary) !important;border:1px solid rgba(0,0,0,.24)}.search-result-card:hover .info .icon{background-color:var(--secondary) !important}.search-result-card:hover .info .content .type{color:var(--tab_background) !important;background-color:var(--primary) !important}.search-result-card:hover .actions .MuiSvgIcon-root{opacity:1 !important;transform:translateX(0)}.search-result-card .info{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-left:12px !important;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}.search-result-card .info .content{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;height:100%}.search-result-card .info .content .title{font-size:14px;letter-spacing:-0.4px !important;line-height:16px;font-family:var(--body_font_family) !important;font-weight:var(--body_regular) !important}.search-result-card .info .content .subtitle{font-size:12px;letter-spacing:-0.2px !important;line-height:14px}.search-result-card .info .content .type{border-radius:8px;text-transform:uppercase;font-weight:var(--body_bold) !important;font-family:var(--body_font_family) !important;margin-right:10px;padding:3px 7px;font-size:11px;background-color:var(--primary_contrast_light);color:var(--primary_contrast_extra_dark);transition:all .3s ease-in-out}.search-result-card .info .icon{margin-inline:10px !important;border-radius:8px;width:32px;height:32px;background-color:#ececec;color:#111 !important;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .3s ease;border:1px solid rgba(0,0,0,.13)}.search-result-card .info .icon .MuiSvgIcon-root{font-size:19px !important}.search-result-card .actions{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;margin-inline:12px !important}.search-result-card .actions .MuiSvgIcon-root{font-size:18px !important;opacity:.7;transition:all .3s ease;transform:translateX(160%);color:var(--primary)}.modal-content{background-color:var(--background) !important;margin:auto;margin-top:20vh;max-width:40%;border-radius:10px;padding:10px 15px;max-height:50%;overflow:scroll !important}.modal-content>div>.MuiTypography-h2,.modal-content>div>div>.MuiTypography-h2{margin-top:12px !important;padding-inline:8px !important;padding-block:0 4px !important;font-size:17px !important;font-weight:var(--body_extrabold) !important}.modal-content>div>.MuiTypography-h2:first-of-type{margin-top:8px !important}
.export-button {
    min-width: unset !important;
    padding: 0 !important;
    background-color: transparent !important;
    box-shadow: unset !important;
}

.export-button svg {
    font-size: 24px !important;
    margin-left: 8px !important;
    fill: #1976d2 !important;
}

.export-dialog .MuiDialog-container > .MuiPaper-root {
    width: 480px;
    max-width: 560px;
    min-height: 380px;
    max-height: 82vh;
    overflow-x: hidden;
}

.export-dialog .dialog-subheader {
    font-family: var(--highlight_font_family);
    font-weight: var(--highlight_extrabold);
    font-size: var(--default_font_size);
    margin-block: 8px 4px;
    margin-inline: auto !important;
    width: 90%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.export-dialog .dialog-subheader .actions {
    margin-right: 12px !important;
}

.export-dialog .dialog-subheader:not(:first-child) {
    margin-top: 24px !important;
}

.export-dialog .buttons-options {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-block: 4px;
    margin-inline: auto !important;
    width: 90%;
}

.export-dialog .buttons-options .MuiButton-root {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: calc(33.33% - 8px);
    margin-block: 8px 4px;
    border: 1px solid var(--primary_contrast_light) !important;
    color: var(--table_header_text) !important;
    padding-block: 8px;
    transition: all 0.5s ease-in-out !important;
    opacity: 0.8;
}

.export-dialog .buttons-options .MuiButton-root:hover {
    opacity: 1;
}

.export-dialog .buttons-options .MuiButton-root.active {
    color: var(--primary) !important;
    border-color: var(--primary) !important;
}

.export-dialog .buttons-options .MuiButton-root .label {
    font-size: 14px !important;
    margin-top: 4px;
    font-family: var(--highlight_font_family);
    font-weight: var(--highlight_extrabold);
    font-size: var(--default_font_size);
}


.export-dialog .export-checkbox-option {
    border: 1px solid var(--primary_contrast_light);
    border-radius: 8px;
    width: calc(90% - 24px);
    margin-block: 8px 0;
    margin-inline: auto !important;
    padding: 6px 12px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    user-select: none;
    opacity: 0.8;
    transition: all 0.3s ease-in-out;
}

.export-dialog .export-checkbox-option:hover {
    border: 1px solid var(--primary_contrast_light);
    opacity: 1;
}

.export-dialog .export-checkbox-option.active {
    border: 1px solid var(--primary);
    opacity: 1;
}

.export-dialog .export-checkbox-option.active .option-info svg,
.export-dialog .export-checkbox-option.active .option-info .name .title {
    color: var(--primary) !important;
}

.export-dialog .export-checkbox-option .option-info {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.export-dialog .export-checkbox-option .option-info .name {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-left: 12px;
    margin-block: auto;
}

.export-dialog .MuiDialogContent-root {
    padding: 0 !important;
}

.export-dialog .export-checkbox-option .option-info svg {
    transition: all 0.3s ease-in-out;
    margin-block: auto !important;
}

.export-dialog .export-checkbox-option .option-info .name .title {
    font-family: var(--highlight_font_family);
    font-weight: var(--highlight_bold);
    font-size: var(--small_font_size) !important;
    transition: all 0.3s ease-in-out;
}

.export-dialog .export-checkbox-option .option-info .name .subtitle {
    font-family: var(--highlight_font_family) !important;
    font-weight: var(--body_font_family) !important;
    font-size: var(--extra_small_font_size) !important;
}

.export-dialog .dialog-actions {
    width: calc(100%) !important;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding: 16px 0 !important;
    margin-top: 24px !important;
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 2px solid rgba(0, 0, 0, 0.12);
}

.export-dialog .dialog-actions .MuiButton-root:first-child {
    margin-right: 12px !important;
}

.export-dialog .dialog-actions .MuiButton-root {
    margin-right: 24px;
    margin-bottom: 0 !important;
}

.export-dialog .export-column-option {
    border: 1px solid var(--primary_contrast_light) !important;
    color: var(--table_header_text) !important;
    border-radius: 8px;
    width: calc(90% - 24px);
    padding: 2px 16px;
    margin-block: 8px 0;
    margin-inline: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    user-select: none;
    opacity: 0.8;
    transition: all 0.3s ease-in-out;
}

.export-dialog .export-column-option:hover {
    color: var(--primary) !important;
    border-color: var(--primary) !important;
    opacity: 1;
}

.export-dialog .export-column-option.active {
    color: var(--primary) !important;
    border-color: var(--primary) !important;
    opacity: 1;
}

.export-dialog .export-column-option .title {
    font-family: var(--highlight_font_family);
    font-weight: var(--highlight_bold);
    font-size: var(--small_font_size) !important;
    transition: all 0.3s ease-in-out;
    color: var(--primary_contrast_extra_dark);
}

.export-dialog .export-column-option.active .title {
    color: var(--primary) !important;
}

.export-dialog .MuiTableCell-root {
    padding: 8px 12px !important;
    cursor: pointer !important;
}

.export-dialog .export-loader {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 360px !important;
    transition: all 0.3s ease-in-out;
}

.export-dialog .export-loader .icon {
    border: 8px solid var(--primary);
    border-radius: 50%;
    margin-bottom: 24px;
    width: 92px;
    height: 92px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@keyframes rotate {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

.export-dialog .export-loader .icon svg {
    font-size: 56px !important;
    color: var(--primary);
}

.export-dialog .export-loader.loading .icon svg {
    animation: rotate infinite linear;
    animation-duration: 4s;
}

.export-dialog .export-loader.success .icon {
    border-color: var(--feedback_success) !important;
}

.export-dialog .export-loader.success .icon svg {
    color: var(--feedback_success) !important;
}

.export-dialog .export-loader.error .icon {
    border-color: var(--feedback_error) !important;
}

.export-dialog .export-loader.error .icon svg {
    color: var(--feedback_error) !important;
}

.export-dialog .export-loader .title {
    font-family: var(--highlight_font_family);
    font-weight: var(--highlight_extrabold);
    font-size: var(--extra_big_font_size) !important;
    transition: all 0.3s ease-in-out;
    max-width: 90% !important;
    text-align: center;
    line-height: 140% !important;
}

.export-dialog .export-loader .subtitle {
    font-family: var(--highlight_font_family) !important;
    font-weight: var(--body_font_family) !important;
    font-size: var(--default_font_size) !important;
    max-width: 85% !important;
    text-align: center;
    line-height: var(--default_line_height) !important;
    margin: 6px 0 0 0 !important;
    padding: 0 !important;
    opacity: 0.7;
}

.export-dialog .export-loader:not(.active) {
    transform: scale(0);
    height: 0 !important;
    display: none !important;
}

.export-dialog .export-loader.active {
    transform: scale(1);
    height: auto !important;
    display: flex !important;
}
.field-row {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
.field-select {
    width: 200px;
}
.field-row .field-select {
    height: 100%;
}
.field-prop {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.field-delete:hover {
    cursor: pointer;
}
.licence-form-wrapper {
    display: flex;
    gap: 20px;
}

.licence-select {
    width: 200px;
}
.field-row {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
.field-select {
    width: 200px;
}
.field-row .field-select {
    height: 100%;
}
.field-prop {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.field-delete:hover {
    cursor: pointer;
}

:root{--default_font_size: 16px;--small_font_size: 14px;--extra_small_font_size: 12px;--big_font_size: 20px;--extra_big_font_size: 28px;--default_border_radius: 4px;--default_line_height: 1.5;--body_line_height: 1.15;--narrow_line_height: 1.0;--highlight_font_family: "Montserrat";--highlight_light: 300;--highlight_regular: 400;--highlight_semibold: 600;--highlight_bold: 700;--highlight_extrabold: 800;--highlight_italic: italic;--body_font_family: "Open Sans";--body_light: 300;--body_regular: 400;--body_semibold: 600;--body_bold: 700;--body_extrabold: 800;--body_italic: italic}*:not(.RaDatagrid-root):not(.RaDatagrid-tableWrapper){scrollbar-width:none !important;-ms-overflow-style:none !important}*:not(.material-icons){font-family:var(--body_font_family)}body{margin:0px;overflow:auto !important;scrollbar-width:none !important;-ms-overflow-style:none !important;background-color:var(--background) !important}body::-webkit-scrollbar{display:none !important}body.light{--primary:#09f;--secondary:#3acdaf;--background:#fff;--disabled:#ececec;--text:#fff;--primary_contrast_default:#bce4fa;--primary_contrast_dark:#868786;--primary_contrast_extra_dark:#0b112d;--primary_contrast_light:#ddd;--primary_contrast_success:#9c0;--feedback_error:#f44336;--feedback_warning:#ffc107;--feedback_info:#bce4fa;--feedback_success:#9c0;--default_drop_shadow:0px 0px 8px #d2d2d2;--table_header:#bce4fa;--table_header_text:#0b112d;--table_drop_shadow:var(--default_drop_shadow);--table_header_border:rgba(0,0,0,0);--table_border:rgba(0,0,0,0);--tab_text:#0b112d;--tab_background:#fff;--app_bar:linear-gradient(90deg, var(--secondary) 50%, var(--primary) 100%)}body.dark{--primary:#09f;--secondary:#3acdaf;--background:#0b112d;--disabled:#797474;--text:#fff;--primary_contrast_default:#bce4fa;--primary_contrast_dark:#d7d7d7;--primary_contrast_extra_dark:#fff;--primary_contrast_light:#878787;--primary_contrast_success:#9c0;--feedback_error:#f44336;--feedback_warning:#ffc107;--feedback_info:#bce4fa;--feedback_success:#9c0;--default_drop_shadow:0px 0px 8px #1e2752;--table_header:#0b112d;--table_header_text:var(--text);--app_bar:linear-gradient(180deg, var(--background) 95%, var(--primary) 100%);--table_header_border:var(--primary_contrast_extra_dark);--tab_text:#0b112d;--tab_background:#fff;--table_border:#fff}.table--cell-right{text-align:right}.deleteButton{max-width:30px;min-width:30px !important}.deleteButton:disabled{background-color:rgba(0,0,0,0) !important;padding:5px 0 !important}.modalSession{position:absolute;background:rgba(var(--table_header), 0.8) !important;z-index:100 !important;backdrop-filter:blur(10px);align-items:center;text-align:center;border:.5px solid rgba(0,0,0,0);height:100%;width:100%}.modalSession h2{margin-top:50vh}.widget{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.widget .MuiPaper-root{border-radius:0 !important;box-shadow:var(--default_drop_shadow) !important}.layout.no-menu .RaLayout-appFrame{margin-top:0 !important}.layout.no-menu .RaLayout-appFrame .widget{display:flex;justify-content:center;align-items:center;align-content:center;flex-direction:column;height:100%;width:100% !important;margin:0 -10px !important}@media screen and (max-width: 800px){.widget{width:100% !important;margin-inline:0 !important}}.widget.clock .MuiTypography-root{font-weight:200 !important;font-size:24px !important;margin-top:32px !important;padding-bottom:40px !important}.react-calendar{width:100% !important;border:0 !important;background-color:var(--background)}.react-calendar label{color:var(--primary_contrast)}.react-calendar span{color:var(--primary_contrast)}.react-calendar button{color:var(--primary_contrast)}.react-calendar__month-view__days__day--weekend{color:var(--feedback_error) !important}.react-calendar__navigation__label__labelText{font-weight:900 !important;text-transform:uppercase !important;font-size:1.2rem !important}.react-calendar__month-view__weekdays__weekday abbr{font-weight:900 !important;text-decoration:none !important}.react-calendar__tile{background-color:rgba(0,0,0,0) !important;width:32px !important;height:32px !important;margin:0 auto !important;padding:24px 0 !important;display:flex;justify-content:center;align-items:center;aspect-ratio:2/1 !important;border-radius:12px !important;font-size:1rem !important}.react-calendar__tile--active abbr,.react-calendar__tile--now abbr{color:#fff !important;width:32px;height:32px;border-radius:50%;justify-content:center;align-items:center;display:flex}.react-clock{display:block;position:relative;width:260px !important;height:260px !important}.react-clock,.react-clock *,.react-clock *:before,.react-clock *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-clock__face{position:absolute;top:0;bottom:0;left:0;right:0;border:1px solid #fff;border-radius:50%}.react-clock__hand{position:absolute;top:0;bottom:0;left:50%;right:50%}.react-clock__hand__body{position:absolute;transform:translate(-50%);background-color:var(--primary_contrast_dark)}.react-clock__mark{position:absolute;top:0;bottom:0;left:50%;right:50%}.react-clock__mark__body{position:absolute;background-color:var(--primary_contrast_dark);transform:translate(-50%)}.react-clock__mark__number{position:absolute;left:-40px;width:80px;text-align:center}.react-clock__second-hand__body{background-color:red}.react-clock{border-radius:50%}.react-clock__face{border:3px solid #fff}.react-clock__second-hand{transition:transform cubic-bezier(0.68, 0, 0.27, 1.55) .2s}.react-clock__second-hand__body:before{content:"";display:block;width:7px;height:7px;position:absolute;bottom:20%;left:50%;background-color:red;border-radius:50%;transform:translate(-50%) translateY(-50%)}.react-clock__second-hand__body:after{content:"";display:block;width:0px;height:0px;position:absolute;top:0;left:50%;background-color:red;border-radius:50%;transform:translate(-50%)}#react-admin-title{visibility:hidden}.screenContainer{position:relative}.loader{position:absolute;top:0;left:0;right:0;display:flex;flex-direction:row;justify-content:center;align-items:center;height:calc(100vh - 64px);width:100%;z-index:99999;opacity:1;transition:all .2s ease-in-out;background-color:var(--background) !important}.loader.inactive{opacity:0;z-index:-100}.loader .MuiCircularProgress-root{width:5rem !important;height:5rem !important}.RaEdit-main form{width:100% !important}.login-box .MuiCardContent-root{padding:16px !important;max-width:230px !important}.login-box .MuiCardContent-root .MuiInputBase-root{min-height:48px !important}.accordion-actions{position:absolute;top:14px !important;right:56px !important}.RaList-main,.screenContainer{max-height:calc(100vh - 50px)}.childrenLayoutOpen .RaList-main,.childrenLayoutOpen .screenContainer{max-width:calc(100vw - 280px)}.childrenLayoutClosed .RaList-main,.childrenLayoutClosed .screenContainer{max-width:calc(100vw - 70px)}.childrenLayoutOpen .screenContainer{max-width:calc(100vw - 290px)}.childrenLayoutClosed .screenContainer{max-width:calc(100vw - 70px)}.RaDatagrid-root .RaDatagrid-tableWrapper{max-height:calc(100vh - 48px - 20px - 82px - 61px - 52px);height:100%;bottom:20px;overflow:scroll !important}.fileScreenWrapper .RaDatagrid-root .RaDatagrid-tableWrapper{max-height:calc(100vh - 48px - 20px - 82px - 61px - 100px)}.empty{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding-block:24px !important}.empty__icon{width:40vmin !important;height:40vmin !important;color:var(--text) !important}.empty__content{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.empty__content .MuiButton-root{position:relative !important;top:unset !important;margin-top:32px !important}.MuiDialog-container>.MuiPaper-root{background-color:var(--background) !important}.MuiDialog-container .MuiDialogTitle-root{color:var(--table_header_text) !important;font-family:var(--highlight_font_family);font-weight:var(--highlight_extrabold);font-size:var(--big_font_size)}.MuiDialog-container .dialog-actions{background-color:var(--background) !important}.hide-filter{color:var(--table_header_text) !important}td{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-menu .MuiListItem-root{transition:all .3s ease-in-out;border-bottom:1px solid rgba(0,0,0,0)}.main-menu .MuiListItem-root:hover{background-color:rgba(0,0,0,.04) !important}@keyframes pulsate{0%{transform:scale(0.6, 0.6);opacity:0}50%{opacity:1}100%{transform:scale(1, 1);opacity:0}}.status-indicator{position:relative;height:10px;width:10px;border-radius:50%;margin:auto 0;display:flex;flex-direction:column;justify-content:center;align-items:center;border:2px solid #ccc;background:#ccc}.status-indicator:before{content:"";border:2px solid #dfdfdf;border-radius:50%;height:10px;width:10px;position:absolute;top:-2px;left:-2px;animation:pulsate 2s ease-out;animation-iteration-count:infinite;opacity:0}.status-indicator.running{border-color:#1da71d;background:#1da71d}.status-indicator.running:before{border-color:#22a222}.status-indicator.error{border-color:#eb3232;background:#eb3232}.status-indicator.error:before{border-color:#dd6e6e}.status-indicator.stopped{border-color:#eb6a32;background:#eb6a32}.status-indicator.stopped:before{border-color:#dd976e}.status-indicator.warning{border-color:#e4e41f;background:#e4e41f}.status-indicator.warning:before{border-color:#ddd96e}.label-chip{min-width:80px !important}.status-chip{font-weight:var(--highlight_extrabold) !important;font-family:var(--highlight_font_family) !important;text-transform:uppercase;font-size:12px !important;min-width:80px !important}.status-chip.info{background-color:var(--feedback_info) !important;border-color:var(--feedback_info) !important}.status-chip.error{background-color:var(--feedback_error) !important;border-color:var(--feedback_error) !important;color:var(--tab_background) !important}.status-chip.warn{background-color:var(--feedback_warning) !important;border-color:var(--feedback_warning) !important}.status-chip.debug{background-color:var(--feedback_success) !important;border-color:var(--feedback_success) !important}.MuiButton-root.scroll-to-top{position:fixed;bottom:24px;right:32px;z-index:999;width:48px !important;height:48px !important;min-width:unset !important;min-height:unset !important;padding:12px !important;border-radius:50% !important;background-color:var(--primary) !important;color:var(--primary_contrast_light) !important;transition:all .3s ease-in-out;transform:translateY(200%) !important}.MuiButton-root.scroll-to-top.show{transform:translateY(0) !important}.MuiButton-root.scroll-to-top:hover{transform:translateY(0) scale(1.08) !important}.page-tabs .MuiTabs-indicator{display:none !important}.page-tabs .page-tab.MuiTab-root{border-radius:24px;height:auto !important;min-height:unset !important;border:1px solid var(--primary_contrast_light) !important;margin:4px;padding:10px 16px !important;font-size:12px !important;font-weight:900 !important;font-family:var(--highlight_extrabold) !important;transition:all .2s ease-in-out}.page-tabs .page-tab.MuiTab-root:not(.Mui-selected){background-color:rgba(0,0,0,0) !important;color:var(--primary_contrast_extra_dark) !important}.page-tabs .page-tab.MuiTab-root.Mui-selected{background-color:var(--primary) !important;color:var(--tab_background) !important}.MuiButtonBase-root.MuiMenuItem-root{font-size:15px !important}.MuiButtonBase-root.MuiMenuItem-root.Mui-selected{color:var(--primary) !important}.MuiButtonBase-root.MuiMenuItem-root.Mui-selected span{font-weight:600 !important;color:var(--primary) !important}.MuiButtonBase-root.MuiMenuItem-root:hover{background-color:var(--primary_contrast_lights)}.MuiButton-root.cloneButton.Mui-disabled{background-color:var(--primary_contrast_light) !important;color:var(--primary_contrast_dark) !important;cursor:not-allowed}.MuiButton-root.cloneButton.primary{background-color:var(--primary);color:var(--text)}.MuiToolbar-root.MuiToolbar-gutters.MuiToolbar-regular.RaToolbar-desktopToolbar{background-color:var(--background) !important}.MuiBox-root .MuiBackdrop-root{background-color:var(--background) !important;backdrop-filter:blur(28px)}.reset-password-modal{background-color:var(--background) !important;margin-block:auto !important;transform:translate(-50%, 10vh) !important;top:unset !important;max-width:480px !important}.reset-password-modal form{display:flex;flex-direction:column;justify-content:center;align-items:center}.reset-password-modal form .resetPassword-logo{width:80% !important;max-width:240px !important}.reset-password-modal form .MuiTypography-root{font-family:var(--highlight_font_family) !important;font-weight:var(--body_extrabold) !important;font-size:var(--extra_big_font_size) !important;margin:24px auto 12px auto !important;padding:0 !important}.reset-password-modal form .MuiTypography-root,.reset-password-modal form .MuiBox-root{width:80% !important}.passwordChangeModalBox{box-sizing:border-box;display:flex;justify-content:center;align-items:center;flex-direction:column;min-width:40vw;backdrop-filter:blur(18px);color:var(--text);border:1px solid #1976d2;border-radius:5px;position:absolute;top:40%;left:50%;transform:translate(-50%, -50%);box-shadow:4px 4px 10px rgba(0,0,0,.1);padding:2rem;margin:.2rem}.passwordChangeModalBox form{width:100%}@media(max-width: 1200px){.passwordChangeModalBox{width:70vw}}@media(max-width: 768px){.passwordChangeModalBox{width:90vw;padding:.2rem}}.RaFileInput-dropZone p{color:var(--primary_contrast_extra_dark) !important}.configurationsAutocomplete label{margin-top:-8px}.applicationsDeleteButton{margin-top:20px !important}.autocompleteApplications{min-width:300px !important}
.react-grid-layout {
    position: relative !important;
    transition: height 200ms ease;
}

.react-grid-item {
    transition: all 200ms ease;
    transition-property: left, top;
}

.react-grid-item img {
    pointer-events: none;
    user-select: none;
}

.react-grid-item.cssTransforms {
    transition-property: transform;
}

.react-grid-item.resizing {
    z-index: 1;
    will-change: width, height;
}

.react-grid-item.react-draggable-dragging {
    transition: none;
    z-index: 3;
    will-change: transform;
}

.react-grid-item.dropping {
    visibility: hidden;
}

.react-grid-item.react-grid-placeholder {
    background: rgb(132, 124, 196);
    opacity: 0.2;
    transition-duration: 100ms;
    z-index: 2;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.react-grid-item>.react-resizable-handle {
    position: absolute;
    width: 20px;
    height: 20px;
}

.react-grid-item>.react-resizable-handle::after {
    content: "";
    position: absolute;
    right: 3px;
    bottom: 3px;
    width: 5px;
    height: 5px;
    border-right: 2px solid rgba(0, 0, 0, 0.4);
    border-bottom: 2px solid rgba(0, 0, 0, 0.4);
}

.react-resizable-hide>.react-resizable-handle {
    display: none;
}

.react-grid-item>.react-resizable-handle.react-resizable-handle-sw {
    bottom: 0;
    left: 0;
    cursor: sw-resize;
    transform: rotate(90deg);
}

.react-grid-item>.react-resizable-handle.react-resizable-handle-se {
    bottom: 0;
    right: 0;
    cursor: se-resize;
}

.react-grid-item>.react-resizable-handle.react-resizable-handle-nw {
    top: 0;
    left: 0;
    cursor: nw-resize;
    transform: rotate(180deg);
}

.react-grid-item>.react-resizable-handle.react-resizable-handle-ne {
    top: 0;
    right: 0;
    cursor: ne-resize;
    transform: rotate(270deg);
}

.react-grid-item>.react-resizable-handle.react-resizable-handle-w,
.react-grid-item>.react-resizable-handle.react-resizable-handle-e {
    top: 50%;
    margin-top: -10px;
    cursor: ew-resize;
}

.react-grid-item>.react-resizable-handle.react-resizable-handle-w {
    left: 0;
    transform: rotate(135deg);
}

.react-grid-item>.react-resizable-handle.react-resizable-handle-e {
    right: 0;
    transform: rotate(315deg);
}

.react-grid-item>.react-resizable-handle.react-resizable-handle-n,
.react-grid-item>.react-resizable-handle.react-resizable-handle-s {
    left: 50%;
    margin-left: -10px;
    cursor: ns-resize;
}

.react-grid-item>.react-resizable-handle.react-resizable-handle-n {
    top: 0;
    transform: rotate(225deg);
}

.react-grid-item>.react-resizable-handle.react-resizable-handle-s {
    bottom: 0;
    transform: rotate(45deg);
}

.react-resizable {
    position: relative;
}

.react-resizable-handle {
    position: absolute;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-origin: content-box;
    box-sizing: border-box;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);
    background-position: bottom right;
    padding: 0 3px 3px 0;
}

.react-resizable-handle-sw {
    bottom: 0;
    left: 0;
    cursor: sw-resize;
    transform: rotate(90deg);
}

.react-resizable-handle-se {
    bottom: 0;
    right: 0;
    cursor: se-resize;
}

.react-resizable-handle-nw {
    top: 0;
    left: 0;
    cursor: nw-resize;
    transform: rotate(180deg);
}

.react-resizable-handle-ne {
    top: 0;
    right: 0;
    cursor: ne-resize;
    transform: rotate(270deg);
}

.react-resizable-handle-w,
.react-resizable-handle-e {
    top: 50%;
    margin-top: -10px;
    cursor: ew-resize;
}

.react-resizable-handle-w {
    left: 0;
    transform: rotate(135deg);
}

.react-resizable-handle-e {
    right: 0;
    transform: rotate(315deg);
}

.react-resizable-handle-n,
.react-resizable-handle-s {
    left: 50%;
    margin-left: -10px;
    cursor: ns-resize;
}

.react-resizable-handle-n {
    top: 0;
    transform: rotate(225deg);
}

.react-resizable-handle-s {
    bottom: 0;
    transform: rotate(45deg);
}
.json-editor-container {
  display: flex;
  flex-direction: column;
}

.json-editor-container>textarea {
  min-height: 500px;
}

.json-editor-button-container {
  display: flex;
  padding: .5em;
  justify-content: flex-end;
  gap: 1em;
  flex-wrap: wrap;
}

.json-validator-message {
  color: green;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  padding: 1em 0 0 0;
  font-weight: 700;
}

.json-validator-message.not-valid {
  color: red;
}

.json-validator-message>div {
  display: flex;
  gap: .5em;
}

.json-editor-textarea {
    font-family: monospace;
    padding: 10px;
    white-space: pre-wrap;
    word-wrap: break-word;
    background-color: #f8f8f8;
    color: #333;
}

.json-editor-textarea.not-valid {
  outline: none !important;
  border: 2px solid red;
}
.agent-monitoring .MuiTableRow-root{height:auto !important}.agent-monitoring .log-filters{padding:12px 0;display:flex;flex-direction:row;gap:2%;position:sticky;top:0;left:0;flex-wrap:wrap}.agent-monitoring .log-filters .log-filter{width:23% !important;height:56px !important;margin:0 0 12px 0 !important}.agent-monitoring .log-filters .log-filter .MuiInputBase-root{height:56px !important}@media screen and (max-width: 969px){.agent-monitoring .log-filters .log-filter{width:48% !important}}@media screen and (max-width: 767px){.agent-monitoring .log-filters .log-filter{width:98% !important}}.agent-monitoring .log-options{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-bottom:12px !important;padding-inline:12px !important}.agent-monitoring .log-options .levels-options{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;margin-left:16px !important}.agent-monitoring .no-results{display:flex;flex-direction:row;justify-content:center;align-items:center;min-height:50vh}.agent-monitoring .no-results .MuiSvgIcon-root{font-size:100px !important;margin-right:12px !important;opacity:.4}.agent-monitoring .no-results .info{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.agent-monitoring .no-results .info .title{font-size:22px;letter-spacing:-0.4px !important;font-family:var(--body_font_family) !important;font-weight:var(--body_extrabold) !important}.agent-monitoring .no-results .info .subtitle{margin-top:0 !important;font-size:16px;font-family:var(--body_font_family) !important;font-weight:var(--body_light) !important;letter-spacing:-0.2px !important;line-height:20px;max-width:260px;text-align:left}.agent-monitoring .refreshing{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 24px;background-color:var(--primary);color:var(--tab_background) !important;font-weight:var(--highlight_bold) !important;font-family:var(--highlight_font_family) !important;border-radius:24px !important;position:fixed;font-size:14px !important;bottom:24px;z-index:9999;left:50%;transform:translateY(200%);transition:all .3s ease-in-out}.agent-monitoring .refreshing.open{transform:translateY(0)}.agent-monitoring .sortable-table-header{display:flex;flex-direction:row;justify-content:center;align-items:center}.agent-monitoring .sortable-table-header .sort-icon{display:inline}.agent-monitoring .sortable-table-header .sort-icon .MuiSvgIcon-root{transition:all .2s ease-in-out}.agent-monitoring .sortable-table-header .sort-icon.desc .MuiSvgIcon-root{transform:rotate(0)}.agent-monitoring .sortable-table-header .sort-icon.asc .MuiSvgIcon-root{transform:rotate(-180deg)}.agent-monitoring .MuiTableCell-root{font-family:var(--body_font_family)}.agent-monitoring .MuiTableCell-rootth,.agent-monitoring .MuiTableCell-root.title{font-family:var(--highlight_font_family)}.agent-monitoring .MuiTableCell-root.title{font-size:14px;font-weight:400}.agent-monitoring .MuiTableCell-root.timestamp{opacity:.8;font-weight:300}.agent-monitoring .MuiTableCell-root .no-data{opacity:.3 !important}.agent-monitoring .MuiTableCell-root.expandable-table-cell{max-height:unset !important;padding-block:0 !important;padding-inline:3rem !important;white-space:pre-wrap}.agent-monitoring .MuiTableCell-root .expand-icon{transition:all .3s ease-in-out;transform:rotate(0)}.agent-monitoring .MuiTableCell-root .expand-icon.open{transform:rotate(-180deg)}.agent-monitoring .additional-data-loader{min-height:280px !important;display:flex;flex-direction:row;justify-content:center;align-items:center}.agent-monitoring .additional-data-loader .info{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin-left:12px !important}.agent-monitoring .additional-data-loader .info .title{font-family:var(--highlight_font_family);font-weight:var(--highlight_bold);font-size:15px}.agent-monitoring .additional-data-loader .info .subtitle{font-family:var(--body_font_family);font-weight:var(--body_light)}
.agent-field{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.agent-field__title{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.agent-field__title__name{margin-right:6px !important;font-size:14px !important;font-family:var(--highlight_font_family) !important;font-weight:var(--body_semibold) !important}.agent-field__title__name span{font-size:14px !important;font-family:var(--highlight_font_family) !important;font-weight:var(--body_regular) !important}.agent-field__id{opacity:.8 !important;font-size:13px !important;margin-top:2px !important;font-family:var(--highlight_font_family) !important;font-weight:var(--body_regular) !important}.runplus-agent-header{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.runplus-agent-header .status-indicator{margin-left:12px !important}.runplus-agent-header .title{margin-block:0 !important}.runplus-agent-header .actions{margin-left:12px}.runplus-agent-header .page-tabs{display:flex;flex-direction:row;justify-content:center}.runplus-agent-header .page-tabs .MuiTabs-root{min-height:unset}.application-chip{display:flex;justify-content:center;align-items:center;padding-inline:8px !important;min-width:92px;background-color:var(--disabled) !important;border-color:var(--disabled) !important;font-weight:var(--body_regular) !important}.application-chip.running{background-color:var(--feedback_success) !important;border-color:var(--feedback_success) !important;color:var(--text) !important}.application-chip.error{background-color:var(--feedback_error) !important;border-color:var(--feedback_error) !important;color:var(--text) !important}.application-chip.stopped{background-color:var(--feedback_info) !important;border-color:var(--feedback_info) !important}.application-chip.warning{background-color:var(--feedback_warning) !important;border-color:var(--feedback_warning) !important}.application-chip .MuiSvgIcon-root{margin:auto 0 auto 4px !important;color:var(--text) !important;font-size:18px !important}.agent-monitoring .log-filters .log-filter.select{margin-top:-2px !important}.applications-field{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:6px}
.toolbar-actions {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
}

.toolbar-actions .MuiFormHelperText-root {
    display: none;
}
.query-group {
    border: 1px solid black;
    margin: 12px 0 0 0;
    width: calc(100% - 24px);
    border-radius: 8px !important;
    padding: 12px;
}

.query-rule {
    display: flex;
    justify-content: space-between;
    width: calc(100% - 24px);
    padding: 4px 12px;
    gap: 16px !important;
}

.query-action-navbar {
    display: flex;
    justify-content: space-between;
    padding: 10px;
}

.query-action-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-inline: 4px !important;
}

.query-action-buttons .MuiButton-root {
    font-size: 12px !important;
    padding: 6px 16px !important;
    min-width: unset !important;
}

.query-rule .MuiAutocomplete-root {
    width: 100%;
}

.delete-rule {
    float: right !important;
    margin: auto 2px auto 0 !important;
    height: 36px !important;
    width: 36px !important;
    min-width: unset !important;
    min-height: unset !important;
}

.delete-rule .MuiSvg-root {
    min-width: unset !important;
    min-height: unset !important;
    width: 1em !important;
    height: 1em !important;
    font-size: 1.25rem !important;
}

.MuiAutocomplete-listbox {
    max-height: 30vh !important;
}
.lifecycle-states-section .MuiTabs-root {
  margin-top: 4px !important;
}

.editor-toggle .MuiToggleButton-root {
  padding: 3px 5px !important;
}

.editor-toggle .MuiToggleButton-root {
  min-width: 40px !important;
  min-height: unset !important;
  height: auto !important;
  font-weight: 900 !important;
  padding: 4px 2px !important;
  font-size: 13px !important;
  background-color: var(--tab_background) !important;
  color: var(--tab_text) !important;
}

.editor-toggle .MuiToggleButton-root.Mui-selected {
  background-color: var(--primary) !important;
  color: var(--text) !important;
}

.editor-toggle .MuiToggleButton-root .MuiSvgIcon-root {
  font-size: 20px !important;
}

.lifecycle-states-section .MuiTab-root {
  border-radius: 24px;
  height: auto !important;
  min-height: unset !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  margin: 4px;
  padding: 10px 16px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  font-family: var(--highlight_extrabold) !important;
}

.lifecycle-states-section .MuiTab-root:not(.Mui-selected) {
  background-color: #f3f3f3 !important;
  color: #333 !important;
}

.lifecycle-states-section .MuiTab-root.Mui-selected {
  background-color: var(--primary) !important;
  color: var(--primary_contrast_default) !important;
}

.lifecycle-states-section .MuiTabs-indicator {
  display: none !important;
}

.lifecycle-states-section .MuiTabs-flexContainer {
  max-width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

.lifecycle-states-section .tab-panel {
  padding: 10px 16px 0 10px !important;
  width: 100%;
}

.lifecycle-states-section .MuiFormControl-root {
  width: 48% !important;
  margin-inline: 1% !important;
}

@media screen and (max-width: 767px) {
  .lifecycle-states-section .MuiFormControl-root {
    width: 100% !important;
  }
}

.accordion-subheader {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin: 32px 0 0 0 !important;
  padding: 12px 8px !important;
  width: calc(100% - 16px) !important;
  font-family: var(--body_bold) !important;
}

.accordion-subheader.no-margin {
  margin-top: 0 !important;
}

.accordion-subheader .accordion-subtitle {
  margin: 0 !important;
  font-weight: 700!important;
  font-size: 18px!important;
  font-family: var(--body_font_family) !important;
  opacity: 0.5;
}

.accordion-subheader .actions {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-left: 8px !important;
}

.accordion-subheader .accordion-title {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  opacity: 1 !important;
  font-family: var(--highlight_extrabold);
  width: 100%;
}

.accordion-subheader .accordion-title strong {
  color: #222 !important;
  opacity: 1 !important;
  font-size: 25px !important;
  font-weight: 900 !important;
  font-family: var(--body_font_family);
  color: var(--primary) !important;
  width: 100%;
}

.accordion-subheader .accordion-title span {
  color: #777 !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  width: 100%;
}

.title-cell.MuiTableCell-root > strong {
  font-size: 14px !important;
  display: block;
}

.title-cell.MuiTableCell-root > span {
  font-size: 13px !important;
  opacity: 0.7;
}

.lifecycle-states-section .MuiTableCell-root > em {
  font-size: 13px !important;
  opacity: 0.5;
}


.MuiTableCell-root.unchecked .MuiSvgIcon-root {
  color: red !important;
}

.MuiTableCell-root.checked .MuiSvgIcon-root {
  color: green !important;
}

.pill {
  background-color: #333 !important;
  border-color: #333 !important;
  padding: 6px 10px !important;
  min-width: 116px !important;
  height: auto !important;
  min-height: unset !important;
}

.pill .MuiChip-label {
  text-transform: uppercase !important;
  font-weight: 900 !important;
  font-size: 11px !important;
}

.pill.text {
  background-color: #2d7edb !important;
  border-color: #2d7edb !important;
}

.pill.integer {
  background-color: #2dce5b !important;
  border-color: #2dce5b !important;
}

.pill.timestamp {
  background-color: #e99439 !important;
  border-color: #e99439 !important;
}

.tabs-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

.MuiChip-root.add-new {
  border-radius: 24px;
  height: auto !important;
  min-height: unset !important;
  border: 1px solid var(--primary_contrast_default) !important;
  margin-inline: 4px 6px !important;
  padding: 5px 10px !important;
}

.MuiChip-root.add-new.application {
  margin: -55px 0 24px 116px !important;
}

.MuiChip-root.add-new .MuiChip-label {
  font-size: 12px !important;
  font-weight: 900 !important;
  font-family: var(--highlight_extrabold) !important;
}

.MuiChip-root.delete {
  border-radius: 24px;
  height: auto !important;
  min-height: unset !important;
  border: 0 solid #F44336 !important;
  background-color: #F44336 !important;
  color: #fff !important;
  margin-inline: 4px 6px !important;
  padding: 6px 10px !important;
  float: right !important;
}

.MuiChip-root.delete:hover {
  background-color: #e03327 !important;
}

.MuiChip-root.delete svg {
  color: #fff !important;
}

.MuiChip-root.delete .MuiChip-label {
  font-size: 12px !important;
  font-weight: 900 !important;
  font-family: var(--highlight_extrabold) !important;
}

.MuiTableCell-root.actions .MuiSvgIcon-root {
    color: var(--table_header_text) !important;
}

.lifecycle-states-section .MuiTableCell-root.actions .MuiIconButton-root {
  margin: 0 4px !important;
}

.lifecycle-field-dialog .MuiDialog-container > .MuiPaper-root {
  width: 480px;
  max-width: 560px;
  min-height: 320px;
  max-height: 82vh;
  overflow-x: hidden;
}

.lifecycle-next-state-dialog .MuiDialog-container > .MuiPaper-root {
  width: 620px;
  max-width: 620px;
  min-height: 320px;
  max-height: 82vh;
  overflow-x: hidden;
}

.lifecycle-field-dialog .MuiDialogContent-root {
  padding: 0 !important;
  height: 100% !important;
}

.lifecycle-field-dialog .dialog-actions {
  width: calc(100%) !important;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  padding: 16px 0 !important;
  margin-top: 24px !important;
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  border-top: 2px solid rgba(0, 0, 0, 0.12);
}

.lifecycle-field-dialog .dialog-actions .MuiButton-root:first-child {
  margin-right: 12px !important;
}

.lifecycle-field-dialog .dialog-actions .MuiButton-root {
  margin-right: 24px;
  margin-bottom: 0 !important;
}

.lifecycle-field-dialog .dialog-actions .MuiButton-root:disabled {
  min-width: unset !important;
}

.lifecycle-field-dialog form,
.lifecycle-add-state-dialog form,
.lifecycle-next-dialog form {
  padding: 0 24px !important;
  width: calc(100% - 48px) !important;
}

.empty-label {
  padding-inline: 10px;
  font-style: italic;
  opacity: 0.7;
}

.accordion-content.form {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4% !important;
  width: 100% !important;
}
.accordion-content.form .MuiFormControl-root {
  width: 100% !important;
}
.lifecycle-field-dialog .MuiDialogContent-root:last-of-type {
  height: auto !important;
}

/*# sourceMappingURL=main.b07f4db085cf956b46ea.css.map*/