totalum-api-sdk 2.0.21 → 2.0.23

package/dist/totalum-styles.css

@@ -1,1522 +1,3 @@
-/*
- * App Global CSS
- * ----------------------------------------------------------------------------
- * Put style rules here that you want to apply globally. These styles are for
- * the entire app and not just one component. Additionally, this file can be
- * used as an entry point to import other CSS/Sass files to be included in the
- * output CSS.
- * For more information on global stylesheets, visit the documentation:
- * https://ionicframework.com/docs/layout/global-stylesheets
- */
-
-.tree-element {
-  width: 100%;
-  padding: 8px 0;
-  padding-left: 8px;
-  cursor: pointer;
-  border-bottom: 1px solid gray;
-}
-.tree-element:hover {
-  background: gray;
-}
-
-.aside {
-  width: 300px;
-  border-right: 1px solid gray;
-  height: 100%;
-}
-
-.tree-aside {
-  width: 300px;
-  border-right: 1px solid gray;
-  height: 100%;
-}
-.tree-aside-element {
-  padding: 14px 12px;
-  border-bottom: 1px solid gray;
-  background: white;
-  cursor: pointer;
-}
-.tree-aside-element:hover {
-  background: rgb(217, 217, 217);
-}
-
-.row-expanded-tree-element {
-  display: flex;
-  align-items: center;
-  padding: 2px 8px;
-  padding-right: 12px;
-  cursor: pointer;
-  justify-content: flex-start;
-  color: rgb(70, 70, 70);
-}
-.row-expanded-tree-element-title {
-  max-width: 100%;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  font-size: 13px;
-}
-.row-expanded-tree-element-left {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-}
-.row-expanded-tree-element-left i {
-  font-size: 13px;
-  width: 28px !important;
-  min-width: 28px !important;
-  height: 30px !important;
-  min-height: 30px !important;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.row-expanded-tree-element-left span {
-  font-size: 13px;
-}
-.row-expanded-tree-element:hover {
-  background: rgb(244, 244, 244);
-}
-.row-expanded-tree-element-selected {
-  padding: 2px 8px;
-  padding-right: 12px;
-  cursor: pointer;
-  background: rgb(244, 244, 244);
-}
-.row-expanded-tree-element-selected .row-expanded-tree-element-title {
-  color: black;
-  font-weight: bold;
-}
-.row-expanded-tree-element-selected-left span {
-  font-weight: bold;
-}
-
-.tree-objtype-title {
-  margin-top: 4px;
-  margin-bottom: 4px;
-  color: #2b2b2b;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-.tree-objtype-title-left {
-  display: flex;
-  align-items: center;
-  font-weight: 600;
-  font-size: 13px;
-}
-.tree-objtype-title-left i {
-  font-size: 14px;
-  width: 24px;
-  height: 24px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: rgb(132, 133, 135);
-  margin-right: 6px;
-}
-.tree-objtype-title-left-icon {
-  font-size: 15.5px !important;
-  margin-right: 0px !important;
-  padding-top: 0px !important;
-  color: rgb(159, 159, 159);
-  background-image: linear-gradient(to bottom, rgb(178, 178, 178), rgb(155, 155, 155));
-  -webkit-background-clip: text;
-  -moz-background-clip: text;
-  background-clip: text;
-  color: transparent;
-  margin-left: -4px;
-}
-.tree-objtype-title-right {
-  display: flex;
-  align-items: center;
-}
-.tree-objtype-title-right i {
-  font-size: 16px;
-  width: 24px;
-  height: 24px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: rgb(132, 133, 135);
-  padding-top: 2px;
-  border-radius: 4px;
-  cursor: pointer;
-}
-.tree-objtype-title-right i:hover {
-  background: #f4f4f4;
-}
-
-.no-elements-title {
-  margin-bottom: 12px;
-}
-
-.padding-left-24 {
-  padding-left: 24px !important;
-}
-
-.padding-left-48 {
-  padding-left: 48px !important;
-}
-
-.padding-left-72 {
-  padding-left: 72px !important;
-}
-
-.padding-left-96 {
-  padding-left: 96px !important;
-}
-
-.padding-left-120 {
-  padding-left: 120px !important;
-}
-
-.padding-left-144 {
-  padding-left: 144px !important;
-}
-
-.padding-left-25 {
-  padding-left: 28px !important;
-}
-
-.padding-left-50 {
-  padding-left: 60px !important;
-}
-
-.padding-left-75 {
-  padding-left: 93px !important;
-}
-
-.padding-left-100 {
-  padding-left: 100px !important;
-}
-
-.padding-left-125 {
-  padding-left: 125px !important;
-}
-
-.padding-left-150 {
-  padding-left: 150px !important;
-}
-
-.padding-left-25-2 {
-  padding-left: 28px !important;
-}
-
-.padding-left-50-2 {
-  padding-left: 60px !important;
-}
-
-.padding-left-75-2 {
-  padding-left: 93px !important;
-}
-
-.padding-left-100-2 {
-  padding-left: 140px !important;
-}
-
-.padding-left-125-2 {
-  padding-left: 115px !important;
-}
-
-.padding-left-150-2 {
-  padding-left: 140px !important;
-}
-
-.table {
-  position: relative;
-  height: 100%;
-}
-.table-margin-top {
-  margin-top: 70px;
-}
-.table-grid {
-  margin: 0 16px;
-}
-.table-grid-header {
-  position: relative;
-}
-.table-grid-header-delete-col {
-  cursor: pointer;
-  margin-top: 8px;
-  margin-left: 3px;
-  font-size: 18px;
-}
-.table-grid-header-editing-col {
-  padding: 6px 8px;
-  background: #D4D4D4;
-  border-radius: 6px;
-  color: black;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  cursor: pointer;
-}
-.table-grid-header-editing-col:hover {
-  background: rgb(187, 187, 187);
-}
-.table-grid-header-editing-col ion-icon {
-  font-size: 16px;
-  color: #5C5C5C;
-  margin-left: 8px;
-}
-.table-grid-header-editing-add-button {
-  color: rgb(0, 140, 255);
-  display: flex;
-  align-items: center;
-  border-radius: 6px;
-  padding: 6px 8px;
-  cursor: pointer;
-}
-.table-grid-header-editing-add-button:hover {
-  background: rgb(219, 219, 219);
-}
-.table-grid-header-editing-add-button ion-icon {
-  color: rgb(0, 140, 255);
-  font-size: 16px;
-  margin-right: 8px;
-}
-.table-grid-header-col {
-  padding: 6px 8px;
-  border-radius: 6px;
-}
-.table-grid-header-settings {
-  position: absolute;
-  right: 0px;
-  top: 0;
-  bottom: 0;
-  margin: auto;
-  font-size: 12px;
-}
-.table-bar {
-  margin-bottom: 16px;
-  padding: 0 16px;
-  border-bottom: 1px solid #FAFAFA;
-  position: fixed;
-  top: 0;
-  background: white;
-  z-index: 100000;
-  width: 100%;
-  background: #f8f8f8;
-  height: 55px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-.table-bar-title {
-  font-size: 16px;
-  font-weight: bold;
-}
-.table-bar-tools {
-  display: flex;
-  align-items: center;
-}
-.table-bar-tools-itemsperpage {
-  display: flex;
-  margin-right: 30px;
-}
-.table-bar-tools-itemsperpage-number {
-  margin-left: 20px;
-  color: gray;
-  cursor: pointer;
-}
-.table-bar-tools-tool {
-  display: flex;
-  align-items: center;
-  background: var(--button-background);
-  padding: 9px;
-  margin-left: 16px;
-  border-radius: 6px;
-}
-.table-bar-tools-tool-title {
-  margin-left: var(--margin-icon-text);
-  color: var(--button-icon-color);
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  font-size: 13px;
-}
-.table-bar-tools-tool ion-icon {
-  color: var(--button-icon-color);
-  font-size: var(--button-icon-size);
-  min-width: 22px;
-}
-.table-bar-tools .tool-searchbar {
-  min-width: 250px;
-  font-size: 13px;
-}
-.table-bar-tools .tool-searchbar ion-icon {
-  margin-right: var(--margin-icon-text);
-}
-.table-bar-tools .tool-button {
-  user-select: none;
-  cursor: pointer;
-}
-.table-bar-tools .tool-button:hover {
-  background: var(--button-background-active);
-}
-.table-bar-tools .tool-button-add-elements {
-  max-width: 180px;
-}
-.table-bar-tools .tool-button-cancellable {
-  display: flex;
-  align-items: center;
-}
-.table-bar-tools .tool-button-cancellable .tool-button:last-child {
-  margin-left: -4px;
-  z-index: 100000;
-  padding: 9px;
-}
-.table-bar-tools .tool-button-cancellable .tool-button:first-child {
-  background: var(--button-bg-primary);
-  z-index: 100020;
-}
-.table-bar-tools .tool-button-cancellable .tool-button:first-child ion-icon {
-  color: white;
-}
-
-.table-form {
-  margin-bottom: 16px;
-  display: flex;
-  width: 100%;
-  margin: 0 16px;
-}
-
-.table-navbar {
-  width: 100%;
-  margin-bottom: 8px;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-.table-navbar-tools {
-  display: flex;
-}
-.table-navbar-tools-icon {
-  margin-left: 20px;
-}
-
-ion-col {
-  width: 290px;
-  max-width: 290px;
-  min-width: 290px;
-}
-
-ion-row {
-  display: flex;
-  flex-wrap: nowrap;
-}
-
-.sp-grid {
-  width: 100%;
-  padding: 0;
-  padding-bottom: 110px;
-  background: white;
-}
-.sp-grid .ion-row-container {
-  position: relative;
-}
-.sp-grid .ion-row-container .rapid-editor-button {
-  position: absolute;
-  top: 6px;
-  right: 12px;
-  padding: 6px 12px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: var(--button-bg-primary);
-  border-radius: 6px;
-  z-index: 100000;
-  cursor: pointer;
-}
-.sp-grid .ion-row-container .rapid-editor-button:hover {
-  background: var(--button-bg-primary-hover);
-}
-.sp-grid .ion-row-container .rapid-editor-button ion-icon {
-  font-size: 20px;
-  color: white;
-  margin-right: 8px;
-}
-.sp-grid .ion-row-container .rapid-editor-button div {
-  color: white;
-}
-.sp-grid .ion-row-container .rapid-editor-button-success {
-  background: var(--button-bg-special);
-}
-.sp-grid .ion-row-container .rapid-editor-button-success-completed {
-  display: flex;
-  align-items: center;
-}
-.sp-grid .ion-row-container .rapid-editor-button-success-undo {
-  display: none;
-}
-.sp-grid .ion-row-container .rapid-editor-button-success:hover {
-  background: var(--button-background);
-}
-.sp-grid .ion-row-container .rapid-editor-button-success:hover .rapid-editor-button-success-completed {
-  display: none;
-}
-.sp-grid .ion-row-container .rapid-editor-button-success:hover .rapid-editor-button-success-undo {
-  display: flex;
-  align-items: center;
-}
-.sp-grid .ion-row-container .rapid-editor-button-success:hover .rapid-editor-button-success-undo div {
-  color: black;
-}
-.sp-grid .ion-row-container .rapid-editor-button-success:hover .rapid-editor-button-success-undo ion-icon {
-  color: black;
-}
-.sp-grid .ion-row-container .rapid-editor-button-loading {
-  background: white;
-}
-.sp-grid .ion-row-container .rapid-editor-button-loading ion-spinner {
-  color: black;
-  width: 16px;
-  height: 20px;
-  margin-right: 10px;
-}
-.sp-grid .ion-row-container .rapid-editor-button-loading div {
-  color: black;
-}
-.sp-grid .ion-row-container .rapid-editor-button-loading:hover {
-  background: white;
-}
-.sp-grid .ion-row-container .rapid-editor-button-error {
-  background: var(--button-bg-error);
-}
-.sp-grid .ion-row-container .rapid-editor-button-error:hover {
-  background: var(--button-bg-error);
-}
-.sp-grid ion-row {
-  width: 100%;
-  border-bottom: 1px solid #CDCDCD;
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-}
-.sp-grid ion-row.sp-grid-row-result {
-  cursor: pointer;
-  padding: 8px 0;
-}
-.sp-grid ion-row.sp-grid-row-result:hover {
-  background: rgb(231, 231, 231);
-}
-.sp-grid ion-row.sp-grid-row-titles {
-  /*position: sticky;
-  top: 0;
-  background: white;
-  z-index: 100000;*/
-  user-select: none;
-  background: #F5F5F5;
-  border-bottom: 1px solid #4A4A4A;
-}
-.sp-grid ion-row.sp-grid-row-titles:hover {
-  background: #F5F5F5;
-}
-.sp-grid ion-col {
-  text-align: center;
-  display: flex;
-  justify-content: center;
-  font-family: "Inter", sans-serif;
-  font-size: 15px;
-}
-.sp-grid ion-col .sp-grid-image {
-  width: 50px;
-  height: 50px;
-  border-radius: 50%;
-  background-size: cover;
-  background-repeat: no-repeat;
-  background-position: center;
-}
-.sp-grid ion-col.sp-grid-col-titles {
-  color: #334D6E;
-}
-.sp-grid ion-col.sp-grid-col-result {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.sp-grid-button {
-  color: var(--preico-gold);
-  font-weight: bold;
-  font-family: "Poppins", sans-serif;
-  font-size: 15px;
-  user-select: none;
-  cursor: pointer;
-}
-.sp-grid-button:hover {
-  color: var(--preico-gold-dark);
-}
-
-.sp-grid-titles {
-  padding: 0;
-}
-
-ion-col {
-  width: 290px;
-  max-width: 290px;
-  min-width: 290px;
-}
-
-ion-row {
-  display: flex;
-  flex-wrap: nowrap;
-}
-
-.testing {
-  width: 300px;
-  margin: 64px;
-}
-
-.sp-button-base {
-  padding: 14px 16px;
-  border-radius: 6px;
-  background: #EDEDED;
-  color: #6D6D6D;
-}
-.sp-button-base ion-icon {
-  font-size: 23px;
-}
-.sp-button-base:hover {
-  background: #dfdfdf;
-}
-
-.sp-button-primary {
-  background: var(--button-bg-primary);
-  color: var(--header-font-color);
-  border-radius: 6px;
-  font-size: 14px;
-  min-width: 111px;
-  height: 42px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  user-select: none;
-  cursor: pointer;
-  transition: 0.1s all ease;
-  padding: 0 8px;
-}
-.sp-button-primary span {
-  font-size: 13px;
-}
-.sp-button-primary-loader {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.sp-button-primary-loader ion-spinner {
-  color: white;
-  width: 25px;
-  margin-right: 6px;
-}
-.sp-button-primary-loader span {
-  margin-top: 2px;
-}
-.sp-button-primary:hover {
-  background: var(--button-bg-primary-hover);
-}
-.sp-button-primary:disabled {
-  background: var(--button-bg-primary-disabled);
-  cursor: not-allowed;
-}
-
-.sp-button-special {
-  background: var(--button-bg-special);
-  color: var(--header-font-color);
-  padding: 0 12px;
-  border-radius: 6px;
-  font-size: 13px;
-  min-width: 111px;
-  width: auto;
-  height: 38px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  user-select: none;
-  transition: 0.1s all ease;
-}
-.sp-button-special-loader {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.sp-button-special-loader ion-spinner {
-  color: white;
-  width: 25px;
-  margin-right: 6px;
-}
-.sp-button-special-loader span {
-  margin-top: 2px;
-}
-.sp-button-special:hover {
-  background: var(--button-bg-special-hover);
-}
-.sp-button-special:disabled {
-  background: var(--button-bg-special-disabled);
-  cursor: not-allowed;
-}
-
-.sp-button-clear {
-  background: white;
-  color: var(--button-bg-primary);
-  border: 2px solid var(--button-bg-primary);
-  padding: 14px 16px;
-  border-radius: 6px;
-  font-size: 14px;
-  min-width: 130px;
-  transition: 0.1s all ease;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  user-select: none;
-  cursor: pointer;
-}
-.sp-button-clear:disabled {
-  cursor: not-allowed;
-  color: var(--button-bg-primary-disabled);
-  border: 2px solid var(--button-bg-primary-disabled);
-}
-.sp-button-clear:hover {
-  background: white;
-}
-
-.sp-buttons-toright {
-  display: flex;
-  justify-content: right;
-  align-items: center;
-  margin-top: 16px;
-}
-.sp-buttons-toright button {
-  margin-right: 16px;
-}
-
-.sp-button-gray-base {
-  display: flex;
-  align-items: center;
-  user-select: none;
-  cursor: pointer;
-  transition: 0.1s all ease;
-  background: var(--button-background);
-  padding: 13px;
-  margin-left: 12px;
-  border-radius: 6px;
-  height: 42px;
-}
-.sp-button-gray-base-title {
-  margin-left: var(--margin-icon-text);
-  color: var(--button-icon-color);
-}
-.sp-button-gray-base ion-icon {
-  color: var(--button-icon-color);
-  font-size: var(--button-icon-size);
-}
-.sp-button-gray-base:hover {
-  background: var(--button-background-active);
-}
-
-.sp-button-gray-base-2 {
-  color: var(--button-icon-color);
-  background: var(--button-background);
-  padding: 6px 8px;
-  border-radius: 6px;
-  font-size: 16px;
-  min-width: 130px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  user-select: none;
-  cursor: pointer;
-}
-.sp-button-gray-base-2:hover {
-  background: var(--button-background-active);
-}
-
-.sp-button-clear-arrow-right {
-  display: flex;
-  align-items: center;
-  user-select: none;
-  cursor: pointer;
-  background: none;
-  padding: 8px 12px;
-}
-.sp-button-clear-arrow-right .button-text {
-  text-transform: uppercase;
-  font-size: 15px;
-  color: #387CCC;
-  font-weight: 500;
-}
-.sp-button-clear-arrow-right ion-icon {
-  margin-left: 8px;
-  font-size: 18px;
-  color: #387CCC;
-}
-.sp-button-clear-arrow-right:hover {
-  background: none;
-}
-
-.add-container {
-  padding: 18px;
-  border: 1px solid #F2F2F2;
-  border-radius: 6px;
-  margin-bottom: 24px;
-  width: 100%;
-  cursor: pointer;
-  user-select: none;
-}
-.add-container-add {
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.add-container-add-button {
-  margin-right: 0;
-  display: flex;
-  justify-content: center;
-  flex-wrap: wrap;
-}
-.add-container-add-button ion-icon {
-  font-size: 40px;
-  color: #898989;
-  margin-bottom: 4px;
-}
-.add-container-add-button div {
-  font-size: 16px;
-  color: #898989;
-  width: 100%;
-  text-align: center;
-}
-
-.ion-button-clear {
-  --padding-top: 0 !important;
-  --padding-bottom: 0 !important;
-  --padding-start: 0 !important;
-}
-
-.smart-input-vertical-wrapper {
-  margin-bottom: 12px;
-}
-
-.smart-inputs-max-width .smart-input {
-  max-width: 400px;
-}
-
-.smart-input-inline-wrapper {
-  display: inline-block;
-}
-.smart-input-inline-wrapper .smart-input {
-  width: 100%;
-}
-
-.smart-input {
-  /*height: 48px;
-  max-height: 48px;*/
-  min-width: 300px;
-  font-size: 13px;
-}
-.smart-input-top {
-  margin-bottom: 5px;
-  color: #3a3a3a;
-}
-.smart-input-bottom {
-  border: 1px solid #d8d7d7;
-  border-radius: 6px;
-  padding: 1.5px 2px;
-  position: relative;
-  display: flex;
-  align-items: center;
-}
-.smart-input-bottom:focus-within {
-  border-color: var(--header-bg-color);
-}
-.smart-input-tag {
-  font-weight: bold;
-  margin-right: 12px;
-  margin-left: 12px;
-}
-.smart-input-tag:first-child {
-  font-weight: bold;
-  margin-right: 12px;
-  margin-left: 0;
-}
-.smart-input ion-input {
-  width: auto;
-}
-.smart-input ion-select {
-  width: 100%;
-  --padding-start: 6px;
-}
-.smart-input-note {
-  position: absolute;
-  right: 0;
-  bottom: -24px;
-  z-index: 1000000;
-  font-size: 14px;
-  color: var(--font-color-lighter);
-}
-.smart-input-symbol {
-  width: 20px;
-  text-align: center;
-}
-.smart-input-button {
-  padding-left: 4px;
-  padding-right: 4px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.smart-input-button ion-icon {
-  color: var(--button-bg-primary);
-  font-size: 17px;
-  padding: 6px;
-  border-radius: 6px;
-  cursor: pointer;
-}
-.smart-input-button ion-icon:hover {
-  background: rgba(56, 152, 204, 0.09);
-}
-
-.smart-input-large {
-  max-width: 400px;
-  min-width: 400px;
-}
-.smart-input-large ion-select {
-  width: 100%;
-}
-.smart-input-large .smart-input-tag {
-  width: 100% !important;
-}
-
-.smart-input-long {
-  max-width: 400px;
-  min-width: 400px;
-}
-
-.smart-input-checkbox {
-  max-width: 300px;
-  min-width: 200px;
-  display: flex;
-  justify-content: space-between;
-  background: white;
-  border: 1px solid #e4e4e4;
-  border-radius: 6px;
-  padding: 12.5px 14px;
-  position: relative;
-  display: flex;
-  align-items: center;
-}
-
-.smart-input-objectReference {
-  height: auto;
-  max-height: none;
-}
-
-.smart-input-textarea {
-  display: block;
-  max-height: 500px;
-  height: auto;
-}
-.smart-input-textarea-tag {
-  width: 100%;
-  margin-bottom: 4px;
-}
-.smart-input-textarea ion-textarea {
-  --padding-start: 0px;
-  overflow-y: auto;
-  max-height: 300px;
-}
-
-.checkbox-selector-title {
-  font-weight: bold;
-  margin-bottom: 12px;
-  font-size: 13px;
-}
-.checkbox-selector-group {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-}
-
-.group-checkbox {
-  display: flex;
-  align-items: center;
-  padding: 4px 8px;
-  cursor: pointer;
-}
-.group-checkbox-checkbox {
-  margin-right: 12px;
-  width: 22px;
-  height: 22px;
-  display: flex;
-  align-items: center;
-}
-.group-checkbox-checkbox ion-checkbox::part(container) {
-  width: 22px;
-  height: 22px;
-  padding: 4px;
-}
-.group-checkbox-checkbox-smaller {
-  margin-right: 12px;
-  width: 19px;
-  height: 19px;
-  display: flex;
-  align-items: center;
-}
-.group-checkbox-checkbox-smaller ion-checkbox::part(container) {
-  width: 19px;
-  height: 19px;
-  padding: 4px;
-}
-.group-checkbox-tag {
-  font-size: 13px;
-}
-
-.element-reference-box {
-  position: absolute;
-  display: flex;
-  align-items: center;
-  width: 100%;
-  max-width: 100%;
-  height: 100%;
-  background: #EDEDED;
-  z-index: 100000000000000;
-  pointer-events: none;
-}
-.element-reference-box-content {
-  display: flex;
-  align-items: center;
-}
-.element-reference-box-content-reference {
-  max-width: 130px;
-  display: flex;
-  align-items: center;
-  padding: 4px 6px;
-  background: #D4D4D4;
-  border-radius: 6px;
-  cursor: pointer;
-}
-.element-reference-box-content-reference-label {
-  margin-right: 2px;
-  max-width: 100%;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  font-size: 13px;
-}
-.element-reference-box-content-reference-value {
-  font-size: 13px;
-}
-.element-reference-box-content-reference-delete {
-  display: flex;
-  align-items: center;
-  font-size: 20px;
-  pointer-events: all;
-}
-
-.smart-input-fileselector {
-  max-width: inherit;
-  min-width: 250px;
-}
-
-.smart-input-filebox {
-  height: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 6px;
-  position: relative;
-}
-.smart-input-filebox .element-reference-box {
-  left: 0;
-  max-width: 220px;
-}
-.smart-input-filebox .element-reference-box .element-reference-box-content-reference {
-  max-width: 220px;
-}
-.smart-input-filebox-placeholder {
-  max-width: 100%;
-  display: flex;
-  align-items: center;
-  color: var(--button-bg-primary);
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.smart-input-filebox-placeholder ion-icon {
-  width: 20px;
-  min-width: 20px;
-  margin-right: 6px;
-  font-size: 20px;
-}
-
-.smart-input-filebox {
-  height: 35px;
-}
-.smart-input-filebox-box {
-  display: flex;
-  align-items: center;
-  padding: 4px 6px;
-  background: #D4D4D4;
-  background: #bdd7f3;
-  border-radius: 6px;
-  color: #515151;
-  cursor: pointer;
-  position: relative;
-  height: 100%;
-}
-.smart-input-filebox-box-text {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: 230px;
-  height: 100%;
-  display: flex;
-  align-items: center;
-}
-.smart-input-filebox-box ion-icon {
-  margin-right: 6px;
-  width: 20px;
-  min-width: 20px;
-  max-width: 20px;
-}
-.smart-input-filebox-box-delete {
-  position: absolute;
-  right: 0;
-  min-width: initial;
-  max-width: initial;
-  width: initial;
-  font-size: 25px;
-  padding-left: 4px;
-  background: #bdd7f3;
-  z-index: 100000000000000000000000000000000;
-}
-
-.smart-input-objselectorwidth {
-  width: 100%;
-}
-
-.sp-content-body {
-  width: 80%;
-  margin-left: 10%;
-}
-
-.panel-aside {
-  margin-top: 16px;
-  width: 300px;
-  min-height: 400px;
-  border-right: 1px solid #e8e8e8;
-}
-.panel-aside-element {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-  padding: 8px;
-  border-bottom: 1px solid #e8e8e8;
-}
-.panel-aside-element-left {
-  margin-right: 8px;
-}
-.panel-aside-element-img {
-  width: 40px;
-  border-radius: 50%;
-}
-.panel-aside-element-img img {
-  width: 100%;
-}
-.panel-aside-element-title {
-  color: var(--font-color);
-  font-weight: bold;
-  font-size: 15px;
-}
-.panel-aside-element-subtitle {
-  color: var(--font-color-lighter);
-  font-size: 15px;
-}
-.panel-aside-element:hover {
-  background: var(--element-bg-color-active);
-}
-
-.modal-header {
-  width: 100%;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  background: white;
-  position: fixed;
-  top: 0;
-  z-index: 10000000000000;
-  padding: 16px;
-}
-.modal-header-title {
-  font-size: 15px;
-  font-weight: 600;
-  color: #000000;
-  margin: 0;
-}
-.modal-header-buttons {
-  display: flex;
-  align-items: center;
-}
-.modal-header-buttons button {
-  margin-left: 8px;
-  height: 42px;
-}
-
-.modal-content {
-  margin-top: 82px;
-}
-
-.aside-modal-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-.aside-modal-header-title {
-  font-size: 18px;
-  font-weight: bold;
-}
-
-.types-accordion svg {
-  width: 8px !important;
-}
-.types-accordion ion-accordion {
-  width: 94%;
-  --background: gray!important;
-}
-.types-accordion ion-accordion ion-item {
-  --padding-top: 8px;
-  --padding-bottom: 8px;
-}
-.types-accordion ion-accordion ion-item ion-label {
-  font-size: 18px;
-}
-.types-accordion ion-accordion ion-item[slot=header] {
-  --background: rgba(245, 245, 245, 0.548)!important;
-}
-
-.filter-secundary-btn {
-  padding-left: 10px;
-  cursor: pointer;
-  color: var(--header-bg-color);
-}
-
-.small-padding {
-  padding: 6px;
-}
-
-.text-red {
-  color: rgb(228, 65, 65);
-}
-
-.sp-modal2 {
-  margin-top: 80px;
-  padding: 16px;
-}
-.sp-modal2-advanced-filters b {
-  font-size: 15px;
-}
-.sp-modal2-title {
-  font-weight: bold;
-  margin-bottom: 12px;
-  font-size: 15px;
-}
-.sp-modal2-title:first-child {
-  padding-bottom: 0;
-}
-.sp-modal2-subtitle {
-  color: var(--subtitle-font-color-darker);
-  margin-bottom: 24px;
-  line-height: 22px;
-}
-.sp-modal2-content {
-  margin-top: 24px;
-}
-.sp-modal2-content-section {
-  margin-bottom: 16px;
-}
-.sp-modal2-card {
-  border-radius: 6px;
-  box-shadow: 1px 1px 5px 1px rgba(241, 241, 241, 0.7);
-  margin-bottom: 16px;
-}
-.sp-modal2-card-title {
-  font-weight: 600;
-  font-size: 15px;
-  padding: 16px;
-  cursor: pointer;
-  user-select: none;
-  position: relative;
-  display: flex;
-  align-items: center;
-}
-.sp-modal2-card-title i {
-  margin-right: 8px;
-  color: rgb(70, 70, 70);
-  font-size: 20px;
-}
-.sp-modal2-card-title-tag {
-  position: absolute;
-  top: 7px;
-  left: 8px;
-  font-size: 14px;
-  color: var(--subtitle-font-color-darker);
-  display: flex;
-  align-items: center;
-}
-.sp-modal2-card-title-tag ion-icon {
-  margin-right: 4px;
-}
-.sp-modal2-card-title-buttons {
-  position: absolute;
-  top: 53%;
-  transform: translateY(-50%);
-  right: 18px;
-  display: flex;
-  align-items: center;
-}
-.sp-modal2-card-title-buttons-button {
-  margin-left: 8px;
-  color: var(--subtitle-font-color-darker);
-  font-size: 18px;
-}
-.sp-modal2-card-title-span {
-  color: var(--subtitle-font-color-darker);
-}
-.sp-modal2-card-title-withtag {
-  padding-top: 28px;
-}
-.sp-modal2-card-content {
-  padding: 16px;
-}
-.sp-modal2-card-title-collapsed {
-  margin-bottom: 0;
-}
-.sp-modal2-card-title-no-bottom {
-  margin-bottom: 0;
-}
-.sp-modal2-card-subtitle {
-  font-size: 16px;
-  color: var(--subtitle-font-color-darker);
-  line-height: 22px;
-  margin-bottom: 16px;
-  padding: 0 16px;
-}
-.sp-modal2-card-input {
-  margin-bottom: 20px;
-}
-
-.checkbox-and-text {
-  display: flex;
-  align-items: center;
-  margin-bottom: 12px;
-}
-.checkbox-and-text ion-checkbox {
-  margin-right: 8px;
-}
-
-.modtemplate-header {
-  width: 100%;
-  border-bottom: 1px solid rgb(226, 226, 226);
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 6px 16px;
-}
-.modtemplate-header-left {
-  font-size: 18px;
-}
-.modtemplate-header-right {
-  width: 40px;
-  height: 40px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  cursor: pointer;
-}
-.modtemplate-header-right ion-icon {
-  font-size: 20px;
-}
-.modtemplate-content {
-  padding: 16px;
-  height: 600px;
-  overflow-y: scroll;
-}
-.modtemplate-item1 {
-  width: 100%;
-  border: 1px solid rgb(226, 226, 226);
-  padding: 16px;
-  cursor: pointer;
-  border-radius: 6px;
-  margin-bottom: 16px;
-}
-.modtemplate-item1-header {
-  font-size: 18px;
-  font-weight: bold;
-  max-width: 500px;
-}
-.modtemplate-item1-properties {
-  display: flex;
-  align-items: flex-start;
-  margin-top: 16px;
-}
-.modtemplate-item1-property {
-  margin-right: 32px;
-}
-.modtemplate-item1-property-title {
-  font-size: 14px;
-  color: gray;
-}
-.modtemplate-item1-property-value {
-  font-size: 16px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: 250px;
-}
-
-ion-alert.confirmation-alert {
-  --width: 150px;
-  z-index: 1000000000000000000000000000000000000000000000000000000000 !important;
-  --height: 100px;
-}
-
-.confirmation-alert {
-  z-index: 1000000000000000000000000000000000000000000000000000000000;
-}
-.confirmation-alert .alert-wrapper {
-  --max-width: auto;
-  --width: 350px;
-  --height: auto;
-  padding: 8px;
-}
-
-.alert-button-confirm {
-  background: var(--button-bg-primary) !important;
-  color: var(--header-font-color) !important;
-  padding: 16px !important;
-  border-radius: 6px !important;
-  font-size: 16px !important;
-  min-width: 130px !important;
-  margin: 10px !important;
-  display: flex !important;
-  align-items: center !important;
-  justify-content: center !important;
-  user-select: none !important;
-}
-
-.alert-button-cancel {
-  background: white !important;
-  color: var(--button-bg-primary) !important;
-  border: 2px solid var(--button-bg-primary) !important;
-  padding: 16px !important;
-  border-radius: 6px !important;
-  font-size: 16px !important;
-  min-width: 130px !important;
-  margin: 10px !important;
-  display: flex !important;
-  align-items: center !important;
-  justify-content: center !important;
-  user-select: none !important;
-}
-
-.mb-0 {
-  margin-bottom: 0 !important;
-}
-
-.pt-16 {
-  padding-top: 16px !important;
-}
-
-.tree-level {
-  list-style-type: none;
-  margin-left: 40px;
-  padding-left: 15px;
-  border-left: 2px solid #ddd;
-  width: 540px;
-}
-
-.tree-level > li {
-  margin-top: 10px;
-  position: relative;
-}
-
-.tree-level > li > div {
-  display: flex;
-  align-items: center;
-  background-color: #f5f5f5;
-  border-radius: 5px;
-  padding: 10px;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-  transition: all 0.3s ease;
-  gap: 15px;
-}
-
-.tree-level > li > div > * {
-  margin-right: 15px;
-}
-
-.tree-level > li > div:hover {
-  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
-  transform: translateY(-2px);
-}
-
-.tree-add-button {
-  background-color: #3F51B5;
-  border: none;
-  border-radius: 3px;
-  color: white;
-  cursor: pointer;
-  font-size: 14px;
-  padding: 5px 15px;
-  text-align: center;
-  text-decoration: none;
-  display: inline-block;
-  transition-duration: 0.4s;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
-  margin-left: 10px;
-}
-
-.tree-delete-button {
-  font-size: 18px;
-  color: red;
-}
-
-.tree-delete-button:hover {
-  transform: scale(1.18);
-}
-
-.tree-add-button:hover {
-  background-color: #303F9F;
-  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
-}
-
-.tree-add-button:active {
-  transform: scale(0.98);
-}
-
-.tree-level select {
-  background-color: #f9f9f9;
-  border: 1px solid #ccc;
-  border-radius: 3px;
-  padding: 5px 10px;
-  font-size: 14px;
-  outline: none;
-  transition: border-color 0.3s ease;
-}
-
-.tree-level select:hover {
-  border-color: #3F51B5;
-}
-
-.type-label {
-  color: #696868;
-  font-size: 0.9em;
-  margin-right: 5px;
-}
-
 :root {
   --ds-white-font: white;
   --ds-gray-font: #5B5B5B;
@@ -2368,7 +849,7 @@ ion-alert.confirmation-alert {
   color: var(--ds-buttonsgroup-navigation-button-color);
 }
 
-.ds-input-searchbar ion-input, .ds-input-primary-range ion-input, .ds-input-primary-content ion-textarea, .ds-input-primary-content ion-input, .ds-input-primary-content ion-select, .ds-input-primary-content input {
+.ds-input-searchbar ion-input, .ds-input-primary-range ion-input, .ds-input-primary-content ion-textarea, .ds-input-primary-content ion-input, .ds-input-primary-content ion-select {
   height: var(--ds-input-height);
   font-size: var(--ds-input-font-size);
   border-radius: var(--ds-input-border-radius);
@@ -2379,11 +860,11 @@ ion-alert.confirmation-alert {
   font-family: var(--ds-input-font-family) !important;
   transition: var(--ds-input-transition);
 }
-.ds-input-searchbar ion-input:focus-within, .ds-input-primary-range ion-input:focus-within, .ds-input-primary-content ion-textarea:focus-within, .ds-input-primary-content ion-input:focus-within, .ds-input-primary-content ion-select:focus-within, .ds-input-primary-content input:focus-within {
+.ds-input-searchbar ion-input:focus-within, .ds-input-primary-range ion-input:focus-within, .ds-input-primary-content ion-textarea:focus-within, .ds-input-primary-content ion-input:focus-within, .ds-input-primary-content ion-select:focus-within {
   box-shadow: 0 0 0 2px var(--ds-primary-color);
   transition: 0.1s all ease;
 }
-.ds-input-searchbar ion-input:disabled, .ds-input-primary-range ion-input:disabled, .ds-input-primary-content ion-textarea:disabled, .ds-input-primary-content ion-input:disabled, .ds-input-primary-content ion-select:disabled, .ds-input-searchbar ion-input[disabled], .ds-input-primary-range ion-input[disabled], .ds-input-primary-content ion-textarea[disabled], .ds-input-primary-content ion-input[disabled], .ds-input-primary-content ion-select[disabled], .ds-input-primary-content input:disabled {
+.ds-input-searchbar ion-input:disabled, .ds-input-primary-range ion-input:disabled, .ds-input-primary-content ion-textarea:disabled, .ds-input-primary-content ion-input:disabled, .ds-input-primary-content ion-select:disabled, .ds-input-searchbar ion-input[disabled], .ds-input-primary-range ion-input[disabled], .ds-input-primary-content ion-textarea[disabled], .ds-input-primary-content ion-input[disabled], .ds-input-primary-content ion-select[disabled] {
   cursor: not-allowed;
   pointer-events: none;
   opacity: 0.4;
@@ -2521,15 +1002,6 @@ ion-alert.confirmation-alert {
   box-shadow: 0 0 0 2px var(--ds-primary-color);
 }
 
-input {
-  border: none;
-  outline: none;
-}
-
-.ds-input-primary:focus-within .ds-input-primary-content input {
-  box-shadow: 0 0 0 2px var(--ds-primary-color);
-}
-
 .ds-input-references {
   font-family: var(--ds-input-font-family) !important;
 }
@@ -2550,7 +1022,7 @@ input {
 .ds-input-references-buttons button:first-child {
   margin-right: 12px;
 }
-.ds-input-searchbar ion-input, .ds-input-primary-content ion-input, .ds-input-primary-content ion-select, .ds-input-primary-content ion-textarea, .ds-input-primary-range ion-input, .ds-input-primary-content input {
+.ds-input-searchbar ion-input, .ds-input-primary-content ion-input, .ds-input-primary-content ion-select, .ds-input-primary-content ion-textarea, .ds-input-primary-range ion-input {
   height: var(--ds-input-height);
   font-size: var(--ds-input-font-size);
   border-radius: var(--ds-input-border-radius);
@@ -2561,11 +1033,11 @@ input {
   font-family: var(--ds-input-font-family) !important;
   transition: var(--ds-input-transition);
 }
-.ds-input-searchbar ion-input:focus-within, .ds-input-primary-content ion-input:focus-within, .ds-input-primary-content ion-select:focus-within, .ds-input-primary-content ion-textarea:focus-within, .ds-input-primary-range ion-input:focus-within, .ds-input-primary-content input:focus-within {
+.ds-input-searchbar ion-input:focus-within, .ds-input-primary-content ion-input:focus-within, .ds-input-primary-content ion-select:focus-within, .ds-input-primary-content ion-textarea:focus-within, .ds-input-primary-range ion-input:focus-within {
   box-shadow: 0 0 0 2px var(--ds-primary-color);
   transition: 0.1s all ease;
 }
-.ds-input-searchbar ion-input:disabled, .ds-input-primary-content ion-input:disabled, .ds-input-primary-content ion-select:disabled, .ds-input-primary-content ion-textarea:disabled, .ds-input-primary-range ion-input:disabled, .ds-input-searchbar ion-input[disabled], .ds-input-primary-content ion-input[disabled], .ds-input-primary-content ion-select[disabled], .ds-input-primary-content ion-textarea[disabled], .ds-input-primary-range ion-input[disabled], .ds-input-primary-content input:disabled {
+.ds-input-searchbar ion-input:disabled, .ds-input-primary-content ion-input:disabled, .ds-input-primary-content ion-select:disabled, .ds-input-primary-content ion-textarea:disabled, .ds-input-primary-range ion-input:disabled, .ds-input-searchbar ion-input[disabled], .ds-input-primary-content ion-input[disabled], .ds-input-primary-content ion-select[disabled], .ds-input-primary-content ion-textarea[disabled], .ds-input-primary-range ion-input[disabled] {
   cursor: not-allowed;
   pointer-events: none;
   opacity: 0.4;
@@ -2703,10 +1175,6 @@ input {
   box-shadow: 0 0 0 2px var(--ds-primary-color);
 }
 
-.ds-input-primary:focus-within .ds-input-primary-content input {
-  box-shadow: 0 0 0 2px var(--ds-primary-color);
-}
-
 .ds-input-references {
   font-family: var(--ds-input-font-family) !important;
 }
@@ -3347,6 +1815,20 @@ ion-popover.ds-popover-primary {
   flex-direction: column;
 }
 
+@media screen and (max-width: 600px) {
+  .ds-screen {
+    padding-left: 4px;
+    padding-right: 4px;
+    padding-top: 3x;
+    padding-bottom: 3px;
+  }
+}
+@media screen and (max-width: 1000px) {
+  .ds-screen-header {
+    overflow: auto;
+    min-height: 50px;
+  }
+}
 .ds-screen-loader {
   width: 100%;
   display: flex;
@@ -3377,6 +1859,7 @@ ion-popover.ds-popover-primary {
   font-weight: bold;
 }
 .ds-screen-header-results-count {
+  padding-left: 10px;
   font-family: var(--ds-screen-header-title-font-family);
   font-size: var(--ds-screen-header-results-count-font-size);
   color: var(--ds-screen-header-title-font-color);
@@ -3808,6 +2291,11 @@ ion-popover.ds-popover-primary {
   width: 3px;
 }
 
+@media screen and (max-width: 600px) {
+  .ds-row-expanded {
+    overflow: auto;
+  }
+}
 .ds-row-expanded-aside {
   padding: var(--ds-row-expanded-aside-padding-vertical) var(--ds-row-expanded-aside-padding-horizontal);
   overflow-x: hidden;
@@ -3829,6 +2317,7 @@ ion-popover.ds-popover-primary {
 .ds-row-expanded-body {
   width: 100%;
   position: relative;
+  min-width: 500px;
 }
 .ds-row-expanded-body .ds-header-basic {
   width: auto;
@@ -4240,7 +2729,7 @@ ion-popover.ds-popover-primary {
   width: 4px;
 }
 
-.ds-card-withimage, .ds-card-kanban, .ds-card-gallery {
+.ds-card-statistic, .ds-card-withimage, .ds-card-kanban, .ds-card-gallery {
   background: var(--ds-card-background);
   border-radius: var(--ds-card-border-radius);
   box-shadow: var(--ds-card-box-shadow);
@@ -4342,6 +2831,50 @@ ion-popover.ds-popover-primary {
   height: var(--ds-card-image-height);
 }
 
+.ds-card-no-shadow {
+  box-shadow: none !important;
+}
+
+.ds-card-statistic {
+  background: #f6f7f9;
+  padding: 0 !important;
+  display: inline-block;
+}
+.ds-card-statistic-content {
+  display: flex;
+  align-items: center;
+  padding: var(--ds-card-padding);
+}
+.ds-card-statistic-left {
+  display: flex;
+  align-items: center;
+  margin-right: var(--ds-modal-header-title-margin-right);
+}
+.ds-card-statistic-right-title {
+  font-size: 16px;
+  font-weight: bold;
+}
+.ds-card-statistic-right-subtitle {
+  font-size: 14px;
+  margin-bottom: 4px;
+}
+
+.ds-icon-square-background {
+  background: rgba(70, 113, 223, 0.2);
+  border-radius: 12px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 36px;
+  height: 36px;
+}
+.ds-icon-square-background ion-icon {
+  color: rgb(70, 113, 223);
+  font-size: 18px;
+  min-width: 18px;
+  width: 18px;
+}
+
 .ds-card-p-title {
   font-size: var(--ds-global-font-size-large);
   color: var(--ds-black-font);
@@ -4532,244 +3065,5 @@ ion-popover.ds-popover-primary {
     min-width: 190px !important;
   }
 }
-::ng-deep ngs-code-editor {
-  font-family: "Inconsolata", monospace !important;
-}
-
-ion-modal {
-  --height: 70%;
-  --width: 97%;
-  --border-radius: 16px;
-  --box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
-  z-index: 10000000 !important;
-}
-
-.modal-too-much-elements {
-  --height: auto;
-  --width: 700px;
-}
-
-.popover-template-import {
-  --width: 700px;
-  --height: auto;
-}
-
-.modal-choose-plantilla {
-  --width: 1300px;
-  --height: 85%;
-}
-
-.loader-import-template {
-  z-index: 10000000000000000000000000000000000 !important;
-}
-
-.filter-modal {
-  --height: 100%;
-  --width: 24%;
-  --min-width: 400px;
-  align-items: start;
-  justify-content: end;
-  --backdrop-opacity: 0;
-}
-
-ion-modal::part(backdrop) {
-  background: rgb(209, 213, 219);
-  opacity: 1;
-}
-
-.filter-modal::part(backdrop) {
-  opacity: 0;
-  background: white;
-}
-
-ion-modal ion-toolbar {
-  --background: rgb(14 116 144);
-  --color: white;
-}
-
-.formulas-modal {
-  --height: 100%;
-  --width: 35%;
-  --border-radius: 16px;
-  --box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
-  --border-radius: 0;
-  align-items: start;
-  justify-content: end;
-  --backdrop-opacity: 0;
-}
-
-.formulas-modal::part(backdrop) {
-  opacity: 0;
-  background: white;
-}
-
-.header-buttons {
-  color: white;
-}
-
-ion-modal.add-modal::part(content) {
-  --height: 70%;
-  position: absolute;
-  top: 5%;
-  --width: 50%;
-  border-radius: 25px;
-  display: block;
-}
-
-ion-popover {
-  --backdrop-opacity: 0;
-  z-index: 200030000 !important;
-}
-
-.popover-date-range {
-  --width: auto;
-}
-
-.modal-object-selector {
-  --width: 600px;
-  --height: 550px;
-}
-
-.modal-object-creator {
-  --height: 100%;
-  --width: 400px;
-  --min-width: 400px;
-  align-items: start;
-  justify-content: end;
-  background-color: transparent !important;
-  pointer-events: none !important;
-}
-
-.modal-object-creator::part(backdrop) {
-  display: none !important;
-}
-
-.modal-object-creator-2 {
-  margin-right: 40px;
-}
-
-.modal-object-creator-3 {
-  margin-right: 80px;
-}
-
-.modal-object-creator-4 {
-  margin-right: 120px;
-}
-
-.modal-object-creator-5 {
-  margin-right: 160px;
-}
-
-.modal-object-creator-6 {
-  margin-right: 200px;
-}
-
-.modal-object-creator-7 {
-  margin-right: 240px;
-}
-
-.modal-object-creator-8 {
-  margin-right: 280px;
-}
-
-.modal-object-creator-9 {
-  margin-right: 320px;
-}
-
-.modal-object-creator-10 {
-  margin-right: 360px;
-}
-
-.modal-object-creator-11 {
-  margin-right: 400px;
-}
-
-.modal-object-creator-12 {
-  margin-right: 440px;
-}
-
-.modal-object-creator-13 {
-  margin-right: 500px;
-}
-
-.statistics-modal {
-  --height: 100%;
-  --width: 20%;
-  --min-width: 400px;
-  align-items: start;
-  justify-content: end;
-  --backdrop-opacity: 0;
-}
-
-.sp-loader-spinner {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-
-.data-values-modal {
-  --width: 90%!important;
-}
-
-ion-toast.toast-success {
-  --background: #34a853;
-  --color: white;
-  --min-width: 800px;
-}
-
-ion-toast.toast-success::part(message) {
-  font-size: 18px;
-  --color: white;
-}
-
-ion-toast.toast-success::part(icon) {
-  font-size: 24px;
-  --color: white;
-}
-
-ion-toast.toast-success::part(container) {
-  padding: 8px 8px;
-}
-
-ion-toast.toast-success-little {
-  --background: #34a853;
-  --color: white;
-  --min-width: 800px;
-}
-
-ion-toast.toast-success-little::part(message) {
-  font-size: 18px;
-  --color: white;
-}
-
-ion-toast.toast-success-little::part(icon) {
-  font-size: 24px;
-  --color: white;
-}
-
-ion-toast.toast-error-little {
-  --background: #ea4335;
-  --color: white;
-  --min-width: 800px;
-}
-
-ion-toast.toast-error-little::part(message) {
-  font-size: 18px;
-  --color: white;
-}
-
-ion-toast.toast-error-little::part(icon) {
-  font-size: 24px;
-  --color: white;
-}
-
-.calendarDayItemsModal {
-  --height: 70%;
-  --width: 45%;
-}
 
-/*# sourceMappingURL=totalum-styles.css.map */
+/*# sourceMappingURL=totalum-design-system.css.map */