body {
    /*font-family: 'Poppins';*/
    font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

svg {
  overflow: hidden;
}

svg.logo_small {
  margin-right: 1em;
}

#sidebar {
  /*background-color: #340c46 !important;*/
  background: linear-gradient(92deg,#340c46,#143a84 154.7%);
  min-width: 250px;
}

html {
  height: -webkit-fill-available;
}

body {
  min-height: 100vh;
  min-height: -webkit-fill-available;
  position: relative;
}

main {
  /*display: flex;*/
  /*flex-wrap: nowrap;*/
  /*height: -webkit-fill-available;*/
  /*max-height: 100vh;*/
  /*overflow-y: hidden;*/
  /*overflow-x: auto;*/
  /*bottom: 0;*/
}

#wrapper {
  display: flex;
  /*flex-wrap: nowrap;*/
  height: 100%;
  max-height: 100vh;
  /*overflow-y: hidden;*/
  /*overflow-x: auto;*/
  /*bottom: 0;*/
  /*flex-direction: column-reverse;*/
}

.card-body a {
  text-decoration: none;
}

.card {
  border-left: 5px solid var(--bs-indigo);
}

.updateconnector-select-span {
  width: 6em;
}

a.disabled {
    /* Disable the pointer events */
    pointer-events: none;
}

.input-group-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis !important;
}

.input-group-text {
    background-color: ghostwhite
}

tr.output-map.invalid {
    outline: none;
    border-color: white;
    background-color: #f8d7da;
}

.output-map .operation:last-child::before {
    background: rgb(52, 12, 70);
    content: '';
    width: 0.2rem;
    height: 1rem;
    border-radius: 1rem;
    position: absolute;
    top: 0.5rem;
    left: -0.1rem;
}

.app-connector.card table th{
    width: 35%;
}

.monospace{
    font-family: monospace;
}