.ColoredText__ColoredText {
  margin-top: 0 !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}

.jsoneditor__jsoneditor,
.jsoneditor__jsoneditor-modal {
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}
.jsoneditor__jsoneditor input,
.jsoneditor__jsoneditor input:not([type]),
.jsoneditor__jsoneditor input[type=text],
.jsoneditor__jsoneditor input[type=search],
.jsoneditor__jsoneditor-modal input,
.jsoneditor__jsoneditor-modal input:not([type]),
.jsoneditor__jsoneditor-modal input[type=text],
.jsoneditor__jsoneditor-modal input[type=search] {
  height: auto;
  border: inherit;
  box-shadow: none;
  font-size: inherit;
  box-sizing: inherit;
  padding: inherit;
  font-family: inherit;
  transition: none;
  line-height: inherit;
}
.jsoneditor__jsoneditor input:focus,
.jsoneditor__jsoneditor input:not([type]):focus,
.jsoneditor__jsoneditor input[type=text]:focus,
.jsoneditor__jsoneditor input[type=search]:focus,
.jsoneditor__jsoneditor-modal input:focus,
.jsoneditor__jsoneditor-modal input:not([type]):focus,
.jsoneditor__jsoneditor-modal input[type=text]:focus,
.jsoneditor__jsoneditor-modal input[type=search]:focus {
  border: inherit;
  box-shadow: inherit;
}
.jsoneditor__jsoneditor textarea,
.jsoneditor__jsoneditor-modal textarea {
  height: inherit;
}
.jsoneditor__jsoneditor select,
.jsoneditor__jsoneditor-modal select {
  display: inherit;
  height: inherit;
}
.jsoneditor__jsoneditor label,
.jsoneditor__jsoneditor-modal label {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}
.jsoneditor__jsoneditor table,
.jsoneditor__jsoneditor-modal table {
  border-collapse: collapse;
  width: auto;
}
.jsoneditor__jsoneditor td,
.jsoneditor__jsoneditor th,
.jsoneditor__jsoneditor-modal td,
.jsoneditor__jsoneditor-modal th {
  padding: 0;
  display: table-cell;
  text-align: left;
  vertical-align: inherit;
  border-radius: inherit;
}
.jsoneditor__jsoneditor .jsoneditor__autocomplete.jsoneditor__dropdown {
  position: absolute;
  background: #ffffff;
  box-shadow: 2px 2px 12px rgba(128, 128, 128, 0.3);
  border: 1px solid #d3d3d3;
  overflow-x: hidden;
  overflow-y: auto;
  cursor: default;
  margin: 0;
  padding: 5px;
  text-align: left;
  outline: 0;
  font-family: consolas, menlo, monaco, "Ubuntu Mono", "source-code-pro", monospace;
  font-size: 14px;
}
.jsoneditor__jsoneditor .jsoneditor__autocomplete.jsoneditor__dropdown .jsoneditor__item {
  color: #1a1a1a;
}
.jsoneditor__jsoneditor .jsoneditor__autocomplete.jsoneditor__dropdown .jsoneditor__item.jsoneditor__hover {
  background-color: #ebebeb;
}
.jsoneditor__jsoneditor .jsoneditor__autocomplete.jsoneditor__hint {
  color: #a1a1a1;
  top: 4px;
  left: 4px;
}
.jsoneditor__jsoneditor-contextmenu-root {
  position: relative;
  width: 0;
  height: 0;
}
.jsoneditor__jsoneditor-contextmenu {
  position: absolute;
  box-sizing: content-box;
  z-index: 2;
}
.jsoneditor__jsoneditor-contextmenu .jsoneditor__jsoneditor-menu {
  position: relative;
  left: 0;
  top: 0;
  width: 128px;
  height: auto;
  background: #ffffff;
  border: 1px solid #d3d3d3;
  box-shadow: 2px 2px 12px rgba(128, 128, 128, 0.3);
  list-style: none;
  margin: 0;
  padding: 0;
}
.jsoneditor__jsoneditor-contextmenu .jsoneditor__jsoneditor-menu button {
  position: relative;
  padding: 0 8px 0 0;
  margin: 0;
  width: 128px;
  height: auto;
  border: none;
  cursor: pointer;
  color: #4d4d4d;
  background: transparent;
  font-size: 14px;
  font-family: arial, sans-serif;
  box-sizing: border-box;
  text-align: left;
}
.jsoneditor__jsoneditor-contextmenu .jsoneditor__jsoneditor-menu button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.jsoneditor__jsoneditor-contextmenu .jsoneditor__jsoneditor-menu button.jsoneditor__jsoneditor-default {
  width: 96px;
}
.jsoneditor__jsoneditor-contextmenu .jsoneditor__jsoneditor-menu button.jsoneditor__jsoneditor-expand {
  float: right;
  width: 32px;
  height: 24px;
  border-left: 1px solid #e5e5e5;
}
.jsoneditor__jsoneditor-contextmenu .jsoneditor__jsoneditor-menu li {
  overflow: hidden;
}
.jsoneditor__jsoneditor-contextmenu .jsoneditor__jsoneditor-menu li ul {
  display: none;
  position: relative;
  left: -10px;
  top: 0;
  border: none;
  box-shadow: inset 0 0 10px rgba(128, 128, 128, 0.5);
  padding: 0 10px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.jsoneditor__jsoneditor-contextmenu .jsoneditor__jsoneditor-menu li ul .jsoneditor__jsoneditor-icon {
  margin-left: 24px;
}
.jsoneditor__jsoneditor-contextmenu .jsoneditor__jsoneditor-menu li ul li button {
  padding-left: 24px;
  animation: jsoneditor__all ease-in-out 1s;
}
.jsoneditor__jsoneditor-contextmenu .jsoneditor__jsoneditor-menu li button .jsoneditor__jsoneditor-expand {
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0 4px 0 0;
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/jsoneditor-icons.svg);
  background-position: 0 -72px;
}
.jsoneditor__jsoneditor-contextmenu .jsoneditor__jsoneditor-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  border: none;
  padding: 0;
  margin: 0;
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/jsoneditor-icons.svg);
}
.jsoneditor__jsoneditor-contextmenu .jsoneditor__jsoneditor-text {
  padding: 4px 0 4px 24px;
  word-wrap: break-word;
}
.jsoneditor__jsoneditor-contextmenu .jsoneditor__jsoneditor-text.jsoneditor__jsoneditor-right-margin {
  padding-right: 24px;
}
.jsoneditor__jsoneditor-contextmenu .jsoneditor__jsoneditor-separator {
  height: 0;
  border-top: 1px solid #e5e5e5;
  padding-top: 5px;
  margin-top: 5px;
}
.jsoneditor__jsoneditor-contextmenu button.jsoneditor__jsoneditor-remove .jsoneditor__jsoneditor-icon {
  background-position: -24px 0;
}
.jsoneditor__jsoneditor-contextmenu button.jsoneditor__jsoneditor-append .jsoneditor__jsoneditor-icon {
  background-position: 0 0;
}
.jsoneditor__jsoneditor-contextmenu button.jsoneditor__jsoneditor-insert .jsoneditor__jsoneditor-icon {
  background-position: 0 0;
}
.jsoneditor__jsoneditor-contextmenu button.jsoneditor__jsoneditor-duplicate .jsoneditor__jsoneditor-icon {
  background-position: -48px 0;
}
.jsoneditor__jsoneditor-contextmenu button.jsoneditor__jsoneditor-sort-asc .jsoneditor__jsoneditor-icon {
  background-position: -168px 0;
}
.jsoneditor__jsoneditor-contextmenu button.jsoneditor__jsoneditor-sort-desc .jsoneditor__jsoneditor-icon {
  background-position: -192px 0;
}
.jsoneditor__jsoneditor-contextmenu button.jsoneditor__jsoneditor-transform .jsoneditor__jsoneditor-icon {
  background-position: -216px 0;
}
.jsoneditor__jsoneditor-contextmenu button.jsoneditor__jsoneditor-extract .jsoneditor__jsoneditor-icon {
  background-position: 0 -24px;
}
.jsoneditor__jsoneditor-contextmenu button.jsoneditor__jsoneditor-type-string .jsoneditor__jsoneditor-icon {
  background-position: -144px 0;
}
.jsoneditor__jsoneditor-contextmenu button.jsoneditor__jsoneditor-type-auto .jsoneditor__jsoneditor-icon {
  background-position: -120px 0;
}
.jsoneditor__jsoneditor-contextmenu button.jsoneditor__jsoneditor-type-object .jsoneditor__jsoneditor-icon {
  background-position: -72px 0;
}
.jsoneditor__jsoneditor-contextmenu button.jsoneditor__jsoneditor-type-array .jsoneditor__jsoneditor-icon {
  background-position: -96px 0;
}
.jsoneditor__jsoneditor-contextmenu button.jsoneditor__jsoneditor-type-modes .jsoneditor__jsoneditor-icon {
  background-image: none;
  width: 6px;
}
.jsoneditor__jsoneditor-contextmenu ul,
.jsoneditor__jsoneditor-contextmenu li {
  box-sizing: content-box;
  position: relative;
}
.jsoneditor__jsoneditor-contextmenu .jsoneditor__jsoneditor-menu button:hover,
.jsoneditor__jsoneditor-contextmenu .jsoneditor__jsoneditor-menu button:focus {
  color: #1a1a1a;
  background-color: #f5f5f5;
  outline: none;
}
.jsoneditor__jsoneditor-contextmenu .jsoneditor__jsoneditor-menu li button.jsoneditor__jsoneditor-selected,
.jsoneditor__jsoneditor-contextmenu .jsoneditor__jsoneditor-menu li button.jsoneditor__jsoneditor-selected:hover,
.jsoneditor__jsoneditor-contextmenu .jsoneditor__jsoneditor-menu li button.jsoneditor__jsoneditor-selected:focus {
  color: #ffffff;
  background-color: #ee422e;
}
.jsoneditor__jsoneditor-contextmenu .jsoneditor__jsoneditor-menu li ul li button:hover,
.jsoneditor__jsoneditor-contextmenu .jsoneditor__jsoneditor-menu li ul li button:focus {
  background-color: #f5f5f5;
}
.jsoneditor__jsoneditor-modal {
  max-width: 95%;
  border-radius: 2px !important;
  padding: 45px 15px 15px 15px !important;
  box-shadow: 2px 2px 12px rgba(128, 128, 128, 0.3);
  color: #4d4d4d;
  line-height: 1.3em;
}
.jsoneditor__jsoneditor-modal.jsoneditor__jsoneditor-modal-transform {
  width: 600px !important;
}
.jsoneditor__jsoneditor-modal .jsoneditor__pico-modal-header {
  position: absolute;
  box-sizing: border-box;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  font-family: arial, sans-serif;
  font-size: 11pt;
  background: #3883fa;
  color: #ffffff;
}
.jsoneditor__jsoneditor-modal table {
  width: 100%;
}
.jsoneditor__jsoneditor-modal table td {
  padding: 3px 0;
}
.jsoneditor__jsoneditor-modal table td.jsoneditor__jsoneditor-modal-input {
  text-align: right;
  padding-right: 0;
  white-space: nowrap;
}
.jsoneditor__jsoneditor-modal table td.jsoneditor__jsoneditor-modal-actions {
  padding-top: 15px;
}
.jsoneditor__jsoneditor-modal table th {
  vertical-align: middle;
}
.jsoneditor__jsoneditor-modal p:first-child {
  margin-top: 0;
}
.jsoneditor__jsoneditor-modal a {
  color: #3883fa;
}
.jsoneditor__jsoneditor-modal .jsoneditor__jsoneditor-jmespath-block {
  margin-bottom: 10px;
}
.jsoneditor__jsoneditor-modal .jsoneditor__pico-close {
  background: none !important;
  font-size: 24px !important;
  top: 7px !important;
  right: 7px !important;
  color: #ffffff;
}
.jsoneditor__jsoneditor-modal input {
  padding: 4px;
}
.jsoneditor__jsoneditor-modal input[type=text] {
  cursor: inherit;
}
.jsoneditor__jsoneditor-modal input[disabled] {
  background: #d3d3d3;
  color: #808080;
}
.jsoneditor__jsoneditor-modal .jsoneditor__jsoneditor-select-wrapper {
  position: relative;
  display: inline-block;
}
.jsoneditor__jsoneditor-modal .jsoneditor__jsoneditor-select-wrapper:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #666;
  position: absolute;
  right: 8px;
  top: 14px;
  pointer-events: none;
}
.jsoneditor__jsoneditor-modal select {
  padding: 3px 24px 3px 10px;
  min-width: 180px;
  max-width: 350px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-indent: 0;
  text-overflow: "";
  font-size: 14px;
  line-height: 1.5em;
}
.jsoneditor__jsoneditor-modal select::-ms-expand {
  display: none;
}
.jsoneditor__jsoneditor-modal .jsoneditor__jsoneditor-button-group input {
  padding: 4px 10px;
  margin: 0;
  border-radius: 0;
  border-left-style: none;
}
.jsoneditor__jsoneditor-modal .jsoneditor__jsoneditor-button-group input.jsoneditor__jsoneditor-button-first {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-left-style: solid;
}
.jsoneditor__jsoneditor-modal .jsoneditor__jsoneditor-button-group input.jsoneditor__jsoneditor-button-last {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.jsoneditor__jsoneditor-modal .jsoneditor__jsoneditor-transform-preview {
  background: #f5f5f5;
  height: 200px;
}
.jsoneditor__jsoneditor-modal .jsoneditor__jsoneditor-transform-preview.jsoneditor__jsoneditor-error {
  color: #ee422e;
}
.jsoneditor__jsoneditor-modal .jsoneditor__jsoneditor-jmespath-wizard {
  line-height: 1.2em;
  width: 100%;
  padding: 0;
  border-radius: 3px;
}
.jsoneditor__jsoneditor-modal .jsoneditor__jsoneditor-jmespath-label {
  font-weight: bold;
  color: dodgerblue;
  margin-top: 20px;
  margin-bottom: 5px;
}
.jsoneditor__jsoneditor-modal .jsoneditor__jsoneditor-jmespath-wizard-table {
  width: 100%;
  border-collapse: collapse;
}
.jsoneditor__jsoneditor-modal .jsoneditor__jsoneditor-jmespath-wizard-label {
  font-style: italic;
  margin: 4px 0 2px 0;
}
.jsoneditor__jsoneditor-modal .jsoneditor__jsoneditor-inline {
  position: relative;
  display: inline-block;
  width: 100%;
  padding-top: 2px;
  padding-bottom: 2px;
}
.jsoneditor__jsoneditor-modal .jsoneditor__jsoneditor-inline:not(:last-child) {
  padding-right: 2px;
}
.jsoneditor__jsoneditor-modal .jsoneditor__jsoneditor-jmespath-filter {
  display: flex;
  flex-wrap: wrap;
}
.jsoneditor__jsoneditor-modal .jsoneditor__jsoneditor-jmespath-filter-field {
  width: 180px;
}
.jsoneditor__jsoneditor-modal .jsoneditor__jsoneditor-jmespath-filter-relation {
  width: 100px;
}
.jsoneditor__jsoneditor-modal .jsoneditor__jsoneditor-jmespath-filter-value {
  min-width: 180px;
  flex: 1;
}
.jsoneditor__jsoneditor-modal .jsoneditor__jsoneditor-jmespath-sort-field {
  width: 170px;
}
.jsoneditor__jsoneditor-modal .jsoneditor__jsoneditor-jmespath-sort-order {
  width: 150px;
}
.jsoneditor__jsoneditor-modal .jsoneditor__jsoneditor-jmespath-select-fields {
  width: 100%;
}
.jsoneditor__jsoneditor-modal .jsoneditor__selectr-selected {
  border-color: #d3d3d3;
  padding: 4px 28px 4px 8px;
}
.jsoneditor__jsoneditor-modal .jsoneditor__selectr-selected .jsoneditor__selectr-tag {
  background-color: #3883fa;
  border-radius: 5px;
}
.jsoneditor__jsoneditor-modal table th,
.jsoneditor__jsoneditor-modal table td {
  text-align: left;
  vertical-align: middle;
  font-weight: normal;
  color: #4d4d4d;
  border-spacing: 0;
  border-collapse: collapse;
}
.jsoneditor__jsoneditor-modal select,
.jsoneditor__jsoneditor-modal textarea,
.jsoneditor__jsoneditor-modal input,
.jsoneditor__jsoneditor-modal input[type=text],
.jsoneditor__jsoneditor-modal input[type=text]:focus,
.jsoneditor__jsoneditor-modal #jsoneditor__query {
  background: #ffffff;
  border: 1px solid #d3d3d3;
  color: #4d4d4d;
  border-radius: 3px;
  padding: 4px;
}
.jsoneditor__jsoneditor-modal textarea,
.jsoneditor__jsoneditor-modal #jsoneditor__query {
  border-radius: unset;
}
.jsoneditor__jsoneditor-modal,
.jsoneditor__jsoneditor-modal table td,
.jsoneditor__jsoneditor-modal table th,
.jsoneditor__jsoneditor-modal select,
.jsoneditor__jsoneditor-modal option,
.jsoneditor__jsoneditor-modal textarea,
.jsoneditor__jsoneditor-modal input,
.jsoneditor__jsoneditor-modal input[type=text],
.jsoneditor__jsoneditor-modal #jsoneditor__query {
  font-size: 10.5pt;
  font-family: arial, sans-serif;
}
.jsoneditor__jsoneditor-modal #jsoneditor__query,
.jsoneditor__jsoneditor-modal .jsoneditor__jsoneditor-transform-preview {
  font-family: consolas, menlo, monaco, "Ubuntu Mono", "source-code-pro", monospace;
  font-size: 14px;
  width: 100%;
  box-sizing: border-box;
}
.jsoneditor__jsoneditor-modal input[type=button],
.jsoneditor__jsoneditor-modal input[type=submit] {
  background: #f5f5f5;
  padding: 4px 20px;
}
.jsoneditor__jsoneditor-modal select,
.jsoneditor__jsoneditor-modal input {
  cursor: pointer;
}
.jsoneditor__jsoneditor-modal .jsoneditor__jsoneditor-button-group.jsoneditor__jsoneditor-button-group-value-asc input.jsoneditor__jsoneditor-button-asc,
.jsoneditor__jsoneditor-modal .jsoneditor__jsoneditor-button-group.jsoneditor__jsoneditor-button-group-value-desc input.jsoneditor__jsoneditor-button-desc {
  background: #3883fa;
  border-color: #3883fa;
  color: #ffffff;
}
.jsoneditor__jsoneditor {
  color: #1a1a1a;
  border: thin solid #3883fa;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0;
  line-height: 100%;
}
div.jsoneditor__jsoneditor-field,
div.jsoneditor__jsoneditor-value,
a.jsoneditor__jsoneditor-value,
div.jsoneditor__jsoneditor-readonly,
div.jsoneditor__jsoneditor-default {
  border: 1px solid transparent;
  min-height: 16px;
  min-width: 32px;
  line-height: 16px;
  padding: 2px;
  margin: 1px;
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
  float: left;
}
div.jsoneditor__jsoneditor-field p,
div.jsoneditor__jsoneditor-value p {
  margin: 0;
}
div.jsoneditor__jsoneditor-value.jsoneditor__jsoneditor-empty::after {
  content: "value";
}
div.jsoneditor__jsoneditor-value.jsoneditor__jsoneditor-string {
  color: #006000;
}
div.jsoneditor__jsoneditor-value.jsoneditor__jsoneditor-number {
  color: #ee422e;
}
div.jsoneditor__jsoneditor-value.jsoneditor__jsoneditor-boolean {
  color: #ff8c00;
}
div.jsoneditor__jsoneditor-value.jsoneditor__jsoneditor-null {
  color: #004ed0;
}
div.jsoneditor__jsoneditor-value.jsoneditor__jsoneditor-color-value {
  color: #1a1a1a;
}
div.jsoneditor__jsoneditor-value.jsoneditor__jsoneditor-invalid {
  color: #1a1a1a;
}
div.jsoneditor__jsoneditor-readonly {
  min-width: 16px;
  color: #808080;
}
div.jsoneditor__jsoneditor-empty {
  border-color: #d3d3d3;
  border-style: dashed;
  border-radius: 2px;
}
div.jsoneditor__jsoneditor-field.jsoneditor__jsoneditor-empty::after {
  content: "field";
}
div.jsoneditor__jsoneditor td {
  vertical-align: top;
}
div.jsoneditor__jsoneditor td.jsoneditor__jsoneditor-separator {
  padding: 3px 0;
  vertical-align: top;
  color: #808080;
}
div.jsoneditor__jsoneditor td.jsoneditor__jsoneditor-tree {
  vertical-align: top;
}
div.jsoneditor__jsoneditor.jsoneditor__busy pre.jsoneditor__jsoneditor-preview {
  background: #f5f5f5;
  color: #808080;
}
div.jsoneditor__jsoneditor.jsoneditor__busy div.jsoneditor__jsoneditor-busy {
  display: inherit;
}
div.jsoneditor__jsoneditor code.jsoneditor__jsoneditor-preview {
  background: none;
}
div.jsoneditor__jsoneditor.jsoneditor__jsoneditor-mode-preview pre.jsoneditor__jsoneditor-preview {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  overflow: auto;
  padding: 2px;
  margin: 0;
  white-space: pre-wrap;
  word-break: break-all;
}
div.jsoneditor__jsoneditor-default {
  color: #808080;
  padding-left: 10px;
}
div.jsoneditor__jsoneditor-tree {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: auto;
  background: #ffffff;
}
div.jsoneditor__jsoneditor-tree button.jsoneditor__jsoneditor-button {
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0;
  border: none;
  cursor: pointer;
  background-color: transparent;
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/jsoneditor-icons.svg);
}
div.jsoneditor__jsoneditor-tree button.jsoneditor__jsoneditor-button:focus {
  background-color: #f5f5f5;
  outline: #e5e5e5 solid 1px;
}
div.jsoneditor__jsoneditor-tree button.jsoneditor__jsoneditor-collapsed {
  background-position: 0 -48px;
}
div.jsoneditor__jsoneditor-tree button.jsoneditor__jsoneditor-expanded {
  background-position: 0 -72px;
}
div.jsoneditor__jsoneditor-tree button.jsoneditor__jsoneditor-contextmenu-button {
  background-position: -48px -72px;
}
div.jsoneditor__jsoneditor-tree button.jsoneditor__jsoneditor-invisible {
  visibility: hidden;
  background: none;
}
div.jsoneditor__jsoneditor-tree button.jsoneditor__jsoneditor-dragarea {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/jsoneditor-icons.svg);
  background-position: -72px -72px;
  cursor: move;
}
div.jsoneditor__jsoneditor-tree *:focus {
  outline: none;
}
div.jsoneditor__jsoneditor-tree div.jsoneditor__jsoneditor-show-more {
  display: inline-block;
  padding: 3px 4px;
  margin: 2px 0;
  background-color: #e5e5e5;
  border-radius: 3px;
  color: #808080;
  font-family: arial, sans-serif;
  font-size: 14px;
}
div.jsoneditor__jsoneditor-tree div.jsoneditor__jsoneditor-show-more a {
  display: inline-block;
  color: #808080;
}
div.jsoneditor__jsoneditor-tree div.jsoneditor__jsoneditor-color {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 4px;
  border: 1px solid #808080;
  cursor: pointer;
}
div.jsoneditor__jsoneditor-tree div.jsoneditor__jsoneditor-color.jsoneditor__jsoneditor-color-readonly {
  cursor: inherit;
}
div.jsoneditor__jsoneditor-tree div.jsoneditor__jsoneditor-date {
  background: #a1a1a1;
  color: #ffffff;
  font-family: arial, sans-serif;
  border-radius: 3px;
  display: inline-block;
  padding: 3px;
  margin: 0 3px;
}
div.jsoneditor__jsoneditor-tree table.jsoneditor__jsoneditor-tree {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
div.jsoneditor__jsoneditor-tree .jsoneditor__jsoneditor-button {
  display: block;
}
div.jsoneditor__jsoneditor-tree .jsoneditor__jsoneditor-button.jsoneditor__jsoneditor-schema-error {
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0 4px 0 0;
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/jsoneditor-icons.svg);
  background-position: -168px -48px;
  background-color: transparent;
}
div.jsoneditor__jsoneditor-outer {
  position: static;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
div.jsoneditor__jsoneditor-outer.jsoneditor__has-nav-bar {
  margin-top: -26px;
  padding-top: 26px;
}
div.jsoneditor__jsoneditor-outer.jsoneditor__has-nav-bar.jsoneditor__has-main-menu-bar {
  margin-top: -61px;
  padding-top: 61px;
}
div.jsoneditor__jsoneditor-outer.jsoneditor__has-status-bar {
  margin-bottom: -26px;
  padding-bottom: 26px;
}
div.jsoneditor__jsoneditor-outer.jsoneditor__has-main-menu-bar {
  margin-top: -35px;
  padding-top: 35px;
}
div.jsoneditor__jsoneditor-busy {
  position: absolute;
  top: 15%;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  text-align: center;
  display: none;
}
div.jsoneditor__jsoneditor-busy span {
  background-color: #ffffab;
  border: 1px solid #ffee00;
  border-radius: 3px;
  padding: 5px 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
div.jsoneditor__jsoneditor-field.jsoneditor__jsoneditor-empty::after,
div.jsoneditor__jsoneditor-value.jsoneditor__jsoneditor-empty::after {
  pointer-events: none;
  color: #d3d3d3;
  font-size: 8pt;
}
div.jsoneditor__jsoneditor-value.jsoneditor__jsoneditor-url,
a.jsoneditor__jsoneditor-value.jsoneditor__jsoneditor-url {
  color: #006000;
  text-decoration: underline;
}
a.jsoneditor__jsoneditor-value.jsoneditor__jsoneditor-url {
  display: inline-block;
  padding: 2px;
  margin: 2px;
}
a.jsoneditor__jsoneditor-value.jsoneditor__jsoneditor-url:hover,
a.jsoneditor__jsoneditor-value.jsoneditor__jsoneditor-url:focus {
  color: #ee422e;
}
div.jsoneditor__jsoneditor-field[contenteditable=true]:focus,
div.jsoneditor__jsoneditor-field[contenteditable=true]:hover,
div.jsoneditor__jsoneditor-value[contenteditable=true]:focus,
div.jsoneditor__jsoneditor-value[contenteditable=true]:hover,
div.jsoneditor__jsoneditor-field.jsoneditor__jsoneditor-highlight,
div.jsoneditor__jsoneditor-value.jsoneditor__jsoneditor-highlight {
  background-color: #ffffab;
  border: 1px solid #ffee00;
  border-radius: 2px;
}
div.jsoneditor__jsoneditor-field.jsoneditor__jsoneditor-highlight-active,
div.jsoneditor__jsoneditor-field.jsoneditor__jsoneditor-highlight-active:focus,
div.jsoneditor__jsoneditor-field.jsoneditor__jsoneditor-highlight-active:hover,
div.jsoneditor__jsoneditor-value.jsoneditor__jsoneditor-highlight-active,
div.jsoneditor__jsoneditor-value.jsoneditor__jsoneditor-highlight-active:focus,
div.jsoneditor__jsoneditor-value.jsoneditor__jsoneditor-highlight-active:hover {
  background-color: #ffee00;
  border: 1px solid #ffc700;
  border-radius: 2px;
}
div.jsoneditor__jsoneditor-value.jsoneditor__jsoneditor-object,
div.jsoneditor__jsoneditor-value.jsoneditor__jsoneditor-array {
  min-width: 16px;
}
div.jsoneditor__jsoneditor-tree button.jsoneditor__jsoneditor-contextmenu-button:hover,
div.jsoneditor__jsoneditor-tree button.jsoneditor__jsoneditor-contextmenu-button:focus,
div.jsoneditor__jsoneditor-tree button.jsoneditor__jsoneditor-contextmenu-button.jsoneditor__jsoneditor-selected,
tr.jsoneditor__jsoneditor-selected.jsoneditor__jsoneditor-first button.jsoneditor__jsoneditor-contextmenu-button {
  background-position: -48px -48px;
}
div.jsoneditor__jsoneditor-tree div.jsoneditor__jsoneditor-show-more a:hover,
div.jsoneditor__jsoneditor-tree div.jsoneditor__jsoneditor-show-more a:focus {
  color: #ee422e;
}
textarea.jsoneditor__jsoneditor-text,
.jsoneditor__ace-jsoneditor {
  min-height: 150px;
}
textarea.jsoneditor__jsoneditor-text.jsoneditor__ace_editor,
.jsoneditor__ace-jsoneditor.jsoneditor__ace_editor {
  font-family: consolas, menlo, monaco, "Ubuntu Mono", "source-code-pro", monospace;
}
textarea.jsoneditor__jsoneditor-text {
  width: 100%;
  height: 100%;
  margin: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline-width: 0;
  border: none;
  background-color: #ffffff;
  resize: none;
}
tr.jsoneditor__jsoneditor-highlight,
tr.jsoneditor__jsoneditor-selected {
  background-color: #d3d3d3;
}
tr.jsoneditor__jsoneditor-selected button.jsoneditor__jsoneditor-dragarea,
tr.jsoneditor__jsoneditor-selected button.jsoneditor__jsoneditor-contextmenu-button {
  visibility: hidden;
}
tr.jsoneditor__jsoneditor-selected.jsoneditor__jsoneditor-first button.jsoneditor__jsoneditor-dragarea,
tr.jsoneditor__jsoneditor-selected.jsoneditor__jsoneditor-first button.jsoneditor__jsoneditor-contextmenu-button {
  visibility: visible;
}
div.jsoneditor__jsoneditor-tree button.jsoneditor__jsoneditor-dragarea:hover,
div.jsoneditor__jsoneditor-tree button.jsoneditor__jsoneditor-dragarea:focus,
tr.jsoneditor__jsoneditor-selected.jsoneditor__jsoneditor-first button.jsoneditor__jsoneditor-dragarea {
  background-position: -72px -48px;
}
div.jsoneditor__jsoneditor tr,
div.jsoneditor__jsoneditor th,
div.jsoneditor__jsoneditor td {
  padding: 0;
  margin: 0;
}
div.jsoneditor__jsoneditor-field,
div.jsoneditor__jsoneditor-value,
div.jsoneditor__jsoneditor td,
div.jsoneditor__jsoneditor th,
div.jsoneditor__jsoneditor textarea,
pre.jsoneditor__jsoneditor-preview,
.jsoneditor__jsoneditor-schema-error,
.jsoneditor__jsoneditor-popover {
  font-family: consolas, menlo, monaco, "Ubuntu Mono", "source-code-pro", monospace;
  font-size: 14px;
  color: #1a1a1a;
}
.jsoneditor__jsoneditor-schema-error {
  cursor: default;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  position: relative;
  text-align: center;
  width: 24px;
}
.jsoneditor__jsoneditor-popover {
  background-color: #4c4c4c;
  border-radius: 3px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  color: #ffffff;
  padding: 7px 10px;
  position: absolute;
  cursor: auto;
  width: 200px;
}
.jsoneditor__jsoneditor-popover.jsoneditor__jsoneditor-above {
  bottom: 32px;
  left: -98px;
}
.jsoneditor__jsoneditor-popover.jsoneditor__jsoneditor-above:before {
  border-top: 7px solid #4c4c4c;
  bottom: -7px;
}
.jsoneditor__jsoneditor-popover.jsoneditor__jsoneditor-below {
  top: 32px;
  left: -98px;
}
.jsoneditor__jsoneditor-popover.jsoneditor__jsoneditor-below:before {
  border-bottom: 7px solid #4c4c4c;
  top: -7px;
}
.jsoneditor__jsoneditor-popover.jsoneditor__jsoneditor-left {
  top: -7px;
  right: 32px;
}
.jsoneditor__jsoneditor-popover.jsoneditor__jsoneditor-left:before {
  border-left: 7px solid #4c4c4c;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  content: "";
  top: 19px;
  right: -14px;
  left: inherit;
  margin-left: inherit;
  margin-top: -7px;
  position: absolute;
}
.jsoneditor__jsoneditor-popover.jsoneditor__jsoneditor-right {
  top: -7px;
  left: 32px;
}
.jsoneditor__jsoneditor-popover.jsoneditor__jsoneditor-right:before {
  border-right: 7px solid #4c4c4c;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  content: "";
  top: 19px;
  left: -14px;
  margin-left: inherit;
  margin-top: -7px;
  position: absolute;
}
.jsoneditor__jsoneditor-popover:before {
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  content: "";
  display: block;
  left: 50%;
  margin-left: -7px;
  position: absolute;
}
.jsoneditor__jsoneditor-text-errors tr.jsoneditor__jump-to-line:hover {
  text-decoration: underline;
  cursor: pointer;
}
.jsoneditor__jsoneditor-schema-error:hover .jsoneditor__jsoneditor-popover,
.jsoneditor__jsoneditor-schema-error:focus .jsoneditor__jsoneditor-popover {
  display: block;
  animation: jsoneditor__fade-in 0.3s linear 1, jsoneditor__move-up 0.3s linear 1;
}
@keyframes jsoneditor__fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* JSON schema errors displayed at the bottom of the editor in mode text and code */
.jsoneditor__jsoneditor .jsoneditor__jsoneditor-validation-errors-container {
  max-height: 130px;
  overflow-y: auto;
}
.jsoneditor__jsoneditor .jsoneditor__jsoneditor-validation-errors {
  width: 100%;
  overflow: hidden;
}
.jsoneditor__jsoneditor .jsoneditor__jsoneditor-additional-errors {
  position: absolute;
  margin: auto;
  bottom: 31px;
  left: calc(50% - 92px);
  color: #808080;
  background-color: #ebebeb;
  padding: 7px 15px;
  border-radius: 8px;
}
.jsoneditor__jsoneditor .jsoneditor__jsoneditor-additional-errors.jsoneditor__visible {
  visibility: visible;
  opacity: 1;
  transition: opacity 2s linear;
}
.jsoneditor__jsoneditor .jsoneditor__jsoneditor-additional-errors.jsoneditor__hidden {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 2s, opacity 2s linear;
}
.jsoneditor__jsoneditor .jsoneditor__jsoneditor-text-errors {
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #ffc700;
}
.jsoneditor__jsoneditor .jsoneditor__jsoneditor-text-errors td {
  padding: 3px 6px;
  vertical-align: middle;
}
.jsoneditor__jsoneditor .jsoneditor__jsoneditor-text-errors td pre {
  margin: 0;
  white-space: pre-wrap;
}
.jsoneditor__jsoneditor .jsoneditor__jsoneditor-text-errors tr {
  background-color: #ffffab;
}
.jsoneditor__jsoneditor .jsoneditor__jsoneditor-text-errors tr.jsoneditor__parse-error {
  background-color: rgba(238, 46, 46, 0.43921569);
}
.jsoneditor__jsoneditor-text-errors .jsoneditor__jsoneditor-schema-error {
  border: none;
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0 4px 0 0;
  cursor: pointer;
}
.jsoneditor__jsoneditor-text-errors tr .jsoneditor__jsoneditor-schema-error {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/jsoneditor-icons.svg);
  background-position: -168px -48px;
  background-color: transparent;
}
.jsoneditor__jsoneditor-text-errors tr.jsoneditor__parse-error .jsoneditor__jsoneditor-schema-error {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/jsoneditor-icons.svg);
  background-position: -25px 0px;
  background-color: transparent;
}
.jsoneditor__jsoneditor-anchor {
  cursor: pointer;
}
.jsoneditor__jsoneditor-anchor .jsoneditor__picker_wrapper.jsoneditor__popup.jsoneditor__popup_bottom {
  top: 28px;
  left: -10px;
}
.jsoneditor__fadein {
  -webkit-animation: jsoneditor__fadein 0.3s;
  animation: jsoneditor__fadein 0.3s;
  -moz-animation: jsoneditor__fadein 0.3s;
  -o-animation: jsoneditor__fadein 0.3s;
}
@keyframes jsoneditor__fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.jsoneditor__jsoneditor-modal input[type=search].jsoneditor__selectr-input {
  border: 1px solid #d3d3d3;
  width: calc(100% - 4px);
  margin: 2px;
  padding: 4px;
  box-sizing: border-box;
}
.jsoneditor__jsoneditor-modal button.jsoneditor__selectr-input-clear {
  right: 8px;
}
.jsoneditor__jsoneditor-menu {
  width: 100%;
  height: 35px;
  padding: 2px;
  margin: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #ffffff;
  background-color: #3883fa;
  border-bottom: 1px solid #3883fa;
}
.jsoneditor__jsoneditor-menu > button,
.jsoneditor__jsoneditor-menu > .jsoneditor__jsoneditor-modes > button {
  width: 26px;
  height: 26px;
  margin: 2px;
  padding: 0;
  border-radius: 2px;
  border: 1px solid transparent;
  background-color: transparent;
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/jsoneditor-icons.svg);
  color: #ffffff;
  opacity: 0.8;
  font-family: arial, sans-serif;
  font-size: 14px;
  float: left;
}
.jsoneditor__jsoneditor-menu > button:hover,
.jsoneditor__jsoneditor-menu > .jsoneditor__jsoneditor-modes > button:hover {
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.jsoneditor__jsoneditor-menu > button:focus,
.jsoneditor__jsoneditor-menu > button:active,
.jsoneditor__jsoneditor-menu > .jsoneditor__jsoneditor-modes > button:focus,
.jsoneditor__jsoneditor-menu > .jsoneditor__jsoneditor-modes > button:active {
  background-color: rgba(255, 255, 255, 0.3);
}
.jsoneditor__jsoneditor-menu > button:disabled,
.jsoneditor__jsoneditor-menu > .jsoneditor__jsoneditor-modes > button:disabled {
  opacity: 0.5;
  background-color: transparent;
  border: none;
}
.jsoneditor__jsoneditor-menu > button.jsoneditor__jsoneditor-collapse-all {
  background-position: 0 -96px;
}
.jsoneditor__jsoneditor-menu > button.jsoneditor__jsoneditor-expand-all {
  background-position: 0 -120px;
}
.jsoneditor__jsoneditor-menu > button.jsoneditor__jsoneditor-sort {
  background-position: -120px -96px;
}
.jsoneditor__jsoneditor-menu > button.jsoneditor__jsoneditor-transform {
  background-position: -144px -96px;
}
.jsoneditor__jsoneditor.jsoneditor__jsoneditor-mode-view > .jsoneditor__jsoneditor-menu > button.jsoneditor__jsoneditor-sort,
.jsoneditor__jsoneditor.jsoneditor__jsoneditor-mode-form > .jsoneditor__jsoneditor-menu > button.jsoneditor__jsoneditor-sort,
.jsoneditor__jsoneditor.jsoneditor__jsoneditor-mode-view > .jsoneditor__jsoneditor-menu > button.jsoneditor__jsoneditor-transform,
.jsoneditor__jsoneditor.jsoneditor__jsoneditor-mode-form > .jsoneditor__jsoneditor-menu > button.jsoneditor__jsoneditor-transform {
  display: none;
}
.jsoneditor__jsoneditor-menu > button.jsoneditor__jsoneditor-undo {
  background-position: -24px -96px;
}
.jsoneditor__jsoneditor-menu > button.jsoneditor__jsoneditor-undo:disabled {
  background-position: -24px -120px;
}
.jsoneditor__jsoneditor-menu > button.jsoneditor__jsoneditor-redo {
  background-position: -48px -96px;
}
.jsoneditor__jsoneditor-menu > button.jsoneditor__jsoneditor-redo:disabled {
  background-position: -48px -120px;
}
.jsoneditor__jsoneditor-menu > button.jsoneditor__jsoneditor-compact {
  background-position: -72px -96px;
}
.jsoneditor__jsoneditor-menu > button.jsoneditor__jsoneditor-format {
  background-position: -72px -120px;
}
.jsoneditor__jsoneditor-menu > button.jsoneditor__jsoneditor-repair {
  background-position: -96px -96px;
}
.jsoneditor__jsoneditor-menu > .jsoneditor__jsoneditor-modes {
  display: inline-block;
  float: left;
}
.jsoneditor__jsoneditor-menu > .jsoneditor__jsoneditor-modes > button {
  background-image: none;
  width: auto;
  padding-left: 6px;
  padding-right: 6px;
}
.jsoneditor__jsoneditor-menu > button.jsoneditor__jsoneditor-separator,
.jsoneditor__jsoneditor-menu > .jsoneditor__jsoneditor-modes > button.jsoneditor__jsoneditor-separator {
  margin-left: 10px;
}
.jsoneditor__jsoneditor-menu a {
  font-family: arial, sans-serif;
  font-size: 14px;
  color: #ffffff;
  opacity: 0.8;
  vertical-align: middle;
}
.jsoneditor__jsoneditor-menu a:hover {
  opacity: 1;
}
.jsoneditor__jsoneditor-menu a.jsoneditor__jsoneditor-poweredBy {
  font-size: 8pt;
  position: absolute;
  right: 0;
  top: 0;
  padding: 10px;
}
.jsoneditor__jsoneditor-navigation-bar {
  width: 100%;
  height: 26px;
  line-height: 26px;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #d3d3d3;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #808080;
  background-color: #ebebeb;
  overflow: hidden;
  font-family: arial, sans-serif;
  font-size: 14px;
}
.jsoneditor__jsoneditor-search {
  font-family: arial, sans-serif;
  position: absolute;
  right: 4px;
  top: 4px;
  border-collapse: collapse;
  border-spacing: 0;
  display: flex;
}
.jsoneditor__jsoneditor-search input {
  color: #1a1a1a;
  width: 120px;
  border: none;
  outline: none;
  margin: 1px;
  line-height: 20px;
  font-family: arial, sans-serif;
}
.jsoneditor__jsoneditor-search button {
  width: 16px;
  height: 24px;
  padding: 0;
  margin: 0;
  border: none;
  background: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/jsoneditor-icons.svg);
  vertical-align: top;
}
.jsoneditor__jsoneditor-search button:hover {
  background-color: transparent;
}
.jsoneditor__jsoneditor-search button.jsoneditor__jsoneditor-refresh {
  width: 18px;
  background-position: -99px -73px;
}
.jsoneditor__jsoneditor-search button.jsoneditor__jsoneditor-next {
  cursor: pointer;
  background-position: -124px -73px;
}
.jsoneditor__jsoneditor-search button.jsoneditor__jsoneditor-next:hover {
  background-position: -124px -49px;
}
.jsoneditor__jsoneditor-search button.jsoneditor__jsoneditor-previous {
  cursor: pointer;
  background-position: -148px -73px;
  margin-right: 2px;
}
.jsoneditor__jsoneditor-search button.jsoneditor__jsoneditor-previous:hover {
  background-position: -148px -49px;
}
.jsoneditor__jsoneditor-results {
  font-family: arial, sans-serif;
  color: #ffffff;
  padding-right: 5px;
  line-height: 26px;
}
.jsoneditor__jsoneditor-frame {
  border: 1px solid transparent;
  background-color: #ffffff;
  padding: 0 2px;
  margin: 0;
}
.jsoneditor__jsoneditor-statusbar {
  line-height: 26px;
  height: 26px;
  color: #808080;
  background-color: #ebebeb;
  border-top: 1px solid #d3d3d3;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
}
.jsoneditor__jsoneditor-statusbar > .jsoneditor__jsoneditor-curserinfo-val {
  margin-right: 12px;
}
.jsoneditor__jsoneditor-statusbar > .jsoneditor__jsoneditor-curserinfo-count {
  margin-left: 4px;
}
.jsoneditor__jsoneditor-statusbar > .jsoneditor__jsoneditor-validation-error-icon {
  float: right;
  width: 24px;
  height: 24px;
  padding: 0;
  margin-top: 1px;
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/jsoneditor-icons.svg);
  background-position: -168px -48px;
  cursor: pointer;
}
.jsoneditor__jsoneditor-statusbar > .jsoneditor__jsoneditor-validation-error-count {
  float: right;
  margin: 0 4px 0 0;
  cursor: pointer;
}
.jsoneditor__jsoneditor-statusbar > .jsoneditor__jsoneditor-parse-error-icon {
  float: right;
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 1px;
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/jsoneditor-icons.svg);
  background-position: -25px 0px;
}
.jsoneditor__jsoneditor-statusbar .jsoneditor__jsoneditor-array-info a {
  color: inherit;
}
div.jsoneditor__jsoneditor-statusbar > .jsoneditor__jsoneditor-curserinfo-label,
div.jsoneditor__jsoneditor-statusbar > .jsoneditor__jsoneditor-size-info {
  margin: 0 4px;
}
.jsoneditor__jsoneditor-treepath {
  padding: 0 5px;
  overflow: hidden;
  white-space: nowrap;
  outline: none;
}
.jsoneditor__jsoneditor-treepath.jsoneditor__show-all {
  word-wrap: break-word;
  white-space: normal;
  position: absolute;
  background-color: #ebebeb;
  z-index: 1;
  box-shadow: 2px 2px 12px rgba(128, 128, 128, 0.3);
}
.jsoneditor__jsoneditor-treepath.jsoneditor__show-all span.jsoneditor__jsoneditor-treepath-show-all-btn {
  display: none;
}
.jsoneditor__jsoneditor-treepath div.jsoneditor__jsoneditor-contextmenu-root {
  position: absolute;
  left: 0;
}
.jsoneditor__jsoneditor-treepath .jsoneditor__jsoneditor-treepath-show-all-btn {
  position: absolute;
  background-color: #ebebeb;
  left: 0;
  height: 20px;
  padding: 0 3px;
  cursor: pointer;
}
.jsoneditor__jsoneditor-treepath .jsoneditor__jsoneditor-treepath-element {
  margin: 1px;
  font-family: arial, sans-serif;
  font-size: 14px;
}
.jsoneditor__jsoneditor-treepath .jsoneditor__jsoneditor-treepath-seperator {
  margin: 2px;
  font-size: 9pt;
  font-family: arial, sans-serif;
}
.jsoneditor__jsoneditor-treepath span.jsoneditor__jsoneditor-treepath-element:hover,
.jsoneditor__jsoneditor-treepath span.jsoneditor__jsoneditor-treepath-seperator:hover {
  cursor: pointer;
  text-decoration: underline;
}
/*!
 * Selectr 2.4.13
 * http://mobius.ovh/docs/selectr
 *
 * Released under the MIT license
 */
.jsoneditor__selectr-container {
  position: relative;
}
.jsoneditor__selectr-container li {
  list-style: none;
}
.jsoneditor__selectr-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0px, 0px, 0px, 0px);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0 none;
}
.jsoneditor__selectr-visible {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 11;
}
.jsoneditor__selectr-desktop.jsoneditor__multiple .jsoneditor__selectr-visible {
  display: none;
}
.jsoneditor__selectr-desktop.jsoneditor__multiple.jsoneditor__native-open .jsoneditor__selectr-visible {
  top: 100%;
  min-height: 200px !important;
  height: auto;
  opacity: 1;
  display: block;
}
.jsoneditor__selectr-container.jsoneditor__multiple.jsoneditor__selectr-mobile .jsoneditor__selectr-selected {
  z-index: 0;
}
.jsoneditor__selectr-selected {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  width: 100%;
  padding: 7px 28px 7px 14px;
  cursor: pointer;
  border: 1px solid #999999;
  border-radius: 3px;
  background-color: #ffffff;
}
.jsoneditor__selectr-selected::before {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 0;
  height: 0;
  content: "";
  -o-transform: rotate(0deg) translate3d(0px, -50%, 0px);
  -ms-transform: rotate(0deg) translate3d(0px, -50%, 0px);
  -moz-transform: rotate(0deg) translate3d(0px, -50%, 0px);
  -webkit-transform: rotate(0deg) translate3d(0px, -50%, 0px);
  transform: rotate(0deg) translate3d(0px, -50%, 0px);
  border-width: 4px 4px 0 4px;
  border-style: solid;
  border-color: #6c7a86 transparent transparent;
}
.jsoneditor__selectr-container.jsoneditor__open .jsoneditor__selectr-selected::before,
.jsoneditor__selectr-container.jsoneditor__native-open .jsoneditor__selectr-selected::before {
  border-width: 0 4px 4px 4px;
  border-style: solid;
  border-color: transparent transparent #6c7a86;
}
.jsoneditor__selectr-label {
  display: none;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.jsoneditor__selectr-placeholder {
  color: #6c7a86;
}
.jsoneditor__selectr-tags {
  margin: 0;
  padding: 0;
  white-space: normal;
}
.jsoneditor__has-selected .jsoneditor__selectr-tags {
  margin: 0 0 -2px;
}
.jsoneditor__selectr-tag {
  list-style: none;
  position: relative;
  float: left;
  padding: 2px 25px 2px 8px;
  margin: 0 2px 2px 0;
  cursor: default;
  color: #ffffff;
  border: medium none;
  border-radius: 10px;
  background: #acb7bf none repeat scroll 0 0;
}
.jsoneditor__selectr-container.jsoneditor__multiple.jsoneditor__has-selected .jsoneditor__selectr-selected {
  padding: 5px 28px 5px 5px;
}
.jsoneditor__selectr-options-container {
  position: absolute;
  z-index: 10000;
  top: calc(100% - 1px);
  left: 0;
  display: none;
  box-sizing: border-box;
  width: 100%;
  border-width: 0 1px 1px;
  border-style: solid;
  border-color: transparent #999999 #999999;
  border-radius: 0 0 3px 3px;
  background-color: #ffffff;
}
.jsoneditor__selectr-container.jsoneditor__open .jsoneditor__selectr-options-container {
  display: block;
}
.jsoneditor__selectr-input-container {
  position: relative;
  display: none;
}
.jsoneditor__selectr-clear,
.jsoneditor__selectr-input-clear,
.jsoneditor__selectr-tag-remove {
  position: absolute;
  top: 50%;
  right: 22px;
  width: 20px;
  height: 20px;
  padding: 0;
  cursor: pointer;
  -o-transform: translate3d(0px, -50%, 0px);
  -ms-transform: translate3d(0px, -50%, 0px);
  -moz-transform: translate3d(0px, -50%, 0px);
  -webkit-transform: translate3d(0px, -50%, 0px);
  transform: translate3d(0px, -50%, 0px);
  border: medium none;
  background-color: transparent;
  z-index: 11;
}
.jsoneditor__selectr-clear,
.jsoneditor__selectr-input-clear {
  display: none;
}
.jsoneditor__selectr-container.jsoneditor__has-selected .jsoneditor__selectr-clear,
.jsoneditor__selectr-input-container.jsoneditor__active .jsoneditor__selectr-input-clear {
  display: block;
}
.jsoneditor__selectr-selected .jsoneditor__selectr-tag-remove {
  right: 2px;
}
.jsoneditor__selectr-clear::before,
.jsoneditor__selectr-clear::after,
.jsoneditor__selectr-input-clear::before,
.jsoneditor__selectr-input-clear::after,
.jsoneditor__selectr-tag-remove::before,
.jsoneditor__selectr-tag-remove::after {
  position: absolute;
  top: 5px;
  left: 9px;
  width: 2px;
  height: 10px;
  content: " ";
  background-color: #6c7a86;
}
.jsoneditor__selectr-tag-remove::before,
.jsoneditor__selectr-tag-remove::after {
  top: 4px;
  width: 3px;
  height: 12px;
  background-color: #ffffff;
}
.jsoneditor__selectr-clear:before,
.jsoneditor__selectr-input-clear::before,
.jsoneditor__selectr-tag-remove::before {
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.jsoneditor__selectr-clear:after,
.jsoneditor__selectr-input-clear::after,
.jsoneditor__selectr-tag-remove::after {
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.jsoneditor__selectr-input-container.jsoneditor__active,
.jsoneditor__selectr-input-container.jsoneditor__active .jsoneditor__selectr-clear {
  display: block;
}
.jsoneditor__selectr-input {
  top: 5px;
  left: 5px;
  box-sizing: border-box;
  width: calc(100% - 30px);
  margin: 10px 15px;
  padding: 7px 30px 7px 9px;
  border: 1px solid #999999;
  border-radius: 3px;
}
.jsoneditor__selectr-notice {
  display: none;
  box-sizing: border-box;
  width: 100%;
  padding: 8px 16px;
  border-top: 1px solid #999999;
  border-radius: 0 0 3px 3px;
  background-color: #ffffff;
}
.jsoneditor__selectr-container.jsoneditor__notice .jsoneditor__selectr-notice {
  display: block;
}
.jsoneditor__selectr-container.jsoneditor__notice .jsoneditor__selectr-selected {
  border-radius: 3px 3px 0 0;
}
.jsoneditor__selectr-options {
  position: relative;
  top: calc(100% + 2px);
  display: none;
  overflow-x: auto;
  overflow-y: scroll;
  max-height: 200px;
  margin: 0;
  padding: 0;
}
.jsoneditor__selectr-container.jsoneditor__open .jsoneditor__selectr-options,
.jsoneditor__selectr-container.jsoneditor__open .jsoneditor__selectr-input-container,
.jsoneditor__selectr-container.jsoneditor__notice .jsoneditor__selectr-options-container {
  display: block;
}
.jsoneditor__selectr-option {
  position: relative;
  display: block;
  padding: 5px 20px;
  list-style: outside none none;
  cursor: pointer;
  font-weight: normal;
}
.jsoneditor__selectr-options.jsoneditor__optgroups > .jsoneditor__selectr-option {
  padding-left: 25px;
}
.jsoneditor__selectr-optgroup {
  font-weight: bold;
  padding: 0;
}
.jsoneditor__selectr-optgroup--label {
  font-weight: bold;
  margin-top: 10px;
  padding: 5px 15px;
}
.jsoneditor__selectr-match {
  text-decoration: underline;
}
.jsoneditor__selectr-option.jsoneditor__selected {
  background-color: #ddd;
}
.jsoneditor__selectr-option.jsoneditor__active {
  color: #ffffff;
  background-color: #5897fb;
}
.jsoneditor__selectr-option.jsoneditor__disabled {
  opacity: 0.4;
}
.jsoneditor__selectr-option.jsoneditor__excluded {
  display: none;
}
.jsoneditor__selectr-container.jsoneditor__open .jsoneditor__selectr-selected {
  border-color: #999999 #999999 transparent #999999;
  border-radius: 3px 3px 0 0;
}
.jsoneditor__selectr-container.jsoneditor__open .jsoneditor__selectr-selected::after {
  -o-transform: rotate(180deg) translate3d(0px, 50%, 0px);
  -ms-transform: rotate(180deg) translate3d(0px, 50%, 0px);
  -moz-transform: rotate(180deg) translate3d(0px, 50%, 0px);
  -webkit-transform: rotate(180deg) translate3d(0px, 50%, 0px);
  transform: rotate(180deg) translate3d(0px, 50%, 0px);
}
.jsoneditor__selectr-disabled {
  opacity: 0.6;
}
.jsoneditor__selectr-empty,
.jsoneditor__has-selected .jsoneditor__selectr-placeholder {
  display: none;
}
.jsoneditor__has-selected .jsoneditor__selectr-label {
  display: block;
}
/* TAGGABLE */
.jsoneditor__taggable .jsoneditor__selectr-selected {
  padding: 4px 28px 4px 4px;
}
.jsoneditor__taggable .jsoneditor__selectr-selected::after {
  display: table;
  content: " ";
  clear: both;
}
.jsoneditor__taggable .jsoneditor__selectr-label {
  width: auto;
}
.jsoneditor__taggable .jsoneditor__selectr-tags {
  float: left;
  display: block;
}
.jsoneditor__taggable .jsoneditor__selectr-placeholder {
  display: none;
}
.jsoneditor__input-tag {
  float: left;
  min-width: 90px;
  width: auto;
}
.jsoneditor__selectr-tag-input {
  border: medium none;
  padding: 3px 10px;
  width: 100%;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
}
.jsoneditor__selectr-input-container.jsoneditor__loading::after {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 20px;
  height: 20px;
  content: "";
  -o-transform: translate3d(0px, -50%, 0px);
  -ms-transform: translate3d(0px, -50%, 0px);
  -moz-transform: translate3d(0px, -50%, 0px);
  -webkit-transform: translate3d(0px, -50%, 0px);
  transform: translate3d(0px, -50%, 0px);
  -o-transform-origin: 50% 0 0;
  -ms-transform-origin: 50% 0 0;
  -moz-transform-origin: 50% 0 0;
  -webkit-transform-origin: 50% 0 0;
  transform-origin: 50% 0 0;
  -moz-animation: 500ms linear 0s normal forwards infinite running jsoneditor__selectr-spin;
  -webkit-animation: 500ms linear 0s normal forwards infinite running jsoneditor__selectr-spin;
  animation: 500ms linear 0s normal forwards infinite running jsoneditor__selectr-spin;
  border-width: 3px;
  border-style: solid;
  border-color: #aaa #ddd #ddd;
  border-radius: 50%;
}
@-webkit-keyframes jsoneditor__selectr-spin {
  0% {
    -webkit-transform: rotate(0deg) translate3d(0px, -50%, 0px);
    transform: rotate(0deg) translate3d(0px, -50%, 0px);
  }
  100% {
    -webkit-transform: rotate(360deg) translate3d(0px, -50%, 0px);
    transform: rotate(360deg) translate3d(0px, -50%, 0px);
  }
}
@keyframes jsoneditor__selectr-spin {
  0% {
    -webkit-transform: rotate(0deg) translate3d(0px, -50%, 0px);
    transform: rotate(0deg) translate3d(0px, -50%, 0px);
  }
  100% {
    -webkit-transform: rotate(360deg) translate3d(0px, -50%, 0px);
    transform: rotate(360deg) translate3d(0px, -50%, 0px);
  }
}
.jsoneditor__selectr-container.jsoneditor__open.jsoneditor__inverted .jsoneditor__selectr-selected {
  border-color: transparent #999999 #999999;
  border-radius: 0 0 3px 3px;
}
.jsoneditor__selectr-container.jsoneditor__inverted .jsoneditor__selectr-options-container {
  border-width: 1px 1px 0;
  border-color: #999999 #999999 transparent;
  border-radius: 3px 3px 0 0;
  background-color: #ffffff;
}
.jsoneditor__selectr-container.jsoneditor__inverted .jsoneditor__selectr-options-container {
  top: auto;
  bottom: calc(100% - 1px);
}
.jsoneditor__selectr-container ::-webkit-input-placeholder {
  color: #6c7a86;
  opacity: 1;
}
.jsoneditor__selectr-container ::-moz-placeholder {
  color: #6c7a86;
  opacity: 1;
}
.jsoneditor__selectr-container :-ms-input-placeholder {
  color: #6c7a86;
  opacity: 1;
}
.jsoneditor__selectr-container ::placeholder {
  color: #6c7a86;
  opacity: 1;
}

.PropertyReportEnergy__SectionMargin {
  margin-top: 30px !important;
}
.PropertyReportEnergy__SpreadsheetContainer {
  min-height: 300px;
}
.PropertyReportEnergy__SpreadsheetContainer table {
  page-break-inside: auto;
}
.PropertyReportEnergy__SpreadsheetContainer tr {
  page-break-inside: avoid;
  page-break-after: auto;
}
.PropertyReportEnergy__SpreadsheetContainer td {
  page-break-inside: avoid;
  page-break-after: auto;
}
@media print {
  .PropertyReportEnergy__SpreadsheetContainer thead {
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
  }
  .PropertyReportEnergy__SpreadsheetContainer td {
    border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
  }
  .PropertyReportEnergy__SpreadsheetContainer tr {
    border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
  }
  .PropertyReportEnergy__SpreadsheetContainer .ui.icon.button {
    display: none;
  }
}
.PropertyReportEnergy__Spacer {
  margin-bottom: 2rem !important;
}
.PropertyReportEnergy__Grid {
  overflow: hidden;
  display: grid;
  grid-gap: 28px;
  grid-template-columns: 1fr 1fr;
}

.WithConfirmationDialog__confirmationModal {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
}

.index__Dropdown {
  display: block;
}
.index__Dropdown.index__disabled .index__label {
  color: rgba(0, 0, 0, 0.3);
}
.index__Dropdown .index__label {
  font-size: 0.9em !important;
  padding-bottom: 0.4em !important;
}
.index__Dropdown.index__inline {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.index__Dropdown.index__inline div:first-child {
  margin-right: 10px;
}

.GoalIndicator__GoalIndicator {
  padding: 0 !important;
  margin: 0 !important;
  color: #333 !important;
}
.GoalIndicator__GoalIndicator small {
  margin-left: 5px;
}
.GoalIndicator__GoalIndicator i.GoalIndicator__alignArrowRight {
  margin-left: 5px !important;
}
.GoalIndicator__GoalIndicator.GoalIndicator__bold span {
  font-weight: 500;
}

.Alert__wrapper {
  background: rgba(243, 133, 126, 0.1);
  padding: 1.2rem 2rem;
  display: flex;
  align-items: center;
}
.Alert__icon {
  background: white;
  box-shadow: 0 0 0 0.1em white inset !important;
  margin-right: 1rem !important;
}

/*
 * Copyright (c) 2018. Maalka Inc. All rights reserved.
 *
 * This file is part of the Maalka Platform Project and may not be copied and/or distributed
 * without explicit permission of Maalka Inc.
 *
 */
.index__placeholderText {
  text-align: center !important;
  font-size: 14px !important;
  padding: 0 1em 0 1em !important;
  width: 50%;
  margin-left: 25%;
}
.index__placeholderText.index__inline em {
  margin-right: 10px;
}
.index__placeholderText.index__inline,
.index__placeholderText.index__inline * {
  display: inline-block !important;
}

@media print {
  .PerformanceTable__PerformanceTable {
    border: 0 !important;
  }
  .PerformanceTable__PerformanceTable thead tr:first-child th {
    border-top: 1.5px solid rgba(34, 36, 38, 0.15) !important;
  }
  .PerformanceTable__PerformanceTable tr td:first-child,
  .PerformanceTable__PerformanceTable tr th:first-child {
    border-left: 1.5px solid rgba(34, 36, 38, 0.15) !important;
  }
  .PerformanceTable__PerformanceTable tr td:last-child,
  .PerformanceTable__PerformanceTable tr th:last-child {
    border-right: 1.5px solid rgba(34, 36, 38, 0.15) !important;
  }
  .PerformanceTable__PerformanceTable tbody tr:last-child td {
    border-bottom: 1.5px solid rgba(34, 36, 38, 0.15) !important;
  }
  .PerformanceTable__PerformanceTable tbody tr td {
    border-top: 0 !important;
    border-bottom: 1px solid rgba(34, 36, 38, 0.15) !important;
  }
}
.PerformanceTable__PerformanceTable tr td.definition,
.PerformanceTable__PerformanceTable tr td:first-child:not(.ignored) {
  font-weight: 500 !important;
}

.index__ImageBlob {
  background: #f1f1f1;
  border: 1px solid #dfdfdf;
  display: flex;
  justify-content: center;
  align-items: center;
}
.index__ImageBlob.index__noBackground {
  background: transparent;
}
.index__ImageBlob.index__noBorder {
  border: 0;
}
.index__ImageBlob img {
  object-fit: contain;
}
.index__ImageBlob .index__Loader {
  margin: 20px !important;
}

.index__ButtonLink {
  background: none !important;
  text-decoration: underline !important;
  text-decoration-color: #06a1f9 !important;
}

.index__DropdownButton {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.index__SVGIcon {
  width: 18px;
  height: 18px;
}

.ProgramMenuButton__ProgramMenuButton {
  margin-right: 10px !important;
}
.ProgramMenuButton__ProgramMenuButton.ProgramMenuButton__active {
  background: rgba(0, 0, 0, 0.25) !important;
}
.ProgramMenuButton__ProgramMenuButton.ProgramMenuButton__transparent {
  background: rgba(255, 255, 255, 0.25) !important;
}
.ProgramMenuButton__ProgramMenuButton.ProgramMenuButton__transparent:hover {
  background: rgba(0, 0, 0, 0.25) !important;
}
.ProgramMenuButton__ProgramMenuButton.ProgramMenuButton__noCursor {
  cursor: initial !important;
}
.ProgramMenuButton__ProgramMenuButtonDropdown {
  margin-right: 10px !important;
}
.ProgramMenuButton__ProgramMenuButtonDropdown button {
  margin-right: 0 !important;
}
.ProgramMenuButton__ProgramMenuButtonDropdown i {
  display: none !important;
}
.ProgramMenuButton__ProgramMenuButtonDropdown .ProgramMenuButton__OptionsContainer {
  margin-top: 9px !important;
  background: #fff !important;
}
.ProgramMenuButton__ProgramMenuButtonDropdown .ProgramMenuButton__OptionsContainer img {
  margin-top: 0 !important;
  margin-right: 1rem !important;
  margin-bottom: 0 !important;
}
.ProgramMenuButton__ProgramMenuButtonDropdown .ProgramMenuButton__OptionsContainer span {
  vertical-align: bottom;
}

.RoundCheckButton__RoundCheckButton .RoundCheckButton__noEvents {
  pointer-events: none !important;
  color: #f7f7f7 !important;
}
.RoundCheckButton__RoundCheckButton span {
  margin-right: 10px;
}
.RoundCheckButton__RoundCheckButton .RoundCheckButton__selected {
  background-color: #fff;
}
.RoundCheckButton__RoundCheckButton .RoundCheckButton__selected i {
  color: #1c83ec;
}

.SectionHeaderButton__SectionHeaderButton {
  position: relative;
  margin-top: -6px !important;
  vertical-align: middle !important;
}
.SectionHeaderButton__SectionHeaderButton.SectionHeaderButton__right {
  margin-right: 1em !important;
  margin-left: 0 !important;
}
.SectionHeaderButton__SectionHeaderButton.SectionHeaderButton__center {
  margin-top: -5px !important;
}
.SectionHeaderButton__SectionHeaderButton.SectionHeaderButton__help {
  margin-left: 10px !important;
}
.SectionHeaderButton__SectionHeaderButton.SectionHeaderButton__grey,
.SectionHeaderButton__SectionHeaderButton.SectionHeaderButton__grey:active {
  background-color: #ececec !important;
}
.SectionHeaderButton__SectionHeaderButton.SectionHeaderButton__white,
.SectionHeaderButton__SectionHeaderButtonwhite:active {
  background-color: white !important;
}

/*
 * Copyright (c) 2018. Maalka Inc. All rights reserved.
 *
 * This file is part of the Maalka Platform Project and may not be copied and/or distributed
 * without explicit permission of Maalka Inc.
 *
 */
.SectionHeader__SectionHeader h3 {
  margin-bottom: 0 !important;
}
.SectionHeader__SectionHeader h3 button {
  margin-left: 10px;
}
.SectionHeader__SectionHeader.SectionHeader__keepCasing h3 {
  text-transform: initial !important;
}
.SectionHeader__SectionHeader .SectionHeader__leftButtons {
  position: absolute;
  left: 0;
  margin-right: 2em !important;
}
.SectionHeader__SectionHeader .SectionHeader__rightButtons {
  position: absolute;
  right: 0;
  margin-right: 2em !important;
}
@media print {
  .SectionHeader__SectionHeader {
    margin-bottom: 0 !important;
    background-color: transparent !important;
    text-align: left !important;
  }
  .SectionHeader__SectionHeader h3 {
    font-size: 14px !important;
    text-transform: none !important;
  }
}

/*
 * Copyright (c) 2018. Maalka Inc. All rights reserved.
 *
 * This file is part of the Maalka Platform Project and may not be copied and/or distributed
 * without explicit permission of Maalka Inc.
 *
 */
.index__DocumentTableHeader .index__DocumentTableHeaderText {
  font-size: 1.25em !important;
  font-weight: bold !important;
  margin-right: 16px !important;
}

.index__AccountTabHeader {
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.index__AccountTabHeader div {
  align-items: center;
}
.index__AccountTabHeader .index__contentContainer {
  margin-left: 10px;
}

.ActionHeader__ActionHeader {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.ActionHeader__ActionHeader.ActionHeader__withMargin {
  margin-bottom: 1rem;
}
.ActionHeader__ActionHeader .ActionHeader__noPadding {
  padding: 0px !important;
}
.ActionHeader__ActionHeader:not(.ActionHeader__withMargin) h1,
.ActionHeader__ActionHeader h2,
.ActionHeader__ActionHeader h3,
.ActionHeader__ActionHeader h4,
.ActionHeader__ActionHeader h5,
.ActionHeader__ActionHeader h6 {
  margin: 0px !important;
}
.ActionHeader__ActionHeader button {
  margin-left: 10px !important;
}
.ActionHeader__ActionHeader .ActionHeader__subHeader {
  display: table-cell !important;
  padding-left: 5px !important;
  vertical-align: middle;
}

.BlockHeader__BlockHeader {
  page-break-after: avoid;
  break-after: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
.BlockHeader__BlockHeader .BlockHeader__HeaderSubtitle {
  margin-top: 5px !important;
  line-height: 1.5em !important;
}
.BlockHeader__BlockHeader.BlockHeader__padded {
  padding-top: 1rem !important;
}
.BlockHeader__BlockHeader.BlockHeader__extraPadded {
  padding-top: 2.5rem !important;
}
.BlockHeader__BlockHeader.BlockHeader__stretched {
  width: 100%;
}
.BlockHeader__BlockHeader.BlockHeader__stretched > div {
  display: block !important;
}

.FormGridRowWrapper__Asterisk {
  margin-left: 8px;
}

.FormGridWrapper__FormGridWrapper {
  border-top: 1px solid #e6e6e6 !important;
  margin: 0 !important;
  margin-bottom: 16px !important;
}
.FormGridWrapper__FormGridWrapper > div {
  border-bottom: 1px solid #e6e6e6 !important;
  border-left: 1px solid #e6e6e6 !important;
  border-right: 1px solid #e6e6e6 !important;
}
.FormGridWrapper__FormGridWrapper .input,
.FormGridWrapper__FormGridWrapper .selection.dropdown {
  width: 100% !important;
  min-width: inherit !important;
}
.FormGridWrapper__FormGridWrapper .ui.checkbox.checked,
.FormGridWrapper__FormGridWrapper .ui.checkbox.checked input.hidden {
  z-index: 9 !important;
}
.FormGridWrapper__FormGridWrapper .ui.radio.checkbox.checked input:checked ~ .box:after,
.FormGridWrapper__FormGridWrapper .ui.radio.checkbox.checked input:checked ~ label:after {
  z-index: 9 !important;
}
.FormGridWrapper__FormGridWrapper .ui.basic.segment {
  padding: 0 !important;
}
.FormGridWrapper__FormGridWrapper.FormGridWrapper__internal {
  border: 0 !important;
  margin-bottom: 0px !important;
}
.FormGridWrapper__FormGridWrapper.FormGridWrapper__internal .row {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border: 0 !important;
}
.FormGridWrapper__FormGridWrapper.FormGridWrapper__internal .column:first-child {
  padding-left: 0 !important;
}
.FormGridWrapper__FormGridWrapper.FormGridWrapper__internal .column:last-child {
  padding-right: 0 !important;
}

.index__DatePickerPopup .DayPicker-Months {
  flex-wrap: nowrap !important;
}
.index__DatePickerPopup .DayPicker-Day--selected:not(.DayPicker-Day--start):not(.DayPicker-Day--end):not(.DayPicker-Day--outside) {
  background-color: #f0f8ff !important;
  color: #4a90e2;
}
.index__DatePickerPopup .DayPicker-Day {
  border-radius: 0 !important;
}
.index__DatePickerPopup .DayPicker-Day:not(.DayPicker-Day--end):not(.DayPicker-Day--start):focus {
  background-color: #f0f8ff !important;
  outline: none !important;
}
.index__DatePickerPopup .DayPicker-Day--start {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important;
}
.index__DatePickerPopup .DayPicker-Day--end {
  border-bottom-right-radius: 50% !important;
  border-top-right-radius: 50% !important;
}

.DatePicker__DatePickerCalendarButton {
  border: 1px solid #dfdfdf !important;
}

/*
 * Copyright (c) 2018. Maalka Inc. All rights reserved.
 *
 * This file is part of the Maalka Platform Project and may not be copied and/or distributed
 * without explicit permission of Maalka Inc.
 *
 */
.SearchInput__SearchInput {
  width: 70%;
  height: 2em;
}
.SearchInput__SearchInput.SearchInput__withMarginTop {
  margin-top: 1rem;
}
.SearchInput__SearchInput > input {
  padding: 10px !important;
  font-size: 15px;
  border-radius: 0 !important;
}

.index__Input {
  /* Reset textarea to have the same style that's came from semantic ui */
}
.index__Input .index__Label {
  font-size: 0.9em !important;
  padding-bottom: 0.4em !important;
}
.index__Input.index__disabled .index__Label {
  color: rgba(0, 0, 0, 0.3);
}
.index__Input.index__disabled textarea {
  opacity: 0.3;
}
.index__Input textarea {
  width: 100%;
  font-family: 'gesta', 'PT Sans', sans-serif, 'Helvetica Neue', Arial, Helvetica, sans-serif !important;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
}

.DeprecatedValidationErrorsDropdown__Wrapper {
  display: flex;
  align-items: center;
}
.DeprecatedValidationErrorsDropdown__loader {
  margin-right: 3px !important;
}
.DeprecatedValidationErrorsDropdown__loader:before {
  border-color: rgba(0, 0, 0, 0.15) !important;
}

.DropdownPopup__DropdownPopup {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.DropdownPopup__DropdownPopup:before {
  display: none;
}
.DropdownPopup__DropdownTrigger.DropdownPopup__hidden {
  visibility: hidden;
}
.DropdownPopup__DropdownOptions {
  position: relative;
}
.DropdownPopup__DropdownOptions.DropdownPopup__withNegativeMargin {
  margin-top: -2.5rem;
}
.DropdownPopup__DropdownOptions.DropdownPopup__withHiddenLabel .dropdown > .text,
.DropdownPopup__DropdownOptions.DropdownPopup__withHiddenLabel .dropdown > i {
  display: none !important;
}

.index__EnhancedInput .index__Label {
  font-size: 0.9em !important;
  padding-bottom: 0.4em !important;
  margin-top: 10px;
}
.index__EnhancedInput .index__ErrorLabel {
  font-size: 0.9em;
  padding-bottom: 0.4em !important;
  color: red;
  display: block;
  margin: 5px 0px 10px 0px;
}
.index__EnhancedInput.index__disabled .index__Label {
  color: rgba(0, 0, 0, 0.3);
}
.index__EnhancedInput.index__disabled textarea {
  opacity: 0.3;
}
.index__EnhancedInput textarea {
  width: 100%;
}
.index__EnhancedInput input:focus,
.index__EnhancedInput textarea:focus,
.index__EnhancedInput select:focus {
  outline: none;
}

.index__Radio {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.index__ContainerEditor {
  background-color: #fafafa;
}
.index__ContainerEditor.index__readOnly {
  background-color: transparent;
}
.index__ContainerEditor label {
  display: block;
  margin-bottom: 1rem;
  font-size: 1.2rem;
  color: auto;
}
.index__ContainerEditor.index__withBorder {
  padding-bottom: 2rem;
}
.index__ContainerEditor .public-DraftEditor-content {
  color: auto;
  padding: 1rem;
}
.index__ContainerEditor .public-DraftEditorPlaceholder-root {
  color: #999;
  position: absolute;
}
.index__ContainerEditor:not(.index__readOnly) .public-DraftEditorPlaceholder-root {
  padding: 1rem;
}
.index__ContainerEditor.index__noHeight .public-DraftEditor-content {
  min-height: 300px;
}
.index__ContainerEditor.index__readOnly .public-DraftEditor-content {
  min-height: inherit;
  padding: 0px;
}
.index__ContainerEditor .public-DraftStyleDefault-ol,
.index__ContainerEditor .public-DraftStyleDefault-ul {
  margin-left: 2rem;
}
.index__ControlsContainer {
  padding-top: 1rem;
  height: 50px;
  background: #f1f1f1;
}
.index__BlockControlsContainer {
  float: left;
  display: block;
}
.index__Button {
  padding: 1rem;
  cursor: pointer;
}
.index__Button .icon {
  font-size: 16px;
  color: #333;
}
.index__ActiveButton .icon {
  color: #3883e5 !important;
}

/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 *
 */
.Input__Input__wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 10px;
}
.Input__Input__label {
  display: flex;
  flex: 1;
  color: #666;
}
.Input__Input__input {
  display: flex;
  flex: 2;
  border: 1px solid #999;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 16px;
  min-width: 0;
}

/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 *
 */
.Modal__Modal__overlay {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  flex-direction: column;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: rgba(40, 40, 40, 0.6);
  flex-grow: 0px;
  flex-shrink: 1px;
  z-index: 9999;
}
.Modal__Modal__modal {
  padding: 20px;
  min-height: 100px;
  min-width: 400px;
  display: flex;
  flex-grow: 0px;
  background-color: #fff;
  flex-direction: column;
  position: relative;
  box-shadow: 0 0 20px 0 #444;
}
.Modal__Modal__title {
  color: #444;
  margin: 0px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
}
.Modal__Modal__closeButton {
  border: 0px;
  position: absolute;
  right: 20px;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
  width: 30px;
  height: 30px;
  text-align: center;
  cursor: pointer;
  background-color: #eee;
}
.Modal__Modal__closeButton:hover {
  background-color: #ddd;
}
.Modal__Modal__content {
  padding-top: 20px;
}

/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 *
 */
.Button__Button__root {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
  border: 0px;
  background-color: #eee;
  cursor: pointer;
  font-size: 14px;
}
.Button__Button__root:hover {
  background-color: #ddd;
}
.Button__Button__small {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 13px;
}
.Button__Button__disabled {
  cursor: not-allowed;
}
.Button__Button__disabled:hover {
  background-color: #eee;
}

.Dialog__DialogActions {
  display: flex;
  flex-direction: row;
  justify-content: right;
  margin-top: 20px;
}
.Dialog__DialogButtonsList {
  display: flex;
  flex-direction: column;
  justify-content: right;
  margin-top: 20px;
}
.Dialog__DialogButtonsList button {
  margin-bottom: 20px;
}

.index__code-action-menu-container {
  height: 35.8px;
  font-size: 10px;
  color: rgba(0, 0, 0, 0.5);
  position: absolute;
  display: flex;
  align-items: center;
  flex-direction: row;
  user-select: none;
}
.index__code-action-menu-container .code-highlight-language {
  margin-right: 4px;
}
.index__code-action-menu-container button.menu-item {
  border: 1px solid transparent;
  border-radius: 4px;
  padding: 4px;
  background: none;
  cursor: pointer;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  color: rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
}
.index__code-action-menu-container button.menu-item i.format {
  height: 16px;
  width: 16px;
  opacity: 0.6;
  display: flex;
  color: rgba(0, 0, 0, 0.5);
  background-size: contain;
}
.index__code-action-menu-container button.menu-item:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
  opacity: 0.9;
}
.index__code-action-menu-container button.menu-item:active {
  background-color: rgba(223, 232, 250);
  border: 1px solid rgba(0, 0, 0, 0.45);
}

.index__prettier-wrapper {
  position: relative;
}
.index__prettier-wrapper .index__code-error-tips {
  padding: 5px;
  border-radius: 4px;
  color: #fff;
  background: #222;
  margin-top: 4px;
  position: absolute;
  top: 26px;
  right: 0;
}

/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 *
 */
.Collapsible__Collapsible__container {
  background: #fcfcfc;
  border: 1px solid #eee;
  border-radius: 10px;
  margin-bottom: 8px;
}
.Collapsible__Collapsible__title {
  cursor: pointer;
  padding: 5px 5px 5px 20px;
  position: relative;
  font-weight: bold;
  list-style: none;
  outline: none;
}
.Collapsible__Collapsible__title::marker,
.Collapsible__Collapsible__title::-webkit-details-marker {
  display: none;
}
.Collapsible__Collapsible__title:before {
  border-style: solid;
  border-color: transparent;
  border-width: 4px 6px 4px 6px;
  border-left-color: #000;
  display: block;
  content: '';
  position: absolute;
  left: 7px;
  top: 50%;
  transform: translateY(-50%);
}
.Collapsible__Collapsible__container[open] > .Collapsible__Collapsible__title:before {
  border-color: transparent;
  border-width: 6px 4px 0 4px;
  border-top-color: #000;
}
.Collapsible__Collapsible__content {
  padding: 0 5px 5px 20px;
}
.Collapsible__Collapsible__collapsed .Collapsible__Collapsible__content {
  display: none;
  user-select: none;
}

/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 *
 */
.KatexEquationAlterer__KatexEquationAlterer_defaultRow {
  display: flex;
  flex-direction: row;
  margin-top: 10px;
  margin-bottom: 10px;
  justify-content: space-between;
  overflow: hidden;
}
.KatexEquationAlterer__KatexEquationAlterer_dialogActions {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  margin-top: 20px;
  margin-bottom: 0;
  justify-content: right;
}
.KatexEquationAlterer__KatexEquationAlterer_centerRow {
  display: flex;
  flex-direction: 'row';
  margin-top: 10px;
  margin-bottom: 10px;
  justify-content: center;
  overflow: hidden;
}
.KatexEquationAlterer__KatexEquationAlterer_textArea {
  width: 100%;
  resize: none;
  padding: 7px;
}

/* @import url('assets/styles/variables.css'); */
[type='page-break'] {
  position: relative;
  display: block;
  width: calc(100% + var(--editor-input-padding, 28px) * 2);
  overflow: unset;
  margin-left: calc(var(--editor-input-padding, 28px) * -1);
  margin-top: var(--editor-input-padding, 28px);
  margin-bottom: var(--editor-input-padding, 28px);
  border: none;
  border-top: 1px dashed var(--editor-color-secondary, #eeeeee);
  border-bottom: 1px dashed var(--editor-color-secondary, #eeeeee);
  background-color: var(--editor-color-secondary, #eeeeee);
}
[type='page-break']::before {
  content: '';
  position: absolute;
  top: 50%;
  left: calc(var(--editor-input-padding, 28px) + 12px);
  transform: translateY(-50%);
  opacity: 0.5;
  background-size: cover;
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/scissors.svg);
  width: 16px;
  height: 16px;
}
[type='page-break']::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  padding: 2px 6px;
  border: 1px solid #ccc;
  background-color: #fff;
  content: 'PAGE BREAK';
  font-size: 12px;
  color: #000;
  font-weight: 600;
}
.index__selected[type='page-break'] {
  border-color: var(--editor-color-primary, #4766cb);
}
.index__selected[type='page-break']::before {
  opacity: 1;
}

.index__DraggableBlockMenu {
  all: initial;
  border-radius: 4px;
  padding: 2px 1px;
  cursor: grab;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  will-change: transform;
}
.index__DraggableBlockMenu :active {
  cursor: grabbing;
}
.index__DraggableBlockMenu :hover {
  background-color: #efefef;
}
.index__DraggableBlockMenu .lexicalicon {
  width: 16px;
  height: 16px;
  opacity: 0.3;
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/draggable-block-menu.svg);
}
.index__DraggableBlockTargetLine {
  pointer-events: none;
  background: deepskyblue;
  height: 4px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  will-change: transform;
}

.index__link-editor {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  max-width: 400px;
  width: 100%;
  opacity: 0;
  background-color: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
  border-radius: 0 0 8px 8px;
  transition: opacity 0.5s;
  will-change: transform;
}
.index__link-editor .button {
  width: 20px;
  height: 20px;
  display: inline-block;
  padding: 6px;
  border-radius: 8px;
  cursor: pointer;
  margin: 0 2px;
}
.index__link-editor .button.hovered {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-color: #eee;
}
.index__link-editor .button i,
.index__link-editor .actions i {
  background-size: contain;
  display: inline-block;
  height: 20px;
  width: 20px;
  vertical-align: -0.25em;
}
.index__link-editor .button.active,
.index__link-editor .toolbar .button.active {
  background-color: #dfe8fa;
}
.index__link-editor .link-input {
  display: block;
  width: calc(100% - 75px);
  box-sizing: border-box;
  margin: 12px 12px;
  padding: 8px 12px;
  border-radius: 15px;
  background-color: #eee;
  font-size: 15px;
  color: #050505;
  border: 0;
  outline: 0;
  position: relative;
  font-family: inherit;
}
.index__link-editor .link-view {
  display: block;
  width: calc(100% - 24px);
  margin: 8px 12px;
  padding: 8px 12px;
  border-radius: 15px;
  font-size: 15px;
  color: #050505;
  border: 0;
  outline: 0;
  position: relative;
  font-family: inherit;
}
.index__link-editor .link-view a {
  display: block;
  word-break: break-word;
  width: calc(100% - 33px);
}
.index__link-editor div.link-edit {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/pencil-fill.svg);
  background-size: 16px;
  background-position: center;
  background-repeat: no-repeat;
  width: 35px;
  vertical-align: -0.25em;
  position: absolute;
  right: 30px;
  top: 0;
  bottom: 0;
  cursor: pointer;
}
.index__link-editor div.link-trash {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/trash.svg);
  background-size: 16px;
  background-position: center;
  background-repeat: no-repeat;
  width: 35px;
  vertical-align: -0.25em;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
}
.index__link-editor div.link-cancel {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/close.svg);
  background-size: 16px;
  background-position: center;
  background-repeat: no-repeat;
  width: 35px;
  vertical-align: -0.25em;
  margin-right: 28px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
}
.index__link-editor div.link-confirm {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/success-alt.svg);
  background-size: 16px;
  background-position: center;
  background-repeat: no-repeat;
  width: 35px;
  vertical-align: -0.25em;
  margin-right: 2px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
}
.index__link-editor .link-input a {
  color: #216fdb;
  text-decoration: underline;
  white-space: nowrap;
  overflow: hidden;
  margin-right: 30px;
  text-overflow: ellipsis;
}
.index__link-editor .link-input a:hover {
  text-decoration: underline;
}
.index__link-editor .font-size-wrapper,
.index__link-editor .font-family-wrapper {
  display: flex;
  margin: 0 4px;
}
.index__link-editor select {
  padding: 6px;
  border: none;
  background-color: rgba(0, 0, 0, 0.075);
  border-radius: 4px;
}

.index__floating-text-format-popup {
  display: flex;
  background: #fff;
  padding: 4px;
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  opacity: 0;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
  transition: opacity 0.5s;
  height: 35px;
  will-change: transform;
}
.index__floating-text-format-popup button.index__popup-item {
  border: 0;
  display: flex;
  background: none;
  padding: 8px;
  cursor: pointer;
  vertical-align: middle;
}
.index__floating-text-format-popup button.index__popup-item:disabled {
  cursor: not-allowed;
}
.index__floating-text-format-popup button.index__popup-item.index__spaced {
  margin-right: 2px;
}
.index__floating-text-format-popup button.index__popup-item i.index__format {
  background-size: contain;
  height: 18px;
  width: 18px;
  margin-top: 2px;
  vertical-align: -0.25em;
  display: flex;
  opacity: 0.6;
}
.index__floating-text-format-popup button.index__popup-item:disabled i.index__format {
  opacity: 0.2;
}
.index__floating-text-format-popup button.index__popup-item.index__active {
  background-color: rgba(223, 232, 250, 0.3);
}
.index__floating-text-format-popup button.index__popup-item.index__active i {
  opacity: 1;
}
.index__floating-text-format-popup .index__popup-item:hover:not([disabled]) {
  background-color: #eee;
}
.index__floating-text-format-popup select.index__popup-item {
  border: 0;
  display: flex;
  background: none;
  padding: 8px;
  vertical-align: middle;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 70px;
  font-size: 14px;
  color: #777;
  text-overflow: ellipsis;
}
.index__floating-text-format-popup select.index__code-language {
  text-transform: capitalize;
  width: 130px;
}
.index__floating-text-format-popup .index__popup-item .index__text {
  display: flex;
  line-height: 20px;
  vertical-align: middle;
  font-size: 14px;
  color: #777;
  text-overflow: ellipsis;
  width: 70px;
  overflow: hidden;
  height: 20px;
  text-align: left;
}
.index__floating-text-format-popup .index__popup-item .index__lexicalicon {
  display: flex;
  width: 20px;
  height: 20px;
  user-select: none;
  margin-right: 8px;
  line-height: 16px;
  background-size: contain;
}
.index__floating-text-format-popup i.index__chevron-down {
  margin-top: 3px;
  width: 16px;
  height: 16px;
  display: flex;
  user-select: none;
}
.index__floating-text-format-popup i.index__chevron-down.index__inside {
  width: 16px;
  height: 16px;
  display: flex;
  margin-left: -25px;
  margin-top: 11px;
  margin-right: 10px;
  pointer-events: none;
}
.index__floating-text-format-popup .index__divider {
  width: 1px;
  background-color: #eee;
  margin: 0 4px;
}
@media (max-width: 1024px) {
  .index__floating-text-format-popup button.index__insert-comment {
    display: none;
  }
}

/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 *
 */
.InlineImageNode__InlineImageNode__contentEditable {
  min-height: 20px;
  border: 0px;
  resize: none;
  cursor: text;
  caret-color: #050505;
  display: block;
  position: relative;
  tab-size: 1;
  outline: 0px;
  padding: 10px;
  user-select: text;
  font-size: 14px;
  line-height: 1.4em;
  width: calc(100% - 20px);
  white-space: pre-wrap;
  word-break: break-word;
}
.InlineImageNode__InlineImageNode__placeholder {
  font-size: 12px;
  color: #888;
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  bottom: 10px;
  left: 10px;
  user-select: none;
  white-space: nowrap;
  display: inline-block;
  pointer-events: none;
}
.InlineImageNode__InlineImageNode_Checkbox:checked,
.InlineImageNode__InlineImageNode_Checkbox:not(:checked) {
  position: absolute;
  left: -9999px;
}
.InlineImageNode__InlineImageNode_Checkbox:checked + label,
.InlineImageNode__InlineImageNode_Checkbox:not(:checked) + label {
  position: absolute;
  padding-right: 55px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #666;
}
.InlineImageNode__InlineImageNode_Checkbox:checked + label:before,
.InlineImageNode__InlineImageNode_Checkbox:not(:checked) + label:before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #666;
  background: #fff;
}
.InlineImageNode__InlineImageNode_Checkbox:checked + label:after,
.InlineImageNode__InlineImageNode_Checkbox:not(:checked) + label:after {
  content: '';
  width: 8px;
  height: 8px;
  background: #222222;
  position: absolute;
  top: 6px;
  right: 6px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.InlineImageNode__InlineImageNode_Checkbox:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.InlineImageNode__InlineImageNode_Checkbox:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: transparent;
  border: none;
  padding: 0 1em 0 0;
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  line-height: inherit;
  z-index: 1;
  outline: none;
}
:root {
  --select-border: #393939;
  --select-focus: #101484;
  --select-arrow: var(--select-border);
}
.Select__select {
  min-width: 160px;
  max-width: 290px;
  border: 1px solid var(--select-border);
  border-radius: 0.25em;
  padding: 0.25em 0.5em;
  font-size: 1rem;
  cursor: pointer;
  line-height: 1.4;
  background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 */
.ColorPicker__ColorPicker .color-picker-wrapper {
  padding: 20px;
}
.ColorPicker__ColorPicker .color-picker-basic-color {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
  padding: 0;
}
.ColorPicker__ColorPicker .color-picker-basic-color button {
  border: 1px solid #ccc;
  border-radius: 4px;
  height: 16px;
  width: 16px;
  cursor: pointer;
  list-style-type: none;
}
.ColorPicker__ColorPicker .color-picker-basic-color button.active {
  box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.3);
}
.ColorPicker__ColorPicker .color-picker-saturation {
  width: 100%;
  position: relative;
  margin-top: 15px;
  height: 150px;
  background-image: linear-gradient(transparent, black), linear-gradient(to right, white, transparent);
  user-select: none;
}
.ColorPicker__ColorPicker .color-picker-saturation_cursor {
  position: absolute;
  width: 20px;
  height: 20px;
  border: 2px solid #ffffff;
  border-radius: 50%;
  box-shadow: 0 0 15px #00000026;
  box-sizing: border-box;
  transform: translate(-10px, -10px);
}
.ColorPicker__ColorPicker .color-picker-hue {
  width: 100%;
  position: relative;
  margin-top: 15px;
  height: 12px;
  background-image: linear-gradient(to right, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000);
  user-select: none;
  border-radius: 12px;
}
.ColorPicker__ColorPicker .color-picker-hue_cursor {
  position: absolute;
  width: 20px;
  height: 20px;
  border: 2px solid #ffffff;
  border-radius: 50%;
  box-shadow: #0003 0 0 0 0.5px;
  box-sizing: border-box;
  transform: translate(-10px, -4px);
}
.ColorPicker__ColorPicker .color-picker-color {
  border: 1px solid #ccc;
  margin-top: 15px;
  width: 100%;
  height: 20px;
}

/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 *
 */
.index__TableCellResizer__resizer {
  position: absolute;
  z-index: 1000 !important;
}

.index__table-of-contents .index__heading2 {
  margin-left: 10px;
}
.index__table-of-contents .index__heading3 {
  margin-left: 20px;
}
.index__selected-heading {
  color: #3578e5;
  position: relative;
}
.index__selected-heading-wrapper::before {
  content: ' ';
  position: absolute;
  display: inline-block;
  left: -30px;
  top: 4px;
  z-index: 10;
  height: 4px;
  width: 4px;
  background-color: #3578e5;
  border: solid 4px white;
  border-radius: 50%;
}
.index__normal-heading {
  cursor: pointer;
  line-height: 20px;
  font-size: 16px;
}
.index__table-of-contents {
  color: #65676b;
  position: fixed;
  top: 200px;
  right: -35px;
  padding: 10px;
  width: 250px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  z-index: 1;
  height: 300px;
}
.index__first-heading {
  color: black;
  font-weight: bold;
  cursor: pointer;
}
.index__headings {
  list-style: none;
  margin-top: 0;
  margin-left: 10px;
  padding: 0;
  overflow: scroll;
  width: 200px;
  height: 220px;
  overflow-x: hidden;
  overflow-y: auto;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}
/* Hide scrollbar for Chrome, Safari and Opera */
.index__headings::-webkit-scrollbar {
  display: none;
}
.index__headings::before {
  content: ' ';
  position: absolute;
  height: 220px;
  width: 4px;
  right: 240px;
  margin-top: 5px;
  background-color: #ccd0d5;
  border-radius: 2px;
}
.index__normal-heading-wrapper {
  margin-left: 32px;
  position: relative;
}

.fontSize__FontSize {
  display: flex;
}
.fontSize__FontSize .font-size-input {
  font-size: 14px;
  color: #777;
  height: 21px;
  margin-top: 3px;
  padding: 2px 4px;
  text-align: center;
  width: 20px;
}
.fontSize__FontSize input[type='number']::-webkit-outer-spin-button,
.fontSize__FontSize input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.fontSize__FontSize .add-icon {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/add-sign.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.fontSize__FontSize .minus-icon {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/minus-sign.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.fontSize__FontSize button.font-decrement {
  padding: 0px;
  margin-right: 3px;
}
.fontSize__FontSize button.font-increment {
  padding: 0px;
  margin-left: 3px;
}

/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 *
 */
.ContentEditable__ContentEditable__root {
  border: 0;
  font-size: 15px;
  display: block;
  position: relative;
  outline: 0;
  padding: 8px 28px 40px;
  min-height: 150px;
}
@media (max-width: 1025px) {
  .ContentEditable__ContentEditable__root {
    padding-left: 8px;
    padding-right: 8px;
  }
}

/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 *
 */
.PlaygroundEditorTheme__ltr {
  text-align: left;
}
.PlaygroundEditorTheme__rtl {
  text-align: right;
}
.PlaygroundEditorTheme__paragraph {
  margin: 0;
  position: relative;
}
.PlaygroundEditorTheme__quote {
  margin: 0;
  margin-left: 20px;
  margin-bottom: 10px;
  font-size: 15px;
  color: #65676b;
  border-left-color: #ced0d4;
  border-left-width: 4px;
  border-left-style: solid;
  padding-left: 16px;
}
.PlaygroundEditorTheme__h1 {
  font-size: 24px;
  color: #050505;
  font-weight: 400;
  margin: 0;
}
.PlaygroundEditorTheme__h2 {
  font-size: 15px;
  color: #65676b;
  font-weight: 700;
  margin: 0;
  text-transform: uppercase;
}
.PlaygroundEditorTheme__h3 {
  font-size: 12px;
  margin: 0;
  text-transform: uppercase;
}
.PlaygroundEditorTheme__indent {
  --lexical-indent-base-value: 40px;
}
.PlaygroundEditorTheme__textBold {
  font-weight: bold;
}
.PlaygroundEditorTheme__textItalic {
  font-style: italic;
}
.PlaygroundEditorTheme__textUnderline {
  text-decoration: underline;
}
.PlaygroundEditorTheme__textStrikethrough {
  text-decoration: line-through;
}
.PlaygroundEditorTheme__textUnderlineStrikethrough {
  text-decoration: underline line-through;
}
.PlaygroundEditorTheme__textSubscript {
  font-size: 0.8em;
  vertical-align: sub !important;
}
.PlaygroundEditorTheme__textSuperscript {
  font-size: 0.8em;
  vertical-align: super;
}
.PlaygroundEditorTheme__textCode {
  background-color: #f0f2f5;
  padding: 1px 0.25rem;
  font-family: Menlo, Consolas, Monaco, monospace;
  font-size: 94%;
}
.PlaygroundEditorTheme__hashtag {
  background-color: rgba(88, 144, 255, 0.15);
  border-bottom: 1px solid rgba(88, 144, 255, 0.3);
}
.PlaygroundEditorTheme__link {
  color: #216fdb;
  text-decoration: none;
}
.PlaygroundEditorTheme__link:hover {
  text-decoration: underline;
  cursor: pointer;
}
.PlaygroundEditorTheme__code {
  background-color: #f0f2f5;
  font-family: Menlo, Consolas, Monaco, monospace;
  display: block;
  padding: 8px 8px 8px 52px;
  line-height: 1.53;
  font-size: 13px;
  margin: 0;
  margin-top: 8px;
  margin-bottom: 8px;
  overflow-x: auto;
  position: relative;
  tab-size: 2;
}
.PlaygroundEditorTheme__code:before {
  content: attr(data-gutter);
  position: absolute;
  background-color: #eee;
  left: 0;
  top: 0;
  border-right: 1px solid #ccc;
  padding: 8px;
  color: #777;
  white-space: pre-wrap;
  text-align: right;
  min-width: 25px;
}
.PlaygroundEditorTheme__table {
  border-collapse: collapse;
  border-spacing: 0;
  overflow-y: scroll;
  overflow-x: scroll;
  table-layout: fixed;
  width: max-content;
  margin: 30px 0;
}
.PlaygroundEditorTheme__tableSelection *::selection {
  background-color: transparent;
}
.PlaygroundEditorTheme__tableSelected {
  outline: 2px solid #3c84f4;
}
.PlaygroundEditorTheme__tableCell {
  border: 1px solid #bbb;
  width: 75px;
  min-width: 75px;
  vertical-align: top;
  text-align: start;
  padding: 6px 8px;
  position: relative;
  outline: none;
}
.PlaygroundEditorTheme__tableCellSortedIndicator {
  display: block;
  opacity: 0.5;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #999;
}
.PlaygroundEditorTheme__tableCellResizer {
  position: absolute;
  right: -4px;
  height: 100%;
  width: 8px;
  cursor: ew-resize;
  z-index: 10;
  top: 0;
}
.PlaygroundEditorTheme__tableCellHeader {
  background-color: #f2f3f5;
  text-align: start;
}
.PlaygroundEditorTheme__tableCellSelected {
  background-color: #c9dbf0;
}
.PlaygroundEditorTheme__tableCellPrimarySelected {
  border: 2px solid #3c84f4;
  display: block;
  height: calc(100% - 2px);
  position: absolute;
  width: calc(100% - 2px);
  left: -1px;
  top: -1px;
  z-index: 2;
}
.PlaygroundEditorTheme__tableCellEditing {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  border-radius: 3px;
}
.PlaygroundEditorTheme__tableAddColumns {
  position: absolute;
  top: 0;
  width: 20px;
  background-color: #eee;
  height: 100%;
  right: -25px;
  animation: PlaygroundEditorTheme__table-controls 0.2s ease;
  border: 0;
  cursor: pointer;
}
.PlaygroundEditorTheme__tableAddColumns:after {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/plus.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
}
.PlaygroundEditorTheme__tableAddColumns:hover {
  background-color: #c9dbf0;
}
.PlaygroundEditorTheme__tableAddRows {
  position: absolute;
  bottom: -25px;
  width: calc(100% - 25px);
  background-color: #eee;
  height: 20px;
  left: 0;
  animation: PlaygroundEditorTheme__table-controls 0.2s ease;
  border: 0;
  cursor: pointer;
}
.PlaygroundEditorTheme__tableAddRows:after {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/plus.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
}
.PlaygroundEditorTheme__tableAddRows:hover {
  background-color: #c9dbf0;
}
@keyframes PlaygroundEditorTheme__table-controls {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.PlaygroundEditorTheme__tableCellResizeRuler {
  display: block;
  position: absolute;
  width: 1px;
  background-color: #3c84f4;
  height: 100%;
  top: 0;
}
.PlaygroundEditorTheme__tableCellActionButtonContainer {
  display: block;
  right: 5px;
  top: 6px;
  position: absolute;
  z-index: 4;
  width: 20px;
  height: 20px;
}
.PlaygroundEditorTheme__tableCellActionButton {
  background-color: #eee;
  display: block;
  border: 0;
  border-radius: 20px;
  width: 20px;
  height: 20px;
  color: #222;
  cursor: pointer;
}
.PlaygroundEditorTheme__tableCellActionButton:hover {
  background-color: #ddd;
}
.PlaygroundEditorTheme__characterLimit {
  display: inline;
  background-color: #ffbbbb !important;
}
.PlaygroundEditorTheme__ol1 {
  padding: 0;
  margin: 0;
  list-style-position: inside;
}
.PlaygroundEditorTheme__ol2 {
  padding: 0;
  margin: 0;
  list-style-type: upper-alpha;
  list-style-position: inside;
}
.PlaygroundEditorTheme__ol3 {
  padding: 0;
  margin: 0;
  list-style-type: lower-alpha;
  list-style-position: inside;
}
.PlaygroundEditorTheme__ol4 {
  padding: 0;
  margin: 0;
  list-style-type: upper-roman;
  list-style-position: inside;
}
.PlaygroundEditorTheme__ol5 {
  padding: 0;
  margin: 0;
  list-style-type: lower-roman;
  list-style-position: inside;
}
.PlaygroundEditorTheme__ul {
  padding: 0;
  margin: 0;
  list-style-position: inside;
}
.PlaygroundEditorTheme__listItem {
  margin: 0 32px;
}
.PlaygroundEditorTheme__listItemChecked,
.PlaygroundEditorTheme__listItemUnchecked {
  position: relative;
  margin-left: 8px;
  margin-right: 8px;
  padding-left: 24px;
  padding-right: 24px;
  list-style-type: none;
  outline: none;
}
.PlaygroundEditorTheme__listItemChecked {
  text-decoration: line-through;
}
.PlaygroundEditorTheme__listItemUnchecked:before,
.PlaygroundEditorTheme__listItemChecked:before {
  content: '';
  width: 16px;
  height: 16px;
  top: 2px;
  left: 0;
  cursor: pointer;
  display: block;
  background-size: cover;
  position: absolute;
}
.PlaygroundEditorTheme__listItemUnchecked[dir='rtl']:before,
.PlaygroundEditorTheme__listItemChecked[dir='rtl']:before {
  left: auto;
  right: 0;
}
.PlaygroundEditorTheme__listItemUnchecked:focus:before,
.PlaygroundEditorTheme__listItemChecked:focus:before {
  box-shadow: 0 0 0 2px #a6cdfe;
  border-radius: 2px;
}
.PlaygroundEditorTheme__listItemUnchecked:before {
  border: 1px solid #999;
  border-radius: 2px;
}
.PlaygroundEditorTheme__listItemChecked:before {
  border: 1px solid #3d87f5;
  border-radius: 2px;
  background-color: #3d87f5;
  background-repeat: no-repeat;
}
.PlaygroundEditorTheme__listItemChecked:after {
  content: '';
  cursor: pointer;
  border-color: #fff;
  border-style: solid;
  position: absolute;
  display: block;
  top: 6px;
  width: 3px;
  left: 7px;
  right: 7px;
  height: 6px;
  transform: rotate(45deg);
  border-width: 0 2px 2px 0;
}
.PlaygroundEditorTheme__nestedListItem {
  list-style-type: none;
}
.PlaygroundEditorTheme__nestedListItem:before,
.PlaygroundEditorTheme__nestedListItem:after {
  display: none;
}
.PlaygroundEditorTheme__tokenComment {
  color: slategray;
}
.PlaygroundEditorTheme__tokenPunctuation {
  color: #999;
}
.PlaygroundEditorTheme__tokenProperty {
  color: #905;
}
.PlaygroundEditorTheme__tokenSelector {
  color: #690;
}
.PlaygroundEditorTheme__tokenOperator {
  color: #9a6e3a;
}
.PlaygroundEditorTheme__tokenAttr {
  color: #07a;
}
.PlaygroundEditorTheme__tokenVariable {
  color: #e90;
}
.PlaygroundEditorTheme__tokenFunction {
  color: #dd4a68;
}
.PlaygroundEditorTheme__mark {
  background: rgba(255, 212, 0, 0.14);
  border-bottom: 2px solid rgba(255, 212, 0, 0.3);
  padding-bottom: 2px;
}
.PlaygroundEditorTheme__markOverlap {
  background: rgba(255, 212, 0, 0.3);
  border-bottom: 2px solid rgba(255, 212, 0, 0.7);
}
.PlaygroundEditorTheme__mark.PlaygroundEditorTheme__selected {
  background: rgba(255, 212, 0, 0.5);
  border-bottom: 2px solid #ffd400;
}
.PlaygroundEditorTheme__markOverlap.PlaygroundEditorTheme__selected {
  background: rgba(255, 212, 0, 0.7);
  border-bottom: 2px solid rgba(255, 212, 0, 0.7);
}
.PlaygroundEditorTheme__embedBlock {
  user-select: none;
}
.PlaygroundEditorTheme__embedBlockFocus {
  outline: 2px solid #3c84f4;
}
.PlaygroundEditorTheme__layoutContainer {
  display: grid;
  gap: 10px;
  margin: 10px 0;
}
.PlaygroundEditorTheme__layoutItem {
  border: 1px dashed #ddd;
  padding: 8px 16px;
}

/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 */
.index__Editor {
  all: initial;
}
.index__Editor header {
  max-width: 580px;
  margin: auto;
  position: relative;
  display: flex;
  justify-content: center;
}
.index__Editor header a {
  max-width: 220px;
  margin: 20px 0 0 0;
  display: block;
}
.index__Editor header img {
  display: block;
  height: 100%;
  width: 100%;
}
.index__Editor header h1 {
  text-align: left;
  color: #333;
  display: inline-block;
  margin: 20px 0 0 0;
}
.index__Editor .editor-shell {
  border-radius: 2px;
  color: #000;
  position: relative;
  line-height: 1.7;
  width: 100%;
  font-weight: 400;
}
.index__Editor .editor-shell .editor-container {
  background: #fff;
  position: relative;
  display: block;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.index__Editor .editor-shell .editor-container.tree-view {
  border-radius: 0;
}
.index__Editor .editor-shell .editor-container.plain-text {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.index__Editor .editor-scroller {
  min-height: 150px;
  border: 0;
  display: flex;
  position: relative;
  outline: 0;
  z-index: 0;
  overflow: auto;
  resize: vertical;
}
.index__Editor .editor {
  flex: auto;
  position: relative;
  resize: vertical;
  background: #f7f7f7;
  z-index: -1;
}
.index__Editor .test-recorder-output {
  margin: 20px auto 20px auto;
  width: 100%;
}
.index__Editor pre {
  line-height: 1.1;
  background: #222;
  color: #fff;
  margin: 0;
  padding: 10px;
  font-size: 12px;
  overflow: auto;
  max-height: 400px;
}
.index__Editor .tree-view-output {
  display: block;
  background: #222;
  color: #fff;
  padding: 0;
  font-size: 12px;
  margin: 1px auto 10px auto;
  position: relative;
  overflow: hidden;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.index__Editor pre::-webkit-scrollbar {
  background: transparent;
  width: 10px;
}
.index__Editor pre::-webkit-scrollbar-thumb {
  background: #999;
}
.index__Editor .editor-dev-button {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  font-size: 12px;
  border-radius: 20px;
  border: none;
  cursor: pointer;
  outline: none;
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.3);
  background-color: #444;
}
.index__Editor .editor-dev-button::after {
  content: '';
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
  display: block;
  background-size: contain;
  filter: invert(1);
}
.index__Editor .editor-dev-button:hover {
  background-color: #555;
}
.index__Editor .editor-dev-button.active {
  background-color: #e92323;
}
.index__Editor .test-recorder-toolbar {
  display: flex;
}
.index__Editor .test-recorder-button {
  position: relative;
  display: block;
  width: 32px;
  height: 32px;
  font-size: 10px;
  padding: 6px 6px;
  border-radius: 4px;
  border: none;
  cursor: pointer;
  outline: none;
  box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
  background-color: #222;
  transition: box-shadow 50ms ease-out;
}
.index__Editor .test-recorder-button:active {
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.4);
}
.index__Editor .test-recorder-button + .test-recorder-button {
  margin-left: 4px;
}
.index__Editor .test-recorder-button::after {
  content: '';
  position: absolute;
  top: 8px;
  right: 8px;
  bottom: 8px;
  left: 8px;
  display: block;
  background-size: contain;
  filter: invert(1);
}
.index__Editor #options-button {
  position: fixed;
  left: 20px;
  bottom: 20px;
}
.index__Editor #test-recorder-button {
  position: fixed;
  left: 70px;
  bottom: 20px;
}
.index__Editor #paste-log-button {
  position: fixed;
  left: 120px;
  bottom: 20px;
}
.index__Editor #docs-button {
  position: fixed;
  left: 170px;
  bottom: 20px;
}
.index__Editor #options-button::after {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/gear.svg);
}
.index__Editor #test-recorder-button::after {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/journal-code.svg);
}
.index__Editor #paste-log-button::after {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/clipboard.svg);
}
.index__Editor #docs-button::after {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/file-earmark-text.svg);
}
.index__Editor #test-recorder-button-snapshot {
  margin-right: auto;
}
.index__Editor #test-recorder-button-snapshot::after {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/camera.svg);
}
.index__Editor #test-recorder-button-copy::after {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/clipboard.svg);
}
.index__Editor #test-recorder-button-download::after {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/download.svg);
}
.index__Editor .typeahead-popover {
  background: #fff;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  position: fixed;
}
.index__Editor .typeahead-popover ul {
  padding: 0;
  list-style: none;
  margin: 0;
  border-radius: 8px;
  max-height: 200px;
  overflow-y: scroll;
}
.index__Editor .typeahead-popover ul::-webkit-scrollbar {
  display: none;
}
.index__Editor .typeahead-popover ul {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.index__Editor .typeahead-popover ul li {
  margin: 0;
  min-width: 180px;
  font-size: 14px;
  outline: none;
  cursor: pointer;
  border-radius: 8px;
}
.index__Editor .typeahead-popover ul li.selected {
  background: #eee;
}
.index__Editor .typeahead-popover li {
  margin: 0 8px 0 8px;
  padding: 8px;
  color: #050505;
  cursor: pointer;
  line-height: 16px;
  font-size: 15px;
  display: flex;
  align-content: center;
  flex-direction: row;
  flex-shrink: 0;
  background-color: #fff;
  border-radius: 8px;
  border: 0;
}
.index__Editor .typeahead-popover li.active {
  display: flex;
  width: 20px;
  height: 20px;
  background-size: contain;
}
.index__Editor .typeahead-popover li:first-child {
  border-radius: 8px 8px 0px 0px;
}
.index__Editor .typeahead-popover li:last-child {
  border-radius: 0px 0px 8px 8px;
}
.index__Editor .typeahead-popover li:hover {
  background-color: #eee;
}
.index__Editor .typeahead-popover li .text {
  display: flex;
  line-height: 20px;
  flex-grow: 1;
  min-width: 150px;
}
.index__Editor .typeahead-popover li .lexicalicon {
  display: flex;
  width: 20px;
  height: 20px;
  user-select: none;
  margin-right: 8px;
  line-height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.index__Editor .component-picker-menu {
  width: 200px;
}
.index__Editor .mentions-menu {
  width: 250px;
}
.index__Editor .auto-embed-menu {
  width: 150px;
}
.index__Editor .emoji-menu {
  width: 200px;
}
.index__Editor i.filter {
  filter: invert(45%) sepia(59%) saturate(3071%) hue-rotate(177deg) brightness(104%) contrast(95%);
}
.index__Editor i.palette {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/palette.svg);
}
.index__Editor i.bucket {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/paint-bucket.svg);
}
.index__Editor i.bold {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/type-bold.svg);
}
.index__Editor i.italic {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/type-italic.svg);
}
.index__Editor i.clear {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/trash.svg);
}
.index__Editor i.unlock {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/pencil-fill.svg);
}
.index__Editor i.code {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/code.svg);
}
.index__Editor i.underline {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/type-underline.svg);
}
.index__Editor i.strikethrough {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/type-strikethrough.svg);
}
.index__Editor i.subscript {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/type-subscript.svg);
}
.index__Editor i.superscript {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/type-superscript.svg);
}
.index__Editor i.link {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/link.svg);
}
.index__Editor i.horizontal-rule {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/horizontal-rule.svg);
}
.index__Editor .lexicalicon.plus {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/plus.svg);
}
.index__Editor .lexicalicon.caret-right {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/caret-right-fill.svg);
}
.index__Editor .lexicalicon.dropdown-more {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/dropdown-more.svg);
}
.index__Editor .lexicalicon.font-color {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/font-color.svg);
}
.index__Editor .lexicalicon.font-family {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/font-family.svg);
}
.index__Editor .lexicalicon.bg-color {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/bg-color.svg);
}
.index__Editor .lexicalicon.table {
  background-color: #6c757d;
  mask-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/table.svg);
  -webkit-mask-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/table.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-size: contain;
}
.index__Editor i.image {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/file-image.svg);
}
.index__Editor i.table {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/table.svg);
}
.index__Editor i.close {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/close.svg);
}
.index__Editor i.figma {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/figma.svg);
}
.index__Editor i.poll {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/card-checklist.svg);
}
.index__Editor i.columns {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/3-columns.svg);
}
.index__Editor i.tweet {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/tweet.svg);
}
.index__Editor i.youtube {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/youtube.svg);
}
.index__Editor .lexicalicon.left-align,
.index__Editor i.left-align {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/text-left.svg);
}
.index__Editor .lexicalicon.center-align,
.index__Editor i.center-align {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/text-center.svg);
}
.index__Editor .lexicalicon.right-align,
.index__Editor i.right-align {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/text-right.svg);
}
.index__Editor .lexicalicon.justify-align,
.index__Editor i.justify-align {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/justify.svg);
}
.index__Editor i.indent {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/indent.svg);
}
.index__Editor i.markdown {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/markdown.svg);
}
.index__Editor i.outdent {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/outdent.svg);
}
.index__Editor i.undo {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/arrow-counterclockwise.svg);
}
.index__Editor i.redo {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/arrow-clockwise.svg);
}
.index__Editor i.sticky {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/sticky.svg);
}
.index__Editor i.mic {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/mic.svg);
}
.index__Editor i.import {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/upload.svg);
}
.index__Editor i.export {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/download.svg);
}
.index__Editor i.diagram-2 {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/diagram-2.svg);
}
.index__Editor i.user {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/user.svg);
}
.index__Editor i.equation {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/plus-slash-minus.svg);
}
.index__Editor i.gif {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/filetype-gif.svg);
}
.index__Editor i.copy {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/copy.svg);
}
.index__Editor i.success {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/success.svg);
}
.index__Editor i.prettier {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/prettier.svg);
}
.index__Editor i.prettier-error {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/prettier-error.svg);
}
.index__Editor i.page-break,
.index__Editor .lexicalicon.page-break {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/scissors.svg);
}
.index__Editor .link-editor .button.active,
.index__Editor .toolbar .button.active {
  background-color: #dfe8fa;
}
.index__Editor .link-editor .link-input {
  display: block;
  width: calc(100% - 75px);
  box-sizing: border-box;
  margin: 12px 12px;
  padding: 8px 12px;
  border-radius: 15px;
  background-color: #eee;
  font-size: 15px;
  color: #050505;
  border: 0;
  outline: 0;
  position: relative;
  font-family: inherit;
}
.index__Editor .link-editor .link-view {
  display: block;
  width: calc(100% - 24px);
  margin: 8px 12px;
  padding: 8px 12px;
  border-radius: 15px;
  font-size: 15px;
  color: #050505;
  border: 0;
  outline: 0;
  position: relative;
  font-family: inherit;
}
.index__Editor .link-editor .link-view a {
  display: block;
  word-break: break-word;
  width: calc(100% - 33px);
}
.index__Editor .link-editor div.link-edit {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/pencil-fill.svg);
  background-size: 16px;
  background-position: center;
  background-repeat: no-repeat;
  width: 35px;
  vertical-align: -0.25em;
  position: absolute;
  right: 30px;
  top: 0;
  bottom: 0;
  cursor: pointer;
}
.index__Editor .link-editor div.link-trash {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/trash.svg);
  background-size: 16px;
  background-position: center;
  background-repeat: no-repeat;
  width: 35px;
  vertical-align: -0.25em;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
}
.index__Editor .link-editor div.link-cancel {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/close.svg);
  background-size: 16px;
  background-position: center;
  background-repeat: no-repeat;
  width: 35px;
  vertical-align: -0.25em;
  margin-right: 28px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
}
.index__Editor .link-editor div.link-confirm {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/success-alt.svg);
  background-size: 16px;
  background-position: center;
  background-repeat: no-repeat;
  width: 35px;
  vertical-align: -0.25em;
  margin-right: 2px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
}
.index__Editor .link-editor .link-input a {
  color: #216fdb;
  text-decoration: underline;
  white-space: nowrap;
  overflow: hidden;
  margin-right: 30px;
  text-overflow: ellipsis;
}
.index__Editor .link-editor .link-input a:hover {
  text-decoration: underline;
}
.index__Editor .link-editor .font-size-wrapper,
.index__Editor .link-editor .font-family-wrapper {
  display: flex;
  margin: 0 4px;
}
.index__Editor .link-editor select {
  padding: 6px;
  border: none;
  background-color: rgba(0, 0, 0, 0.075);
  border-radius: 4px;
}
.index__Editor .mention:focus {
  box-shadow: #b4d5ff 0px 0px 0px 2px;
  outline: none;
}
.index__Editor .characters-limit {
  color: #888;
  font-size: 12px;
  text-align: right;
  display: block;
  position: absolute;
  left: 12px;
  bottom: 5px;
}
.index__Editor .characters-limit.characters-limit-exceeded {
  color: red;
}
.index__Editor .dropdown {
  z-index: 100;
  display: block;
  position: fixed;
  box-shadow: 0 12px 28px 0 rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.5);
  border-radius: 8px;
  min-height: 40px;
  background-color: #fff;
}
.index__Editor .dropdown .item {
  margin: 0 8px 0 8px;
  padding: 8px;
  color: #050505;
  cursor: pointer;
  line-height: 16px;
  font-size: 15px;
  display: flex;
  align-content: center;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: space-between;
  background-color: #fff;
  border-radius: 8px;
  border: 0;
  max-width: 250px;
  min-width: 100px;
}
.index__Editor .dropdown .item.fontsize-item,
.index__Editor .dropdown .item.fontsize-item .text {
  min-width: unset;
}
.index__Editor .dropdown .item .active {
  display: flex;
  width: 20px;
  height: 20px;
  background-size: contain;
}
.index__Editor .dropdown .item:first-child {
  margin-top: 8px;
}
.index__Editor .dropdown .item:last-child {
  margin-bottom: 8px;
}
.index__Editor .dropdown .item:hover {
  background-color: #eee;
}
.index__Editor .dropdown .item .text {
  display: flex;
  line-height: 20px;
  flex-grow: 1;
  min-width: 150px;
}
.index__Editor .dropdown .item .lexicalicon {
  display: flex;
  width: 20px;
  height: 20px;
  user-select: none;
  margin-right: 12px;
  line-height: 16px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.index__Editor .dropdown .divider {
  width: auto;
  background-color: #eee;
  margin: 4px 8px;
  height: 1px;
}
@media screen and (max-width: 1100px) {
  .index__Editor .dropdown-button-text {
    display: none !important;
  }
  .index__Editor .dialog-dropdown > .dropdown-button-text {
    display: flex !important;
  }
  .index__Editor .font-size .dropdown-button-text {
    display: flex !important;
  }
  .index__Editor .code-language .dropdown-button-text {
    display: flex !important;
  }
}
.index__Editor .lexicalicon.paragraph {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/text-paragraph.svg);
}
.index__Editor .lexicalicon.h1 {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/type-h1.svg);
}
.index__Editor .lexicalicon.h2 {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/type-h2.svg);
}
.index__Editor .lexicalicon.h3 {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/type-h3.svg);
}
.index__Editor .lexicalicon.h4 {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/type-h4.svg);
}
.index__Editor .lexicalicon.h5 {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/type-h5.svg);
}
.index__Editor .lexicalicon.h6 {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/type-h6.svg);
}
.index__Editor .lexicalicon.bullet-list,
.index__Editor .lexicalicon.bullet {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/list-ul.svg);
}
.index__Editor .lexicalicon.check-list,
.index__Editor .lexicalicon.check {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/square-check.svg);
}
.index__Editor .lexicalicon.numbered-list,
.index__Editor .lexicalicon.number {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/list-ol.svg);
}
.index__Editor .lexicalicon.quote {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/chat-square-quote.svg);
}
.index__Editor .lexicalicon.code {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/code.svg);
}
.index__Editor .switches {
  z-index: 6;
  position: fixed;
  left: 10px;
  bottom: 70px;
  animation: slide-in 0.4s ease;
}
@keyframes index__slide-in {
  0% {
    opacity: 0;
    transform: translateX(-200px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.index__Editor .switch {
  display: block;
  color: #444;
  margin: 5px 0;
  background-color: rgba(238, 238, 238, 0.7);
  padding: 5px 10px;
  border-radius: 10px;
}
.index__Editor #rich-text-switch {
  right: 0;
}
.index__Editor #character-count-switch {
  right: 130px;
}
.index__Editor .switch label {
  margin-right: 5px;
  line-height: 24px;
  width: 100px;
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
}
.index__Editor .switch button {
  background-color: #ced0d4;
  height: 24px;
  box-sizing: border-box;
  border-radius: 12px;
  width: 44px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  outline: none;
  cursor: pointer;
  transition: background-color 0.1s;
  border: 2px solid transparent;
}
.index__Editor .switch button:focus-visible {
  border-color: blue;
}
.index__Editor .switch button span {
  top: 0px;
  left: 0px;
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 12px;
  background-color: white;
  transition: transform 0.2s;
}
.index__Editor .switch button[aria-checked='true'] {
  background-color: #1877f2;
}
.index__Editor .switch button[aria-checked='true'] span {
  transform: translateX(20px);
}
.index__Editor .editor-shell span.editor-image {
  cursor: default;
  display: inline-block;
  position: relative;
  user-select: none;
}
.index__Editor .editor-shell .editor-image img {
  max-width: 100%;
  cursor: default;
}
.index__Editor .editor-shell .editor-image img.focused {
  outline: 2px solid #3c84f4;
  user-select: none;
}
.index__Editor .editor-shell .editor-image img.focused.draggable {
  cursor: grab;
}
.index__Editor .editor-shell .editor-image img.focused.draggable:active {
  cursor: grabbing;
}
.index__Editor .editor-shell .editor-image .image-caption-container .tree-view-output {
  margin: 0;
  border-radius: 0;
}
.index__Editor .editor-shell .editor-image .image-caption-container {
  display: block;
  position: absolute;
  bottom: 4px;
  left: 0;
  right: 0;
  padding: 0;
  margin: 0;
  border-top: 1px solid #fff;
  background-color: rgba(255, 255, 255, 0.9);
  min-width: 100px;
  color: #000;
  overflow: hidden;
}
.index__Editor .editor-shell .editor-image .image-caption-button {
  display: block;
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  width: 30%;
  padding: 10px;
  margin: 0 auto;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.5);
  min-width: 100px;
  color: #fff;
  cursor: pointer;
  user-select: none;
}
.index__Editor .editor-shell .editor-image .image-caption-button:hover {
  background-color: rgba(60, 132, 244, 0.5);
}
.index__Editor .editor-shell .editor-image .image-edit-button {
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/pencil-fill.svg);
  background-size: 16px;
  background-position: center;
  background-repeat: no-repeat;
  width: 35px;
  height: 35px;
  vertical-align: -0.25em;
  position: absolute;
  right: 4px;
  top: 4px;
  cursor: pointer;
  user-select: none;
}
.index__Editor .editor-shell .editor-image .image-edit-button:hover {
  background-color: rgba(60, 132, 244, 0.1);
}
.index__Editor .editor-shell .editor-image .image-resizer {
  display: block;
  width: 7px;
  height: 7px;
  position: absolute;
  background-color: #3c84f4;
  border: 1px solid #fff;
}
.index__Editor .editor-shell .editor-image .image-resizer.image-resizer-n {
  top: -6px;
  left: 48%;
  cursor: n-resize;
}
.index__Editor .editor-shell .editor-image .image-resizer.image-resizer-ne {
  top: -6px;
  right: -6px;
  cursor: ne-resize;
}
.index__Editor .editor-shell .editor-image .image-resizer.image-resizer-e {
  bottom: 48%;
  right: -6px;
  cursor: e-resize;
}
.index__Editor .editor-shell .editor-image .image-resizer.image-resizer-se {
  bottom: -2px;
  right: -6px;
  cursor: nwse-resize;
}
.index__Editor .editor-shell .editor-image .image-resizer.image-resizer-s {
  bottom: -2px;
  left: 48%;
  cursor: s-resize;
}
.index__Editor .editor-shell .editor-image .image-resizer.image-resizer-sw {
  bottom: -2px;
  left: -6px;
  cursor: sw-resize;
}
.index__Editor .editor-shell .editor-image .image-resizer.image-resizer-w {
  bottom: 48%;
  left: -6px;
  cursor: w-resize;
}
.index__Editor .editor-shell .editor-image .image-resizer.image-resizer-nw {
  top: -6px;
  left: -6px;
  cursor: nw-resize;
}
.index__Editor .editor-shell span.inline-editor-image {
  cursor: default;
  display: inline-block;
  position: relative;
  z-index: 1;
}
.index__Editor .editor-shell .inline-editor-image img {
  max-width: 100%;
  cursor: default;
}
.index__Editor .editor-shell .inline-editor-image img.focused {
  outline: 2px solid #3c84f4;
}
.index__Editor .editor-shell .inline-editor-image img.focused.draggable {
  cursor: grab;
}
.index__Editor .editor-shell .inline-editor-image img.focused.draggable:active {
  cursor: grabbing;
}
.index__Editor .editor-shell .inline-editor-image .image-caption-container .tree-view-output {
  margin: 0;
  border-radius: 0;
}
.index__Editor .editor-shell .inline-editor-image.position-full {
  margin: 1em 0 1em 0;
}
.index__Editor .editor-shell .inline-editor-image.position-left {
  float: left;
  width: 50%;
  margin: 1em 1em 0 0;
}
.index__Editor .editor-shell .inline-editor-image.position-right {
  float: right;
  width: 50%;
  margin: 1em 0 0 1em;
}
.index__Editor .editor-shell .inline-editor-image .image-edit-button {
  display: block;
  position: absolute;
  top: 12px;
  right: 12px;
  padding: 6px 8px;
  margin: 0 auto;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.5);
  min-width: 60px;
  color: #fff;
  cursor: pointer;
  user-select: none;
}
.index__Editor .editor-shell .inline-editor-image .image-edit-button:hover {
  background-color: rgba(60, 132, 244, 0.5);
}
.index__Editor .editor-shell .inline-editor-image .image-caption-container {
  display: block;
  background-color: #f4f4f4;
  min-width: 100%;
  color: #000;
  overflow: hidden;
}
.index__Editor .emoji {
  color: transparent;
  caret-color: #050505;
  background-size: 16px 16px;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin: 0 -1px;
}
.index__Editor .emoji-inner {
  padding: 0 0.15em;
}
.index__Editor .emoji-inner::selection {
  color: transparent;
  background-color: rgba(150, 150, 150, 0.4);
}
.index__Editor .emoji-inner::moz-selection {
  color: transparent;
  background-color: rgba(150, 150, 150, 0.4);
}
.index__Editor .emoji.happysmile {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/1F642.png);
}
.index__Editor .emoji.veryhappysmile {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/1F600.png);
}
.index__Editor .emoji.unhappysmile {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/1F641.png);
}
.index__Editor .emoji.heart {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/2764.png);
}
.index__Editor .keyword {
  color: #f1765e;
  font-weight: bold;
}
.index__Editor .actions {
  position: absolute;
  text-align: right;
  margin: 10px;
  bottom: 0;
  right: 0;
}
.index__Editor .actions.tree-view {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.index__Editor .actions i {
  background-size: contain;
  display: inline-block;
  height: 15px;
  width: 15px;
  vertical-align: -0.25em;
}
.index__Editor .actions i.indent {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/indent.svg);
}
.index__Editor .actions i.outdent {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/outdent.svg);
}
.index__Editor .actions i.lock {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/lock-fill.svg);
}
.index__Editor .actions i.image {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/file-image.svg);
}
.index__Editor .actions i.table {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/table.svg);
}
.index__Editor .actions i.unlock {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/lock.svg);
}
.index__Editor .actions i.left-align {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/text-left.svg);
}
.index__Editor .actions i.center-align {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/text-center.svg);
}
.index__Editor .actions i.right-align {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/text-right.svg);
}
.index__Editor .actions i.justify-align {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/justify.svg);
}
.index__Editor .actions i.disconnect {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/plug.svg);
}
.index__Editor .actions i.connect {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/plug-fill.svg);
}
.index__Editor .table-cell-action-button-container {
  position: absolute;
  top: 0;
  left: 0;
  will-change: transform;
}
.index__Editor .table-cell-action-button {
  background-color: none;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0;
  position: relative;
  color: #222;
  display: inline-block;
  cursor: pointer;
}
.index__Editor i.chevron-down {
  background-color: transparent;
  background-size: contain;
  display: inline-block;
  height: 8px;
  width: 8px;
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/chevron-down.svg);
}
.index__Editor .action-button {
  background-color: #eee;
  border: 0;
  padding: 8px 12px;
  position: relative;
  margin-left: 5px;
  border-radius: 15px;
  color: #222;
  display: inline-block;
  cursor: pointer;
}
.index__Editor .action-button:hover {
  background-color: #ddd;
  color: #000;
}
.index__Editor .action-button-mic.active {
  animation: mic-pulsate-color 3s infinite;
}
.index__Editor button.action-button:disabled {
  opacity: 0.6;
  background: #eee;
  cursor: not-allowed;
}
@keyframes index__mic-pulsate-color {
  0% {
    background-color: #ffdcdc;
  }
  50% {
    background-color: #ff8585;
  }
  100% {
    background-color: #ffdcdc;
  }
}
.index__Editor .debug-timetravel-panel {
  overflow: hidden;
  padding: 0 0 10px 0;
  margin: auto;
  display: flex;
}
.index__Editor .debug-timetravel-panel-slider {
  padding: 0;
  flex: 8;
}
.index__Editor .debug-timetravel-panel-button {
  padding: 0;
  border: 0;
  background: none;
  flex: 1;
  color: #fff;
  font-size: 12px;
}
.index__Editor .debug-timetravel-panel-button:hover {
  text-decoration: underline;
}
.index__Editor .debug-timetravel-button {
  border: 0;
  padding: 0;
  font-size: 12px;
  top: 10px;
  right: 15px;
  position: absolute;
  background: none;
  color: #fff;
}
.index__Editor .debug-timetravel-button:hover {
  text-decoration: underline;
}
.index__Editor .debug-treetype-button {
  border: 0;
  padding: 0;
  font-size: 12px;
  top: 10px;
  right: 85px;
  position: absolute;
  background: none;
  color: #fff;
}
.index__Editor .debug-treetype-button:hover {
  text-decoration: underline;
}
.index__Editor .connecting {
  font-size: 15px;
  color: #999;
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  top: 10px;
  left: 10px;
  user-select: none;
  white-space: nowrap;
  display: inline-block;
  pointer-events: none;
}
.index__Editor .ltr {
  text-align: left;
}
.index__Editor .rtl {
  text-align: right;
}
.index__Editor .toolbar {
  display: flex;
  margin-bottom: 3px;
  background: #e6e6e6;
  padding: 4px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  vertical-align: middle;
  overflow: auto;
  height: 36px;
  position: sticky;
  top: 0;
  z-index: 2;
}
.index__Editor button.toolbar-item {
  border: 0;
  display: flex;
  background: none;
  border-radius: 0;
  padding: 8px;
  cursor: pointer;
  vertical-align: middle;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
}
.index__Editor button.toolbar-item:disabled {
  cursor: not-allowed;
}
.index__Editor button.toolbar-item.spaced {
  margin-top: 0px;
  margin-right: 2px;
}
.index__Editor button.toolbar-item i.format {
  background-size: contain;
  display: inline-block;
  height: 18px;
  width: 18px;
  vertical-align: -0.25em;
  display: flex;
  opacity: 0.6;
}
.index__Editor button.toolbar-item:disabled .lexicalicon,
.index__Editor button.toolbar-item:disabled .text,
.index__Editor button.toolbar-item:disabled i.format,
.index__Editor button.toolbar-item:disabled .chevron-down {
  opacity: 0.2;
}
.index__Editor button.toolbar-item.active {
  background-color: rgba(223, 232, 250, 0.3);
}
.index__Editor button.toolbar-item.active i {
  opacity: 1;
}
.index__Editor .toolbar-item:hover:not([disabled]) {
  background-color: #eee;
}
.index__Editor .toolbar-item.font-family .text {
  display: block;
  max-width: 40px;
}
.index__Editor .toolbar .code-language {
  width: 150px;
}
.index__Editor .toolbar .toolbar-item .text {
  display: flex;
  line-height: 20px;
  vertical-align: middle;
  font-size: 14px;
  color: #777;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 20px;
  text-align: left;
  padding-right: 10px;
}
.index__Editor .toolbar .toolbar-item .lexicalicon {
  display: flex;
  width: 20px;
  height: 20px;
  user-select: none;
  margin-right: 8px;
  line-height: 16px;
  background-size: contain;
}
.index__Editor .toolbar i.chevron-down,
.index__Editor .toolbar-item i.chevron-down {
  margin-top: 3px;
  width: 16px;
  height: 16px;
  display: flex;
  user-select: none;
}
.index__Editor .toolbar i.chevron-down.inside {
  width: 16px;
  height: 16px;
  display: flex;
  margin-left: -25px;
  margin-top: 11px;
  margin-right: 10px;
  pointer-events: none;
}
.index__Editor .toolbar .divider {
  width: 1px;
  background-color: #eee;
  margin: 0 4px;
}
.index__Editor .sticky-note-container {
  position: absolute;
  z-index: 9;
  width: 120px;
  display: inline-block;
}
.index__Editor .sticky-note {
  line-height: 1;
  text-align: left;
  width: 120px;
  margin: 25px;
  padding: 20px 10px;
  position: relative;
  border: 1px solid #e8e8e8;
  font-family: 'Reenie Beanie';
  font-size: 24px;
  border-bottom-right-radius: 60px 5px;
  display: block;
  cursor: move;
}
.index__Editor .sticky-note:after {
  content: '';
  position: absolute;
  z-index: -1;
  right: 0px;
  bottom: 20px;
  width: 120px;
  height: 25px;
  background: rgba(0, 0, 0, 0.2);
  box-shadow: 2px 15px 5px rgba(0, 0, 0, 0.4);
  transform: matrix(-1, -0.1, 0, 1, 0, 0);
}
.index__Editor .sticky-note.yellow {
  border-top: 1px solid #fdfd86;
  background: linear-gradient(135deg, #ffff88 81%, #ffff88 82%, #ffff88 82%, #ffffc6 100%);
}
.index__Editor .sticky-note.pink {
  border-top: 1px solid #e7d1e4;
  background: linear-gradient(135deg, #f7cbe8 81%, #f7cbe8 82%, #f7cbe8 82%, #e7bfe1 100%);
}
.index__Editor .sticky-note-container.dragging {
  transition: none !important;
}
.index__Editor .sticky-note div {
  cursor: text;
}
.index__Editor .sticky-note .delete {
  border: 0;
  background: none;
  position: absolute;
  top: 8px;
  right: 10px;
  font-size: 10px;
  cursor: pointer;
  opacity: 0.5;
}
.index__Editor .sticky-note .delete:hover {
  font-weight: bold;
  opacity: 1;
}
.index__Editor .sticky-note .color {
  border: 0;
  background: none;
  position: absolute;
  top: 8px;
  right: 25px;
  cursor: pointer;
  opacity: 0.5;
}
.index__Editor .sticky-note .color:hover {
  opacity: 1;
}
.index__Editor .sticky-note .color i {
  display: block;
  width: 12px;
  height: 12px;
  background-size: contain;
}
.index__Editor .excalidraw-button {
  border: 0;
  padding: 0;
  margin: 0;
  background-color: transparent;
}
.index__Editor .excalidraw-button.selected {
  outline: 2px solid #3c84f4;
  user-select: none;
}
.index__Editor .github-corner:hover .octo-arm {
  animation: octocat-wave 560ms ease-in-out;
}
@keyframes index__octocat-wave {
  0%,
  100% {
    transform: rotate(0);
  }
  20%,
  60% {
    transform: rotate(-25deg);
  }
  40%,
  80% {
    transform: rotate(10deg);
  }
}
@media (max-width: 500px) {
  .index__Editor .github-corner:hover .octo-arm {
    animation: none;
  }
  .index__Editor .github-corner .octo-arm {
    animation: octocat-wave 560ms ease-in-out;
  }
}
.index__Editor .spacer {
  letter-spacing: -2px;
}
.index__Editor .editor-equation {
  cursor: default;
  user-select: none;
}
.index__Editor .editor-equation.focused {
  outline: 2px solid #3c84f4;
}
.index__Editor button.item i {
  opacity: 0.6;
}
.index__Editor button.item.dropdown-item-active {
  background-color: rgba(223, 232, 250, 0.3);
}
.index__Editor button.item.dropdown-item-active i {
  opacity: 1;
}
.index__Editor hr {
  padding: 2px 2px;
  border: none;
  margin: 1em 0;
  cursor: pointer;
}
.index__Editor hr:after {
  content: '';
  display: block;
  height: 2px;
  background-color: #ccc;
  line-height: 2px;
}
.index__Editor hr.selected {
  outline: 2px solid #3c84f4;
  user-select: none;
}
.index__Editor .TableNode__contentEditable {
  min-height: 20px;
  border: 0px;
  resize: none;
  cursor: text;
  display: block;
  position: relative;
  outline: 0px;
  padding: 0;
  user-select: text;
  font-size: 15px;
  white-space: pre-wrap;
  word-break: break-word;
  z-index: 3;
}
.index__Editor .PlaygroundEditorTheme__blockCursor {
  display: block;
  pointer-events: none;
  position: absolute;
}
.index__Editor .PlaygroundEditorTheme__blockCursor:after {
  content: '';
  display: block;
  position: absolute;
  top: -2px;
  width: 20px;
  border-top: 1px solid black;
  animation: CursorBlink 1.1s steps(2, start) infinite;
}
@keyframes index__CursorBlink {
  to {
    visibility: hidden;
  }
}
.index__Editor .dialog-dropdown {
  background-color: #eee !important;
  margin-bottom: 10px;
  width: 100%;
}

.index__UnitSystemSwitcher {
  display: flex;
  padding: 44px;
  align-items: center;
  padding: 0 10px;
}
.index__UnitSystemSwitcher.index__padded {
  padding: 14px 10px;
}
.index__UnitSystemSwitcher > * {
  margin-right: 15px;
}
.index__UnitSystemSwitcher > *:last-child {
  margin-right: 0;
}

@media print {
  .ReportHeader__HelpButton {
    visibility: hidden;
  }
}
.ReportHeader__ReportHeader .ReportHeader__reportTopHeader {
  margin-bottom: 5px !important;
}
.ReportHeader__ReportHeader.ReportHeader__noSeperator h5 {
  margin-top: 15px !important;
}
.ReportHeader__ReportHeader.ReportHeader__noSeperator .ReportHeader__reportTopHeader {
  margin-bottom: 0 !important;
}
@media print {
  .ReportHeader__ReportHeader > div {
    margin: 0 !important;
  }
}
.ReportHeader__ReportHeader .ReportHeader__Grid {
  justify-content: space-between;
  padding-top: 0 !important;
}
.ReportHeader__ReportHeader .ReportHeader__Grid .ReportHeader__Image {
  width: auto !important;
  margin-right: 15px !important;
}
.ReportHeader__ReportHeader .ReportHeader__Grid .ReportHeader__Container {
  display: flex !important;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.ReportHeader__ReportHeader .ReportHeader__Grid .ReportHeader__Container .ReportHeader__reportTopHeader.ReportHeader__normalText {
  text-transform: none !important;
}
.ReportHeader__ReportHeader .ReportHeader__Grid .ReportHeader__Container > div {
  margin: 0 !important;
}
.ReportHeader__ReportHeader .ReportHeader__rightContent {
  padding: 0 !important;
}
.ReportHeader__ReportHeader .ReportHeader__noMarginDivider {
  margin: 0 !important;
}
.ReportHeader__ReportHeader .ReportHeader__SubTitleContainer {
  margin-top: -20px !important;
  display: flex;
}

.ReportPrintHeader__ReportPrintHeader {
  display: flex;
  align-items: center;
  padding-bottom: 30px;
}
.ReportPrintHeader__ReportPrintHeader .ReportPrintHeader__reportTopHeader {
  margin-bottom: 0 !important;
  margin-left: 1rem !important;
}
.ReportPrintHeader__ReportPrintHeader > div {
  margin: 0 !important;
}
.ReportPrintHeader__ReportPrintHeader .ReportPrintHeader__HeaderRow {
  padding-top: 500px !important;
  padding-bottom: 30px !important;
}
.ReportPrintHeader__ReportPrintHeader .ReportPrintHeader__Container {
  width: 100%;
}
.ReportPrintHeader__ReportPrintHeader .ReportPrintHeader__Container > div {
  margin: 0 !important;
}
.ReportPrintHeader__ReportPrintHeader .ReportPrintHeader__Container h2 > div {
  display: flex !important;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin-top: -20px;
}
.ReportPrintHeader__ReportPrintHeader .ReportPrintHeader__Container h2 > div > * {
  width: 100%;
}
.ReportPrintHeader__ReportPrintHeader .ReportPrintHeader__Container h2 em {
  font-weight: 200 !important;
  color: black !important;
  font-size: 15px !important;
}
.ReportPrintHeader__ReportPrintHeader .ReportPrintHeader__Container h2 span {
  text-align: right;
  font-size: 1.35rem;
}
.ReportPrintHeader__ReportPrintHeader .ReportPrintHeader__Container h2.ReportPrintHeader__reportTopHeader.ReportPrintHeader__normalText {
  text-transform: none !important;
}

.SectionSeparatorHeader__SectionSeparatorHeader {
  padding-bottom: 0 !important;
  font-size: 1.1em !important;
}
@media print {
  .SectionSeparatorHeader__SectionSeparatorHeader a.icon {
    display: none !important;
  }
}
.SectionSeparatorHeader__SectionSeparatorHeader:first-child {
  margin-top: 1rem;
}
.SectionSeparatorHeader__SectionSeparatorHeader .SectionSeparatorHeader__Container {
  display: flex !important;
  width: 100%;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.SectionSeparatorHeader__SectionSeparatorHeader .SectionSeparatorHeader__Container > div {
  margin: 0 !important;
}
.SectionSeparatorHeader__SectionSeparatorHeader > div:last-child {
  margin-top: 5px !important;
}
.SectionSeparatorHeader__SectionSeparatorHeader h6 {
  margin-bottom: 0 !important;
  font-size: 1.25em !important;
  font-weight: 300 !important;
}
.SectionSeparatorHeader__SectionSeparatorHeader .SectionSeparatorHeader__rightContent {
  padding: 0 !important;
}
.SectionSeparatorHeader__SectionSeparatorHeader .SectionSeparatorHeader__noMarginDivider {
  margin: 0 !important;
}
.SectionSeparatorHeader__SectionSeparatorHeader .SectionSeparatorHeader__Title,
.SectionSeparatorHeader__SectionSeparatorHeader .SectionSeparatorHeader__SubTitle {
  margin: 5px !important;
}

/*
 * Copyright (c) 2018. Maalka Inc. All rights reserved.
 *
 * This file is part of the Maalka Platform Project and may not be copied and/or distributed
 * without explicit permission of Maalka Inc.
 *
 */
.headerItem__container {
  display: flex;
  flex-direction: row;
}
.headerItem__container .headerItem__leftContainer {
  display: flex;
  align-items: center;
  justify-content: center;
}
.headerItem__container .headerItem__leftContainer .headerItem__topicContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 45px;
  height: 45px;
  border-radius: 100%;
  background-color: #d5e6f9;
}
.headerItem__container .headerItem__leftContainer .headerItem__topicContainer span {
  font-size: 1.8em;
  font-weight: bold;
  color: #3983e5;
}
.headerItem__container .headerItem__rightContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 20px;
}
.headerItem__container .headerItem__rightContainer .headerItem__titleContainer {
  margin-bottom: 5px !important;
}
.headerItem__container .headerItem__rightContainer .headerItem__subTitleContainer {
  display: block;
  font-size: 1em;
  color: #666;
  font-style: italic;
}

.SurveyQuestionHeader__SurveyQuestionHeader {
  display: flex;
  flex-direction: row;
  margin: 40px 0 30px 0;
}
.SurveyQuestionHeader__SurveyQuestionHeader a.SurveyQuestionHeader__emptyLink {
  cursor: default !important;
}
.SurveyQuestionHeader__SurveyQuestionHeader .SurveyQuestionHeader__titleContainer {
  display: flex;
  flex: 1;
}
.SurveyQuestionHeader__SurveyQuestionHeader .SurveyQuestionHeader__totalPointsContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px 10px 20px;
  background-color: #eaf4fd;
}
.SurveyQuestionHeader__SurveyQuestionHeader .SurveyQuestionHeader__totalPointsContainer span,
.SurveyQuestionHeader__SurveyQuestionHeader .SurveyQuestionHeader__totalPointsContainer b {
  color: #1c83ec;
  font-size: 14px;
}
.SurveyQuestionHeader__SurveyQuestionHeader .SurveyQuestionHeader__totalPointsContainer b {
  margin-left: 5px;
  font-size: 20px;
}
.SurveyQuestionHeader__SurveyQuestionHeader .SurveyQuestionHeader__IconsContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
}
.SurveyQuestionHeader__SurveyQuestionHeader .SurveyQuestionHeader__IconsContainer a {
  margin-right: 5px;
}
.SurveyQuestionHeader__SurveyQuestionHeader .SurveyQuestionHeader__IconsContainer a:last-of-type {
  margin-right: 0;
}

.TabHeader__TabHeader .TabHeader__HelpTextButton {
  margin-left: 10px !important;
  padding: 5px !important;
}
.TabHeader__TabHeader.TabHeader__light > div {
  font-weight: 300 !important;
}

.FormStyle__LogoUploader > div:first-child {
  max-width: 160px;
}
.FormStyle__LogoUploader .FormStyle__placeholder {
  align-items: center !important;
  min-height: 145px !important;
  width: 145px;
  height: 145px;
}
.FormStyle__LogoUploader .FormStyle__uploadButton {
  display: inline-block;
}
.FormStyle__LogoUploader .FormStyle__SelectedImageContainer {
  width: 145px;
  height: 145px;
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  background-color: #f1f1f1;
}
.FormStyle__LogoUploader .FormStyle__SelectedImageContainer img {
  max-width: 145px !important;
  max-height: 145px !important;
  object-fit: contain;
}

.CompactStyle__LogoUploader .CompactStyle__placeholder {
  align-items: center !important;
  min-height: 145px !important;
  width: 145px;
  height: 145px;
}
.CompactStyle__LogoUploader .label {
  opacity: 0.1 !important;
  transition: opacity 0.5s !important;
}
.CompactStyle__LogoUploader:hover .label {
  opacity: 1 !important;
}
.CompactStyle__CornerButtons {
  width: 145px;
  height: 145px;
}
.CompactStyle__CornerButtons .icon {
  position: initial !important;
}
.CompactStyle__CornerButtons .icon.button {
  position: relative !important;
  top: -3px !important;
}
.CompactStyle__CornerButtons .button {
  background: transparent !important;
}
.CompactStyle__SelectedImageContainer img {
  object-fit: contain;
}
.CompactStyle__SelectedImageContainer .CompactStyle__icon {
  position: initial;
}

.RichTextCMS__RichTextCMS {
  background-color: #fff;
  transition: background-color 300ms ease-in;
  overflow: auto;
}
.RichTextCMS__RichTextCMS.RichTextCMS__highlight {
  background-color: #f1f2f5 !important;
  cursor: text;
  transition: background-color 300ms ease-out;
}
.RichTextCMS__RichTextCMS .RichTextCMS__actions {
  padding: 0 !important;
  margin-right: 0 !important;
}

.AddProgramForm__FormSegment {
  width: 80%;
  padding-left: 8px !important;
  padding-bottom: 0 !important;
}
.AddProgramForm__programNameField {
  width: 100% !important;
}
.AddProgramForm__programNameField div {
  width: 100% !important;
}

.BedesForm__internalGrid > div {
  padding-bottom: 0 !important;
  align-items: center !important;
}
.BedesForm__internalGrid > div > div:first-of-type {
  padding-left: 0 !important;
}

.Input__Input {
  /** Remove arrows from number input */
  /** Firefox - Remove arrows from number input */
}
.Input__Input::-webkit-outer-spin-button,
.Input__Input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.Input__Input[type='number'] {
  -moz-appearance: textfield;
}
.Input__InputWithUnit {
  padding-right: 50px !important;
}
.Input__Unit {
  position: absolute;
  top: 50%;
  right: 0.35em;
  color: #ccc;
  font-size: 0.75rem;
  transform: translateY(-50%);
}

.RoleForm__Table td:not(:first-of-type) {
  text-align: center;
  vertical-align: middle;
}
.RoleForm__Table td > div {
  margin-bottom: 2px;
  vertical-align: middle !important;
}
.RoleForm__Table td:nth-child(even),
.RoleForm__Table th:nth-child(even) {
  background-color: #e6e6e6;
}
.RoleForm__IndependentCell {
  background-color: inherit !important;
}

.index__LoadingOverlay {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.3);
}

.Table__TableWrapper {
  overflow: auto;
}
@media only screen and (max-width: 990px) {
  .Table__TableWrapper {
    width: 100% !important;
  }
}
.Table__Table tbody::before {
  display: block;
  padding-top: var(--virtualPaddingTop);
  content: '';
}
.Table__Table tbody::after {
  display: block;
  padding-bottom: var(--virtualPaddingBottom);
  content: '';
}
.Table__Table th {
  position: sticky !important;
  z-index: 4 !important;
  top: 0;
}
.Table__Table thead > tr:nth-child(2) > th {
  border-top: none !important;
}
.Table__Table td {
  font-variant-numeric: tabular-nums lining-nums !important;
}
.Table__Table.Table__withHeader {
  border-top: 0 !important;
}
.Table__Table.Table__withHeader th {
  border-top: 1px solid rgba(34, 36, 38, 0.15) !important;
}
.Table__Table .Table__TableRowNegative {
  background: #fef2f1 !important;
  color: initial;
}
.Table__Table .Table__TableRowPositive {
  background: #dff3fe !important;
  color: initial;
}
.Table__Table .Table__TableRowLight {
  color: #f5f5f5 !important;
}
.Table__Table .Table__TableRowDisabled {
  background: #f5f5f5 !important;
}
.Table__Table .Table__TableRowExcluded {
  background: #e7eaf6 !important;
}
.Table__Table .Table__TableRowItalic {
  color: rgba(0, 0, 0, 0.45) !important;
  font-style: italic !important;
}
.Table__Table .Table__LeftAction {
  width: 1%;
  white-space: nowrap;
}

.RolesTab__ActionsContainer {
  margin: 2rem 0 1.5rem 0;
}
.RolesTab__HelpText {
  margin: 5px 5px 0px 5px;
}
.RolesTab__userHeader i {
  margin-bottom: 5px !important;
  margin-right: 10px !important;
  font-size: 1.9em !important;
}
.RolesTab__addRole {
  margin-top: 1.5rem !important;
}
.RolesTab__addRole i {
  padding-right: 20px;
}
.RolesTab__CheckboxWrapper {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
}
.RolesTab__Checkbox {
  margin-right: 0.5rem;
}

.JSONSchemaTypeArray__GridField {
  display: flex;
  align-items: flex-start;
  padding: 1rem;
  margin: 1rem;
  border: 1px solid #dfdfdf;
}
.JSONSchemaTypeArray__GridWrapper {
  flex-grow: 1;
  margin-right: 1rem;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-gap: 1rem;
}
.JSONSchemaTypeArray__PlusHeader {
  color: rgba(0, 0, 0, 0.95) !important;
  margin-bottom: 1.5em !important;
  font-size: 1em !important;
}
.JSONSchemaTypeArray__PlusHeader .ui.circular.button {
  margin-left: 5px !important;
}

.JSONSchemaFields__JSONSchemaFields {
  box-shadow: none !important;
}
.JSONSchemaFields__JSONSchemaFields .field {
  width: 100%;
  margin: 0 0 1.5em !important;
}
.JSONSchemaFields__JSONSchemaFields .accordion {
  box-shadow: none !important;
  margin: 0 !important;
}
.JSONSchemaFields__JSONSchemaFields .accordion:last-child {
  margin-bottom: 1.5em !important;
}
.JSONSchemaFields__JSONSchemaFields .accordion .content.active {
  max-height: none !important;
}
.JSONSchemaFields__JSONSchemaFields .accordion .title {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.JSONSchemaFields__JSONSchemaFields .accordion .content {
  padding: 0 0 0 1.5em !important;
  margin: 0 !important;
}
.JSONSchemaFields__JSONSchemaFields .accordion + .field {
  margin-top: 0.2em !important;
}
.JSONSchemaFields__JSONSchemaFields h5 {
  margin: 1rem !important;
}
.JSONSchemaFields__JSONSchemaFields h5:last-child {
  margin-bottom: 0 !important;
}
.JSONSchemaFields__JSONSchemaFields .JSONSchemaFields__arrayItem {
  padding: 0.5rem;
}
.JSONSchemaFields__JSONSchemaFields .JSONSchemaFields__arrayItem,
.JSONSchemaFields__JSONSchemaFields .JSONSchemaFields__arrayItem > div {
  border-radius: 0.3rem;
  background: #fafafa !important;
}
.JSONSchemaFields__JSONSchemaFields .JSONSchemaFields__arrayItem > button {
  display: block;
  margin-left: auto !important;
}
.JSONSchemaFields__SourceValuePair {
  display: flex !important;
}
.JSONSchemaFields__SourceValuePair .field {
  min-width: unset !important;
  margin-bottom: 1.5em !important;
}
.JSONSchemaFields__SourceValuePair .field:first-of-type {
  width: 150px !important;
  margin-right: 1rem !important;
}
.JSONSchemaFields__SourceValuePair .field:last-of-type {
  width: 300px !important;
}
.JSONSchemaFields__SourceValuePair .dropdown {
  height: 2rem !important;
}
.JSONSchemaFields__HelpSpan {
  align-items: baseline;
  grid-gap: 1rem;
  font-size: 11px;
}
.JSONSchemaFields__HelpSpan > * {
  font-size: 14px !important;
}
.JSONSchemaFields__HelpSpan .JSONSchemaFields__checkbox {
  margin-left: 1.5em !important;
}
.JSONSchemaFields__HelpSpan .ui.mini.circular.button {
  line-height: 11px !important;
  padding: 4px !important;
  margin-left: 0.75em !important;
}
.JSONSchemaFields__HelpSpan .ui.mini.circular.button i.icon {
  font-size: 0.6em !important;
  width: 9px !important;
}
.JSONSchemaFields__HelpSpan .ui.checkbox {
  margin-right: 1.5em !important;
}
.JSONSchemaFields__HelpSpan .ui.checkbox label {
  padding-left: 25px !important;
  color: rgba(0, 0, 0, 0.6) !important;
}
.JSONSchemaFields__HelpSpanSub {
  display: inline-flex;
  align-items: baseline;
  grid-gap: 1rem;
  margin-bottom: 0.5rem;
  font-size: 11px;
}
.JSONSchemaFields__HelpSpanSub .ui.mini.circular.button {
  line-height: 11px !important;
  padding: 4px !important;
}
.JSONSchemaFields__HelpSpanSub .ui.mini.circular.button i.icon {
  font-size: 0.6em !important;
  width: 9px !important;
}
.JSONSchemaFields__HelpSpanSub .ui.checkbox {
  margin-right: 1.5em !important;
}
.JSONSchemaFields__HelpSpanSub .ui.checkbox label {
  padding-left: 25px !important;
  color: rgba(0, 0, 0, 0.6) !important;
}

.SiteDataQualitySpreadsheet__Spreadsheet {
  position: relative;
  margin-top: 1.5em;
}
@media screen {
  .SiteDataQualitySpreadsheet__Spreadsheet {
    overflow-x: hidden;
  }
}
.SiteDataQualitySpreadsheet__ActionsWrapper {
  display: grid;
  align-items: center;
  grid-gap: 1rem;
  grid-template-columns: 5fr 1fr 2fr 2fr;
  justify-items: start;
}
.SiteDataQualitySpreadsheet__ActionsWrapper input {
  height: 2.4rem !important;
}
.SiteDataQualitySpreadsheet__DateRangeWrapper {
  padding: 0 1rem;
  border-right: 1px solid #efefef;
  border-left: 1px solid #efefef;
}
.SiteDataQualitySpreadsheet__SearchInput {
  width: 100%;
}
.SiteDataQualitySpreadsheet__Checkbox {
  margin-top: 10%;
}
.SiteDataQualitySpreadsheet__DownloadButton {
  align-self: end;
  justify-self: end;
}

.DropdownMenuPopup__DropdownPopup {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
  margin-top: -1rem !important;
}
.DropdownMenuPopup__DropdownPopup:before {
  display: none;
}
.DropdownMenuPopup__DropdownTrigger.DropdownMenuPopup__hidden {
  visibility: hidden;
}

.TabMenu__TabMenu .TabMenu__VerticalItem {
  display: flex !important;
  flex: 1 !important;
}
.TabMenu__TabMenu .TabMenu__VerticalItem div {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.TabMenu__TabMenu .TabMenu__HorizontalItem {
  display: flex !important;
  width: 175px !important;
  padding: 11px;
  background-color: #f7f7f7 !important;
}
.TabMenu__TabMenu .TabMenu__extraPadding {
  padding: 14px !important;
}
.TabMenu__TabMenu .TabMenu__AutoWidth {
  width: auto !important;
  padding-right: 20px !important;
}
.TabMenu__TabMenu .TabMenu__HorizontalItem:hover {
  background-color: #e5e5e5 !important;
}
.TabMenu__TabMenu .TabMenu__ActiveItem {
  background-color: #ececec !important;
  box-shadow: inset 0 -2px rgba(6, 161, 249, 0.6) !important;
}
.TabMenu__TabMenu .TabMenu__Badge {
  width: 1rem !important;
  height: 1rem !important;
}
.TabMenu__TabMenu .TabMenu__Badge i {
  margin: 0 !important;
}
@media print {
  .TabMenu__TabMenu .ui .column {
    display: block !important;
  }
}

.BuildingSyncMeasureForm__BuildingSyncMeasureForm .ui.menu .item .content {
  padding: 0 0 0 0.75rem !important;
}

.ChartWrapper__WrapperContainer {
  page-break-inside: avoid;
  break-inside: avoid;
  padding-top: 0px;
  overflow: hidden;
}
@media screen {
  .ChartWrapper__WrapperContainer.ChartWrapper__noPadding {
    padding: 0 !important;
  }
  .ChartWrapper__WrapperContainer.ChartWrapper__withPadding {
    padding-bottom: 1.8em !important;
  }
  .ChartWrapper__WrapperContainer.ChartWrapper__withExtraPadding {
    padding-bottom: 2.8em !important;
  }
}
.ChartWrapper__WrapperContainer.ChartWrapper__noMargin {
  margin: 0;
}
.ChartWrapper__WrapperContainer.ChartWrapper__noMargin .ChartWrapper__ChartSegment {
  margin: 0;
}
.ChartWrapper__WrapperContainer.ChartWrapper__innerPadding .ChartWrapper__ChartSegment {
  padding: 35px !important;
}
.ChartWrapper__WrapperContainer .ChartWrapper__ChartSegment {
  height: 100%;
}
.ChartWrapper__WrapperContainer .ChartWrapper__ChartSegment.ChartWrapper__reducePadding {
  padding: 0 5px 5px 5px !important;
}
.ChartWrapper__WrapperContainer .ChartWrapper__HeaderContainer.ChartWrapper__withTitle {
  margin-top: 1em !important;
  margin-bottom: 1em !important;
}
.ChartWrapper__WrapperContainer .ChartWrapper__HeaderContainer .ChartWrapper__Header i:first-child {
  font-size: 2em !important;
}
.ChartWrapper__WrapperContainer .ChartWrapper__HeaderContainer .ChartWrapper__Header .ChartWrapper__HeaderTitle {
  display: flex;
  justify-content: flex-start;
  align-content: center;
}
.ChartWrapper__WrapperContainer .ChartWrapper__HeaderContainer .ChartWrapper__Header .ChartWrapper__HeaderTitle i {
  font-size: 1.1em !important;
}
.ChartWrapper__WrapperContainer .ChartWrapper__HeaderContainer .ChartWrapper__Header .ChartWrapper__HeaderTitle > * {
  margin-right: 15px;
}
.ChartWrapper__WrapperContainer .ChartWrapper__HeaderContainer .ChartWrapper__Header .ChartWrapper__HeaderTitle > *:last-child {
  margin-right: 0;
}
.ChartWrapper__WrapperContainer .ChartWrapper__HeaderContainer .ChartWrapper__Header h4 {
  font-size: 18px !important;
}
.ChartWrapper__WrapperContainer .ChartWrapper__HeaderContainer .ChartWrapper__DropdownContainer.ChartWrapper__centerContent {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ChartWrapper__WrapperContainer .ChartWrapper__HeaderContainer .ChartWrapper__HeaderControls {
  display: flex;
  align-items: flex-end;
}
.ChartWrapper__WrapperContainer .ChartWrapper__HeaderContainer .ChartWrapper__HeaderControls .ChartWrapper__Dropdown {
  margin-top: 1.5em !important;
  margin-bottom: 0.5em !important;
}
.ChartWrapper__WrapperContainer .ChartWrapper__HeaderContainer .ChartWrapper__HeaderControls > * {
  margin-right: 10px;
  margin-top: 20px !important;
}
.ChartWrapper__WrapperContainer .ChartWrapper__HeaderContainer .ui.header .sub.header {
  margin-top: 5px;
}

.Dropzone__Select {
  display: flex;
  align-items: center;
  justify-content: center;
}
.Dropzone__Select p {
  margin: 0;
}
.Dropzone__Select .button {
  margin-left: 20px !important;
}

.FileView__Modal {
  position: static !important;
  width: 100% !important;
  height: 100%;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0 !important;
  background: transparent !important;
}
.FileView__Modal .FileView__DownloadIcon {
  position: absolute;
  z-index: 1;
  top: 11px;
  right: 40px;
  color: #ccc;
  cursor: pointer;
  transform: scale(1.5);
}
.FileView__Modal .FileView__LargeDownloadIcon {
  transform: scale(1.5);
}
.FileView__Modal .FileView__LargeDownloadIcon i {
  color: #ccc;
}
.FileView__Modal .FileView__LargeDownloadIcon i:hover {
  color: #fff;
}
.FileView__Modal .FileView__Metadata {
  padding: 1em 0 0 0;
  background: #f5f5f5;
}
.FileView__Modal .FileView__LeftArrow {
  position: absolute;
  z-index: 1;
  left: 0;
  color: #ccc !important;
  cursor: pointer;
}
.FileView__Modal .FileView__RightArrow {
  position: absolute;
  z-index: 1;
  right: 0;
  color: #ccc !important;
  cursor: pointer;
}
.FileView__Modal .FileView__RightArrow:hover {
  position: absolute;
  z-index: 1;
  right: 0;
  color: #fff !important;
  cursor: pointer;
}
.FileView__Modal .FileView__Image {
  border: 1px solid #ccc !important;
  cursor: pointer;
}
.FileView__Modal .FileView__LeftArrow:hover,
.FileView__Modal .FileView__RightArrow:hover,
.FileView__Modal .FileView__DownloadIcon:hover {
  color: #fff !important;
}
.FileView__Modal .FileView__ContentBody {
  width: 80%;
  max-width: 100%;
  max-height: 100%;
  margin-right: 100px;
  margin-left: 100px;
  text-align: center;
}
.FileView__Modal a {
  text-decoration: none !important;
}
.FileView__Modal .label {
  color: #fff !important;
}
.FileView__Modal .close.icon {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  color: #fff !important;
}
.FileView__ModalDimmer .modal.visible {
  display: flex !important;
}

.Attachments__AttachmentsGrid {
  display: grid;
  margin-top: 18px;
  grid-gap: 23px;
  grid-template-columns: repeat(auto-fit, 155px);
}

.Radio__HorizontalRadio .field {
  display: inline-block;
  padding-right: 1.5rem;
}
.Radio__HorizontalRadio .field:last-of-type {
  padding-right: 0;
}

.ModalHeader__ModalHeader {
  margin-bottom: 15px;
  font-size: 1.1rem;
}
.ModalHeader__ModalHeader .ModalHeader__Subheader {
  margin-top: 5px !important;
}
.ModalHeader__ModalHeader .ModalHeader__title {
  color: #333;
  font-weight: 400 !important;
}
.ModalHeader__ModalHeader.ModalHeader__disabled {
  opacity: 0.4;
}
.ModalHeader__ModalHeader.ModalHeader__disabled .ModalHeader__title,
.ModalHeader__ModalHeader.ModalHeader__disabled .ModalHeader__subtitle {
  color: #000;
  font-style: italic;
  font-weight: normal;
}
.ModalHeader__ModalHeader .ModalHeader__HelpTextButton {
  padding: 5px !important;
  margin-left: 10px !important;
  vertical-align: text-bottom !important;
}

.ModalTopbar__ModalTopbar {
  display: flex !important;
  width: 100% !important;
  height: 40px !important;
  align-items: center;
  justify-content: flex-end;
  padding: 12px 24px 12px 0 !important;
  margin-bottom: 0 !important;
}
.ModalTopbar__ModalTopbar .ModalTopbar__ModalTopbarClose {
  text-align: right;
}
.ModalTopbar__ModalTopbar .ModalTopbar__ModalTopbarClose i {
  cursor: pointer;
}

.ConfirmationDialog__ConfirmationDialog {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
}

@keyframes Toast__fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.Toast__Toast {
  position: fixed;
  top: 15px;
  left: 0px;
  right: 0px;
  z-index: 1000;
  display: flex;
  justify-content: center;
  animation: Toast__fadeIn ease 1s;
}
.Toast__Toast .Toast__WrapContainer {
  padding: 0px !important;
}
.Toast__Toast .Toast__WrapContainer .Toast__ContentContainer {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 25px 40px 25px 40px;
  background: #fff;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
}
.Toast__Toast .Toast__WrapContainer .Toast__ContentContainer p {
  margin-right: 30px !important;
  padding-top: 10px;
  color: #333;
}
.Toast__Toast .Toast__WrapContainer .Toast__ContentContainer .Toast__NegativeButton {
  background: #f1f2f2;
  margin-right: 10px;
}

.ModalSectionHeader__Segment {
  display: grid;
  align-items: center;
  padding: 0.4em 2em !important;
  margin-top: 1.5rem !important;
  margin-bottom: 0 !important;
  grid-gap: 0.5rem;
  grid-template-columns: auto auto 1fr auto;
}
.ModalSectionHeader__Segment p {
  margin-bottom: 0 !important;
}
.ModalSectionHeader__Segment p:first-of-type {
  font-weight: 600;
}
.ModalSectionHeader__LightGray {
  background: #e6e6e6 !important;
  color: #333 !important;
}
.ModalSectionHeader__Breadcrumb {
  font-size: 0.9rem !important;
  font-style: italic;
  font-weight: 300;
}
.ModalSectionHeader__Breadcrumb .active {
  font-weight: 600;
}

.Modal__MaxModal {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}
.Modal__MaxModal .content {
  overflow: auto;
  height: 100%;
}
.Modal__MaxModalDimmer {
  padding: 0 !important;
}
.Modal__MaxModalDimmer .modal.visible {
  display: grid !important;
  align-items: start;
  grid-template-rows: auto 1fr auto;
}

.spreadsheet-theme__DateRangeCellWrapper,
.spreadsheet-theme__Spreadsheet .spreadsheet-theme__firstRow > div {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.spreadsheet-theme__separator {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  text-align: center;
  font-weight: bold;
}
.spreadsheet-theme__date {
  display: flex;
  font-weight: bold;
  min-height: 22px;
  width: 99px;
}
.spreadsheet-theme__date div {
  width: 74px;
  margin: 0px !important;
}
.spreadsheet-theme__emptyCell {
  height: 44px;
}
.spreadsheet-theme__actionCell {
  padding: 0;
  text-align: center;
  display: flex;
  height: 45px;
  justify-content: center;
  align-items: center;
}
.spreadsheet-theme__actionButton {
  width: 100%;
  margin: 0 !important;
}
.spreadsheet-theme__SpreadsheetContainer > div {
  overflow: hidden;
}
.spreadsheet-theme__moneyPlaceholder {
  color: #ccc !important;
  text-align: right;
}
.spreadsheet-theme__moneyCell,
.spreadsheet-theme__numericCell {
  text-align: right !important;
}
.spreadsheet-theme__defaultLineHeight {
  line-height: 21px !important;
}
.spreadsheet-theme__Spreadsheet {
  height: auto !important;
}
.spreadsheet-theme__Spreadsheet .spreadsheet-theme__hidden {
  display: none;
}
.spreadsheet-theme__Spreadsheet .spreadsheet-theme__disabledCell {
  font-style: italic;
  color: rgba(0, 0, 0, 0.45);
}
.spreadsheet-theme__Spreadsheet .spreadsheet-theme__changedCell {
  background-color: rgba(6, 161, 249, 0.04) !important;
  color: #06a1f9 !important;
}
.spreadsheet-theme__Spreadsheet .spreadsheet-theme__changedCell *::after {
  width: auto !important;
}
.spreadsheet-theme__Spreadsheet .spreadsheet-theme__deleteCell {
  background-color: rgba(6, 161, 249, 0.04) !important;
  color: #06a1f9 !important;
  text-decoration: line-through;
}
.spreadsheet-theme__Spreadsheet .spreadsheet-theme__deleteCell *::after {
  width: auto !important;
}
.spreadsheet-theme__Spreadsheet .spreadsheet-theme__firstCol,
.spreadsheet-theme__Spreadsheet .spreadsheet-theme__firstRow {
  color: #414042;
  background-color: #f5f5f5 !important;
}
.spreadsheet-theme__Spreadsheet .spreadsheet-theme__firstCol {
  height: 45px !important;
  font-weight: bold !important;
}
.spreadsheet-theme__Spreadsheet .spreadsheet-theme__firstRow {
  display: table-cell;
}
.spreadsheet-theme__Spreadsheet .spreadsheet-theme__firstRow.spreadsheet-theme__bold {
  font-weight: bold !important;
}
.spreadsheet-theme__Spreadsheet .spreadsheet-theme__disabled {
  font-style: italic;
  color: rgba(0, 0, 0, 0.45);
}
.spreadsheet-theme__Spreadsheet .spreadsheet-theme__ActionsCellContainer {
  padding: 0 5px;
}
.spreadsheet-theme__Spreadsheet tr .spreadsheet-theme__noRightBorders {
  border-right-width: 0 !important;
}
.spreadsheet-theme__Spreadsheet tr .spreadsheet-theme__noRightBorders:last-child:not(:only-child) {
  border-right-width: 1px !important;
}
.spreadsheet-theme__Spreadsheet .spreadsheet-theme__toolbar {
  justify-content: space-between;
  align-items: center;
  padding: 0 0 1rem 0;
}
.spreadsheet-theme__Spreadsheet .spreadsheet-theme__toolbar,
.spreadsheet-theme__Spreadsheet .spreadsheet-theme__toolbar .spreadsheet-theme__actions,
.spreadsheet-theme__Spreadsheet .spreadsheet-theme__toolbar .spreadsheet-theme__errors {
  display: flex;
}
.spreadsheet-theme__Spreadsheet .spreadsheet-theme__toolbar .spreadsheet-theme__actions .spreadsheet-theme__normalizedViewButtonContainer {
  margin-right: 1rem;
}
.spreadsheet-theme__Spreadsheet .spreadsheet-theme__toolbar .spreadsheet-theme__actions .spreadsheet-theme__normalizedViewButtonContainer button:first-child,
.spreadsheet-theme__Spreadsheet .spreadsheet-theme__toolbar .spreadsheet-theme__actions .spreadsheet-theme__normalizedViewButtonContainer button:last-child {
  margin-right: 0 !important;
}
.spreadsheet-theme__Spreadsheet .spreadsheet-theme__toolbar .spreadsheet-theme__actions .spreadsheet-theme__normalizedViewButtonContainer .spreadsheet-theme__normalizedViewButtonError {
  position: absolute;
  margin: -8px 0px 0px -14px;
  padding: 0;
  border: 3px solid #fff;
  cursor: default !important;
}
.spreadsheet-theme__Spreadsheet .spreadsheet-theme__toolbar .spreadsheet-theme__actions .spreadsheet-theme__normalizedViewButtonContainer .spreadsheet-theme__normalizedViewButtonError i {
  color: white !important;
  font-size: 0.6em !important;
}
.spreadsheet-theme__Spreadsheet .spreadsheet-theme__toolbar .spreadsheet-theme__errors {
  flex: 1;
  margin-left: 10%;
  align-items: center;
}
.spreadsheet-theme__Spreadsheet .spreadsheet-theme__toolbar .spreadsheet-theme__errors .spreadsheet-theme__loader {
  margin-right: 3px;
}
.spreadsheet-theme__Spreadsheet .spreadsheet-theme__toolbar .spreadsheet-theme__errors .spreadsheet-theme__loader:before {
  border-color: rgba(0, 0, 0, 0.15) !important;
}
.spreadsheet-theme__Spreadsheet .spreadsheet-theme__toolbar .spreadsheet-theme__errors > div > div {
  min-width: 500px !important;
}
.spreadsheet-theme__Spreadsheet .spreadsheet-theme__toolbar .spreadsheet-theme__actions img {
  cursor: pointer;
  box-shadow: 0px;
  border-radius: 50px;
  width: 50px;
  height: 50px;
  margin-left: 25px;
  transition: box-shadow 0.3s linear;
}
.spreadsheet-theme__Spreadsheet .spreadsheet-theme__toolbar .spreadsheet-theme__actions img:hover {
  box-shadow: 0px 0px 0px 1px #ccc;
}
.spreadsheet-theme__Spreadsheet .spreadsheet-theme__toolbar .spreadsheet-theme__actions img.spreadsheet-theme__highlightIcon {
  filter: brightness(90%);
}
.spreadsheet-theme__Spreadsheet .htNumeric {
  text-align: right !important;
}
.spreadsheet-theme__Spreadsheet.spreadsheet-theme__disabled .spreadsheet-theme__firstRow > div *,
.spreadsheet-theme__Spreadsheet.spreadsheet-theme__disabled .spreadsheet-theme__moneyCell,
.spreadsheet-theme__Spreadsheet.spreadsheet-theme__disabled .spreadsheet-theme__numericCell {
  font-style: italic;
  color: rgba(0, 0, 0, 0.45);
}
.spreadsheet-theme__Spreadsheet.spreadsheet-theme__disabled .htNumeric,
.spreadsheet-theme__Spreadsheet.spreadsheet-theme__disabled .htAutocomplete {
  font-style: italic;
  color: rgba(0, 0, 0, 0.45);
}
.spreadsheet-theme__Spreadsheet.spreadsheet-theme__disabled .htAutocompleteArrow {
  display: none;
}
.spreadsheet-theme__ErrorPopup {
  background-color: rgba(255, 255, 255, 0.95) !important;
}
.spreadsheet-theme__ErrorPopup .spreadsheet-theme__ErrorPopupList {
  margin: 10px 0px 10px -30px;
}
.spreadsheet-theme__ErrorPopup .spreadsheet-theme__ErrorPopupList .spreadsheet-theme__Title {
  margin-bottom: 10px;
}
.spreadsheet-theme__ErrorPopup .spreadsheet-theme__ErrorPopupList li {
  list-style: none;
  color: #F07164;
}
.spreadsheet-theme__confirmationModal {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
}

.EnhancedSpreadsheet__DateRangeCellWrapper,
.EnhancedSpreadsheet__Spreadsheet .EnhancedSpreadsheet__firstRow > div {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.EnhancedSpreadsheet__separator {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  text-align: center;
  font-weight: bold;
}
.EnhancedSpreadsheet__date {
  display: flex;
  font-weight: bold;
  min-height: 22px;
  width: 99px;
}
.EnhancedSpreadsheet__date div {
  width: 74px;
  margin: 0px !important;
}
.EnhancedSpreadsheet__emptyCell {
  height: 44px;
}
.EnhancedSpreadsheet__actionCell {
  padding: 0;
  text-align: center;
  display: flex;
  height: 45px;
  justify-content: center;
  align-items: center;
}
.EnhancedSpreadsheet__actionButton {
  width: 100%;
  margin: 0 !important;
}
.EnhancedSpreadsheet__SpreadsheetContainer > div {
  overflow: hidden;
}
.EnhancedSpreadsheet__moneyPlaceholder {
  color: #ccc !important;
  text-align: right;
}
.EnhancedSpreadsheet__moneyCell,
.EnhancedSpreadsheet__numericCell {
  text-align: right !important;
}
.EnhancedSpreadsheet__defaultLineHeight {
  line-height: 21px !important;
}
.EnhancedSpreadsheet__Spreadsheet {
  height: auto !important;
}
.EnhancedSpreadsheet__Spreadsheet .EnhancedSpreadsheet__hidden {
  display: none;
}
.EnhancedSpreadsheet__Spreadsheet .EnhancedSpreadsheet__disabledCell {
  font-style: italic;
  color: rgba(0, 0, 0, 0.45);
}
.EnhancedSpreadsheet__Spreadsheet .EnhancedSpreadsheet__changedCell {
  background-color: rgba(6, 161, 249, 0.04) !important;
  color: #06a1f9 !important;
}
.EnhancedSpreadsheet__Spreadsheet .EnhancedSpreadsheet__changedCell *::after {
  width: auto !important;
}
.EnhancedSpreadsheet__Spreadsheet .EnhancedSpreadsheet__deleteCell {
  background-color: rgba(6, 161, 249, 0.04) !important;
  color: #06a1f9 !important;
  text-decoration: line-through;
}
.EnhancedSpreadsheet__Spreadsheet .EnhancedSpreadsheet__deleteCell *::after {
  width: auto !important;
}
.EnhancedSpreadsheet__Spreadsheet .EnhancedSpreadsheet__firstCol,
.EnhancedSpreadsheet__Spreadsheet .EnhancedSpreadsheet__firstRow {
  color: #414042;
  background-color: #f5f5f5 !important;
}
.EnhancedSpreadsheet__Spreadsheet .EnhancedSpreadsheet__firstCol {
  height: 45px !important;
  font-weight: bold !important;
}
.EnhancedSpreadsheet__Spreadsheet .EnhancedSpreadsheet__firstRow {
  display: table-cell;
}
.EnhancedSpreadsheet__Spreadsheet .EnhancedSpreadsheet__firstRow.EnhancedSpreadsheet__bold {
  font-weight: bold !important;
}
.EnhancedSpreadsheet__Spreadsheet .EnhancedSpreadsheet__disabled {
  font-style: italic;
  color: rgba(0, 0, 0, 0.45);
}
.EnhancedSpreadsheet__Spreadsheet .EnhancedSpreadsheet__ActionsCellContainer {
  padding: 0 5px;
}
.EnhancedSpreadsheet__Spreadsheet tr .EnhancedSpreadsheet__noRightBorders {
  border-right-width: 0 !important;
}
.EnhancedSpreadsheet__Spreadsheet tr .EnhancedSpreadsheet__noRightBorders:last-child:not(:only-child) {
  border-right-width: 1px !important;
}
.EnhancedSpreadsheet__Spreadsheet .EnhancedSpreadsheet__toolbar {
  justify-content: space-between;
  align-items: center;
  padding: 0 0 1rem 0;
}
.EnhancedSpreadsheet__Spreadsheet .EnhancedSpreadsheet__toolbar,
.EnhancedSpreadsheet__Spreadsheet .EnhancedSpreadsheet__toolbar .EnhancedSpreadsheet__actions,
.EnhancedSpreadsheet__Spreadsheet .EnhancedSpreadsheet__toolbar .EnhancedSpreadsheet__errors {
  display: flex;
}
.EnhancedSpreadsheet__Spreadsheet .EnhancedSpreadsheet__toolbar .EnhancedSpreadsheet__actions .EnhancedSpreadsheet__normalizedViewButtonContainer {
  margin-right: 1rem;
}
.EnhancedSpreadsheet__Spreadsheet .EnhancedSpreadsheet__toolbar .EnhancedSpreadsheet__actions .EnhancedSpreadsheet__normalizedViewButtonContainer button:first-child,
.EnhancedSpreadsheet__Spreadsheet .EnhancedSpreadsheet__toolbar .EnhancedSpreadsheet__actions .EnhancedSpreadsheet__normalizedViewButtonContainer button:last-child {
  margin-right: 0 !important;
}
.EnhancedSpreadsheet__Spreadsheet .EnhancedSpreadsheet__toolbar .EnhancedSpreadsheet__actions .EnhancedSpreadsheet__normalizedViewButtonContainer .EnhancedSpreadsheet__normalizedViewButtonError {
  position: absolute;
  margin: -8px 0px 0px -14px;
  padding: 0;
  border: 3px solid #fff;
  cursor: default !important;
}
.EnhancedSpreadsheet__Spreadsheet .EnhancedSpreadsheet__toolbar .EnhancedSpreadsheet__actions .EnhancedSpreadsheet__normalizedViewButtonContainer .EnhancedSpreadsheet__normalizedViewButtonError i {
  color: white !important;
  font-size: 0.6em !important;
}
.EnhancedSpreadsheet__Spreadsheet .EnhancedSpreadsheet__toolbar .EnhancedSpreadsheet__errors {
  flex: 1;
  margin-left: 10%;
  align-items: center;
}
.EnhancedSpreadsheet__Spreadsheet .EnhancedSpreadsheet__toolbar .EnhancedSpreadsheet__errors .EnhancedSpreadsheet__loader {
  margin-right: 3px;
}
.EnhancedSpreadsheet__Spreadsheet .EnhancedSpreadsheet__toolbar .EnhancedSpreadsheet__errors .EnhancedSpreadsheet__loader:before {
  border-color: rgba(0, 0, 0, 0.15) !important;
}
.EnhancedSpreadsheet__Spreadsheet .EnhancedSpreadsheet__toolbar .EnhancedSpreadsheet__errors > div > div {
  min-width: 500px !important;
}
.EnhancedSpreadsheet__Spreadsheet .EnhancedSpreadsheet__toolbar .EnhancedSpreadsheet__actions img {
  cursor: pointer;
  box-shadow: 0px;
  border-radius: 50px;
  width: 50px;
  height: 50px;
  margin-left: 25px;
  transition: box-shadow 0.3s linear;
}
.EnhancedSpreadsheet__Spreadsheet .EnhancedSpreadsheet__toolbar .EnhancedSpreadsheet__actions img:hover {
  box-shadow: 0px 0px 0px 1px #ccc;
}
.EnhancedSpreadsheet__Spreadsheet .EnhancedSpreadsheet__toolbar .EnhancedSpreadsheet__actions img.EnhancedSpreadsheet__highlightIcon {
  filter: brightness(90%);
}
.EnhancedSpreadsheet__Spreadsheet .htNumeric {
  text-align: right !important;
}
.EnhancedSpreadsheet__Spreadsheet.EnhancedSpreadsheet__disabled .EnhancedSpreadsheet__firstRow > div *,
.EnhancedSpreadsheet__Spreadsheet.EnhancedSpreadsheet__disabled .EnhancedSpreadsheet__moneyCell,
.EnhancedSpreadsheet__Spreadsheet.EnhancedSpreadsheet__disabled .EnhancedSpreadsheet__numericCell {
  font-style: italic;
  color: rgba(0, 0, 0, 0.45);
}
.EnhancedSpreadsheet__Spreadsheet.EnhancedSpreadsheet__disabled .htNumeric,
.EnhancedSpreadsheet__Spreadsheet.EnhancedSpreadsheet__disabled .htAutocomplete {
  font-style: italic;
  color: rgba(0, 0, 0, 0.45);
}
.EnhancedSpreadsheet__Spreadsheet.EnhancedSpreadsheet__disabled .htAutocompleteArrow {
  display: none;
}
.EnhancedSpreadsheet__ErrorPopup {
  background-color: rgba(255, 255, 255, 0.95) !important;
}
.EnhancedSpreadsheet__ErrorPopup .EnhancedSpreadsheet__ErrorPopupList {
  margin: 10px 0px 10px -30px;
}
.EnhancedSpreadsheet__ErrorPopup .EnhancedSpreadsheet__ErrorPopupList .EnhancedSpreadsheet__Title {
  margin-bottom: 10px;
}
.EnhancedSpreadsheet__ErrorPopup .EnhancedSpreadsheet__ErrorPopupList li {
  list-style: none;
  color: #F07164;
}
.EnhancedSpreadsheet__confirmationModal {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
}
.EnhancedSpreadsheet__ActionButton {
  width: 100%;
  margin: 0 !important;
}
.EnhancedSpreadsheet__DateRangeCellWrapper,
.EnhancedSpreadsheet__Spreadsheet .EnhancedSpreadsheet__firstRow > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-left: -4px;
}
.EnhancedSpreadsheet__DateRangeCellWrapper.EnhancedSpreadsheet__ReadOnly {
  cursor: default;
  pointer-events: none;
}
.EnhancedSpreadsheet__Placeholder {
  color: #ccc !important;
  font-size: 0.75rem;
}
.EnhancedSpreadsheet__Unit {
  font-size: 0.75em;
}
.EnhancedSpreadsheet__CurrencyCellWrapper {
  text-align: right;
}
.EnhancedSpreadsheet__CurrencyCellWrapper p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.EnhancedSpreadsheet__NumericCellWrapper {
  text-align: right;
}
.EnhancedSpreadsheet__NumericCellWrapper p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.EnhancedSpreadsheet__CellPopupListItem {
  color: #7f141e;
  list-style: none;
}
.EnhancedSpreadsheet__separator {
  display: flex;
  width: auto;
  align-items: center;
  justify-content: center;
  padding-right: 6px;
  padding-left: 10px;
  font-weight: bold;
  text-align: center;
}
.EnhancedSpreadsheet__date {
  display: flex;
  width: 100px;
  min-height: 22px;
  font-weight: bold;
}
.EnhancedSpreadsheet__date div {
  width: 76px;
  margin: 0 !important;
}
.EnhancedSpreadsheet__date.EnhancedSpreadsheet__transparent {
  width: 100%;
}
.EnhancedSpreadsheet__date.EnhancedSpreadsheet__transparent input {
  border: none !important;
  background: transparent !important;
}
.EnhancedSpreadsheet__AddButton {
  z-index: 1000 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  border: none !important;
  margin-left: -0.8em !important;
  background: transparent !important;
  box-shadow: none !important;
}
.EnhancedSpreadsheet__AddButton::before {
  content: none !important;
}
.EnhancedSpreadsheet__Component {
  box-sizing: content-box;
  padding: 0 !important;
}
.EnhancedSpreadsheet__ApplicationSiteCell {
  height: 100%;
  padding-right: 10px;
  padding-left: 10px;
  background: #f7f7f7;
}
.EnhancedSpreadsheet__ApplicationSiteCell a,
.EnhancedSpreadsheet__ApplicationSiteCell span {
  display: inline-block;
  max-width: 100%;
  line-height: normal;
  vertical-align: middle;
}
.EnhancedSpreadsheet__ApplicationSiteCell p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.MeasureSpreadsheet__HeaderWrapper {
  display: flex;
  align-items: center;
  margin-top: 2rem;
}
.MeasureSpreadsheet__HeaderWrapper h4 {
  margin-right: 2rem;
  margin-bottom: 0 !important;
}
.MeasureSpreadsheet__SpreadsheetWrapper {
  margin-top: 1rem;
}
.MeasureSpreadsheet__SpreadsheetWrapper .ht_master .wtHolder {
  overflow: visible;
}

.MeasureModal__SectionContainer {
  display: grid;
  align-items: start;
  grid-template-columns: 1fr auto;
}
.MeasureModal__InfoBox {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.MeasureModal__SpreadsheetWrapper {
  margin-top: 2rem;
}
.MeasureModal__MaxContent {
  max-height: 80vh;
  overflow-y: auto;
}

.PublishModal__Content {
  display: grid;
  align-items: stretch;
  grid-gap: 1rem;
  grid-template-columns: auto 1fr auto;
}
.PublishModal__Content .input {
  width: 100%;
  height: 100%;
}
.PublishModal__ContentWrapper {
  margin-top: 2rem;
}

.SiteMeasuresTab__SiteMeasuresTab .SiteMeasuresTab__SiteMeasuresTabGrid {
  padding-bottom: 1em !important;
}
.SiteMeasuresTab__SiteMeasuresTab .SiteMeasuresTab__SiteMeasuresTabGrid .SiteMeasuresTab__actionRow {
  padding-bottom: 0 !important;
}
.SiteMeasuresTab__SiteMeasuresTab .SiteMeasuresTab__ActionContainer {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin-top: 1em;
  padding-bottom: 1em;
  padding: 1em 0 1em 0;
}
.SiteMeasuresTab__SiteMeasuresTab .SiteMeasuresTab__ActionContainer button {
  margin-right: 10px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.SiteMeasuresTab__SiteMeasuresTab .SiteMeasuresTab__ActionContainer button i {
  padding-right: 25px !important;
}
.SiteMeasuresTab__SiteMeasuresTab .SiteMeasuresTab__ActionContainer::after {
  content: '';
  clear: both;
  display: table;
}

.InfiniteScrollTable__InfiniteScroll {
  min-height: 135px;
  max-height: 500px;
}
.InfiniteScrollTable__withStickHeader {
  border-collapse: separate !important;
  /* Don't collapse */
  border-spacing: 0 !important;
  border: 0 !important;
}
.InfiniteScrollTable__withStickHeader tr th,
.InfiniteScrollTable__withStickHeader tr td {
  /* Apply both top and bottom borders to the <th> */
  border-top: 0 !important;
  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
  border-left: 0 !important;
  border-right: 1px solid rgba(34, 36, 38, 0.15);
}
.InfiniteScrollTable__withStickHeader thead tr:first-child th:first-child,
.InfiniteScrollTable__withStickHeader tr td:first-child {
  /* Apply both top and bottom borders to the <th> */
  border-left: 1px solid rgba(34, 36, 38, 0.15) !important;
}
.InfiniteScrollTable__withStickHeader thead tr:first-child th {
  /* Apply both top and bottom borders to the <th> */
  border-top: 1px solid rgba(34, 36, 38, 0.15) !important;
}
.InfiniteScrollTable__withStickHeader thead {
  position: sticky;
  top: 0;
  z-index: 1;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
}

.AuditTable__AuditTable .AuditTable__AuditTableRow td {
  vertical-align: top;
}
.AuditTable__AuditTable .AuditTable__AuditTableRow .AuditTable__auditStatusCell .ui.dropdown > .menu {
  max-height: 155px;
}

.CapacityTable__CapacityTable {
  padding: 0px !important;
  margin-bottom: 0px !important;
}
.CapacityTable__CapacityTable .CapacityTable__withBorderTop td {
  border-top: 2px solid #999 !important;
}

.ComplianceStatusTable__Wrapper {
  overflow: auto;
  max-height: 500px;
}
.ComplianceStatusTable__ComplianceStatusTable th {
  position: sticky !important;
  z-index: 2;
  top: 0;
}
.ComplianceStatusTable__ComplianceStatusTable .ComplianceStatusTable__ComplianceStatusTableRow td {
  vertical-align: top;
}
.ComplianceStatusTable__ComplianceStatusTable .ComplianceStatusTable__ComplianceStatusTableRow .ComplianceStatusTable__dropdownCell .ui.dropdown > .menu {
  max-height: 155px;
}

.ContactHistoryTable__ContactDropdown {
  padding: 0 !important;
}
.ContactHistoryTable__ContactDropdown input.search {
  width: 200px !important;
}
.ContactHistoryTable__ContactDropdown .sizer {
  display: none;
}
.ContactHistoryTable__ContactDropdown .ui.label {
  white-space: nowrap !important;
}
.ContactHistoryTable__TextAreaCell {
  display: flex;
  align-items: flex-start;
}
.ContactHistoryTable__TextAreaCell .button {
  margin-left: 10px !important;
}
.ContactHistoryTable__ContactDropdownWrapper a.label {
  display: none !important;
}
.ContactHistoryTable__Wrapper {
  max-height: 600px;
  overflow-y: auto;
}
.ContactHistoryTable__ContactHistoryTable th {
  position: sticky !important;
  z-index: 2;
  top: 0;
}
.ContactHistoryTable__ContactHistoryTable .ContactHistoryTable__DateInput {
  max-width: 100px;
}
.ContactHistoryTable__ContactHistoryTable .ContactHistoryTable__ContactHistoryTableRow td {
  vertical-align: top;
}
.ContactHistoryTable__ContactHistoryTable .ContactHistoryTable__ContactHistoryTableRow textarea {
  min-height: unset !important;
  max-height: unset !important;
  padding: 0 !important;
  border: 0 solid !important;
  background: transparent !important;
  resize: none !important;
}
.ContactHistoryTable__ContactHistoryTable .ContactHistoryTable__ContactHistoryTableRow .ContactHistoryTable__methodCell .ui.dropdown > .menu {
  max-height: 155px;
}

.FilesTable__FilesTable {
  max-height: 500px;
  min-height: 150px;
  border-top: 0 !important;
  border-left: 0 !important;
}
.FilesTable__FilesTable .FilesTable__FilesTableRow .FilesTable__auditStatusCell .ui.dropdown > .menu {
  max-height: 155px;
}
.FilesTable__FilesTable thead {
  z-index: 3;
}
.FilesTable__FilesTable thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  border-top: 1px solid rgba(34, 36, 38, 0.15) !important;
}
.FilesTable__FilesTable thead th.FilesTable__stickyCol {
  z-index: 4;
}
.FilesTable__FilesTable tbody td {
  white-space: nowrap;
}
.FilesTable__FilesTable td.FilesTable__stickyCol {
  position: -webkit-sticky;
  position: sticky;
  z-index: 2;
}
.FilesTable__FilesTable td.FilesTable__stickyCol.FilesTable__withBorderLeft {
  border-left: 1px solid rgba(34, 36, 38, 0.15) !important;
}
.FilesTable__FilesTable td.FilesTable__stickyCol {
  background-color: white !important;
}
.FilesTable__FilesTable .FilesTable__actionsCol {
  width: 50px !important;
  min-width: 50px;
  max-width: 50px;
  left: 0px;
}
.FilesTable__FilesTable .FilesTable__actionsCol.FilesTable__toFront {
  z-index: 4;
}
.FilesTable__FilesTable .FilesTable__firstCol {
  min-width: 200px !important;
  left: 50px;
}
.FilesTable__FilesTable td.FilesTable__firstCol {
  background: linear-gradient(to left, rgba(255, 255, 255, 0), white 5%) !important;
}
.FilesTable__FilesTable td.FilesTable__firstCol,
.FilesTable__FilesTable td.FilesTable__firstCol > span {
  text-overflow: ellipsis;
  overflow: hidden;
}
.FilesTable__FilesTable th.FilesTable__firstCol {
  background: linear-gradient(to left, rgba(255, 255, 255, 0), #fafafa 5%) !important;
}
.FilesTable__PreviewImage:hover {
  cursor: pointer;
}

.ContactInfoForm__ContactInfoForm {
  margin-top: 10px !important;
}
.ContactInfoForm__ContactInfoForm .ui.grid {
  background-color: #fff;
}
.ContactInfoForm__ContactInfoForm .ui.grid > .row > .column {
  padding: 1.3rem !important;
  margin: -1.1rem 0 !important;
}
.ContactInfoForm__ContactInfoForm .ui.inline.dropdown > .text {
  color: rgba(0, 0, 0, 0.6) !important;
  font-weight: 400 !important;
  margin-right: 0.8rem !important;
  cursor: pointer !important;
}
.ContactInfoForm__ContactInfoForm .ui.grid > .row > .column:first-child {
  width: 26.3% !important;
  border-right: 2px solid #f7f7f7 !important;
}
.ContactInfoForm__ContactInfoForm .ui.grid > .row > .column:last-child {
  width: 73.7% !important;
}
.ContactInfoForm__ContactInfoForm .row > div:first-child {
  font-weight: 500;
  color: #333;
  font-size: 14px;
}
.ContactInfoForm__Wrapper .ContentCard__ContentSegment {
  background-color: #f7f7f7 !important;
}
.ContactInfoForm__AccordionIcon {
  color: #06a1f9 !important;
  font-size: 1.5em !important;
  line-height: 1 !important;
  vertical-align: bottom !important;
}
.ContactInfoForm__AccordionTitle {
  display: flex;
}
.ContactInfoForm__Message .ui.message {
  margin-bottom: 1rem !important;
  background: #fff !important;
}
.ContactInfoForm__Error {
  background: rgba(243, 133, 126, 0.1);
}
.ContactInfoForm__ContactDropdownWrapper .visible.menu {
  margin-top: 15px !important;
}
.ContactInfoForm__AccordionTitleContent {
  display: grid;
  width: 100%;
  cursor: default;
  grid-template-columns: repeat(3, 1fr);
}
.ContactInfoForm__AccordionTitleContent :nth-child(2) {
  padding-right: 50px;
  text-align: center;
}
.ContactInfoForm__AccordionTitleContent :nth-child(3) {
  text-align: right;
}

.ExportForm__ExportForm {
  padding-top: 2em;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin-top: 2em;
}
.ExportForm__ExportForm .ExportForm__header {
  display: flex;
  align-items: baseline;
  margin-bottom: 20px;
}
.ExportForm__ExportForm .ExportForm__header *:last-child {
  margin-left: 10px;
}
.ExportForm__ExportForm .ExportForm__bottomRow {
  padding-top: 0 !important;
}
.ExportForm__ExportForm .ExportForm__ExportButtons {
  display: grid;
  justify-content: start;
  grid-gap: 0.5rem;
  grid-template-columns: repeat(4, auto);
  justify-items: start;
}

.CommentList__TextArea textarea {
  resize: none !important;
}
.CommentList__Container {
  padding: 2em !important;
}
.CommentList__CancelButton {
  margin-right: 1.2rem !important;
}
.CommentList__ActionWrapper {
  margin-top: 1rem;
}
.CommentList__Comment {
  padding: 25px !important;
  padding-top: 35px !important;
}
.CommentList__Comment .CommentList__CommentAuthor {
  display: inline;
}
.CommentList__Comment .CommentList__CommentDelete {
  position: absolute !important;
  top: 0;
  right: 0;
  margin: 0 !important;
  cursor: pointer;
}
.CommentList__Comment .CommentList__CommentItemMeta {
  display: inline;
}
.CommentList__Comment .CommentList__CommentText {
  margin-top: 10px !important;
  margin-right: 70px !important;
}
.CommentList__Comment .CommentList__RepliesContainer {
  margin-top: 39px;
  margin-left: 30px;
}
.CommentList__Comment .CommentList__Reply {
  padding-top: 0 !important;
  margin-top: 39px !important;
}
.CommentList__Comment .CommentList__ReplyTextArea {
  margin-top: 24px;
}
.CommentList__Comment .CommentList__ReplyTextArea textarea {
  background: white !important;
}

.FileAuditForm__auditTable {
  margin-bottom: 1rem;
}
.FileAuditForm__auditStatus {
  margin-bottom: 0.4rem;
}
.FileAuditForm__StatusRow {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding-left: 0 !important;
  font-style: italic;
}
.FileAuditForm__StatusRow strong {
  color: black !important;
}
.FileAuditForm__StatusRow p {
  margin: 0;
}
.FileAuditForm__ImportLogContent {
  max-height: 20rem;
  overflow-y: auto;
  white-space: pre-wrap;
}

.FileUploadForm__ImportLogContent {
  max-height: 20rem;
  overflow-y: auto;
  white-space: pre-wrap;
}

.RemoveGroupForm__FormSegment {
  width: 80%;
  padding-left: 8px !important;
  padding-bottom: 0 !important;
}

.RemoveProgramForm__FormSegment {
  width: 80%;
  padding-left: 8px !important;
  padding-bottom: 0 !important;
}

.index__externalIdInput {
  display: flex;
}
.index__externalIdButton {
  margin-left: 10px;
}
.index__fullWidthInput {
  width: 100%;
}
.index__fullWidthInput .input {
  width: 100%;
}

.SiteForm__SiteForm form p {
  word-wrap: break-all;
}
.SiteForm__confirmationModal {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
}

.index__SitesFilterForm .index__sitesFilterRow {
  padding-top: 0 !important;
}
.index__SitesFilterForm .index__sitesFilterRow .index__filterColumn {
  padding-left: 0 !important;
}
.index__SitesFilterForm .index__sitesFilterRow .index__filterContainer {
  display: flex;
  align-items: flex-end;
}
.index__SitesFilterForm .index__sitesFilterRow .index__filterContainer .index__filterButton {
  margin-right: 0 !important;
  margin-bottom: 0 !important;
}
.index__SitesFilterForm .index__sitesFilterRow .index__filterContainer .index__input {
  padding-right: 1em !important;
  padding-left: 1em !important;
  margin-bottom: 0 !important;
}
.index__SitesFilterForm .index__sitesFilterRow .index__filterContainer .index__buttonMargin {
  margin-bottom: 0 !important;
  margin-left: 1em !important;
}
.index__SitesFilterForm .index__sitesFilterRow .index__actionsContainer {
  display: flex;
  align-items: center;
  margin-bottom: 0 !important;
  float: right;
}
.index__SitesFilterForm .index__sitesFilterRow .field {
  margin-bottom: 0 !important;
}
.index__SitesFilterForm .index__rowDivider {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.index__SitesFilterForm .index__rowDivider .index__outsideFilterColumn {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.index__SitesFilterForm .index__rowDivider div {
  margin: 0 !important;
}
.index__SitesFilterForm .index__rowDivider button {
  margin-left: 10px;
}
.index__SitesFilterForm .index__VerticalDivider {
  padding-right: 10px;
  padding-left: 10px;
}

.index__ImageUploadContainer {
  display: flex;
  justify-content: flex-end;
}

.index__loadingContainer {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  border: 1px solid #dfdfdf;
  border-top: 0px;
}
.index__selectSiteSubTypeHelpTextContainer {
  padding: 20px;
  border: 1px solid #dfdfdf;
}
.index__selectSiteSubTypeHelpTextContainer div {
  width: 100%;
}
.index__Panel .index__headerContainer {
  background-color: #fafafa;
  padding: 15px;
  border-width: 1px 1px 0px 1px;
  border-style: solid;
  border-color: #dfdfdf;
}

.EditPerformanceTargetsReports__EditPerformanceTargetsReports .EditPerformanceTargetsReports__descriptionRow {
  padding-bottom: 0 !important;
}
.EditPerformanceTargetsReports__EditPerformanceTargetsReports .EditPerformanceTargetsReports__descriptionRow .EditPerformanceTargetsReports__descriptionColumn {
  padding-top: 1rem;
}
.EditPerformanceTargetsReports__EditPerformanceTargetsReports .EditPerformanceTargetsReports__descriptionRow .EditPerformanceTargetsReports__descriptionColumn :nth-child(3) {
  padding-bottom: 1rem;
}
.EditPerformanceTargetsReports__EditPerformanceTargetsReports .EditPerformanceTargetsReports__LinkParagraph {
  margin-bottom: 20px;
}
.EditPerformanceTargetsReports__EditPerformanceTargetsReports .EditPerformanceTargetsReports__TargetsContainer {
  position: relative;
}

.IconStatisticBox__IconStatisticBox {
  position: relative;
}
.IconStatisticBox__IconStatisticBox .header {
  margin-bottom: 0 !important;
}
.IconStatisticBox__IconStatisticBox .header .content,
.IconStatisticBox__IconStatisticBox .header .content span {
  font-weight: 600 !important;
}
@media screen {
  .IconStatisticBox__IconStatisticBox .IconStatisticBox__IconColumn {
    flex: 0 0 90px !important;
  }
}
@media print {
  .IconStatisticBox__IconStatisticBox .IconStatisticBox__IconColumn {
    flex: 0 0 60px !important;
  }
}
.IconStatisticBox__IconStatisticBox .IconStatisticBox__ValuesColumn {
  padding-left: 0 !important;
}
.IconStatisticBox__IconStatisticBox .IconStatisticBox__Subheader {
  margin-left: 5px !important;
  display: inline !important;
}
.IconStatisticBox__IconStatisticBox .IconStatisticBox__HelpIcon {
  position: absolute;
  z-index: 10;
  top: 10px;
  right: -5px;
}

/*
 * Copyright (c) 2020. Maalka Inc. All rights reserved.
 *
 * This file is part of the Maalka Platform Project and may not be copied and/or distributed
 * without explicit permission of Maalka Inc.
 *
 */
.StatisticBox__StatisticBox {
  background-color: #fafafa !important;
  padding-top: 10px !important;
  padding-bottom: 20px !important;
  display: flex;
  justify-content: space-between;
  height: 100%;
}
.StatisticBox__StatisticBox > * {
  padding-bottom: 0px !important;
  padding-top: 6px !important;
}
.StatisticBox__StatisticBox .StatisticBox__MiddleSegment.StatisticBox__loading::before {
  background: inherit !important;
}
.StatisticBox__StatisticBox .StatisticBox__Statistic {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 2.5em !important;
  font-weight: 500 !important;
}
.StatisticBox__StatisticBox .StatisticBox__Label {
  font-size: 1.25em !important;
  font-weight: normal !important;
}

.CrossFilterHistogram__CrossFilterHistogram div[id*='histogram'] {
  overflow: inherit !important;
}
.CrossFilterHistogram__StatisticBoxContainer {
  padding: 0 5px 0 5px !important;
  margin-top: 20px !important;
}
.CrossFilterHistogram__StatisticBoxContainer .CrossFilterHistogram__StatisticBox {
  padding: 40px !important;
}
.CrossFilterHistogram__PlaceholderTitle {
  margin-bottom: 2.8rem !important;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1rem;
  text-align: center;
}
.CrossFilterHistogram__WarningIcon {
  position: absolute;
  z-index: 1;
  right: 15px;
  margin-top: -5px;
}

.CrossFilterPieChartGrid__Actions {
  position: absolute;
  z-index: 10;
  right: 0;
}
.CrossFilterPieChartGrid__Actions .CrossFilterPieChartGrid__WarningIcon,
.CrossFilterPieChartGrid__Actions .CrossFilterPieChartGrid__ResetFiltersButton {
  flex: 0;
}
.CrossFilterPieChartGrid__CrossFilterPieChartGrid {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.CrossFilterPieChartGrid__CrossFilterPieChartGrid div[id*='container-piechart'] {
  overflow: inherit !important;
}
.CrossFilterPieChartGrid__CrossFilterPieChartGrid .CrossFilterPieChartGrid__withMarginFix .row > .grid {
  position: relative;
  margin: 0;
}
.CrossFilterPieChartGrid__CrossFilterPieChartGrid > div:first-child {
  z-index: 1;
}
.CrossFilterPieChartGrid__CrossFilterPieChartGrid .CrossFilterPieChartGrid__column {
  padding-right: 20px;
}
.CrossFilterPieChartGrid__CrossFilterPieChartGrid .CrossFilterPieChartGrid__column .CrossFilterPieChartGrid__firstRow {
  padding-bottom: 20px;
}

.Placeholder__Placeholder {
  height: 100%;
}

.FlexGrid__FlexGrid {
  display: flex;
}
.FlexGrid__FlexGrid .FlexGrid__container {
  display: block;
}
.FlexGrid__FlexGrid.FlexGrid__horizontal:not(.FlexGrid__hasSpaceBetween):not(.FlexGrid__centralize) > * {
  width: 100%;
}
.FlexGrid__FlexGrid.FlexGrid__hasSpaceBetween {
  justify-content: space-between;
}
.FlexGrid__FlexGrid.FlexGrid__centralize {
  justify-content: center;
}
.FlexGrid__FlexGrid.FlexGrid__vertical {
  flex-direction: column;
}
.FlexGrid__FlexGrid.FlexGrid__alignMiddle {
  align-items: center;
}
.FlexGrid__FlexGrid.FlexGrid__alignTop {
  align-items: flex-start;
}
.FlexGrid__FlexGrid.FlexGrid__alignBottom {
  align-items: flex-end;
}
.FlexGrid__FlexGrid.FlexGrid__alignLeft {
  align-items: flex-start;
}
.FlexGrid__FlexGrid.FlexGrid__alignRight {
  align-items: flex-end;
}
.FlexGrid__FlexGrid > * {
  padding-right: 1rem;
}
.FlexGrid__FlexGrid > *:last-child {
  padding-right: 0;
}

.MeasuresCrossFilterControls__MeasuresCrossFilterControls {
  padding: 30px 0 0 0 !important;
}
.MeasuresCrossFilterControls__MeasuresCrossFilterControls.MeasuresCrossFilterControls__hidden {
  display: none;
}
.MeasuresCrossFilterControls__MeasuresCrossFilterControls .MeasuresCrossFilterControls__column {
  padding-right: 20px;
}
.MeasuresCrossFilterControls__MeasuresCrossFilterControls .MeasuresCrossFilterControls__column .MeasuresCrossFilterControls__firstRow {
  padding-bottom: 20px;
}
.MeasuresCrossFilterControls__MeasuresCrossFilterControls .MeasuresCrossFilterControls__resetFiltersButton {
  position: absolute;
  z-index: 10;
  top: 15px;
  right: 0;
  margin: 0 11px 0 0 !important;
}
.MeasuresCrossFilterControls__MeasuresCrossFilterControls .MeasuresCrossFilterControls__Divider {
  margin: 5px 0 15px 0 !important;
}
.MeasuresCrossFilterControls__MeasuresCrossFilterControls .MeasuresCrossFilterControls__HistogramDivider {
  margin: 5px 15px 0 15px !important;
}
.MeasuresCrossFilterControls__MeasuresCrossFilterControls .MeasuresCrossFilterControls__HistogramColumn {
  padding: 30px 15px 0 15px !important;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
}
.MeasuresCrossFilterControls__MeasuresCrossFilterControls .MeasuresCrossFilterControls__HistogramColumn:first-child {
  border-left: none !important;
}
.MeasuresCrossFilterControls__HeaderButton {
  margin-right: 0 !important;
}

@media screen {
  .Media__Media.Media__print {
    display: none !important;
  }
}
@media print {
  .Media__Media.Media__screen {
    display: none !important;
  }
}

.index__PDFViewer {
  position: relative;
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
  padding: 0 2rem;
  border: 1px solid #ccc;
  margin-left: 1.5rem;
  background-color: #f5f5f5;
}
.index__PDFViewer .index__PDFViewerButton {
  position: absolute;
  cursor: pointer;
  opacity: 0.8 !important;
}
.index__PDFViewer .index__PDFViewerButton:hover {
  opacity: 1 !important;
}
.index__PDFViewer .index__PDFViewerButtonDisabled {
  cursor: auto;
}
.index__PDFViewer .index__LeftArrow {
  left: 10px;
  margin-left: 0;
  background: transparent;
}
.index__PDFViewer .index__RightArrow {
  right: 10px;
  margin-right: 0;
  background: transparent;
}
.index__PDFViewer .index__ArrowDisabled {
  display: none;
}
.index__PDFViewer .index__noBill {
  width: 100%;
  text-align: center;
}
.index__PDFViewer i {
  position: absolute;
  z-index: 10;
  background-color: white;
  box-shadow: none !important;
}
.index__PDFViewer .index__scaleButtons {
  position: absolute;
  right: 20px;
  bottom: 20px;
  display: flex;
  flex-direction: column;
}
.index__PDFViewer .index__scaleButtons i {
  position: relative;
  margin-top: 10px;
}

@media screen {
  .PrintablePage__PrintablePage {
    padding-top: 0 !important;
  }
}
@media print {
  .PrintablePage__PrintablePage {
    display: block !important;
    padding: 0 !important;
    margin-top: 20px !important;
    margin-bottom: 0 !important;
  }
  .PrintablePage__PrintablePage > *:first-child {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .PrintablePage__PrintablePage > * {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .PrintablePage__PrintablePage .column {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .PrintablePage__PrintablePage .column:first-of-type {
    padding-right: 1rem !important;
    padding-left: 0 !important;
  }
  .PrintablePage__PrintablePage .column:last-of-type {
    padding-right: 0 !important;
    padding-left: 1rem !important;
  }
  .PrintablePage__PrintablePage .column:only-of-type {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .PrintablePage__PrintablePage .column.stretched,
  .PrintablePage__PrintablePage .one.column,
  .PrintablePage__PrintablePage .one.column .column {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}
@media screen {
  .PrintablePage__PrintablePage.PrintablePage__print {
    display: none !important;
  }
}
@media print {
  .PrintablePage__PrintablePage.PrintablePage__screen {
    display: none !important;
  }
}
.PrintablePage__PrintablePage.PrintablePage__alwaysBreakPage {
  page-break-before: always;
  page-break-inside: avoid;
}
.PrintablePage__PrintablePage.PrintablePage__maybeBreakPage {
  page-break-after: avoid;
  page-break-inside: avoid;
}

.TotalItems__TotalItems {
  display: block;
  margin-bottom: 0 !important;
  font-style: italic;
  text-align: center;
}

.SiteCrossFilterControls__SiteCrossFilterControls {
  padding: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
.SiteCrossFilterControls__SiteCrossFilterControls .SiteCrossFilterControls__Divider {
  margin: 5px 0 15px 0 !important;
}
.SiteCrossFilterControls__SiteCrossFilterControls .SiteCrossFilterControls__HistogramDivider {
  margin: 5px 15px 15px 15px !important;
}
.SiteCrossFilterControls__SiteCrossFilterControls .SiteCrossFilterControls__HistogramColumn {
  padding: 30px 15px 0 15px !important;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
}
.SiteCrossFilterControls__SiteCrossFilterControls .SiteCrossFilterControls__HistogramColumn:first-child {
  border-left: none !important;
}
.SiteCrossFilterControls__SiteCrossFilterControls.SiteCrossFilterControls__hidden {
  display: none;
}
.SiteCrossFilterControls__SiteCrossFilterControls .SiteCrossFilterControls__resetFiltersButton {
  position: absolute;
  z-index: 10;
  top: 15px;
  right: 0;
  margin: 0 11px 0 0 !important;
}

.link__container {
  border-radius: 0px !important;
  color: #fff !important;
}
.link__container i {
  background-color: rgba(0, 0, 0, 0) !important;
}

.SurveyMoreInfoContents__SurveyMoreInfoContents h5 {
  font-weight: 500 !important;
}
.SurveyMoreInfoContents__SurveyMoreInfoContents .SurveyMoreInfoContents__infoHeader {
  margin-bottom: 30px !important;
}
.SurveyMoreInfoContents__SurveyMoreInfoContents .SurveyMoreInfoContents__infoContainer {
  margin-bottom: 20px !important;
}
.SurveyMoreInfoContents__SurveyMoreInfoContents .SurveyMoreInfoContents__infoContainer .SurveyMoreInfoContents__infoItem {
  display: flex !important;
  align-items: baseline;
}
.SurveyMoreInfoContents__SurveyMoreInfoContents .SurveyMoreInfoContents__infoContainer .SurveyMoreInfoContents__infoItem h5 {
  margin-bottom: 0 !important;
}
.SurveyMoreInfoContents__SurveyMoreInfoContents .SurveyMoreInfoContents__helpButton {
  margin-left: 10px !important;
}
.SurveyMoreInfoContents__SurveyMoreInfoContents .SurveyMoreInfoContents__descriptionParagraph {
  margin-top: 10px;
}
.SurveyMoreInfoContents__SurveyMoreInfoContents .SurveyMoreInfoContents__descriptionParagraph * {
  color: rgba(0, 0, 0, 0.6);
}
.SurveyMoreInfoContents__SurveyMoreInfoContents .SurveyMoreInfoContents__linkRow {
  margin-top: 40px;
}
.SurveyMoreInfoContents__SurveyMoreInfoContents .SurveyMoreInfoContents__linkRow button {
  margin-right: 20px !important;
}
.SurveyMoreInfoContents__SurveyMoreInfoContents .SurveyMoreInfoContents__linkRow .SurveyMoreInfoContents__howToLink {
  margin-top: 10px;
}
.SurveyMoreInfoContents__SurveyMoreInfoContents .SurveyMoreInfoContents__iconHeader {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 5px, 0, 5px, 0;
}
.SurveyMoreInfoContents__SurveyMoreInfoContents .SurveyMoreInfoContents__iconHeader .SurveyMoreInfoContents__number {
  margin-left: 30px;
}
.SurveyMoreInfoContents__SurveyMoreInfoContents .SurveyMoreInfoContents__roundedIcon i {
  font-size: 1.6rem !important;
}
.SurveyMoreInfoContents__SurveyMoreInfoContents .SurveyMoreInfoContents__totalHeader {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  margin-left: 15px !important;
  font-size: 1.2em !important;
  font-weight: 300 !important;
}
.SurveyMoreInfoContents__SurveyMoreInfoContents .SurveyMoreInfoContents__estimatedCost {
  margin-top: 30px;
}

.StartSurveyRatingsSummary__Centered {
  text-align: center !important;
}
.StartSurveyRatingsSummary__RatingIcon {
  height: 45px !important;
}
.StartSurveyRatingsSummary__RatingText {
  font-size: 45px;
  text-align: center !important;
}
.StartSurveyRatingsSummary__TinyRatingIcon {
  text-align: center !important;
  height: 3.2rem !important;
}
.StartSurveyRatingsSummary__TinyRatingText {
  font-size: 2em;
  text-align: center !important;
}
.StartSurveyRatingsSummary__CostText {
  color: #35b87a;
}
.StartSurveyRatingsSummary__ImpactText {
  color: #e9c118;
}
.StartSurveyRatingsSummary__DifficultyText {
  color: #397ec1;
}

.index__resetFiltersButton {
  position: absolute;
  z-index: 10;
  top: 15px;
  right: 45px;
}
.highcharts-title {
  z-index: -1;
}
.highcharts-treegrid-node-level-1 {
  overflow: hidden;
  color: black;
  font-weight: 400 !important;
  text-overflow: ellipsis;
  white-space: nowrap !important;
}

.TimelineChart__InnerDataLabel {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}

.AssetScoreTimelineChart__AssetScoreTimelineChart .highcharts-data-label-box {
  width: 150px;
  height: 50px;
  padding: 0;
  stroke-width: 0;
}
.AssetScoreTimelineChart__AssetScoreTimelineChart .highcharts-point {
  stroke: none;
}
.AssetScoreTimelineChart__DataLabelWrapper {
  display: flex;
  width: 150px;
  height: 50px;
  text-transform: uppercase;
}
.AssetScoreTimelineChart__NameBox {
  align-self: center;
  padding: 0.9rem;
}
.AssetScoreTimelineChart__ValueBox {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  color: white;
  font-size: 20px;
  font-weight: 500;
}

.BreakdownByBuildingTypeTable__BreakdownByBuildingTypeTable tr td:first-of-type {
  background-color: #fafafa;
  color: #333333;
  font-weight: 500;
}
.BreakdownByBuildingTypeTable__BreakdownByBuildingTypeTable tr td:not(td:first-of-type) {
  text-align: right;
}
.BreakdownByBuildingTypeTable__BreakdownByBuildingTypeTable table thead {
  text-align: center;
}

.BreakdownPieChart__Chart {
  overflow: visible !important;
}

.BuildingSizeByFloorAreaSection__Wrapper {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 1fr 1fr;
}
.BuildingSizeByFloorAreaSection__Wrapper table {
  height: 100%;
}
.BuildingSizeByFloorAreaSection__Wrapper table thead {
  text-align: center;
}
.BuildingSizeByFloorAreaSection__Wrapper tr td:not(td:first-of-type) {
  text-align: right;
}

.BuildingSyncMeasureTable__Table {
  height: 380px;
}

.BuildingSyncSystemCard__Card {
  height: 14rem !important;
}
.BuildingSyncSystemCard__Card .segment {
  margin: 0 !important;
}
.BuildingSyncSystemCard__Card .segment:nth-child(2) {
  height: 100% !important;
}
.BuildingSyncSystemCard__Card p {
  margin: 0 !important;
}
.BuildingSyncSystemCard__Card p > span {
  font-weight: 500;
}
.BuildingSyncSystemCard__TopBar {
  padding: 2px 8px !important;
}
.BuildingSyncSystemCard__Content {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 100%;
  margin-left: 1.5em !important;
}
.BuildingSyncSystemCard__IconWrapper {
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  padding-top: 1rem;
  margin-right: 2rem;
}
.BuildingSyncSystemCard__IconWrapper i {
  font-size: 2.4rem !important;
  margin: 0 !important;
}

.BuildingSyncSystemConfigurationModal__ModalContainer .container.content > h3 {
  font-size: 1.5em !important;
}
.BuildingSyncSystemConfigurationModal__ModalContainer h3 .content {
  padding: 0 !important;
}

.BuildingSyncSystemForm__Wrapper .field {
  width: fit-content;
  min-width: 60%;
}
.BuildingSyncSystemForm__SelectSystemWrapper {
  min-height: 60px;
  margin-bottom: 1rem;
}

.RoundedIcon__RoundedIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50% !important;
}
.RoundedIcon__RoundedIcon.RoundedIcon__large {
  width: 3.2rem;
  min-width: 3.2rem;
  height: 3.2rem;
  min-height: 3.2rem;
}
.RoundedIcon__RoundedIcon.RoundedIcon__tiny {
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  min-height: 1.5rem;
}
.RoundedIcon__RoundedIcon.RoundedIcon__tiny i {
  font-size: 1rem !important;
}
.RoundedIcon__RoundedIcon i {
  margin: 0 !important;
}

.ComplianceStatusNotificationCard__Card {
  min-height: 4rem !important;
}
.ComplianceStatusNotificationCard__Card p {
  margin: 0 !important;
}
.ComplianceStatusNotificationCard__Card strong {
  color: black;
}
.ComplianceStatusNotificationCard__Content {
  display: grid;
  align-items: center;
  padding: 1.5rem 2rem !important;
  grid-template-columns: auto 1fr auto;
}
.ComplianceStatusNotificationCard__IconWrapper {
  margin-right: 1.5rem;
}

.ComplianceStatusTabMenu__CircularLabel {
  margin-right: 10px !important;
  margin-left: 0px !important;
}
.ComplianceStatusTabMenu__ComplianceTabMenu {
  margin-bottom: 15px !important;
}
.ui.mini.circular.label {
  padding: 0.4em !important;
}

.ContactDropdown__ContactDropdown {
  min-height: 1.8em;
}
.ContactDropdown__ContactDropdown .menu {
  width: 100%;
}
.ContactDropdown__ContactDropdown .dropdown {
  padding-top: 0.2em;
}
.ContactDropdown__ContactDropdown .sizer {
  visibility: hidden !important;
}
.ContactDropdown__ContactDropdown .ui.multiple.dropdown > .label {
  display: flex;
  background-color: #f7f7f7 !important;
  padding: 1em !important;
}
.ContactDropdown__Wrapper .divider.text {
  display: none !important;
}
.ContactDropdown__Wrapper .icon {
  display: none !important;
}
.ContactDropdown__Wrapper .search {
  display: none !important;
}

.ContentCard__Card {
  min-height: 5rem !important;
}
.ContentCard__Card .segment {
  margin: 0 !important;
}
.ContentCard__Card .segment:nth-child(2) {
  height: 100% !important;
}
.ContentCard__Card p {
  margin: 0 !important;
}
.ContentCard__Card p > span {
  font-weight: 500;
}
.ContentCard__TopBar {
  display: flex;
  min-height: 35px;
  justify-content: space-between !important;
  padding: 0.5rem 8px !important;
}
.ContentCard__CloseIcon {
  cursor: pointer;
  text-align: right;
}
.ContentCard__Title {
  font-weight: 500;
}

.DashboardActionBar__Wrapper {
  padding: 1em 0 1.5em 0;
  padding-bottom: 1em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.DashboardActionBar__Wrapper button {
  padding-right: 15px !important;
  padding-left: 15px !important;
  margin-right: 10px !important;
}
.DashboardActionBar__Wrapper button i {
  padding-right: 25px !important;
}
.DashboardActionBar__Wrapper::after {
  display: table;
  clear: both;
  content: '';
}

.Dropdown__Clearable .clear::before {
  content: '\e838' !important;
}
.Dropdown__Dropdown .ui.selection.dropdown .menu > .item.header {
  padding: 0 1rem 0.75rem 1rem !important;
  border-bottom: 1px solid #ccc;
  margin: 1rem 0 0.75rem !important;
  pointer-events: none !important;
}
.Dropdown__Dropdown .ui.selection.dropdown .menu > .item.header:first-child {
  padding-top: 0.75rem !important;
}
.Dropdown__Dropdown .ui.selection.dropdown .menu > .item.divider {
  padding: 0 !important;
  border-top: 1px solid #ccc;
  pointer-events: none !important;
}

.DateRangeFilter__Hidden {
  visibility: hidden;
}

.DateRangeInput__Wrapper {
  display: grid;
  justify-content: start;
  grid-gap: 1rem;
  grid-template-columns: repeat(2, auto);
  justify-items: start;
}
.DateRangeInput__Input {
  min-height: 22px;
}
.DateRangeInput__Input div {
  width: 8rem;
  margin: 0 !important;
}
.DateRangeInput__Label {
  display: block;
}

.Divider__VerticalDivider {
  height: 100%;
  min-height: 35px;
  border-left: 1px solid rgba(34, 36, 38, 0.15);
}

/*
 * Copyright (c) 2018. Maalka Inc. All rights reserved.
 *
 * This file is part of the Maalka Platform Project and may not be copied and/or distributed
 * without explicit permission of Maalka Inc.
 *
 */
.DocumentCard__DocumentCard {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  border-radius: 0 !important;
  min-height: 82px !important;
  padding: 10px !important;
}
.DocumentCard__DocumentCard .DocumentCard__cardHeader {
  font-size: 15px !important;
  font-weight: bold !important;
}
.DocumentCard__DocumentCard .DocumentCard__cardDescription {
  font-size: 14px !important;
  font-weight: 300 !important;
  font-style: italic !important;
  margin-top: 5px !important;
}
.DocumentCard__DocumentCard .DocumentCard__cardActions {
  padding: 14px;
  float: right !important;
}

.EditBaselinesHeader__Wrapper i {
  font-size: 1em !important;
}

.EditReportsTab__Subtitle {
  margin-bottom: 1rem !important;
}
.EditReportsTab__TabMenu {
  margin: 1rem 0;
}

.Field__FieldGrid {
  display: grid;
  align-items: center;
  margin-top: 3px;
  margin-bottom: 3px;
  grid-gap: 1rem;
  grid-template-columns: min-content auto;
}
.Field__FieldGrid .input,
.Field__FieldGrid .ui.dropdown {
  width: 300px !important;
}
.Field__FieldGrid textarea {
  min-width: 300px;
  max-width: 300px;
  margin: 1rem 0 !important;
}
.Field__FieldLabel {
  width: 350px;
  padding: 1.2rem 2rem 1.2rem 2rem;
  background: #f7f7f7;
  color: #414042 !important;
  font-size: 1em !important;
  font-weight: 600 !important;
}

.FileCard__FileCard {
  display: grid;
  width: 155px;
  background: #f7f7f7;
  grid-template-rows: max-content auto !important;
  box-shadow: 0 4px 4px 0 #00000040;
  opacity: 0.8;
}
.FileCard__FileCard .FileCard__Heading {
  display: grid;
  width: 100%;
  height: 24px;
  align-items: center;
  padding: 5px 10px;
  grid-gap: 10px;
  grid-template-columns: 1fr auto;
}
.FileCard__FileCard .FileCard__Heading .icon {
  margin: 0 !important;
  cursor: pointer;
}
.FileCard__FileCard .FileCard__Title {
  overflow: hidden;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.FileCard__FileCard .FileCard__Content {
  height: 126px;
}
.FileCard__FileCard .FileCard__Image {
  border: 1px solid #ccc !important;
  cursor: pointer;
}
.FileCard__FileCard .FileCard__PreviewImage {
  overflow: hidden;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.FileCard__FileCard .FileCard__PlaceholderImage {
  overflow: hidden;
  width: 100%;
  height: 100%;
  object-fit: cover;
  cursor: pointer;
}

.GroupInfoCard__GroupInfoSegment {
  margin-bottom: 1rem !important;
}
.GroupInfoCard__GroupInfoCard {
  margin: 0 !important;
}
.GroupInfoCard__GroupInfoCard .GroupInfoCard__linkedLabel {
  color: #06A1F9 !important;
  background-color: #f7f7f7 !important;
  font-weight: normal !important;
}
.GroupInfoCard__GroupInfoCard .GroupInfoCard__headerContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.GroupInfoCard__GroupInfoCard .GroupInfoCard__title {
  margin-right: 4px !important;
  display: inline-block !important;
}
.GroupInfoCard__GroupInfoCard .GroupInfoCard__info {
  display: block;
}

.HamburgerMenu__PointingDropdown i {
  transform: rotate(-90deg);
}

.InfoBox__InfoBox {
  min-width: 300px;
  max-width: 540px;
  min-height: 100px;
  padding: 25px !important;
  margin-left: 20px !important;
}
.InfoBox__InfoBox .InfoBox__Title {
  color: #414042;
  font-size: 1.1rem;
  font-weight: 600;
}

.JSONSchemaControlsSection__HeaderWrapper {
  display: flex;
  align-items: center;
}
.JSONSchemaControlsSection__HeaderWrapper h4 {
  margin-right: 2rem;
  margin-bottom: 0 !important;
}
.JSONSchemaControlsSection__SpreadsheetWrapper {
  margin-top: 1rem;
}
.JSONSchemaControlsSection__SpreadsheetWrapper tr [class*='disabledCell'] {
  background: rgba(0, 0, 0, 0.1) !important;
}

.KavaPerformanceBarChart__Chart .highcharts-label,
.KavaPerformanceBarChart__Chart .highcharts-data-label > span {
  z-index: -1;
}

.KavaSimulationTableRow__KavaSimulationTableRow.KavaSimulationTableRow__active {
  background-color: rgba(0, 0, 50, 0.02) !important;
  color: inherit !important;
}
.KavaSimulationTableRow__KavaSimulationTableRow .KavaSimulationTableRow__ProgressCell > div {
  float: right;
}

.KavaSimulationTable__Toolbar .inline > *:first-child {
  margin-right: 1rem;
}

.MeasuresStatisticBoxes__StatisticColumn {
  border-left: 1px solid rgba(0, 0, 0, 0.2);
}
.MeasuresStatisticBoxes__StatisticColumn:first-child {
  border-left: none !important;
}
.MeasuresStatisticBoxes__StatisticBoxContainer {
  padding: 0 5px 0 5px !important;
}
.MeasuresStatisticBoxes__StatisticBoxContainer .MeasuresStatisticBoxes__StatisticBox {
  padding: 40px !important;
}

.PerformanceProgressHeader__Wrapper i {
  font-size: 1em !important;
}

.PerformanceProgressTable__Symbol {
  font-size: 0.6em;
}
.PerformanceProgressTable__GoalIndicator {
  display: block !important;
  text-align: right;
  white-space: nowrap !important;
}

.PerformanceReportBoxGrid__Wrapper .ui.segment {
  margin: 0 !important;
}
.PerformanceReportBoxGrid__Wrapper .hourglass {
  transform: scale(0.6);
}
.PerformanceReportBoxGrid__Spacer {
  margin-top: 20px;
  margin-bottom: 20px;
}

.PerformanceReportBuildingsSection__Spacer {
  margin-top: 20px;
  margin-bottom: 20px;
}
.PerformanceReportBuildingsSection__SplitGrid {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 1fr 1fr;
}
.PerformanceReportBuildingsSection__SplitGrid table {
  height: 100%;
}
.PerformanceReportBuildingsSection__SplitGrid table thead {
  text-align: center;
}
.PerformanceReportBuildingsSection__SplitGrid tr td:not(td:first-of-type) {
  text-align: right;
}
.PerformanceReportBuildingsSection__SplitGrid tr:last-of-type {
  height: 100% !important;
  vertical-align: text-top !important;
}

.StatisticBreakdownSection__Wrapper {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 1fr 1fr;
}
.StatisticBreakdownSection__BreakdownTable {
  font-weight: 500;
}
.StatisticBreakdownSection__BreakdownTable table {
  height: 100%;
}

.PerformanceReportEmissionsSection__Spacer {
  margin-top: 23px !important;
  margin-bottom: 20px !important;
}
.PerformanceReportEmissionsSection__Spacer2 {
  margin-top: 23px;
}
.PerformanceReportEmissionsSection__SplitGrid {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 1fr 1fr;
}
.PerformanceReportEmissionsSection__SplitGrid table {
  height: 100%;
}
.PerformanceReportEmissionsSection__SplitGrid table thead {
  text-align: center;
}
.PerformanceReportEmissionsSection__SplitGrid tr td:not(td:first-of-type) {
  text-align: right;
}
.PerformanceReportEmissionsSection__SplitGrid tr:last-of-type {
  height: 100% !important;
  vertical-align: text-top !important;
}
.PerformanceReportEmissionsSection__BreakdownTable {
  font-weight: 500;
}

.PerformanceReportEnergySection__Spacer {
  margin-top: 23px !important;
  margin-bottom: 20px !important;
}
.PerformanceReportEnergySection__Spacer2 {
  margin-top: 23px;
}
.PerformanceReportEnergySection__SplitGrid {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 1fr 1fr;
}
.PerformanceReportEnergySection__SplitGrid table {
  height: 100%;
}
.PerformanceReportEnergySection__SplitGrid table thead {
  text-align: center;
}
.PerformanceReportEnergySection__SplitGrid tr td:not(td:first-of-type) {
  text-align: right;
}
.PerformanceReportEnergySection__SplitGrid tr:last-of-type {
  height: 100% !important;
  vertical-align: text-top !important;
}

.PerformanceReportWaterSection__Spacer {
  margin-top: 23px !important;
  margin-bottom: 20px !important;
}
.PerformanceReportWaterSection__Spacer2 {
  margin-top: 23px;
}
.PerformanceReportWaterSection__BuildingTypeTable tr td:first-of-type {
  background-color: #fafafa;
  color: #333333;
  font-weight: 500;
}
.PerformanceReportWaterSection__BuildingTypeTable table thead {
  text-align: center;
}
.PerformanceReportWaterSection__SplitGrid {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 1fr 1fr;
}
.PerformanceReportWaterSection__SplitGrid table {
  height: 100%;
}
.PerformanceReportWaterSection__SplitGrid table thead {
  text-align: center;
}
.PerformanceReportWaterSection__SplitGrid tr td:not(td:first-of-type) {
  text-align: right;
}
.PerformanceReportWaterSection__SplitGrid tr:last-of-type {
  height: 100% !important;
  vertical-align: text-top !important;
}

.PersistedDateRangeInput__DateRangeWrapper {
  display: flex;
  align-items: flex-end;
}
.PersistedDateRangeInput__DateRangeWrapper input {
  height: 2.4rem !important;
}
.PersistedDateRangeInput__DateRangeWrapper > button {
  margin-left: 0.5rem !important;
}

.PlaceholderPanel__PlaceholderPanel {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}
.PlaceholderPanel__PlaceholderPanelContent {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}
.PlaceholderPanel__PlaceholderPanelActions {
  margin-top: 2rem;
}
.PlaceholderPanel__PlaceholderPanelActions .ui.circular.icon.button {
  margin: auto !important;
}

.PrintableFooter__Wrapper {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: 1fr 1fr 1fr;
}
.PrintableFooter__Item {
  display: flex;
  align-items: center;
}
.PrintableFooter__ItemContent {
  margin-left: 1rem;
}
.PrintableFooter__ItemContent p {
  margin: 0;
}
.PrintableFooter__FileIcon i {
  margin-bottom: 0.1rem !important;
  font-size: 1.4rem !important;
}

.PrintableTabHeader__Wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.PrintableTabHeader__TextWrapper {
  margin-left: 1.5rem;
}
.PrintableTabHeader__TextWrapper p {
  color: black;
}
.PrintableTabHeader__TextWrapper p:first-child {
  margin-bottom: 5px;
  font-size: 23px;
  font-weight: 600;
  text-transform: uppercase;
}
.PrintableTabHeader__TextWrapper p:nth-child(2) {
  font-size: 17px;
}

.PublicNavbar__PrimaryNavbar {
  background-color: #333 !important;
  z-index: 105 !important;
}
@media screen {
  .PublicNavbar__PrimaryNavbar {
    height: 50px;
  }
}
.PublicNavbar__PrimaryNavbar .PublicNavbar__Logo {
  margin-left: 20px;
  left: 0;
}
.PublicNavbar__PrimaryNavbar .PublicNavbar__Logo img {
  width: 80px !important;
}
.PublicNavbar__PrimaryNavbar .PublicNavbar__PoweredBy {
  margin-right: 20px;
  float: right;
}
.PublicNavbar__PrimaryNavbar .PublicNavbar__PoweredBy img {
  width: 140px !important;
}
.PublicNavbar__PrimaryNavbar .PublicNavbar__PoweredBy .PublicNavbar__helpButton {
  padding: 1px 2px 1px 2px !important;
  margin-left: 20px !important;
}

.PublishedReportsTable__HelpButton {
  margin-left: 0.5rem !important;
}

.ReferenceTables__ReferenceTable {
  background-color: white !important;
  padding: 0 !important;
  margin-top: 30px !important;
}
.ReferenceTables__ReferenceTable .ReferenceTables__ReferenceTableSegment {
  margin-top: 25px !important;
}
.ReferenceTables__ReferenceTable {
  margin-bottom: 0px !important;
}

.AddGroupForm__FormSegment {
  width: 100% !important;
  padding: 0 !important;
  margin-top: 1.5rem !important;
}
.AddGroupForm__Table {
  width: 100% !important;
}
.AddGroupForm__field {
  width: 80% !important;
  margin-bottom: 1rem !important;
}
.AddGroupForm__field div {
  width: 100% !important;
}
.AddGroupForm__SearchRow {
  margin-top: 1rem;
}
.AddGroupForm__TableContainer {
  margin-top: 1rem;
}
.AddGroupForm__label {
  font-size: 0.9em !important;
}

.index__DatePagination {
  display: flex;
  align-items: center;
}
.index__DatePagination.index__Range {
  margin-left: 4rem;
}
.index__DatePagination i {
  cursor: pointer;
  margin-right: 0 !important;
}
.index__DatePagination .index__input {
  min-width: 110px;
}
.index__DatePagination .index__input input {
  padding: 5px 25px;
  font-size: 15px;
  max-width: 110px;
}
.index__DatePagination .index__input.index__rangeInput {
  min-width: 95px;
  margin-left: 3px;
  margin-right: 3px;
}
.index__DatePagination .index__input.index__rangeInput input {
  max-width: 95px;
  padding: 5px;
}

.index__emptyCell {
  height: 44px;
}
.index__actionCell {
  padding: 0;
  text-align: center;
  display: flex;
  height: 45px;
  justify-content: center;
  align-items: center;
}
.index__actionButton {
  width: 100%;
  margin: 0 !important;
}

.index__DateRangeCellWrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.index__separator {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  text-align: center;
  font-weight: bold;
}
.index__date {
  display: flex;
  font-weight: bold;
  min-height: 22px;
  width: 99px;
}
.index__date div {
  width: 74px;
  margin: 0px !important;
}

.LinkCell__LinkCell {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.index__NumberCell {
  text-align: right !important;
}
.index__NumberCell.index__moneyPlaceholder {
  color: #ccc !important;
}
.index__NumberCell.index__disabled {
  font-style: italic;
  color: rgba(40, 40, 40, 0.4);
}
.htCore .locked {
  background-color: #f5f5f5 !important;
  font-style: italic;
}

.index__TextCell {
  position: relative;
  display: flex;
  overflow: hidden;
  height: 45px;
  word-break: break-all;
}
.index__TextCell i {
  line-height: 45px !important;
}
.index__TextCell.index__centralized {
  justify-content: center;
}
.index__TextCell.index__withTextFadeout::after {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 60px;
  height: 45px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 89%);
  content: '';
  text-align: right;
}
.area.highlight *::after {
  background: transparent !important;
}

.DataQualityConfigurationForm__DataQualityConfigurationFormContainer form .menu .item .content,
.DataQualityConfigurationForm__DataQualityConfigurationFormContainer form .ui.header .content {
  padding: 0 0 0 1rem !important;
}

.ValidationRuleFieldsInput__ValidationRuleFieldsInput {
  margin-bottom: 0 !important;
}
.ValidationRuleFieldsInput__ValidationRuleFieldsInput .ValidationRuleFieldsInput__changedField > div {
  background-color: rgba(6, 161, 249, 0.35) !important;
}
.ValidationRuleFieldsInput__ValidationRuleFieldsInput .ValidationRuleFieldsInput__changedField > div input {
  background-color: transparent !important;
}

.ValidationRuleFieldsTable__ValidationRuleFieldsTable.ValidationRuleFieldsTable__disabled th span,
.ValidationRuleFieldsTable__ValidationRuleFieldsTable .ValidationRuleFieldsTable__disabled th span,
.ValidationRuleFieldsTable__ValidationRuleFieldsTable.ValidationRuleFieldsTable__disabled td span,
.ValidationRuleFieldsTable__ValidationRuleFieldsTable .ValidationRuleFieldsTable__disabled td span {
  text-decoration: line-through;
}

.ValidationRuleFields__ValidationRuleFields {
  margin-bottom: 40px;
}

.EspmSpreadsheet__EspmSpreadsheet td.htDimmed {
  font-style: italic;
}
.EspmSpreadsheet__EspmSpreadsheet .EspmSpreadsheet__UnitForm {
  text-align: right;
  margin-bottom: 1rem;
}
.EspmSpreadsheet__EspmSpreadsheet .EspmSpreadsheet__UnitForm > div > div {
  display: inline-block;
  margin-left: 0.5rem;
}

.EspmSpreadsheetModal__EspmSpreadsheetModal form {
  position: relative;
  z-index: 999;
}
.EspmSpreadsheetModal__EspmSpreadsheetModal form:first-of-type {
  z-index: 9999;
}
.EspmSpreadsheetModal__EspmSpreadsheetModal form .fields > span {
  margin-left: 0.5rem;
}

.FileAuditModal__Title {
  cursor: pointer;
}
.FileAuditModal__HeaderWrapper {
  display: grid;
  grid-template-columns: 1fr auto;
}
.FileAuditModal__Hoverable {
  padding-right: 10px;
}

.SitesMetadataSpreadsheet__SitesMetadataSpreadsheet {
  position: relative;
}
.SitesMetadataSpreadsheet__SitesMetadataSpreadsheet .SitesMetadataSpreadsheet__changedCell {
  background-color: rgba(6, 161, 249, 0.35) !important;
  color: #06a1f9 !important;
}
.SitesMetadataSpreadsheet__SitesMetadataSpreadsheet .SitesMetadataSpreadsheet__changedCell *::after {
  width: auto !important;
}
.SitesMetadataSpreadsheet__SitesMetadataSpreadsheet .htDimmed {
  font-style: italic;
  color: rgba(0, 0, 0, 0.45) !important;
}
.SitesMetadataSpreadsheet__SitesMetadataSpreadsheet .autocompleteEditor .htDimmed {
  color: #777 !important;
}

.SiteUseFormModal__RegisterModal .SiteUseFormModal__HeaderContainer {
  margin-bottom: 25px;
}

.SiteValidatorsSpreadsheet__SiteValidatorsSpreadsheet {
  position: relative;
}

.ReportSectionHeader__HeaderButton {
  margin-right: 0 !important;
}

.ScoreCard__Wrapper {
  display: grid;
  overflow: hidden;
  max-width: 22rem;
  padding: 0 !important;
  border-radius: 0.5em !important;
  grid-template-columns: 10fr 6fr;
}
.ScoreCard__LeftContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  text-align: center;
}
.ScoreCard__LeftContainer p {
  font-size: 1em;
  font-weight: 400;
  text-transform: uppercase;
}
.ScoreCard__RightContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem 0;
}
.ScoreCard__RightContainer p {
  margin: 0 !important;
}
.ScoreCard__Number {
  color: white;
  font-size: 1.4em;
  font-weight: 500;
}
.ScoreCard__Unit {
  color: white;
  font-size: 0.8em;
  font-weight: 300;
}

.FullAddress__FullAddress {
  font-weight: 300;
  line-height: 24px !important;
  font-size: 15px !important;
}
.FullAddress__FullAddress.FullAddress__italic {
  font-style: italic;
}
.FullAddress__FullAddress.FullAddress__blocked {
  display: block;
}

.FullGrossFloorArea__FullGrossFloorArea {
  font-weight: 400 !important;
}

@media screen {
  .SiteInfoCard__SiteInfoSegment {
    margin-bottom: 1rem !important;
  }
}
.SiteInfoCard__SiteInfoCard {
  margin: 0 !important;
}
.SiteInfoCard__SiteInfoCard b {
  color: black !important;
  font-size: 15px !important;
  font-weight: 500 !important;
}
.SiteInfoCard__SiteInfoCard .SiteInfoCard__banner {
  max-height: 90px;
  float: right;
}
.SiteInfoCard__SiteInfoCard .SiteInfoCard__headerContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.SiteInfoCard__SiteInfoCard .SiteInfoCard__headerContainer .SiteInfoCard__buttonContainer {
  margin-left: 10px !important;
}
.SiteInfoCard__SiteInfoCard .SiteInfoCard__title {
  display: inline-block !important;
  margin-right: 4px !important;
}
.SiteInfoCard__SiteInfoCard .SiteInfoCard__titleDeactivate {
  font-weight: normal !important;
}
.SiteInfoCard__SiteInfoCard .SiteInfoCard__headerDivider {
  margin: 0.2em !important;
}
.SiteInfoCard__SiteInfoCard .SiteInfoCard__info {
  display: block;
}
.SiteInfoCard__SiteInfoCard .SiteInfoCard__image {
  min-height: 100% !important;
  max-height: 150px;
  object-fit: cover;
  display: inline-block !important;
}
.SiteInfoCard__SiteInfoCard .SiteInfoCard__schoolInfo {
  display: inline-block !important;
  padding-left: 1em !important;
  margin-top: 0 !important;
  margin-left: 150px !important;
}
.SiteInfoCard__SiteInfoCard .SiteInfoCard__uploader {
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  width: 150px !important;
  max-height: 150px;
}
.SiteInfoCard__SiteInfoCard .SiteInfoCard__uploader .image {
  max-height: 150px;
}
.SiteInfoCard__SiteInfoCard .SiteInfoCard__uploader img {
  object-fit: cover;
  box-sizing: border-box;
  width: 100%;
  height: 100% !important;
}
.SiteInfoCard__SiteInfoCard .SiteInfoCard__error {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  padding: 16px;
  background-color: #fafafa;
}
.SiteInfoCard__SiteInfoCard .SiteInfoCard__error .SiteInfoCard__errorMessage {
  font-size: 12px;
  text-align: center;
}
.SiteInfoCard__SiteInfoCard.SiteInfoCard__SiteDisabled .item span,
.SiteInfoCard__SiteInfoCard.SiteInfoCard__SiteDisabled .item em,
.SiteInfoCard__SiteInfoCard.SiteInfoCard__SiteDisabled .item h3 {
  color: rgba(0, 0, 0, 0.45) !important;
}

.ClientLinkIcon__linkedLabel {
  color: #06A1F9 !important;
  background-color: #f7f7f7 !important;
  font-weight: normal !important;
}

.SitesMap__PopupContent {
  min-width: 150px;
}
.SitesMap__PopupContent::after {
  position: absolute;
  z-index: 0;
  top: 75%;
  left: 0;
  width: 100%;
  height: 50%;
  content: '';
}

.SitesReport__ReportForm {
  padding-top: 2em;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.SitesReport__ReportForm .SitesReport__bottomRow {
  padding-top: 0 !important;
}
.SitesReport__ReportForm .SitesReport__explanationRow {
  padding-left: 30px !important;
  padding-right: 400px !important;
}
.SitesReport__header {
  display: flex;
  align-items: baseline;
  margin-bottom: 20px;
}
.SitesReport__header *:last-child {
  margin-left: 10px !important;
}

.SitesTable__Dropdown {
  white-space: nowrap;
}

.StatisticAdvancedFilters__Wrapper .input {
  width: 100%;
}
.StatisticAdvancedFilters__Wrapper .input,
.StatisticAdvancedFilters__Wrapper .button {
  margin: 0 !important;
}
.StatisticAdvancedFilters__FilterWrapper {
  display: grid;
  align-items: center;
  grid-gap: 1rem;
  grid-template-columns: 2fr 1fr;
}
.StatisticAdvancedFilters__AdvancedFiltersWrapper {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: 1fr 1fr 1fr;
}

.StatisticHistogramChart__PlaceholderWrapper {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.StatisticHistogramChart__Placeholder {
  display: flex;
  min-height: 140px;
  flex: 1;
  align-items: center;
}
.StatisticHistogramChart__PlaceholderTitle {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1;
  text-align: center;
}

.StatisticHistogramGrid__Wrapper {
  position: relative;
  display: grid;
  align-items: start;
  justify-content: center;
  margin-bottom: 2rem;
  grid-auto-columns: minmax(0, 1fr);
  grid-auto-flow: column;
}
.StatisticHistogramGrid__HistogramColumn {
  position: relative;
  padding: 30px 15px 0 15px;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
}
.StatisticHistogramGrid__HistogramColumn:first-child {
  padding-left: 0;
  border-left: none;
}
.StatisticHistogramGrid__HistogramColumn:last-child {
  padding-right: 0;
}
.StatisticHistogramGrid__WarningIcon {
  position: absolute;
  z-index: 1;
  right: 15px;
  margin-top: -5px;
}

.StatisticPieChartGrid__Wrapper {
  position: relative;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.StatisticPieChartGrid__Wrapper [id*='pie-chart'] {
  overflow: visible !important;
}
.StatisticPieChartGrid__Actions {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  display: grid;
  align-items: center;
  grid-gap: 1rem;
  grid-template-columns: auto auto;
}
.StatisticPieChartGrid__Actions ul {
  padding-left: 1.5rem;
}
.StatisticPieChartGrid__Actions i {
  cursor: pointer;
}
.StatisticPieChartGrid__OneChart {
  display: grid;
  align-items: center;
  justify-content: center;
  grid-template-columns: auto;
}
.StatisticPieChartGrid__TwoCharts {
  display: grid;
  align-items: center;
  justify-content: center;
  grid-template-columns: 1fr 1fr;
}
.StatisticPieChartGrid__ThreeCharts {
  display: grid;
  align-items: center;
  justify-content: center;
  grid-row-gap: 1rem;
  grid-template-columns: 2fr 3fr;
}
.StatisticPieChartGrid__ThreeCharts .StatisticPieChartGrid__RightChart {
  margin-left: 0;
  grid-column: 2;
  grid-row: 1 / span 2;
}
.StatisticPieChartGrid__ThreeCharts > div {
  margin-left: 20px;
}

.ToastContainer__Toast .Toastify__toast-container {
  top: 100px;
  width: 400px;
}
.ToastContainer__Toast .Toastify__toast {
  padding: 1.5em;
  color: black;
  font-family: 'gesta', 'PT Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif !important;
  font-style: italic;
  font-weight: 400;
  line-height: 1.3em;
}

.AdvancedRolesTable__SubTitle {
  margin-bottom: 20px;
}
.AdvancedRolesTable__TableContainer {
  margin: 2rem 0;
}
.AdvancedRolesTable__SearchFormContainer {
  padding-top: 2rem;
  border-top: 1px solid #efefef;
  margin-top: 2rem;
}
.AdvancedRolesTable__SearchFormContainer input {
  margin-top: 23px !important;
}
.AdvancedRolesTable__SearchFormContainer .AdvancedRolesTable__SearchField i {
  margin-top: 11px !important;
}
.AdvancedRolesTable__RoleRow {
  padding-bottom: 0 !important;
}
.AdvancedRolesTable__GroupsDropdown {
  margin-top: auto !important;
}

.InviteCollaboratorModal__InviteCollaboratorModal .scrolling.content {
  overflow: initial !important;
}
.InviteCollaboratorModal__InviteCollaboratorModal .InviteCollaboratorModal__TopFieldsContainer {
  display: grid;
  align-items: center;
  grid-gap: 1rem;
  grid-template-columns: repeat(3, 1fr);
}
.InviteCollaboratorModal__InviteCollaboratorModal .InviteCollaboratorModal__TopFieldsContainer .button {
  justify-self: start;
}
.InviteCollaboratorModal__InviteCollaboratorModal .InviteCollaboratorModal__InviteCollaboratorButton {
  position: relative;
}
.InviteCollaboratorModal__InviteCollaboratorModal .InviteCollaboratorModal__InviteCollaboratorButton .exclamation.icon {
  position: absolute;
  bottom: 1.5rem;
}
.InviteCollaboratorModal__InviteCollaboratorModal .InviteCollaboratorModal__InviteFormContainer {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.InviteCollaboratorModal__InviteCollaboratorModal .InviteCollaboratorModal__InviteFormContainer .InviteCollaboratorModal__Row {
  display: flex;
  flex-direction: row;
}
.InviteCollaboratorModal__InviteCollaboratorModal .InviteCollaboratorModal__InviteFormContainer .InviteCollaboratorModal__Row .input {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.InviteStartCollaboratorModal__UserInfoContainer {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(3, 1fr);
}
.InviteStartCollaboratorModal__RoleContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 20px 0;
}
.InviteStartCollaboratorModal__RoleContainer h4 {
  margin: 0;
}
.InviteStartCollaboratorModal__RoleContainer i {
  margin: 0;
}
.InviteStartCollaboratorModal__RoleHeaderContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 20px 0;
  margin-bottom: 40px;
}
.InviteStartCollaboratorModal__UserHeaderContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 35px 0 30px 0;
}
.InviteStartCollaboratorModal__RoleSchoolHeaderContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 35px 0 20px 0;
}
.InviteStartCollaboratorModal__helpContainer {
  display: flex;
  align-items: center;
  justify-content: center;
}
.InviteStartCollaboratorModal__helpText {
  align-items: center;
  margin: 20px 0;
}
.InviteStartCollaboratorModal__RoleContentContainer {
  margin: 0;
}
.InviteStartCollaboratorModal__RoleLevelContainer {
  display: grid;
  grid-gap: 40px;
  grid-template-columns: repeat(2, 1fr);
}
.InviteStartCollaboratorModal__RoleLevelGroupContainer {
  display: grid;
  width: 100%;
  align-items: center;
  grid-gap: 30px;
  grid-template-columns: auto auto 1fr;
}
.InviteStartCollaboratorModal__RoleLevelSiteContainer {
  display: grid;
  width: 100%;
  align-items: center;
  grid-gap: 30px;
  grid-template-columns: auto 1fr auto;
}
.InviteStartCollaboratorModal__SearchBar {
  display: grid;
  align-items: baseline;
  margin-bottom: 1rem;
  grid-gap: 1rem;
  grid-template-columns: 2fr 1fr 0.2fr auto;
}
.InviteStartCollaboratorModal__SearchBar .input {
  width: 100% !important;
}
.InviteStartCollaboratorModal__RoleTable {
  height: 270px;
}
.InviteStartCollaboratorModal__RoleTable .InviteStartCollaboratorModal__selectRole {
  color: #333 !important;
  font-weight: 500 !important;
}
.InviteStartCollaboratorModal__RoleTable .ui.checkbox label::before {
  border: 1px solid rgba(34, 36, 38, 0.3);
}
.InviteStartCollaboratorModal__RoleTable th {
  border-top: none !important;
  border-bottom: 1px solid rgba(34, 36, 38, 0.15) !important;
}
.InviteStartCollaboratorModal__RoleTable td {
  border: none !important;
}
.InviteStartCollaboratorModal__RoleTable thead td {
  background: #fdfdfd;
}
.InviteStartCollaboratorModal__RoleTable tfoot td {
  border-top: 1px solid rgba(34, 36, 38, 0.15) !important;
}
.InviteStartCollaboratorModal__RoleTable th:nth-child(n + 2) {
  background: #3cceb2 !important;
  color: #fff !important;
}
.InviteStartCollaboratorModal__RoleTable th:nth-child(n + 2),
.InviteStartCollaboratorModal__RoleTable td:nth-child(n + 2) {
  text-align: center !important;
}
.InviteStartCollaboratorModal__RoleLevelCard {
  display: flex;
  width: 250px;
  height: 304px;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 28px;
  background: #fff;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.13);
  cursor: pointer;
}
.InviteStartCollaboratorModal__RoleLevelCard:hover {
  background: #e5e5e5;
  box-shadow: none;
}

.UsersModal__CountLabel {
  margin-bottom: 1em !important;
}
.UsersModal__InnerContent {
  display: grid;
  align-items: end;
  grid-gap: 1rem;
  grid-template-columns: auto auto;
}
.UsersModal__Checkbox {
  margin-right: 1rem;
  justify-self: end;
}
.UsersModal__SearchRow {
  display: flex;
  align-items: center;
}
.UsersModal__SearchInput {
  width: 100% !important;
  margin-top: 0 !important;
}
.UsersModal__Table {
  margin-top: 1rem;
}
.UsersModal__SearchContainer {
  margin: 20px 0 20px 0;
}
.UsersModal__InviteButton {
  float: right;
}
.UsersModal__InviteButton i {
  padding-right: 20px;
}

.ValidationErrorsDropdown__loader {
  margin-right: 3px !important;
}
.ValidationErrorsDropdown__loader::before {
  border-color: rgba(0, 0, 0, 0.15) !important;
}

.YearDropdown__YearDropdown {
  display: inline-block;
  cursor: pointer;
  font-size: 1em !important;
  font-weight: 500;
}

/*
 * Copyright (c) 2018. Maalka Inc. All rights reserved.
 *
 * This file is part of the Maalka Platform Project and may not be copied and/or distributed
 * without explicit permission of Maalka Inc.
 *
 */
.index__Footer {
  margin-top: 4rem !important;
  padding: 2em 2em !important;
  background-color: white !important;
}
.index__Footer i {
  margin-left: 10px !important;
}

/*
 * Copyright (c) 2018. Maalka Inc. All rights reserved.
 *
 * This file is part of the Maalka Platform Project and may not be copied and/or distributed
 * without explicit permission of Maalka Inc.
 *
 */
.index__Breadcrumb .section:first-child {
  padding-left: 30px !important;
}
.index__Breadcrumb > * {
  background-color: #fff;
  padding: 15px !important;
  line-height: 8px;
  display: block;
  font-size: 0.9em;
  float: left;
  height: 40px;
  text-align: center;
  position: relative;
  margin: 0 30px 0 0 !important;
  text-decoration: none;
}
.index__Breadcrumb > *:not(div) {
  background: #fff;
  color: grey;
}
.index__Breadcrumb > *:not(div):hover {
  background-color: #e5e5e5 !important;
}
.index__Breadcrumb > *:after {
  content: '';
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  position: absolute;
  right: -20px;
  top: 0;
}
.index__Breadcrumb > *:before {
  content: '';
  position: absolute;
  margin-top: -15px;
  border-width: 20px 0 20px 20px;
  border-style: solid;
  left: -20px;
}
.index__Breadcrumb :first-child:before {
  display: none;
}
.index__Breadcrumb > div {
  background-color: #ececec;
  color: #808080;
  font-weight: normal !important;
  cursor: default;
}
.index__Breadcrumb > div:after {
  border-left: 20px solid #ececec;
}
.index__Breadcrumb > div:before {
  border-color: #ececec #ececec #ececec transparent;
}
.index__Breadcrumb > a:after {
  border-left: 20px solid #fff;
}
.index__Breadcrumb > a:hover:after {
  border-left: 20px solid #e5e5e5;
}
.index__Breadcrumb > a:before {
  border-color: #fff #fff #fff transparent;
}
.index__Breadcrumb > a:hover:before {
  border-color: #e5e5e5 #e5e5e5 #e5e5e5 transparent;
}

.AlertDropdown__Badge::after {
  position: absolute;
  top: 1.4em;
  right: 1.4em;
  width: 0.5em;
  height: 0.5em;
  background-color: red;
  border-radius: 50%;
  content: '';
}
.AlertDropdown__ProcessingBadge::after {
  position: absolute;
  top: 1.4em;
  right: 1.4em;
  width: 0.5em;
  height: 0.5em;
  background-color: goldenrod;
  border-radius: 50%;
  content: '';
}
.AlertDropdown__ItemContainer {
  max-height: 17rem;
  overflow-y: auto;
}
.AlertDropdown__Item {
  width: 35rem;
  min-height: 4rem;
  border-bottom: 1px solid #f3f3f3 !important;
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
.AlertDropdown__Item p,
.AlertDropdown__Item a {
  margin-bottom: 0.2rem;
  color: #333;
  font-size: 14px;
}
.AlertDropdown__Item p strong,
.AlertDropdown__Item a strong {
  font-weight: 500;
}
.AlertDropdown__Item p i,
.AlertDropdown__Item a i {
  margin: 0;
  font-weight: 300;
}
.AlertDropdown__ItemPlaceholder {
  padding: 1rem 3rem;
}
.AlertDropdown__ItemPlaceholder p {
  color: #333;
}
.AlertDropdown__ItemContent {
  display: grid;
  grid-gap: 0.5rem;
  grid-template-columns: auto 1fr auto;
}
.AlertDropdown__ItemContent p {
  color: black;
}
.AlertDropdown__ItemContent .AlertDropdown__FileName {
  overflow: hidden;
  line-height: initial;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.AlertDropdown__ItemContent .AlertDropdown__ClickableFileName {
  cursor: pointer;
}
.AlertDropdown__ItemContent .AlertDropdown__ClickableFileName:hover {
  text-decoration: underline;
}
.AlertDropdown__ItemContent .AlertDropdown__Icon {
  position: absolute;
  top: 16px;
  left: -5px;
  font-size: 16px !important;
}
.AlertDropdown__Loader,
.AlertDropdown__Loader::after {
  width: 2.5em;
  height: 2.5em;
  border-radius: 50%;
}
.AlertDropdown__Loader {
  position: relative;
  border-top: 0.4em solid rgba(5, 5, 5, 0.1);
  border-right: 0.4em solid rgba(5, 5, 5, 0.1);
  border-bottom: 0.4em solid rgba(5, 5, 5, 0.1);
  border-left: 0.4em solid #06a1f9;
  -webkit-animation: AlertDropdown__load8 1.1s infinite linear;
  animation: AlertDropdown__load8 1.1s infinite linear;
  font-size: 10px;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
@-webkit-keyframes AlertDropdown__load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes AlertDropdown__load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.ClientLinkModal__FormContainer {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.ClientLinkModal__FormContainer .dropdown {
  max-width: 40rem;
}

.CreateGroupModal__FormContainer {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.CreateGroupModal__FormContainer .ui.input {
  max-width: 50rem;
}
.CreateGroupModal__SearchBar {
  margin: 1rem 0;
}
.CreateGroupModal__SearchBar .ui.input {
  max-width: 40rem;
}

.EditGroupModal__FormContainer {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.EditGroupModal__FormContainer .ui.input,
.EditGroupModal__FormContainer .ui.dropdown {
  max-width: 50rem;
}
.EditGroupModal__SearchBar {
  margin: 1rem 0;
}
.EditGroupModal__SearchBar .ui.input {
  max-width: 40rem;
}

.EditGroupForm__FormSegment {
  width: 100% !important;
  padding: 0 !important;
  margin-top: 1.5rem !important;
}
.EditGroupForm__Table {
  width: 100% !important;
}
.EditGroupForm__field {
  width: 80% !important;
  margin-top: 1.5rem !important;
  margin-bottom: 1rem !important;
}
.EditGroupForm__field div {
  width: 100% !important;
}
.EditGroupForm__SearchRow {
  margin-top: 1rem;
}
.EditGroupForm__TableContainer {
  margin-top: 1rem;
}
.EditGroupForm__label {
  font-size: 0.9em !important;
}

/*
 * Copyright (c) 2018. Maalka Inc. All rights reserved.
 *
 * This file is part of the Maalka Platform Project and may not be copied and/or distributed
 * without explicit permission of Maalka Inc.
 *
 */
.PrimaryNavbar__PrimaryNavbar {
  z-index: 105 !important;
  background-color: #333 !important;
}
@media screen {
  .PrimaryNavbar__PrimaryNavbar {
    height: 50px;
  }
}
.PrimaryNavbar__PrimaryNavbar .PrimaryNavbar__Logo {
  left: 0;
  margin-left: 20px;
}
.PrimaryNavbar__PrimaryNavbar .PrimaryNavbar__Logo img {
  width: 80px !important;
}
.PrimaryNavbar__PrimaryNavbar .PrimaryNavbar__CenterItem {
  margin-right: 5%;
}
.PrimaryNavbar__PrimaryNavbar .PrimaryNavbar__AddOptions {
  width: 175px !important;
}
.PrimaryNavbar__PrimaryNavbar .PrimaryNavbar__AddOptions:empty {
  display: none !important;
}
.PrimaryNavbar__PrimaryNavbar .PrimaryNavbar__PoweredBy {
  margin-right: 20px;
  float: right;
}
.PrimaryNavbar__PrimaryNavbar .PrimaryNavbar__PoweredBy img {
  width: 140px !important;
}
.PrimaryNavbar__PrimaryNavbar .PrimaryNavbar__PoweredBy .PrimaryNavbar__helpButton {
  padding: 1px 2px 1px 2px !important;
  margin-left: 20px !important;
}
.PrimaryNavbar__PrimaryNavbar .PrimaryNavbar__HideItem {
  display: none !important;
}
.PrimaryNavbar__PrimaryNavbar .PrimaryNavbar__UserIcon {
  padding-right: 20px;
  margin: 0 !important;
}
.PrimaryNavbar__PrimaryNavbar .PrimaryNavbar__UserDropdown {
  padding: 9px 16px !important;
}
.PrimaryNavbar__PrimaryNavbar .PrimaryNavbar__ImpersonateDropdown .dropdown.icon {
  transform: rotate(-90deg) !important;
}
.PrimaryNavbar__PrimaryNavbar .PrimaryNavbar__ImpersonateDropdown input,
.PrimaryNavbar__PrimaryNavbar .PrimaryNavbar__ImpersonateDropdown .input {
  width: 100%;
}
.PrimaryNavbar__PrimaryNavbar .PrimaryNavbar__ImpersonateInputContainer {
  padding: 0.5rem;
}
.PrimaryNavbar__Impersonated {
  background-color: #ef822a !important;
}

.SurveyQuestionsNavigation__SurveyQuestionsNavigation .SurveyQuestionsNavigation__CategoryColumn {
  padding: 0px !important;
}
.SurveyQuestionsNavigation__SurveyQuestionsNavigation .SurveyQuestionsNavigation__CategoryColumn.SurveyQuestionsNavigation__disabled {
  opacity: 0.5;
}
.SurveyQuestionsNavigation__SurveyQuestionsNavigation .SurveyQuestionsNavigation__CategoryColumn .SurveyQuestionsNavigation__buttonTitle {
  margin-right: 1px;
}
.SurveyQuestionsNavigation__SurveyQuestionsNavigation .SurveyQuestionsNavigation__CategoryColumn .SurveyQuestionsNavigation__buttonTitle :hover {
  background-color: #e5e5e5 !important;
}
.SurveyQuestionsNavigation__SurveyQuestionsNavigation .SurveyQuestionsNavigation__CategoryColumn .SurveyQuestionsNavigation__title {
  background-color: #f7f7f7 !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  text-align: left !important;
  margin: 1px !important;
  padding: 14px !important;
}
.SurveyQuestionsNavigation__SurveyQuestionsNavigation .SurveyQuestionsNavigation__CategoryColumn .SurveyQuestionsNavigation__title:last-child {
  border-right: 0px;
}
.SurveyQuestionsNavigation__SurveyQuestionsNavigation .SurveyQuestionsNavigation__CategoryColumn:not(.SurveyQuestionsNavigation__disabled) .SurveyQuestionsNavigation__optionsContainer .SurveyQuestionsNavigation__optionButton:hover {
  background-color: #1c82ec !important;
}
.SurveyQuestionsNavigation__SurveyQuestionsNavigation .SurveyQuestionsNavigation__CategoryColumn .SurveyQuestionsNavigation__optionsContainer {
  width: 100%;
  display: flex;
  flex-direction: row;
}
.SurveyQuestionsNavigation__SurveyQuestionsNavigation .SurveyQuestionsNavigation__CategoryColumn .SurveyQuestionsNavigation__optionsContainer .SurveyQuestionsNavigation__optionButton {
  outline: none;
  padding: 0 !important;
  flex-grow: 1;
  height: 30px;
  background-color: #f1f1f1;
  border: 1px solid #fff;
  cursor: pointer;
  transition: transform 0.3s ease;
}
.SurveyQuestionsNavigation__SurveyQuestionsNavigation .SurveyQuestionsNavigation__CategoryColumn .SurveyQuestionsNavigation__optionsContainer .SurveyQuestionsNavigation__activeOptionButton {
  z-index: 100;
  cursor: pointer;
  position: relative;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
  background-color: #1c82ec !important;
  border: 1px solid #fff;
  transform: scale(1.1);
}

.PublicLayout__Wrapper {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}
.PublicLayout__Container {
  display: flex !important;
  flex-direction: column;
  flex-grow: 1;
  margin-top: 4rem;
}
.PublicLayout__Container .segment {
  flex-grow: 1 !important;
}
.PublicLayout__Footer {
  margin-top: auto;
}

.GlobalAccountsTab__TabMenu {
  display: flex !important;
  flex: 1;
}
.GlobalAccountsTab__ActionsWrapper {
  display: grid;
  align-items: center;
  margin: 1rem 0;
  grid-gap: 0.5rem;
  grid-template-columns: 2fr auto auto 1fr;
}
.GlobalAccountsTab__ActionsWrapper .input {
  width: 100%;
}
.GlobalAccountsTab__ActionsWrapper > div:last-child {
  text-align: right;
}

.NormalizedDataEntryModal__Toolbar {
  display: grid;
  align-items: end;
  margin: 1rem 0;
  grid-gap: 1rem;
  grid-template-columns: 1fr auto auto;
}
.NormalizedDataEntryModal__Toolbar div:nth-of-type(2) .field {
  min-width: 500px !important;
}
.NormalizedDataEntryModal__Toolbar .dropdown i::before {
  float: right;
}
.NormalizedDataEntryModal__Toolbar .ui.selection.dropdown.active,
.NormalizedDataEntryModal__Toolbar .ui.selection.dropdown.visible {
  z-index: 200;
}
.NormalizedDataEntryModal__Spreadsheet tbody tr td {
  overflow: hidden;
  height: 48px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.NormalizedDataEntryModal__Spreadsheet tbody tr td:first-of-type {
  background: #f7f7f7;
  color: rgba(30, 30, 30, 0.976);
  font-weight: 500 !important;
  text-align: center;
}
.NormalizedDataEntryModal__Spreadsheet .colHeader {
  font-weight: 500;
}
.NormalizedDataEntryModal__Wrapper {
  display: grid;
  overflow: hidden;
  height: 100%;
  grid-template-rows: auto auto 1fr auto;
}
.NormalizedDataEntryModal__SpreadsheetWrapper {
  overflow: hidden;
}

.index__ViewBillModal input[type='file'] {
  display: none;
}
.index__ViewBillModal .index__viewBilltoolbar {
  display: flex;
  justify-content: space-between;
  margin: 1rem 0;
}
.index__ViewBillModal .index__viewBilltoolbar > div {
  margin: 0 !important;
}
.index__container {
  display: flex;
}
.index__container .index__PDFViewerContainer {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.index__actions {
  align-self: flex-end;
  margin-top: 1rem;
}
.index__confirmationModal {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
}

.ITEquipmentDataEntryModal__Toolbar {
  display: grid;
  align-items: end;
  margin: 1rem 0;
  grid-gap: 1rem;
  grid-template-columns: auto 1fr auto auto;
}
.ITEquipmentDataEntryModal__Toolbar div button.ITEquipmentDataEntryModal__NormalizedButtonIcon {
  position: absolute;
  padding: 0 !important;
  border: 3px solid #fff;
  margin: -8px 0 0 -26px;
  cursor: default !important;
}
.ITEquipmentDataEntryModal__Toolbar div button.ITEquipmentDataEntryModal__NormalizedButtonIcon i {
  color: white !important;
  font-size: 0.6em !important;
}
.ITEquipmentDataEntryModal__Toolbar div:nth-of-type(2) .field {
  min-width: 500px !important;
}
.ITEquipmentDataEntryModal__Toolbar .dropdown i::before {
  float: right;
}
.ITEquipmentDataEntryModal__Toolbar .ui.selection.dropdown.active,
.ITEquipmentDataEntryModal__Toolbar .ui.selection.dropdown.visible {
  z-index: 200;
}
.ITEquipmentDataEntryModal__Spreadsheet tbody tr td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ITEquipmentDataEntryModal__Spreadsheet tbody tr td:not([class*='Component']) {
  box-sizing: border-box;
}
.ITEquipmentDataEntryModal__Spreadsheet tbody tr td button {
  height: 100%;
}
.ITEquipmentDataEntryModal__Spreadsheet tbody tr td:first-of-type {
  background: #f7f7f7;
}
.ITEquipmentDataEntryModal__Spreadsheet tbody tr td:first-of-type input {
  background: #fff;
}
.ITEquipmentDataEntryModal__Spreadsheet .colHeader {
  font-weight: 500;
}
.ITEquipmentDataEntryModal__BillButton {
  position: relative;
  right: 14px;
  width: 100%;
}
.ITEquipmentDataEntryModal__EditableSpreadsheet tr [class*='disabledCell'] {
  background: rgba(0, 0, 0, 0.1) !important;
}
.ITEquipmentDataEntryModal__Wrapper {
  display: grid;
  overflow: hidden;
  height: 100%;
  grid-template-rows: auto auto 1fr auto;
}
.ITEquipmentDataEntryModal__SpreadsheetWrapper {
  overflow: hidden;
}

.index__DateRangeCellWrapper,
.index__Spreadsheet .index__firstRow > div {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.index__separator {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  text-align: center;
  font-weight: bold;
}
.index__date {
  display: flex;
  font-weight: bold;
  min-height: 22px;
  width: 99px;
}
.index__date div {
  width: 74px;
  margin: 0px !important;
}
.index__emptyCell {
  height: 44px;
}
.index__actionCell {
  padding: 0;
  text-align: center;
  display: flex;
  height: 45px;
  justify-content: center;
  align-items: center;
}
.index__actionButton {
  width: 100%;
  margin: 0 !important;
}
.index__SpreadsheetContainer > div {
  overflow: hidden;
}
.index__moneyPlaceholder {
  color: #ccc !important;
  text-align: right;
}
.index__moneyCell,
.index__numericCell {
  text-align: right !important;
}
.index__defaultLineHeight {
  line-height: 21px !important;
}
.index__Spreadsheet {
  height: auto !important;
}
.index__Spreadsheet .index__hidden {
  display: none;
}
.index__Spreadsheet .index__disabledCell {
  font-style: italic;
  color: rgba(0, 0, 0, 0.45);
}
.index__Spreadsheet .index__changedCell {
  background-color: rgba(6, 161, 249, 0.04) !important;
  color: #06a1f9 !important;
}
.index__Spreadsheet .index__changedCell *::after {
  width: auto !important;
}
.index__Spreadsheet .index__deleteCell {
  background-color: rgba(6, 161, 249, 0.04) !important;
  color: #06a1f9 !important;
  text-decoration: line-through;
}
.index__Spreadsheet .index__deleteCell *::after {
  width: auto !important;
}
.index__Spreadsheet .index__firstCol,
.index__Spreadsheet .index__firstRow {
  color: #414042;
  background-color: #f5f5f5 !important;
}
.index__Spreadsheet .index__firstCol {
  height: 45px !important;
  font-weight: bold !important;
}
.index__Spreadsheet .index__firstRow {
  display: table-cell;
}
.index__Spreadsheet .index__firstRow.index__bold {
  font-weight: bold !important;
}
.index__Spreadsheet .index__disabled {
  font-style: italic;
  color: rgba(0, 0, 0, 0.45);
}
.index__Spreadsheet .index__ActionsCellContainer {
  padding: 0 5px;
}
.index__Spreadsheet tr .index__noRightBorders {
  border-right-width: 0 !important;
}
.index__Spreadsheet tr .index__noRightBorders:last-child:not(:only-child) {
  border-right-width: 1px !important;
}
.index__Spreadsheet .index__toolbar {
  justify-content: space-between;
  align-items: center;
  padding: 0 0 1rem 0;
}
.index__Spreadsheet .index__toolbar,
.index__Spreadsheet .index__toolbar .index__actions,
.index__Spreadsheet .index__toolbar .index__errors {
  display: flex;
}
.index__Spreadsheet .index__toolbar .index__actions .index__normalizedViewButtonContainer {
  margin-right: 1rem;
}
.index__Spreadsheet .index__toolbar .index__actions .index__normalizedViewButtonContainer button:first-child,
.index__Spreadsheet .index__toolbar .index__actions .index__normalizedViewButtonContainer button:last-child {
  margin-right: 0 !important;
}
.index__Spreadsheet .index__toolbar .index__actions .index__normalizedViewButtonContainer .index__normalizedViewButtonError {
  position: absolute;
  margin: -8px 0px 0px -14px;
  padding: 0;
  border: 3px solid #fff;
  cursor: default !important;
}
.index__Spreadsheet .index__toolbar .index__actions .index__normalizedViewButtonContainer .index__normalizedViewButtonError i {
  color: white !important;
  font-size: 0.6em !important;
}
.index__Spreadsheet .index__toolbar .index__errors {
  flex: 1;
  margin-left: 10%;
  align-items: center;
}
.index__Spreadsheet .index__toolbar .index__errors .index__loader {
  margin-right: 3px;
}
.index__Spreadsheet .index__toolbar .index__errors .index__loader:before {
  border-color: rgba(0, 0, 0, 0.15) !important;
}
.index__Spreadsheet .index__toolbar .index__errors > div > div {
  min-width: 500px !important;
}
.index__Spreadsheet .index__toolbar .index__actions img {
  cursor: pointer;
  box-shadow: 0px;
  border-radius: 50px;
  width: 50px;
  height: 50px;
  margin-left: 25px;
  transition: box-shadow 0.3s linear;
}
.index__Spreadsheet .index__toolbar .index__actions img:hover {
  box-shadow: 0px 0px 0px 1px #ccc;
}
.index__Spreadsheet .index__toolbar .index__actions img.index__highlightIcon {
  filter: brightness(90%);
}
.index__Spreadsheet .htNumeric {
  text-align: right !important;
}
.index__Spreadsheet.index__disabled .index__firstRow > div *,
.index__Spreadsheet.index__disabled .index__moneyCell,
.index__Spreadsheet.index__disabled .index__numericCell {
  font-style: italic;
  color: rgba(0, 0, 0, 0.45);
}
.index__Spreadsheet.index__disabled .htNumeric,
.index__Spreadsheet.index__disabled .htAutocomplete {
  font-style: italic;
  color: rgba(0, 0, 0, 0.45);
}
.index__Spreadsheet.index__disabled .htAutocompleteArrow {
  display: none;
}
.index__ErrorPopup {
  background-color: rgba(255, 255, 255, 0.95) !important;
}
.index__ErrorPopup .index__ErrorPopupList {
  margin: 10px 0px 10px -30px;
}
.index__ErrorPopup .index__ErrorPopupList .index__Title {
  margin-bottom: 10px;
}
.index__ErrorPopup .index__ErrorPopupList li {
  list-style: none;
  color: #F07164;
}
.index__confirmationModal {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
}
.htDimmed {
  background-color: #fafafa !important;
}
.index__dividerCell {
  color: #414042;
  background-color: #f5f5f5 !important;
  border-right-width: 0 !important;
}
.index__dividerCell:last-child:not(:only-child) {
  border-right-width: 1px !important;
}
.index__deleteCell {
  background-color: rgba(6, 161, 249, 0.04) !important;
  color: #06a1f9 !important;
  text-decoration-line: line-through;
}
.index__deleteCell *::after {
  width: auto !important;
}
.index__disabledCell {
  background-color: #fafafa !important;
}
.index__changedCell {
  background-color: rgba(6, 161, 249, 0.04) !important;
  color: #06a1f9 !important;
}
.index__changedCell *::after {
  width: auto !important;
}
.index__markdownCell {
  white-space: normal !important;
}
.index__noPaddingCell {
  padding: 0px !important;
}

.EnhancedMonthlyDataEntry__Pagination {
  padding-top: 1rem;
}
.EnhancedMonthlyDataEntry__Toolbar {
  display: grid;
  align-items: center;
  margin: 0 0 1rem 0;
  grid-gap: 1rem;
  align-content: center;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.EnhancedMonthlyDataEntry__Toolbar div:first-child {
  text-align: left;
}
.EnhancedMonthlyDataEntry__Toolbar div:nth-child(2) {
  text-align: center;
}
.EnhancedMonthlyDataEntry__Toolbar div:last-child {
  text-align: right;
}
.EnhancedMonthlyDataEntry__Toolbar div button.EnhancedMonthlyDataEntry__NormalizedButtonIcon {
  position: absolute;
  padding: 0 !important;
  border: 3px solid #fff;
  margin: -8px 0 0 -26px;
  cursor: default !important;
}
.EnhancedMonthlyDataEntry__Toolbar div button.EnhancedMonthlyDataEntry__NormalizedButtonIcon i {
  color: white !important;
  font-size: 0.6em !important;
}
.EnhancedMonthlyDataEntry__Toolbar div:nth-of-type(2) .field {
  min-width: 500px !important;
}
.EnhancedMonthlyDataEntry__Toolbar .dropdown i::before {
  float: right;
}
.EnhancedMonthlyDataEntry__Toolbar .ui.selection.dropdown.active,
.EnhancedMonthlyDataEntry__Toolbar .ui.selection.dropdown.visible {
  z-index: 200;
}
.EnhancedMonthlyDataEntry__ToolbarCentered {
  justify-items: center;
}
.EnhancedMonthlyDataEntry__Spreadsheet {
  height: 100%;
}
.EnhancedMonthlyDataEntry__Spreadsheet tbody tr td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.EnhancedMonthlyDataEntry__Spreadsheet td.Notes {
  white-space: pre !important;
}
.EnhancedMonthlyDataEntry__Spreadsheet tbody tr td:not([class*='Component']) {
  box-sizing: border-box;
}
.EnhancedMonthlyDataEntry__Spreadsheet tbody tr td button {
  height: 100%;
}
.EnhancedMonthlyDataEntry__Spreadsheet .colHeader {
  font-weight: 500;
}
.EnhancedMonthlyDataEntry__Spreadsheet div.cell-placeholder {
  display: inline;
  color: #ccc !important;
  font-size: 0.75rem;
  float: left;
}
.EnhancedMonthlyDataEntry__Spreadsheet div.cell-unit {
  display: inline;
  text-decoration-line: none;
  font-size: 0.6rem;
  margin-left: 0.5em;
}
.EnhancedMonthlyDataEntry__Spreadsheet tbody tr td blockquote {
  border-left: 5px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
}
.EnhancedMonthlyDataEntry__NoDataPlaceholder {
  min-height: 100px;
}
.EnhancedMonthlyDataEntry__BillButton {
  position: relative;
  right: 14px;
  width: 100%;
}
.EnhancedMonthlyDataEntry__EditableSpreadsheet tr [class*='disabledCell'] {
  background: rgba(0, 0, 0, 0.1) !important;
}
.EnhancedMonthlyDataEntry__LoadingPlaceholder {
  overflow: hidden;
}
.EnhancedMonthlyDataEntry__Wrapper {
  display: grid;
  overflow: hidden;
  height: 100%;
  grid-template-rows: auto auto 1fr auto;
}
.EnhancedMonthlyDataEntry__SpreadsheetWrapper {
  overflow-y: hidden;
  overflow-x: auto;
}
.EnhancedMonthlyDataEntry__SpreadsheetWrapper .no-data {
  height: 80px !important;
}

.EnhancedMonthlyCalendar__Toolbar {
  display: flex;
  width: 250px;
  cursor: pointer;
}
.EnhancedMonthlyCalendar__Wrapper {
  height: 100%;
}

.AccountInfoCard__Toolbar {
  display: flex;
  min-width: 250px;
  cursor: pointer;
}
.AccountInfoCard__Wrapper {
  height: 100%;
}
.AccountInfoCard__InlineHeader {
  margin-left: 5px;
  font-weight: 400 !important;
}
.AccountInfoCard__LastUpdated {
  font-size: small !important;
}

.AccountDetailPopup__Detail {
  white-space: nowrap;
}

.AllAccountsTable__AccountCountLabel {
  margin-top: 1em !important;
  margin-bottom: 1em !important;
}
.AllAccountsTable__FormButtons {
  text-align: right;
  min-width: 300px;
}

.SiteNameCell__TableCell {
  overflow: hidden;
  max-width: 230px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.AccountTypeCell__Container {
  white-space: nowrap;
  overflow: hidden;
}
.AccountTypeCell__ContainerBody {
  white-space: normal;
}

.GroupCell__TableCell {
  overflow: hidden;
  max-width: 150px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.GroupCell__CommaList {
  list-style: none;
  padding: 0px;
  display: inline;
}
.GroupCell__CommaList li {
  display: inline;
}
.GroupCell__CommaList li::after {
  content: ", ";
}
.GroupCell__CommaList li:last-child::after {
  content: "";
}
.GroupCell__PopupList li {
  padding: 0;
}

.index__DateRangeCellWrapper,
.index__Spreadsheet .index__firstRow > div {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.index__separator {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  text-align: center;
  font-weight: bold;
}
.index__date {
  display: flex;
  font-weight: bold;
  min-height: 22px;
  width: 99px;
}
.index__date div {
  width: 74px;
  margin: 0px !important;
}
.index__emptyCell {
  height: 44px;
}
.index__actionCell {
  padding: 0;
  text-align: center;
  display: flex;
  height: 45px;
  justify-content: center;
  align-items: center;
}
.index__actionButton {
  width: 100%;
  margin: 0 !important;
}
.index__SpreadsheetContainer > div {
  overflow: hidden;
}
.index__moneyPlaceholder {
  color: #ccc !important;
  text-align: right;
}
.index__moneyCell,
.index__numericCell {
  text-align: right !important;
}
.index__defaultLineHeight {
  line-height: 21px !important;
}
.index__Spreadsheet {
  height: auto !important;
}
.index__Spreadsheet .index__hidden {
  display: none;
}
.index__Spreadsheet .index__disabledCell {
  font-style: italic;
  color: rgba(0, 0, 0, 0.45);
}
.index__Spreadsheet .index__changedCell {
  background-color: rgba(6, 161, 249, 0.04) !important;
  color: #06a1f9 !important;
}
.index__Spreadsheet .index__changedCell *::after {
  width: auto !important;
}
.index__Spreadsheet .index__deleteCell {
  background-color: rgba(6, 161, 249, 0.04) !important;
  color: #06a1f9 !important;
  text-decoration: line-through;
}
.index__Spreadsheet .index__deleteCell *::after {
  width: auto !important;
}
.index__Spreadsheet .index__firstCol,
.index__Spreadsheet .index__firstRow {
  color: #414042;
  background-color: #f5f5f5 !important;
}
.index__Spreadsheet .index__firstCol {
  height: 45px !important;
  font-weight: bold !important;
}
.index__Spreadsheet .index__firstRow {
  display: table-cell;
}
.index__Spreadsheet .index__firstRow.index__bold {
  font-weight: bold !important;
}
.index__Spreadsheet .index__disabled {
  font-style: italic;
  color: rgba(0, 0, 0, 0.45);
}
.index__Spreadsheet .index__ActionsCellContainer {
  padding: 0 5px;
}
.index__Spreadsheet tr .index__noRightBorders {
  border-right-width: 0 !important;
}
.index__Spreadsheet tr .index__noRightBorders:last-child:not(:only-child) {
  border-right-width: 1px !important;
}
.index__Spreadsheet .index__toolbar {
  justify-content: space-between;
  align-items: center;
  padding: 0 0 1rem 0;
}
.index__Spreadsheet .index__toolbar,
.index__Spreadsheet .index__toolbar .index__actions,
.index__Spreadsheet .index__toolbar .index__errors {
  display: flex;
}
.index__Spreadsheet .index__toolbar .index__actions .index__normalizedViewButtonContainer {
  margin-right: 1rem;
}
.index__Spreadsheet .index__toolbar .index__actions .index__normalizedViewButtonContainer button:first-child,
.index__Spreadsheet .index__toolbar .index__actions .index__normalizedViewButtonContainer button:last-child {
  margin-right: 0 !important;
}
.index__Spreadsheet .index__toolbar .index__actions .index__normalizedViewButtonContainer .index__normalizedViewButtonError {
  position: absolute;
  margin: -8px 0px 0px -14px;
  padding: 0;
  border: 3px solid #fff;
  cursor: default !important;
}
.index__Spreadsheet .index__toolbar .index__actions .index__normalizedViewButtonContainer .index__normalizedViewButtonError i {
  color: white !important;
  font-size: 0.6em !important;
}
.index__Spreadsheet .index__toolbar .index__errors {
  flex: 1;
  margin-left: 10%;
  align-items: center;
}
.index__Spreadsheet .index__toolbar .index__errors .index__loader {
  margin-right: 3px;
}
.index__Spreadsheet .index__toolbar .index__errors .index__loader:before {
  border-color: rgba(0, 0, 0, 0.15) !important;
}
.index__Spreadsheet .index__toolbar .index__errors > div > div {
  min-width: 500px !important;
}
.index__Spreadsheet .index__toolbar .index__actions img {
  cursor: pointer;
  box-shadow: 0px;
  border-radius: 50px;
  width: 50px;
  height: 50px;
  margin-left: 25px;
  transition: box-shadow 0.3s linear;
}
.index__Spreadsheet .index__toolbar .index__actions img:hover {
  box-shadow: 0px 0px 0px 1px #ccc;
}
.index__Spreadsheet .index__toolbar .index__actions img.index__highlightIcon {
  filter: brightness(90%);
}
.index__Spreadsheet .htNumeric {
  text-align: right !important;
}
.index__Spreadsheet.index__disabled .index__firstRow > div *,
.index__Spreadsheet.index__disabled .index__moneyCell,
.index__Spreadsheet.index__disabled .index__numericCell {
  font-style: italic;
  color: rgba(0, 0, 0, 0.45);
}
.index__Spreadsheet.index__disabled .htNumeric,
.index__Spreadsheet.index__disabled .htAutocomplete {
  font-style: italic;
  color: rgba(0, 0, 0, 0.45);
}
.index__Spreadsheet.index__disabled .htAutocompleteArrow {
  display: none;
}
.index__ErrorPopup {
  background-color: rgba(255, 255, 255, 0.95) !important;
}
.index__ErrorPopup .index__ErrorPopupList {
  margin: 10px 0px 10px -30px;
}
.index__ErrorPopup .index__ErrorPopupList .index__Title {
  margin-bottom: 10px;
}
.index__ErrorPopup .index__ErrorPopupList li {
  list-style: none;
  color: #F07164;
}
.index__confirmationModal {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
}

.index__AccountsSearch {
  width: 40% !important;
  margin-right: 12px !important;
}
.index__AccountsTableTitleContainer {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  margin-top: 15px !important;
}
.index__AccountsTableTitleContainer i {
  margin-bottom: 5px !important;
  margin-right: 5px !important;
}
.index__AccountsTableIcon {
  margin-right: 10px !important;
  width: 35px !important;
}

.GlobalAnalyticsTab__TopMenu {
  margin-top: 15px !important;
}

.DataQualityTableRow__DataQualitySiteTable,
.DataQualityTableRow__DataQualityGlobalTable {
  /* This ensures that the loading state UI has the same height as the empty state UI. */
}
.DataQualityTableRow__DataQualitySiteTable .DataQualityTableRow__DataQualityRow,
.DataQualityTableRow__DataQualityGlobalTable .DataQualityTableRow__DataQualityRow {
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
}
.DataQualityTableRow__DataQualitySiteTable .DataQualityTableRow__DataQualityRow .DataQualityTableRow__DataQualitySiteTableRowIcon,
.DataQualityTableRow__DataQualityGlobalTable .DataQualityTableRow__DataQualityRow .DataQualityTableRow__DataQualitySiteTableRowIcon {
  margin-right: 16px !important;
  margin-left: 4px !important;
}
.DataQualityTableRow__DataQualitySiteTable .DataQualityTableRow__DataQualityRow.DataQualityTableRow__disabled .DataQualityTableRow__RowText,
.DataQualityTableRow__DataQualityGlobalTable .DataQualityTableRow__DataQualityRow.DataQualityTableRow__disabled .DataQualityTableRow__RowText {
  font-style: italic;
  opacity: 0.75;
}
.DataQualityTableRow__DataQualitySiteTable .DataQualityTableRow__StatusCell,
.DataQualityTableRow__DataQualityGlobalTable .DataQualityTableRow__StatusCell {
  padding-right: 40px !important;
}
.DataQualityTableRow__DataQualitySiteTable .DataQualityTableRow__PlaceholderCell,
.DataQualityTableRow__DataQualityGlobalTable .DataQualityTableRow__PlaceholderCell {
  padding: 0 !important;
}
.DataQualityTableRow__DataQualitySiteTable .DataQualityTableRow__LoaderCell,
.DataQualityTableRow__DataQualityGlobalTable .DataQualityTableRow__LoaderCell {
  padding-top: 118px !important;
  padding-bottom: 118px !important;
}
.DataQualityTableRow__DataQualitySiteTable + .DataQualityTableRow__DataQualityActions {
  padding: 0 !important;
}
.DataQualityTableRow__DataQualityGlobalTable + .DataQualityTableRow__DataQualityActions {
  padding-right: 0 !important;
  border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
}
.DataQualityTableRow__DataQualityGlobalTable thead th {
  border-bottom: none !important;
}
.DataQualityTableRow__DataQualityGlobalTable thead th:first-child {
  font-size: 16px;
  font-weight: bold !important;
}
.DataQualityTableRow__confirmationModal {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
}
.DataQualityTableRow__SubHeader {
  font-weight: normal;
}

.index__ValidatingText {
  margin-left: 10px;
  font-size: 14px;
}
.index__ValidationResultDisabled {
  opacity: 0.5;
}
.index__ValidatorGroup:not(:last-child) {
  margin-bottom: 20px;
}
.index__ValidatorGroupTitle {
  font-size: 12px;
  margin-bottom: 0;
}
.index__ValidationResultPassFailText {
  font-size: 14px;
}
.index__ValidationResultUnavailableText,
.index__ValidatorPassText,
.index__ValidatorFailText {
  font-size: 14px !important;
}
.index__ValidationResultUnavailableText {
  color: grey !important;
}
.index__ValidationResultUnavailableText span {
  text-decoration: line-through;
}
.index__ValidatorMessage {
  margin-top: 8px !important;
}

.index__GlobalDataQualityList {
  height: 60vh;
  min-height: 800px;
  overflow: auto scroll;
}
.index__GlobalDataQualityItem {
  border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
  border-left: 1px solid rgba(0, 0, 0, 0.1) !important;
  border-right: 1px solid rgba(0, 0, 0, 0.1) !important;
  margin: 0 !important;
  padding: 0 !important;
}
.index__GlobalDataQualityItem:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}
.index__GlobalDataQualityItem .index__AccordionTitle {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  cursor: initial !important;
}
.index__GlobalDataQualityItem .index__GlobalDataQualityRow {
  margin: 0px !important;
}
.index__GlobalDataQualityItem .index__GlobalDataQualityRow .index__Header {
  display: block !important;
  padding: 12px 0px 0px 20px !important;
  background: none;
  font-weight: 400;
  text-align: left;
}
.index__GlobalDataQualityItem .index__GlobalDataQualityRow .index__Header:hover {
  background-color: transparent !important;
}
.index__GlobalDataQualityItem .index__GlobalDataQualityRow .index__ButtonPointer {
  display: block;
  position: absolute;
  margin-left: 1em;
  bottom: -1.5em;
  pointer-events: none;
  content: '';
  visibility: visible;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 1em;
  height: 1em;
  background-color: white;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  border-left: 1px solid rgba(34, 36, 38, 0.15);
  z-index: 2;
}
.index__GlobalDataQualityItem .index__AccordionContent {
  padding: 20px 25px !important;
  background-color: white !important;
  border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.index__DataQualitySearchContainer {
  padding-bottom: 15px !important;
  display: flex;
  align-items: center;
}
.index__DataQualitySearchContainer .index__DataQualitySearch {
  margin-top: 0px !important;
}
.index__DataQualitySearchContainer .index__DataQualitySearchFullWidth {
  width: 100%;
}
.index__DataQualitySearchContainer .index__UploadButton {
  margin-left: auto !important;
}
.index__Pagination {
  padding-top: 15px !important;
}

.index__SiteAccountsHeaderText {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
}
.index__SiteAccountsHeaderText i {
  margin-right: 5px !important;
  margin-bottom: 5px !important;
}
.index__SiteAccountsHeaderText .index__Title {
  line-height: 28px;
}

.row__LastUpdated {
  font-size: small !important;
  margin-right: 1em;
}
.row__Row.row__disabled,
.row__Row.row__disabled * {
  opacity: 0.75;
  font-style: italic;
}

.SystemModal__MaxContent {
  max-height: 80vh;
  overflow-y: auto;
}

.SystemsForm__systemsForm {
  margin-top: 2rem;
}
.SystemsForm__SectionContainer {
  display: grid;
  align-items: start;
  grid-template-columns: 1fr auto;
}
.SystemsForm__InfoBox {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.SystemsForm__SpreadsheetWrapper {
  margin-top: 2rem;
}

.JSONSchemaInsulationSection__HeaderWrapper {
  display: flex;
  align-items: center;
}
.JSONSchemaInsulationSection__HeaderWrapper h4 {
  margin-right: 2rem;
  margin-bottom: 0 !important;
}
.JSONSchemaInsulationSection__SpreadsheetWrapper {
  margin-top: 1rem;
}
.JSONSchemaInsulationSection__SpreadsheetWrapper tr [class*='disabledCell'] {
  background: rgba(0, 0, 0, 0.1) !important;
}

.AccountSpaces__AccountSpaces {
  margin: 15px 0 !important;
  padding: 0 !important;
}
.AccountSpaces__AccountSpaces .AccountSpaces__TotalFloorTable {
  margin-top: 22px !important;
  margin-bottom: 0px !important;
}
.AccountSpaces__AccountSpaces .AccountSpaces__AccordionContent {
  padding: 0 !important;
}
.AccountSpaces__AccountSpaces .AccountSpaces__AccordionsContainer {
  padding-top: 22px;
}
.AccountSpaces__AccountSpaces .AccountSpaces__AccordionsContainer .AccountSpaces__Accordions {
  margin-bottom: 27px;
  border: 1px solid #e6e6e6;
}
.AccountSpaces__AccountSpaces .AccountSpaces__AccordionsContainer .AccountSpaces__Accordions .AccountSpaces__AccordionTitle {
  padding: 0px !important;
}
.AccountSpaces__AccountSpaces .AccountSpaces__AccordionsContainer .AccountSpaces__Accordions .AccountSpaces__AccordionTitle .AccountSpaces__GridHeader {
  align-items: center;
  margin: 0px !important;
  background-color: #f7f7f7;
  font-size: 1em !important;
}
.AccountSpaces__AccountSpaces .AccountSpaces__AccordionsContainer .AccountSpaces__Accordions .AccountSpaces__AccordionTitle .AccountSpaces__GridHeader > div {
  padding: 13px !important;
}
.AccountSpaces__AccountSpaces .AccountSpaces__AccordionsContainer .AccountSpaces__Accordions table {
  border: none !important;
}

.Spaces__confirmationModal {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
}

.index__AccountSVGImage {
  margin-right: 10px !important;
}
.index__SitesAccountsTableTitleContainer {
  display: flex !important;
  flex-direction: row !important;
}
.index__SitesAccountsTableTitle {
  padding-bottom: 0px !important;
  font-family: 'Gesta';
  font-size: 16px !important;
  color: #333333;
  font-weight: bold;
  line-height: 28px;
}
.index__AccountsContainer {
  margin: -0.6rem !important;
}
.index__AccountsColumn {
  padding-right: 0px !important;
}

.index__Account .index__Input Button {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.index__Account .index__IconButton {
  margin-top: 20px !important;
}
.index__Account section {
  margin-bottom: 1.4rem;
}
.index__Account section > * {
  margin-bottom: 1rem;
}
.index__Account section .index__Row {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.index__Account section .index__Row > * {
  margin-right: 1rem;
}
.index__Account section .index__Row i {
  margin-top: 1.2rem;
}
.index__Account h2 {
  text-transform: none !important;
  font-weight: bold !important;
}
.index__Account .index__toolbar img {
  margin-left: 0 !important;
}
.index__Account .index__fullWidthInput {
  width: 96%;
}
.index__Account .index__fullWidthInput .input {
  width: 100%;
}
.index__Account .index__largeInput {
  width: 40%;
}
.index__Account .index__largeInput .input {
  width: 100%;
}
.index__Account .index__smallInput {
  width: 15%;
}
.index__Account .index__smallInput .input {
  width: 100%;
}
.index__Account .index__disabled .input {
  opacity: 1 !important;
  border: 0;
  background-color: transparent !important;
}
.index__Account .index__disabled .input input,
.index__Account .index__disabled .input input::selection {
  padding-left: 0;
  font-weight: 400;
  font-style: italic;
  color: #333;
  background-color: transparent !important;
  background: transparent !important;
  border: 0;
  font-size: 15px !important;
}
.index__Account .index__deactivatedTableRow {
  margin-top: 25px !important;
  border-top: 1px solid #e6e6e6 !important;
}
.index__Account .index__toggleAccountDeactivationContainer {
  margin: 25px 0px 0px -15px;
  border: none !important;
  padding: 0;
}
.index__Account .index__toggleAccountDeactivationContainer p {
  margin-top: 10px;
}
.index__Account .index__actionsContainer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.index__Account .index__autoCalcInput input {
  max-width: 50% !important;
}
.index__Account .index__AccountSource {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 5px;
}
.index__Account .index__AccountSource .index__ExternalTypesDropdown {
  width: 230px !important;
}
.index__Account .index__AccountSource .index__ExternalTypesDropdown,
.index__Account .index__AccountSource input {
  margin-right: 5px !important;
}
.index__Account .index__RECAccountTypeFieldContainer div:first-child > * {
  width: 180px;
}
.index__confirmationModal {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
}

.EmissionsDataEntryModal__Toolbar {
  display: grid;
  align-items: end;
  margin: 1rem 0;
  grid-gap: 1rem;
  grid-template-columns: 1fr auto auto;
}
.EmissionsDataEntryModal__Toolbar div:nth-of-type(2) .field {
  min-width: 500px !important;
}
.EmissionsDataEntryModal__Toolbar .dropdown i::before {
  float: right;
}
.EmissionsDataEntryModal__Toolbar .ui.selection.dropdown.active,
.EmissionsDataEntryModal__Toolbar .ui.selection.dropdown.visible {
  z-index: 200;
}
.EmissionsDataEntryModal__Spreadsheet tbody tr td {
  overflow: hidden;
  height: 48px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.EmissionsDataEntryModal__Spreadsheet tbody tr td:first-of-type {
  background: #f7f7f7;
  color: rgba(30, 30, 30, 0.976);
  font-weight: 500 !important;
  text-align: center;
}
.EmissionsDataEntryModal__Spreadsheet .colHeader {
  font-weight: 500;
}
.EmissionsDataEntryModal__Wrapper {
  display: grid;
  overflow: hidden;
  height: 100%;
  grid-template-rows: auto auto 1fr auto;
}
.EmissionsDataEntryModal__SpreadsheetWrapper {
  overflow: hidden;
}

.SiteDataQualityTab__EspmDescription {
  margin: 1.5rem !important;
  text-align: center;
}
@media print {
  .SiteDataQualityTab__EspmDescription {
    margin: 0 !important;
    font-size: 10px;
    text-align: left;
  }
  .SiteDataQualityTab__EspmDescription i {
    font-style: normal;
  }
}

.NoSystems__Wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4rem 10rem !important;
}
.NoSystems__AddNewButton {
  margin-top: 1rem !important;
}

.SystemTaskRow__SystemTaskRow {
  display: grid;
  max-height: 65px;
  align-items: center;
  grid-gap: 1rem;
  grid-template-columns: auto 1fr;
}
.SystemTaskRow__SystemTaskRow .button {
  margin: 0 !important;
}

.SystemTaskList__listWrapper {
  max-height: 430px;
  padding-right: 1rem;
  margin-top: 1.5rem;
  overflow-y: auto;
}
.SystemTaskList__listWrapper .ui.divider:last-of-type {
  margin-bottom: 0;
}
.SystemTaskList__completeWrapper {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 0 !important;
  text-align: center;
}
.SystemTaskList__completeWrapper p {
  width: 70%;
  margin-top: 1rem;
  margin-bottom: 2rem;
  font-size: 14px !important;
}

.SiteSystemsTab__Wrapper .ui.block.header:first-of-type {
  margin-bottom: 20px;
}
.SiteSystemsTab__Wrapper .ui.block.header:nth-of-type(2) {
  margin-top: 20px;
  margin-bottom: 20px;
}
.SiteSystemsTab__FormButtons {
  text-align: right;
  min-width: 300px;
}
.SiteSystemsTab__SimplifiedFilterWrapper {
  display: grid;
  align-items: end;
  padding-top: 0 !important;
  margin-bottom: 2rem;
  grid-gap: 1rem;
  grid-template-columns: 1fr 1fr auto;
}
.SiteSystemsTab__ListWrapper {
  margin-top: 1rem !important;
}
.SiteSystemsTab__ActionContainer {
  display: grid !important;
  align-items: end;
  grid-gap: 1rem;
  grid-template-columns: 1fr auto auto;
}
.SiteSystemsTab__ActionContainer button {
  margin-right: 10px !important;
}
.SiteSystemsTab__ActionContainer button i {
  padding-right: 25px !important;
}
.SiteSystemsTab__ActionContainer .SiteSystemsTab__TopDivider {
  margin-top: 0 !important;
}
.SiteSystemsTab__ActionContainer::after {
  display: table;
  clear: both;
  content: '';
}
.SiteSystemsTab__ActionContainer .input {
  width: 100%;
}
.SiteSystemsTab__SearchWrapper {
  display: grid;
  align-items: center;
  margin-bottom: 1rem;
  grid-template-columns: minmax(300px, 30%) 1fr auto;
}
.SiteSystemsTab__SearchWrapper .SiteSystemsTab__Reset {
  display: flex;
  justify-content: end;
}
.SiteSystemsTab__SearchWrapper .input {
  width: 100% !important;
}

/*
 * Copyright (c) 2018. Maalka Inc. All rights reserved.
 *
 * This file is part of the Maalka Platform Project and may not be copied and/or distributed
 * without explicit permission of Maalka Inc.
 *
 */
.SecondaryNavbar__BreadcrumbContainer {
  padding: 0 !important;
  margin-top: 130px !important;
  margin-bottom: 1rem !important;
}
.SecondaryNavbar__SecondaryNavbar {
  padding-left: 25px;
  z-index: 104 !important;
  font-size: 1em !important;
}
@media screen {
  .SecondaryNavbar__SecondaryNavbar {
    height: 50px;
    margin-top: 50px !important;
  }
}
.SecondaryNavbar__SecondaryNavbar .SecondaryNavbar__ProgramIcon {
  width: 20px;
  margin-right: 5px;
}
.SecondaryNavbar__SecondaryNavbar .SecondaryNavbar__ProgramName {
  padding-top: 3px;
}
.SecondaryNavbar__SecondaryNavbar .SecondaryNavbar__SelectedProgramName {
  color: #fff;
  font-size: 1em;
  font-style: italic;
  text-align: center;
}
.SecondaryNavbar__SecondaryNavbar .ui .menu .menu {
  margin-top: 7px !important;
}
.SecondaryNavbar__SecondaryNavbar .ui .menu .search.input {
  min-width: 350px !important;
}
.SecondaryNavbar__SecondaryNavbar .ui .menu .item span {
  padding-right: 1rem;
}
.SecondaryNavbar__SecondaryNavbar .ui .menu .item img {
  width: 15px !important;
}
.SecondaryNavbar__SecondaryNavbar .ui .dropdown.disabled.item {
  color: rgba(255, 255, 255, 0.8) !important;
}
.SecondaryNavbar__SecondaryNavbar .ui .item:not(.dropdown):first-child {
  padding-left: 0 !important;
  margin-left: 0 !important;
}
.SecondaryNavbar__SecondaryNavbar .ui .item:not(.dropdown) > i {
  margin: 0 !important;
  font-size: 1em !important;
}

.MainLayout__MainLayout .MainLayout__ContentWithoutSecondaryNavbar {
  margin-top: 65px;
}

.LoadingSplashPage__Centered {
  position: absolute;
  width: 100px;
  height: 50px;
  top: 50%;
  left: 50%;
  margin-left: -50px;
  /* margin is -0.5 * dimension */
  margin-top: -25px;
}

.index__SiteUser .index__formControllerGrid {
  margin-top: 0px !important;
}
.index__SiteUser .index__formContainer {
  margin-top: 40px;
  min-height: 300px;
}
.index__SiteUser .index__saveSiteSubTypeButton {
  margin-top: 20px !important;
}
.index__SiteUser .index__deleteSiteSubTypeButton {
  float: right;
  margin-top: 15px !important;
}
.index__tableHeader {
  font-size: 1.1em !important;
  font-weight: 500 !important;
}
.index__tableActionsContainer {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

/*
 * Copyright (c) 2018. Maalka Inc. All rights reserved.
 *
 * This file is part of the Maalka Platform Project and may not be copied and/or distributed
 * without explicit permission of Maalka Inc.
 *
 */
.BreakdownCard__BreakdownCard .BreakdownCard__topBar {
  margin-bottom: 0 !important;
  padding: 10px !important;
}
.BreakdownCard__BreakdownCard .BreakdownCard__cardBackground {
  margin-top: 0 !important;
  padding-top: 30px !important;
}
.BreakdownCard__BreakdownCard .BreakdownCard__cardContent {
  border: 0px !important;
  margin-bottom: 30px !important;
}
.BreakdownCard__BreakdownCard .BreakdownCard__noAnswer {
  font-size: inherit !important;
  font-weight: normal !important;
}

.LandingCard__LandingCard {
  cursor: pointer;
}
.LandingCard__LandingCard:hover {
  background: #e5e5e5 !important;
  box-shadow: none !important;
}
.LandingCard__LandingCard .LandingCard__CardHeaderBar {
  width: 20px;
  height: 100%;
  background: #05a0f9;
}
.LandingCard__LandingCard .LandingCard__cardHeader {
  margin-bottom: 5px !important;
}
.LandingCard__LandingCard .LandingCard__CardContentContainer {
  padding: 20px 10px 20px 0px;
}
.LandingCard__LandingCard .LandingCard__InfoSection {
  display: flex !important;
  justify-content: center;
  height: 43px;
}
.LandingCard__LandingCard .LandingCard__InfoSection .LandingCard__LightLabel {
  font-weight: 300 !important;
}
.LandingCard__LandingCard .LandingCard__InfoSection .LandingCard__DateFieldsContainer {
  display: flex;
  flex-direction: row;
}
.LandingCard__LandingCard .LandingCard__InfoSection .LandingCard__DateFieldsContainer div {
  display: flex;
  margin-right: 10px;
}
.LandingCard__LandingCard .LandingCard__InfoSection .LandingCard__DateFieldsContainer div b {
  margin-right: 2px;
}
.LandingCard__LandingCard .LandingCard__ProgramButtonContainer {
  margin-top: 20px !important;
}
.LandingCard__LandingCard .LandingCard__ProgramButtonContainer .LandingCard__ProgramButtonIcon {
  width: 20px !important;
  height: 20px !important;
}

.SelectableCard__SelectableCard {
  cursor: pointer;
}
.SelectableCard__SelectableCard.SelectableCard__normal {
  cursor: pointer;
}
.SelectableCard__SelectableCard.SelectableCard__normal :hover {
  background-color: #ececec !important;
}
.SelectableCard__SelectableCard.SelectableCard__readOnly {
  cursor: default;
  pointer-events: none;
}
.SelectableCard__SelectableCard.SelectableCard__selected {
  background-color: #ececec !important;
  box-shadow: none !important;
  cursor: pointer;
}
.SelectableCard__SelectableCard .SelectableCard__cardContent {
  padding: 0 !important;
}
.SelectableCard__SelectableCard .SelectableCard__cardContent .SelectableCard__contentContainer {
  overflow: auto !important;
  height: 300px !important;
  padding: 10% 10% 0 10%;
}
.SelectableCard__SelectableCard .SelectableCard__cardContent .SelectableCard__contentContainer img {
  margin: 0 auto;
}
.SelectableCard__SelectableCard .SelectableCard__cardContent .SelectableCard__contentContainer p {
  margin-top: 30px !important;
  text-align: left;
}

.NoneApplyCard__NoneApplyCard {
  color: #1c83ec;
}
.NoneApplyCard__NoneApplyCard .NoneApplyCard__checkButton button {
  margin: 10px !important;
}

/*
 * Copyright (c) 2018. Maalka Inc. All rights reserved.
 *
 * This file is part of the Maalka Platform Project and may not be copied and/or distributed
 * without explicit permission of Maalka Inc.
 *
 */
.ProgressCard__ProgressCard .ProgressCard__topBar {
  margin-bottom: 0 !important;
}
.ProgressCard__ProgressCard .ProgressCard__cardBackground {
  height: 325px;
  padding-top: 30px !important;
  margin-top: 0 !important;
}
.ProgressCard__ProgressCard .ProgressCard__header {
  display: grid;
  grid-template-columns: auto auto;
}
.ProgressCard__ProgressCard .ProgressCard__cardContent {
  overflow: hidden;
  border: 0 !important;
  margin-bottom: 30px !important;
}
.ProgressCard__ProgressCard .ProgressCard__cardContent .ui.progress .bar {
  min-width: 0 !important;
}
.ProgressCard__ProgressCard .ProgressCard__cardContent .ProgressCard__progressBar {
  position: relative;
  height: 50px;
}
.ProgressCard__ProgressCard .ProgressCard__cardContent .ProgressCard__progressBar .ProgressCard__totalPlaceholder {
  position: absolute;
  top: 0;
  width: 100%;
  margin: 0;
  background: transparent;
}
.ProgressCard__ProgressCard .ProgressCard__cardContent .ProgressCard__progressBar .ProgressCard__totalPlaceholder .bar {
  background: transparent !important;
}
.ProgressCard__ProgressCard .ProgressCard__cardContent .ProgressCard__statisticColumn {
  display: flex !important;
  justify-self: end;
}
.ProgressCard__ProgressCard .ProgressCard__cardContent .ProgressCard__statisticColumn .ProgressCard__statistic {
  align-self: center !important;
}
.ProgressCard__ProgressCard .ProgressCard__cardContent .ProgressCard__statisticColumn .ProgressCard__statistic .ProgressCard__Label {
  align-self: flex-end;
  font-size: 18px !important;
  font-weight: 300 !important;
}

.TierCard__TierCard .TierCard__checkButton {
  margin: 5% 0 10% 0 !important;
}
.TierCard__TierCard .TierCard__contentContainer {
  overflow: auto;
  height: 275px;
  padding: 50px 50px 0 50px;
}
.TierCard__TierCard .TierCard__contentContainer img {
  margin: 0 auto;
}
.TierCard__TierCard .TierCard__contentContainer p {
  margin-top: 30px !important;
  text-align: left;
}
.TierCard__TierCard .TierCard__moreInfo {
  pointer-events: all;
}
.TierCard__TierCard .TierCard__moreInfo:hover {
  background-color: #0584cc !important;
}

.Root__Root {
  margin-top: 70px !important;
}
.Root__Root .Root__BlueBar {
  position: fixed;
  top: 50px;
  left: 0px;
  right: 0px;
  height: 25px;
  background: #05a0f9;
  z-index: 100;
}
.Root__Root .Root__HeaderContainer {
  font-weight: bold !important;
}
.Root__Root .Root__HeaderContainer h2 {
  margin-top: 10px !important;
  text-transform: initial !important;
}
.Root__Root .Root__PlaceholderContainer {
  margin-top: 30px !important;
}
.Root__Root .Root__CardGroupContainer {
  margin-top: 30px !important;
}
.Root__Root .Root__CardGroupContainer .Root__darkerText {
  font-weight: 500;
  color: #333;
  font-size: 16px !important;
}

.IntroMessageModal__IntroMessageModal {
  position: relative;
  height: 615px;
}
.IntroMessageModal__IntroMessageModal .IntroMessageModal__IntroMessage {
  font-weight: 500 !important;
  font-size: 18px !important;
  margin-bottom: 20px !important;
}
.IntroMessageModal__IntroMessageModal .IntroMessageModal__ContactInfoLabel {
  font-style: italic;
  font-size: 14px;
}
.IntroMessageModal__IntroMessageModal .IntroMessageModal__GrayContainer {
  height: 350px;
  background-color: #f2f2f2 !important;
}
.IntroMessageModal__IntroMessageModal .IntroMessageModal__BuildsImage {
  margin-top: 30px;
  width: 700px;
  position: absolute !important;
  right: 0px;
}
.IntroMessageModal__IntroMessageModal .IntroMessageModal__BottomContainer {
  position: fixed;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 100px;
  background: #05a0f9;
}

.EditSitesModal__ActionsWrapper {
  margin-bottom: 1rem;
}
.EditSitesModal__PrimaryActionsWrapper {
  display: grid;
  align-items: end;
  grid-gap: 1rem;
  grid-template-columns: auto 1fr 1.2fr 0.2fr auto auto;
}
.EditSitesModal__PrimaryActionsWrapper .input {
  width: 100%;
}
.EditSitesModal__PrimaryActionsWrapper .button {
  margin: 0 !important;
}
.EditSitesModal__SecondaryActionsWrapper {
  display: grid;
  align-items: center;
  grid-gap: 1rem;
  grid-template-columns: repeat(3, 1fr);
}
.EditSitesModal__SiteFieldsWrapper {
  display: grid;
  align-items: end;
  grid-gap: 1rem;
  grid-template-columns: 1fr auto;
}

.SiteMenu__SitesMenu {
  align-items: baseline !important;
}
.SiteMenu__SitesMenu .active {
  box-shadow: inset 0 -2px rgba(6, 161, 249, 0.6) !important;
}

.ClientDashboardTab__ActionBar {
  display: grid;
  align-items: center;
  margin: 1rem 0;
  grid-template-columns: 2fr 3fr;
}
.ClientDashboardTab__ActionBar .input {
  width: 100%;
}
.ClientDashboardTab__ActionBar .menu {
  margin: 0 !important;
  justify-self: end;
}

.CreateGroupFromFilterModal__FormContainer {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.CreateGroupFromFilterModal__FormContainer .ui.input {
  max-width: 50rem;
}

.EditSitesModalV2__StatisticAdvancedFilters {
  margin-bottom: 1rem;
}
.EditSitesModalV2__ActionBarWrapper {
  display: grid;
  align-items: end;
  grid-gap: 1rem;
  grid-template-columns: auto 2fr 2fr 0.5fr auto;
}
.EditSitesModalV2__ActionBarWrapper .input {
  width: 100%;
}
.EditSitesModalV2__SiteFieldsWrapper {
  display: grid;
  align-items: end;
  grid-gap: 1rem;
  grid-template-columns: 1fr auto;
}

.ClientDashboardTabV3__ActionBar {
  display: grid;
  align-items: center;
  margin: 1rem 0;
  grid-template-columns: 2fr 3fr;
}
.ClientDashboardTabV3__ActionBar .input {
  width: 100%;
}
.ClientDashboardTabV3__ActionBar .menu {
  margin: 0 !important;
  justify-self: end;
}

.MailMergeModal__InnerContent {
  display: grid;
  align-items: end;
  margin-top: 2rem;
  grid-gap: 1rem;
  grid-template-columns: 2fr auto 1fr auto 1fr;
}
.MailMergeModal__InnerContent .input {
  width: 100%;
}
.MailMergeModal__Table {
  overflow: auto;
  height: 400px;
  grid-column: 1/-1;
}

.ClientPublishedReportsTab__ActionsWrapper {
  display: grid;
  align-items: center;
  margin-top: 3rem;
  margin-bottom: 1rem;
  grid-gap: 0.5rem;
  grid-template-columns: 1fr auto 1fr auto auto;
}
.ClientPublishedReportsTab__ActionsWrapper .input {
  width: 100%;
}
.ClientPublishedReportsTab__ActionsWrapper .button:not(.circular) {
  height: 30px;
}
.ClientPublishedReportsTab__Table {
  overflow: auto;
  max-height: 800px;
}

/*
 * Copyright (c) 2018. Maalka Inc. All rights reserved.
 *
 * This file is part of the Maalka Platform Project and may not be copied and/or distributed
 * without explicit permission of Maalka Inc.
 *
 */
.CustomTab__TabSegment {
  min-height: 300px;
  padding: 1rem !important;
}
.CustomTab__TabSegment.CustomTab__noSpacing {
  padding: 0 !important;
}
@media only screen and (max-width: 720px) {
  .CustomTab__TabSegment {
    padding: 0 !important;
  }
}
@media print {
  .CustomTab__TabSegment {
    margin: 0 !important;
  }
}
.CustomTab__CustomTab {
  background: white !important;
}
.CustomTab__CustomTab .pointing.secondary.menu {
  border-bottom: 0 !important;
  margin-bottom: 0 !important;
}
.CustomTab__CustomTab .pointing.secondary.menu a {
  padding: 0.6rem 0.4rem !important;
  margin-right: 1.5rem !important;
  color: #333 !important;
}
.CustomTab__CustomTab .pointing.secondary.menu a:hover {
  font-weight: bold !important;
}
@media screen {
  .CustomTab__CustomTab.CustomTab__print .menu {
    display: none !important;
  }
}
@media print {
  .CustomTab__CustomTab.CustomTab__screen .menu {
    display: none !important;
  }
}

.FilesTab__FilesCountLabel {
  margin-bottom: 1em !important;
}
.FilesTab__showFailedButton {
  position: relative;
  margin-right: 1em !important;
}
.FilesTab__showFailedButton .FilesTab__label {
  top: -0.5em !important;
  right: 0 !important;
}
.FilesTab__UploadButton {
  background-color: white !important;
}
.FilesTab__Placeholder {
  padding-right: 15% !important;
  padding-left: 15% !important;
}
@media only screen and (max-width: 767px) {
  .ui.form .fields:last-child {
    margin-bottom: 1em;
  }
}
.FilesTab__SearchWrapper {
  display: grid;
  align-items: center;
  margin-bottom: 1rem;
  grid-template-columns: minmax(300px, 30%) 1fr auto;
}
.FilesTab__SearchWrapper .FilesTab__Reset {
  display: flex;
  justify-content: end;
}
.FilesTab__SearchWrapper .input {
  width: 100% !important;
}

.GlobalMailMergeModal__GlobalMailMergeModal td.htDimmed {
  color: #777 !important;
}
.GlobalMailMergeModal__GlobalMailMergeModal .htAutocompleteArrow {
  display: none;
}

.ContactsByIndividualTab__iconHeader {
  margin-top: 5px !important;
}
.ContactsByIndividualTab__iconHeader i {
  margin-bottom: 5px !important;
  margin-right: 8px !important;
}
.ContactsByIndividualTab__ActionsWrapper {
  display: grid;
  align-items: center;
  margin: 1rem 0;
  grid-gap: 0.5rem;
  grid-template-columns: 2fr auto auto 1fr;
}
.ContactsByIndividualTab__ActionsWrapper .input {
  width: 100%;
}
.ContactsByIndividualTab__ActionsWrapper > div:last-child {
  text-align: right;
}
.ContactsByIndividualTab__noSpacing {
  padding: 0 !important;
  margin: 0 !important;
}
h6 i {
  font-size: 1.5rem !important;
}

.ContactsBySite__iconHeader i {
  margin-bottom: 5px !important;
}
.ContactsBySite__ActionsWrapper {
  display: grid;
  align-items: center;
  margin: 1rem 0;
  grid-gap: 0.5rem;
  grid-template-columns: 2fr auto auto 1fr;
}
.ContactsBySite__ActionsWrapper .input {
  width: 100%;
}
.ContactsBySite__ActionsWrapper > div:last-child {
  text-align: right;
}
.ContactsBySite__noSpacing {
  padding: 0 !important;
  margin: 0 !important;
}
h6 i {
  font-size: 1.5rem !important;
}

.ManageContactsTab__TabMenu {
  display: flex !important;
  flex: 1;
}
.ManageContactsTab__ActionsWrapper {
  display: grid;
  align-items: center;
  margin: 1rem 0;
  grid-gap: 0.5rem;
  grid-template-columns: 2fr auto auto 1fr;
}
.ManageContactsTab__ActionsWrapper .input {
  width: 100%;
}
.ManageContactsTab__ActionsWrapper > div:last-child {
  text-align: right;
}

/*
 * Copyright (c) 2018. Maalka Inc. All rights reserved.
 *
 * This file is part of the Maalka Platform Project and may not be copied and/or distributed
 * without explicit permission of Maalka Inc.
 *
 */
.index__FilterButtonOptions {
  margin-right: 10px !important;
}
.index__FilterButtonOptions .index__button {
  margin-right: 5px !important;
  text-align: left !important;
}
.index__FilterButtonOptions .ui.dropdown.icon.button > .dropdown.icon {
  margin: 3px 0px 0px 0px !important;
}

/*
 * Copyright (c) 2018. Maalka Inc. All rights reserved.
 *
 * This file is part of the Maalka Platform Project and may not be copied and/or distributed
 * without explicit permission of Maalka Inc.
 *
 */
.index__Filter {
  display: flex;
  flex-direction: column;
}
.index__Filter.index__inline {
  flex-direction: row;
  align-items: center;
}
.index__Filter button.active {
  background-color: #ececec !important;
  box-shadow: inset 0 -2px rgba(6, 161, 249, 0.6) !important;
}
.index__Filter button {
  display: inline-block;
  margin-right: 10px !important;
  font-weight: 400 !important;
  width: 150px !important;
  padding: 11px !important;
  text-align: left !important;
  color: #333 !important;
}
.index__Filter button i {
  display: inline !important;
  margin-left: 2px !important;
}
.index__Filter .index__title {
  margin-right: 10px;
}

/*
 * Copyright (c) 2018. Maalka Inc. All rights reserved.
 *
 * This file is part of the Maalka Platform Project and may not be copied and/or distributed
 * without explicit permission of Maalka Inc.
 *
 */
.index__NotificationFilter {
  margin-bottom: 5px;
}
.index__NotificationFilter button {
  width: 152px !important;
  text-align: left !important;
  padding: 15px !important;
}
.index__NotificationFilter button:last-child {
  margin-left: auto;
  margin-right: 0px !important;
}

/*
 * Copyright (c) 2018. Maalka Inc. All rights reserved.
 *
 * This file is part of the Maalka Platform Project and may not be copied and/or distributed
 * without explicit permission of Maalka Inc.
 *
 */
.CardHeader__CardHeader {
  color: #333;
}
.CardHeader__CardHeader em {
  color: #a3a3a3;
  font-size: 14px !important;
}

.DataChanges__Description {
  line-height: 2;
}
.DataChanges__Description strong {
  color: #333;
}

.Comments__Description {
  line-height: 2;
}
.Comments__Description strong {
  color: #333;
}

/*
 * Copyright (c) 2018. Maalka Inc. All rights reserved.
 *
 * This file is part of the Maalka Platform Project and may not be copied and/or distributed
 * without explicit permission of Maalka Inc.
 *
 */
.item__NotificationScroll {
  padding-bottom: 0 !important;
}
.item__NotificationSegment {
  padding: 1em 0 0 !important;
}
.item__NotificationBand {
  width: 1rem !important;
  height: 100% !important;
  padding: 0 !important;
  float: left !important;
}
.item__Hide {
  display: none !important;
}
.item__NotificationItem {
  position: relative;
  display: flex;
  flex-direction: row !important;
  align-items: center !important;
  margin: 0 !important;
  border-radius: 0 !important;
}
.item__NotificationItem .item__cardContent {
  padding-left: 0 !important;
}
.item__NotificationItem .item__contentColumn {
  padding: 0 !important;
}
.item__NotificationItem .item__actionColumn {
  display: flex !important;
}
.item__NotificationItem .item__actions {
  align-self: center;
  padding-right: 0 !important;
  margin: 0;
  float: right;
}
.item__NotificationItem .item__actions > * {
  margin-right: 1rem;
}
.item__NotificationItem .item__content {
  padding: 1.5rem;
  margin-left: 1.5rem !important;
}
.item__NotificationItem .item__content > div > * {
  margin-right: 0.3rem;
}

.index__AnalyticsToolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.BreakdownTotalSeatsFragment__BreakdownTotalSeatsFragment .column {
  padding: 0 !important;
}
.BreakdownTotalSeatsFragment__BreakdownTotalSeatsFragment h4 {
  margin-top: 0 !important;
  margin-bottom: 14px !important;
}
.BreakdownTotalSeatsFragment__BreakdownTotalSeatsFragment .BreakdownTotalSeatsFragment__legendColumn {
  margin-left: 20px !important;
}
.BreakdownTotalSeatsFragment__BreakdownTotalSeatsFragment .BreakdownTotalSeatsFragment__BottomLegend {
  font-size: 13px !important;
}

.StackedProgressBar__StackedProgressBar {
  position: relative;
  margin-bottom: 2rem;
}
.StackedProgressBar__StackedProgressBar .StackedProgressBar__bars {
  margin-top: 0.6rem;
  position: relative !important;
  width: 100% !important;
  height: 21px;
}
.StackedProgressBar__StackedProgressBar .StackedProgressBar__bars :after {
  content: '';
  clear: both;
  display: table;
}
.StackedProgressBar__StackedProgressBar .StackedProgressBar__bars .white > .bar {
  background: rgba(0, 0, 0, 0.2) !important;
}
.StackedProgressBar__StackedProgressBar .StackedProgressBar__bars > div {
  background: transparent !important;
  position: absolute !important;
  width: 100% !important;
  margin: 0;
}
.StackedProgressBar__StackedProgressBar .StackedProgressBar__bars > div:last-of-type > div {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.SeatCapacityByRegionFragment__SeatCapacityByRegionFragment {
  height: 100%;
}
.SeatCapacityByRegionFragment__SeatCapacityByRegionFragment .SeatCapacityByRegionFragment__ProgressSegment {
  height: 100% !important;
  padding-bottom: 35px !important;
  margin-top: 0 !important;
  vertical-align: middle;
}
.SeatCapacityByRegionFragment__SeatCapacityByRegionFragment .SeatCapacityByRegionFragment__legend {
  width: 50%;
  text-align: center;
  font-size: 13px !important;
  align-self: center;
}

.CapacityStatusTab__CapacityStatus .CapacityStatusTab__BreakdownSection {
  padding-right: 1em !important;
}

.GroupDashboardTab__ActionBar {
  display: grid;
  align-items: center;
  margin: 1rem 0;
  grid-template-columns: 2fr 3fr;
}
.GroupDashboardTab__ActionBar .input {
  width: 100%;
}
.GroupDashboardTab__ActionBar .menu {
  margin: 0 !important;
  justify-self: end;
}

.GroupDashboardTabV3__ActionBar {
  display: grid;
  align-items: center;
  margin: 1rem 0;
  grid-template-columns: 2fr 3fr;
}
.GroupDashboardTabV3__ActionBar .input {
  width: 100%;
}
.GroupDashboardTabV3__ActionBar .menu {
  margin: 0 !important;
  justify-self: end;
}

.GroupPublishedReportsTab__ActionsWrapper {
  display: grid;
  align-items: center;
  margin-top: 3rem;
  margin-bottom: 1rem;
  grid-gap: 0.5rem;
  grid-template-columns: 1fr auto 1fr auto auto;
}
.GroupPublishedReportsTab__ActionsWrapper .input {
  width: 100%;
}
.GroupPublishedReportsTab__ActionsWrapper .button:not(.circular) {
  height: 30px;
}
.GroupPublishedReportsTab__Table {
  overflow: auto;
  max-height: 800px;
}

.SiteContactsTab__NewContactSection {
  margin-bottom: 1rem;
}

.SiteReportDataTab__Description {
  margin: 1.5rem !important;
  text-align: center;
}
.SiteReportDataTab__ActionsWrapper {
  display: grid;
  align-items: center;
  grid-gap: 1rem;
  grid-template-columns: 2fr 1fr 2fr;
  justify-items: start;
}
.SiteReportDataTab__ActionsWrapper input {
  width: 100%;
  height: 2.4rem !important;
}
.SiteReportDataTab__Dropdown {
  width: 100%;
}
.SiteReportDataTab__DateRangeWrapper {
  padding: 0 1rem;
  border-right: 1px solid #efefef;
  border-left: 1px solid #efefef;
}
.SiteReportDataTab__SpreadsheetWrapper {
  margin-top: 2rem;
}
.SiteReportDataTab__DownloadButton {
  align-self: end;
  justify-self: end;
}

.AnalyticsTab__Description {
  margin-top: 20px !important;
}

.index__BudgetButton {
  margin-right: 10px !important;
  font-weight: 400 !important;
  min-width: 150px !important;
  padding: 11px !important;
  text-align: left !important;
  color: #333 !important;
  height: 45px !important;
}
.index__BudgetButton i {
  padding-right: 20px !important;
}

/*
 * Copyright (c) 2018. Maalka Inc. All rights reserved.
 *
 * This file is part of the Maalka Platform Project and may not be copied and/or distributed
 * without explicit permission of Maalka Inc.
 *
 */
.ErrorMessage__ErrorMessage .ui.message.error {
  background-color: #fff6f6 !important;
}

.SettingsFormFragment__SettingsFormFragment .form .fields {
  margin: 0 !important;
}
.SettingsFormFragment__SettingsFormFragment .ui.checkbox label {
  color: rgba(0, 0, 0, 0.6) !important;
}
.SettingsFormFragment__SettingsFormFragment > div:nth-child(n + 2) {
  padding-top: 0 !important;
}
.SettingsFormFragment__SettingsFormFragment form > div > div:first-child {
  padding-left: 0 !important;
}
.SettingsFormFragment__SettingsFormFragment form button {
  margin-top: 20px !important;
}
.SettingsFormFragment__SettingsFormFragment .SettingsFormFragment__FieldsWrapper {
  padding-bottom: 1rem !important;
}
@media only screen and (max-width: 990px) and (min-width: 720px) {
  .SettingsFormFragment__SettingsFormFragment .SettingsFormFragment__FieldsWrapper {
    padding: 0px 16px 0px 16px;
  }
}
@media only screen and (max-width: 990px) {
  .SettingsFormFragment__SettingsFormFragment .SettingsFormFragment__FieldsWrapper {
    flex-direction: column !important;
  }
  .SettingsFormFragment__SettingsFormFragment .SettingsFormFragment__FieldsWrapper .SettingsFormFragment__Field {
    margin-bottom: 10px !important;
    padding: 0px !important;
  }
}
@media only screen and (max-width: 990px) {
  .SettingsFormFragment__SettingsFormFragment .SettingsFormFragment__SecondColumn {
    padding: 0px !important;
  }
}
.SettingsFormFragment__SettingsFormFragment .SettingsFormFragment__RadioButtonGroup {
  margin-left: 1rem;
}
.SettingsFormFragment__ProgramItem {
  display: flex !important;
  align-items: center;
}
.SettingsFormFragment__ProgramIcon {
  display: block !important;
  height: 36px;
  width: 36px;
  margin-top: 0;
}
.SettingsFormFragment__ProgramIcon img {
  margin: 0 !important;
}
@media only screen and (max-width: 1290px) {
  .SettingsFormFragment__BottomWrapper {
    padding-left: 1rem;
  }
}

.ClientConfiguration__ClientConfiguration .ui.divider {
  margin: 2.1rem 0 !important;
}
.ClientConfiguration__ClientConfiguration img {
  margin-top: 14px;
}
.ClientConfiguration__ClientConfiguration .ClientConfiguration__Column1 {
  padding-right: 2rem !important;
}
@media only screen and (max-width: 990px) {
  .ClientConfiguration__ClientConfiguration .ClientConfiguration__Column1 {
    margin-bottom: 30px !important;
  }
}
.ClientConfiguration__ClientConfiguration .ClientConfiguration__Column2 {
  margin-top: 1.5rem !important;
}
@media only screen and (min-width: 1290px) {
  .ClientConfiguration__ClientConfiguration .ClientConfiguration__Column2 {
    margin-top: 0 !important;
    padding-left: 2rem !important;
  }
}
@media only screen and (max-width: 990px) {
  .ClientConfiguration__ClientConfiguration .ClientConfiguration__SettingsButton {
    margin-bottom: 10px !important;
  }
}

.ManageUserRolesModal__ManageUserRolesModal .scrolling.content {
  overflow: initial !important;
}
.ManageUserRolesModal__ManageUserRolesModal .ManageUserRolesModal__InviteFormContainer {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.ManageUserRolesModal__ManageUserRolesModal .ManageUserRolesModal__InviteFormContainer .ManageUserRolesModal__Row {
  display: flex;
  flex-direction: row;
}
.ManageUserRolesModal__ManageUserRolesModal .ManageUserRolesModal__InviteFormContainer .ManageUserRolesModal__Row .input {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.ManageUserRolesModal__ManageUserRolesModal .ManageUserRolesModal__ManageUserRolesButton {
  position: relative;
}
.ManageUserRolesModal__ManageUserRolesModal .ManageUserRolesModal__ManageUserRolesButton .exclamation.icon {
  position: absolute;
  bottom: 1.5rem;
}

.UsersByUserTab__UsersByUser .UsersByUserTab__ScrollableTable {
  max-height: 500px;
  min-height: 150px;
}
.UsersByUserTab__UserCountLabel {
  margin-bottom: 1em !important;
}
.UsersByUserTab__FormButtons {
  text-align: right;
  min-width: 300px;
}

.ManageUserAccessModal__ManageSiteAccessModal .ManageUserAccessModal__ModalHeaderContainer {
  margin-bottom: 20px !important;
}
.ManageUserAccessModal__ManageSiteAccessModal .ManageUserAccessModal__SiteNameColumn {
  min-width: 150px !important;
}
.ManageUserAccessModal__ManageSiteAccessModal .ManageUserAccessModal__condensedGrid {
  padding-right: 5px !important;
}
.ManageUserAccessModal__ManageSiteAccessModal .ManageUserAccessModal__usersButtonsContainer button {
  margin-top: 21px !important;
}
.ManageUserAccessModal__ManageSiteAccessModal .ManageUserAccessModal__TableContainer {
  overflow: auto;
  height: 400px;
}
.ManageUserAccessModal__ManageSiteAccessModal .ManageUserAccessModal__SearchFormContainer {
  display: grid;
  align-items: end;
  margin-bottom: 20px;
  grid-template-columns: 1fr 1fr auto;
}
.ManageUserAccessModal__ManageSiteAccessModal .ManageUserAccessModal__SearchFormContainer input {
  margin-top: 23px !important;
}
.ManageUserAccessModal__ManageSiteAccessModal .ManageUserAccessModal__SearchFormContainer .ManageUserAccessModal__SearchField i {
  margin-top: 11px !important;
}

.HamburgerMenu__HamburgerMenu .HamburgerMenu__SiteNameField {
  margin-left: 1rem;
}

.UsersBySite__UsersBySite .UsersBySite__Table {
  min-height: 135px;
  max-height: 500px;
}
@media only screen and (max-width: 990px) {
  .UsersBySite__UsersBySite .UsersBySite__FormRow div {
    margin-bottom: 5px !important;
  }
}
.UsersBySite__UsersBySite .UsersBySite__SuperUserRow {
  margin-left: calc(1rem + 20px);
}

.Users__Users .Users__TabMenu {
  display: flex !important;
  flex: 1;
}

.Admin__AdminPage .Admin__BackButtonContainer {
  margin-bottom: 14px;
  margin-top: 4px;
}
.Admin__AdminPage .Admin__BackButtonContainer .Admin__Icon {
  padding: 10px 25px 10px 20px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}
.Admin__AdminPage .Admin__BackButtonContainer .Admin__Icon i {
  padding-right: 20px;
}
.Admin__AdminPage .Admin__BackButtonContainer .Admin__Icon:last-child {
  margin-left: 10px;
}

.Configuration__Config {
  padding: 0 !important;
  background: transparent !important;
}
.Configuration__Config > form {
  margin-top: 10px;
}
.Configuration__Config.Configuration__code .jsoneditor {
  height: 500px !important;
}
.Configuration__Footer {
  display: flex;
  justify-content: flex-end;
}

/*
 * Copyright (c) 2018. Maalka Inc. All rights reserved.
 *
 * This file is part of the Maalka Platform Project and may not be copied and/or distributed
 * without explicit permission of Maalka Inc.
 *
 */
html {
  box-sizing: border-box;
}
@media print {
  body {
    background: white !important;
  }
}
@page {
  size: auto;
  /* auto is the initial value */
  /* this affects the margin in the printer settings */
}
/*
 * Copyright (c) 2018. Maalka Inc. All rights reserved.
 *
 * This file is part of the Maalka Platform Project and may not be copied and/or distributed
 * without explicit permission of Maalka Inc.
 *
 */
body {
  font-family: 'roboto', 'serif' !important;
}
input {
  scroll-margin: 40px;
}
.ui.button.basic.transparent:hover {
  border-color: transparent !important;
  background-color: transparent !important;
}
.ui.modal form .content {
  padding: 2rem;
  max-height: calc(85vh) !important;
  line-height: 1.8em !important;
}
.ui.modal form .actions {
  padding: 1rem 1rem;
  border-top: 1px solid transparent;
  text-align: right;
}
.ui.divided.grid:not([class*='vertically divided']) > .column:first-child, .ui.divided.grid:not([class*='vertically divided']) > .row > .column:first-child {
  box-shadow: none !important;
}
.ui.divided.grid:not([class*='vertically divided']) > .column:not(.row), .ui.divided.grid:not([class*='vertically divided']) > .row > .column {
  box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15) !important;
}
i.icon.close:before {
  content: '\e838';
}
@media print {
  .ui.grid {
    display: block !important;
  }
}
.ui.form .disabled.field {
  opacity: inherit !important;
}
.ui.selection.dropdown {
  min-height: 2.1rem !important;
}
.ui.multiple.dropdown {
  padding: 0.18em 2.1em 0.18em 0.35714286em !important;
}
.ui.multiple.dropdown > .label {
  padding: 0.18em 0.78571429em !important;
  margin: 0.12285714rem 0.28571429rem !important;
}
.ui.input {
  min-height: 2.1rem !important;
}
.field .fields {
  margin: 0 -0.5em 0em !important;
}
/*
 * Copyright (c) 2018. Maalka Inc. All rights reserved.
 *
 * This file is part of the Maalka Platform Project and may not be copied and/or distributed
 * without explicit permission of Maalka Inc.
 *
 */
.highcharts-contextmenu div {
  min-width: 120px;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.highcharts-tooltip h3 {
  padding: 7px 0px 0px 7px !important;
}
.highcharts-line-series:nth-child(3n + 1) {
  stroke-dasharray: 5, 5;
}
@media print {
  .highcharts-exporting-group {
    display: none;
  }
}
.highcharts-title {
  font-size: 16px !important;
}
.highcharts-tooltip-container {
  z-index: 9999 !important;
}
/*
 * Copyright (c) 2018. Maalka Inc. All rights reserved.
 *
 * This file is part of the Maalka Platform Project and may not be copied and/or distributed
 * without explicit permission of Maalka Inc.
 *
 */
.handsontable {
  /* Seems to be a bug in handsontable, there shouldn't be a left border on the second table header  */
  /* Row and col headers */
}
.handsontable .changedCell {
  background-color: rgba(6, 161, 249, 0.04) !important;
  color: #06a1f9 !important;
}
.handsontable .changedCell *::after {
  width: auto !important;
}
.handsontable .htPlaceholder {
  color: #aaa;
  font-style: italic;
}
@media print {
  .handsontable {
    page-break-after: avoid;
  }
  .handsontable table {
    page-break-after: avoid;
  }
  .handsontable tr {
    page-break-inside: avoid;
    page-break-after: avoid;
  }
  .handsontable th, .handsontable th > *, .handsontable td, .handsontable td > * {
    page-break-inside: avoid;
    page-break-after: avoid;
  }
  .handsontable thead {
    display: table-header-group;
  }
  .handsontable tfoot {
    display: table-footer-group;
  }
}
.handsontable .handsontable th:nth-child(2) {
  border-left: none;
}
.handsontable .ht_clone_left th, .handsontable .ht_clone_top th {
  font-weight: 500;
}
.handsontable .colHeader, .handsontable tbody td {
  vertical-align: middle;
}
@media print {
  .handsontable .colHeader, .handsontable tbody td {
    font-size: 10px !important;
  }
}
.handsontable .colHeader {
  line-height: 45px !important;
}
.handsontable td, .handsontable th {
  padding: 0 10px;
  font-size: 13px;
}
.handsontable th {
  background-color: #f7f7f7;
  color: rgba(30, 30, 30, 0.976);
}
.handsontable th.iconRowHeader {
  padding: 0 !important;
  vertical-align: inherit;
}
.handsontable .htAutocompleteArrow {
  color: #767676 !important;
  font-size: 8px !important;
}
.handsontable td {
  font-weight: 400 !important;
}
.handsontable td.htInvalid, .handsontable td.htError {
  background-color: rgba(255, 0, 0, 0.04) !important;
  color: #ff0000 !important;
  position: relative;
}
.handsontable .ht_clone_top_left_corner {
  z-index: 1 !important;
}
.handsontable .wtBorder {
  z-index: 0 !important;
}
.handsontable .ht_clone_top {
  z-index: 1 !important;
}
.handsontable .ht_clone_left {
  z-index: 0 !important;
}
.handsontable .htSelectEditor {
  z-index: 9999;
}
.handsontable.listbox .ht_master table {
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
}
.handsontable .autocompleteEditor td.listbox {
  height: 23px !important;
  line-height: 23px !important;
}
.htContextMenu table.htCore {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-right-width: 1px;
  border-bottom-width: 1px;
}
.htContextMenu table .htDisabled {
  cursor: not-allowed;
}
.htContextMenu table tbody tr td {
  display: flex;
  height: 40px !important;
  align-items: center;
  background-color: #f5f5f5 !important;
  color: #4d4d4d;
  font-size: 16px;
}
.htContextMenu table tbody tr td:hover {
  background-color: #e6e6e6 !important;
}
.htVisualErrorPopup {
  display: none;
  position: absolute;
  z-index: 1059;
}
.htVisualErrorContent {
  display: block;
}
.handsontable td.htInvalid:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12px 12px 0;
  border-color: transparent rgba(255, 0, 0, 0.5) transparent transparent;
  right: 0;
  top: 0;
  position: absolute;
}
.lexical .action-button {
  background-color: #eee;
  border: 0;
  padding: 8px 12px;
  position: relative;
  margin-left: 5px;
  border-radius: 15px;
  color: #222;
  display: inline-block;
  cursor: pointer;
}
.lexical .action-button:hover {
  background-color: #ddd;
  color: #000;
}
.lexical button.toolbar-item {
  border: 0;
  display: flex;
  background: none;
  border-radius: 10px;
  padding: 8px;
  cursor: pointer;
  vertical-align: middle;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
}
.lexical button.toolbar-item:disabled {
  cursor: not-allowed;
}
.lexical button.toolbar-item.spaced {
  margin-top: 0px;
  margin-right: 2px;
}
.lexical button.toolbar-item i.format {
  background-size: contain;
  display: inline-block;
  height: 18px;
  width: 18px;
  vertical-align: -0.25em;
  display: flex;
  opacity: 0.6;
}
.lexical button.toolbar-item:disabled .lexicalicon, .lexical button.toolbar-item:disabled .text, .lexical button.toolbar-item:disabled i.format, .lexical button.toolbar-item:disabled .chevron-down {
  opacity: 0.2;
}
.lexical button.toolbar-item.active {
  background-color: rgba(223, 232, 250, 0.3);
}
.lexical button.toolbar-item.active i {
  opacity: 1;
}
.lexical .DialogActions {
  display: flex;
  flex-direction: row;
  justify-content: right;
  margin-top: 20px;
}
.lexical .DialogButtonsList {
  display: flex;
  flex-direction: column;
  justify-content: right;
  margin-top: 20px;
}
.lexical .DialogButtonsList button {
  margin-bottom: 20px;
}
.lexical .dialog-dropdown {
  background-color: #eee !important;
  margin-bottom: 10px;
  width: 100%;
}
.lexical i.palette {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/palette.svg);
}
.lexical i.bucket {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/paint-bucket.svg);
}
.lexical i.chevron-down {
  background-color: transparent;
  background-size: contain;
  display: inline-block;
  height: 8px;
  width: 8px;
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/chevron-down.svg);
}
.lexical i.bold {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/type-bold.svg);
}
.lexical i.italic {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/type-italic.svg);
}
.lexical i.clear {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/trash.svg);
}
.lexical i.code {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/code.svg);
}
.lexical i.underline {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/type-underline.svg);
}
.lexical i.strikethrough {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/type-strikethrough.svg);
}
.lexical i.subscript {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/type-subscript.svg);
}
.lexical i.superscript {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/type-superscript.svg);
}
.lexical i.link {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/link.svg);
}
.lexical i.horizontal-rule {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/horizontal-rule.svg);
}
.lexical .lexicalicon.plus {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/plus.svg);
}
.lexical .lexicalicon.caret-right {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/caret-right-fill.svg);
}
.lexical .lexicalicon.dropdown-more {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/dropdown-more.svg);
}
.lexical .lexicalicon.font-color {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/font-color.svg);
}
.lexical .lexicalicon.font-family {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/font-family.svg);
}
.lexical .lexicalicon.bg-color {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/bg-color.svg);
}
.lexical .lexicalicon.table {
  background-color: #6c757d;
  mask-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/table.svg);
  -webkit-mask-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/table.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-size: contain;
}
.lexical i.image {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/file-image.svg);
}
.lexical i.table {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/table.svg);
}
.lexical i.close {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/close.svg);
}
.lexical i.figma {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/figma.svg);
}
.lexical i.poll {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/card-checklist.svg);
}
.lexical i.columns {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/3-columns.svg);
}
.lexical i.tweet {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/tweet.svg);
}
.lexical i.youtube {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/youtube.svg);
}
.lexical .lexicalicon.left-align, .lexical i.left-align {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/text-left.svg);
}
.lexical .lexicalicon.center-align, .lexical i.center-align {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/text-center.svg);
}
.lexical .lexicalicon.right-align, .lexical i.right-align {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/text-right.svg);
}
.lexical .lexicalicon.justify-align, .lexical i.justify-align {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/justify.svg);
}
.lexical i.indent {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/indent.svg);
}
.lexical i.markdown {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/markdown.svg);
}
.lexical i.outdent {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/outdent.svg);
}
.lexical i.undo {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/arrow-counterclockwise.svg);
}
.lexical i.redo {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/arrow-clockwise.svg);
}
.lexical i.sticky {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/sticky.svg);
}
.lexical i.mic {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/mic.svg);
}
.lexical i.import {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/upload.svg);
}
.lexical i.export {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/download.svg);
}
.lexical i.diagram-2 {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/diagram-2.svg);
}
.lexical i.user {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/user.svg);
}
.lexical i.equation {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/plus-slash-minus.svg);
}
.lexical i.gif {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/filetype-gif.svg);
}
.lexical i.copy {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/copy.svg);
}
.lexical i.success {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/success.svg);
}
.lexical i.prettier {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/prettier.svg);
}
.lexical i.prettier-error {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/prettier-error.svg);
}
.lexical i.page-break, .lexical .lexicalicon.page-break {
  background-image: url(https://maalka-cdn.maalka.com/application-react/1.176.1/assets/media/scissors.svg);
}
.lexical label {
  font-size: initial !important;
  font-weight: initial !important;
}
.lexical .TableCellResizer__resizer {
  position: absolute;
}
.lexical.dropdown {
  z-index: 1000;
  display: block;
  position: fixed;
  box-shadow: 0 12px 28px 0 rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.5);
  border-radius: 8px;
  min-height: 40px;
  background-color: #fff;
}
.lexical.dropdown .Input__wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 10px;
}
.lexical.dropdown .Input__label {
  display: flex;
  flex: 1;
  color: #666;
}
.lexical.dropdown .Input__input {
  display: flex;
  flex: 2;
  border: 1px solid #999;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 16px;
  min-width: 0;
}
.lexical.dropdown .item {
  margin: 0 8px 0 8px;
  padding: 8px;
  color: #050505;
  cursor: pointer;
  line-height: 16px;
  font-size: 15px;
  display: flex;
  align-content: center;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: space-between;
  background-color: #fff;
  border-radius: 8px;
  border: 0;
  max-width: 250px;
  min-width: 100px;
}
.lexical.dropdown item.fontsize-item, .lexical.dropdown .item.fontsize-item .text {
  min-width: unset;
}
.lexical.dropdown .item .active {
  display: flex;
  width: 20px;
  height: 20px;
  background-size: contain;
}
.lexical.dropdown .item:first-child {
  margin-top: 8px;
}
.lexical.dropdown .item:last-child {
  margin-bottom: 8px;
}
.lexical.dropdown .item:hover {
  background-color: #eee;
}
.lexical.dropdown .item .text {
  display: flex;
  line-height: 20px;
  flex-grow: 1;
  min-width: 150px;
}
.lexical.dropdown .item .lexicalicon {
  display: flex;
  width: 20px;
  height: 20px;
  user-select: none;
  margin-right: 12px;
  line-height: 16px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.lexical.dropdown .divider {
  width: auto;
  background-color: #eee;
  margin: 4px 8px;
  height: 1px;
}
.lexical.ExcalidrawModal__overlay {
  display: flex;
  align-items: center;
  position: fixed;
  flex-direction: column;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  flex-grow: 0px;
  flex-shrink: 1px;
  z-index: 1000;
  background-color: rgba(40, 40, 40, 0.6);
}
.lexical.ExcalidrawModal__overlay .ExcalidrawModal__actions {
  text-align: end;
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 1;
}
.lexical.ExcalidrawModal__overlay .ExcalidrawModal__actions button {
  background-color: #fff;
}
.lexical.ExcalidrawModal__overlay .ExcalidrawModal__row {
  position: relative;
  padding: 40px 5px 5px;
  width: 70vw;
  height: 70vh;
  box-shadow: 0 12px 28px 0 rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}
.lexical.ExcalidrawModal__overlay .ExcalidrawModal__modal {
  position: relative;
  z-index: 10;
  top: 50px;
  width: auto;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #eee;
}
.lexical.ExcalidrawModal__overlay .ExcalidrawModal__discardModal {
  margin-top: 60px;
  text-align: center;
}
.lexical.sticky-note-container {
  position: absolute;
  z-index: 1000;
  width: 120px;
  display: inline-block;
}
.lexical.sticky-note-container .sticky-note {
  line-height: 1;
  text-align: left;
  width: 120px;
  margin: 25px;
  padding: 20px 10px;
  position: relative;
  border: 1px solid #e8e8e8;
  font-family: 'Reenie Beanie';
  font-size: 24px;
  border-bottom-right-radius: 60px 5px;
  display: block;
  cursor: move;
}
.lexical.sticky-note-container .toolbar-item:hover:not([disabled]) {
  background-color: #eee;
}
.lexical.sticky-note-container .toolbar-item.font-family .text {
  display: block;
  max-width: 40px;
}
.lexical.sticky-note-container .sticky-note:after {
  content: '';
  position: absolute;
  z-index: -1;
  right: 0px;
  bottom: 20px;
  width: 120px;
  height: 25px;
  background: rgba(0, 0, 0, 0.2);
  box-shadow: 2px 15px 5px rgba(0, 0, 0, 0.4);
  transform: matrix(-1, -0.1, 0, 1, 0, 0);
}
.lexical.sticky-note-container .sticky-note.yellow {
  border-top: 1px solid #fdfd86;
  background: linear-gradient(135deg, #ffff88 81%, #ffff88 82%, #ffff88 82%, #ffffc6 100%);
}
.lexical.sticky-note-container .sticky-note.pink {
  border-top: 1px solid #e7d1e4;
  background: linear-gradient(135deg, #f7cbe8 81%, #f7cbe8 82%, #f7cbe8 82%, #e7bfe1 100%);
}
.lexical.sticky-note-container .sticky-note-container.dragging {
  transition: none !important;
}
.lexical.sticky-note-container .sticky-note div {
  cursor: text;
}
.lexical.sticky-note-container .sticky-note .delete {
  border: 0;
  background: none;
  position: absolute;
  top: 8px;
  right: 10px;
  font-size: 10px;
  cursor: pointer;
  opacity: 0.5;
}
.lexical.sticky-note-container .sticky-note .delete:hover {
  font-weight: bold;
  opacity: 1;
}
.lexical.sticky-note-container .sticky-note .color {
  border: 0;
  background: none;
  position: absolute;
  top: 8px;
  right: 25px;
  cursor: pointer;
  opacity: 0.5;
}
.lexical.sticky-note-container .sticky-note .color:hover {
  opacity: 1;
}
.lexical.sticky-note-container .sticky-note .color i {
  display: block;
  width: 12px;
  height: 12px;
  background-size: contain;
}
.lexical .TableCellResizer__resizer {
  position: absolute;
}
.lexical .Collapsible__container {
  background: #fcfcfc;
  border: 1px solid #eee;
  border-radius: 10px;
  margin-bottom: 8px;
}
.lexical .Collapsible__title {
  cursor: pointer;
  padding: 5px 5px 5px 20px;
  position: relative;
  font-weight: bold;
  list-style: none;
  outline: none;
}
.lexical .Collapsible__title::marker, .lexical .Collapsible__title::-webkit-details-marker {
  display: none;
}
.lexical .Collapsible__title:before {
  border-style: solid;
  border-color: transparent;
  border-width: 4px 6px 4px 6px;
  border-left-color: #000;
  display: block;
  content: '';
  position: absolute;
  left: 7px;
  top: 50%;
  transform: translateY(-50%);
}
.lexical .Collapsible__container[open] > .Collapsible__title:before {
  border-color: transparent;
  border-width: 6px 4px 0 4px;
  border-top-color: #000;
}
.lexical .Collapsible__content {
  padding: 0 5px 5px 20px;
}
.lexical .Collapsible__collapsed .Collapsible__content {
  display: none;
  user-select: none;
}

