@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';
@import '_content/inmydata.STGTour.GTour/inmydata.STGTour.GTour.bundle.scp.css';

/* /Components/Accordion.razor.rz.scp.css */
#vis_tools_accordion[b-hu9hn12t9p] {
  min-width: 316px;
}


.accordion[b-hu9hn12t9p] {
  height: 100%;
  display: flex;
  flex-direction: column;
  margin: 0;
}

.accordion-header[aria-expanded=false] .accordion-expand[b-hu9hn12t9p] {
  transform: rotate(90deg);
}

button[b-hu9hn12t9p], [b-hu9hn12t9p] button:not(.pageBottomButtons button):not(.addButton) {
  background: none;
  padding: 0;
}
/* /Components/AccordionPanel.razor.rz.scp.css */
.accordion-panel[b-xyfqfiio30] {
  transition: all .3s ease;
}

.accordion-panel[b-xyfqfiio30] {
  flex-grow: 1;
  max-height: 1000px;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 0 0px;
}


.accordion-panel-inner > div[b-xyfqfiio30] {
  height: 100%;
  transition: width ease-out .2s;
  font-size: .9em;
}

.accordion-panel[accordion-closed="true"][b-xyfqfiio30] {
  flex-grow: 0;
  max-height: 0;
  min-height: 0;
  overflow: hidden;
}

.accordion-header[b-xyfqfiio30] {
  background-color: var(--IMD-ACCORDION-HEADER);
  color: var(--IMD-ACCORDION-HEADER-TEXT);
  line-height: 30px;
  position: relative;
  /*font-weight: 600;*/
}

.accordion-header > label[b-xyfqfiio30] {
  line-height: 30px;
  padding-left: 5px;
}

.accordion-expand[b-xyfqfiio30] {
  /*background-color: var(--IMD-ACCORDION-HEADER-TEXT);
  -webkit-mask-image: url(/images/icons/expand_white.svg);
  mask-image: url(/images/icons/expand_white.svg);
  mask-size: 20px;
  background-image: url(/images/icons/expand_white.svg);
  background-size: 20px;
  background-repeat: no-repeat;*/
  color: var(--IMD-PANEL-BUTTON);
  transform: rotate(-90deg);
  transition: all ease-in-out .13333s;
  display: block;
  position: relative;
  float: right;
  right: 4px;
  cursor: pointer;
  top: 3px;
  font-size: 20px;
}

.accordion-no-expand .accordion-expand[b-xyfqfiio30] {
  background: none;
  width: 0;
  height: 0;
}

.accordion-maximise[b-xyfqfiio30] {
  color: var(--IMD-PANEL-BUTTON);
  position: relative;
  cursor: pointer;
  top: 16px;
  right: 4px;
  float: right;
  font-size: 15px;
}

.accordion-no-maximise .accordion-maximise[b-xyfqfiio30] {
  display: none;
}

.accordion-header[aria-expanded=false] .accordion-expand[b-xyfqfiio30] {
  transform: rotate(90deg);
}

/* TODO: I want the below in VisualisationTools.razor.css, but ::deep isn't working!*/
.vis_tools_fields[b-xyfqfiio30], .vis_tools_metrics[b-xyfqfiio30] {
  height: 100%;
  overflow-y: hidden !important;
}
/* /Components/Administration/AddColumnDialog.razor.rz.scp.css */
.topgrid[b-92ixt6yt2i] {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto 1fr;
  align-items: center;
  grid-column-gap: 10px;
  grid-row-gap: 30px;
  padding: 30px 50px 30px 50px;
  height: calc(100% - 60px);
}

.sourceDataGrid[b-92ixt6yt2i] {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto 1fr;
  justify-content: left;
  align-items: center;
  gap: 10px;
  position: relative;
  height: 100%;
  width: 100%;
}

.sourceDataListBoxContainer[b-92ixt6yt2i] {
  height: 100%;
}

[b-92ixt6yt2i] .sourceDataListBox {
  max-height: calc(100vh - 240px);
}

.linkedColumnGrid[b-92ixt6yt2i] {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto 1fr;
  justify-content: left;
  align-items: center;
  gap: 10px;
  position: relative;
  height: 100%;
  width: 100%;
}

.spanColumns[b-92ixt6yt2i] {
  grid-column: 1/3;
  height: 100%;
}

.typeContentCell[b-92ixt6yt2i] {
  grid-column: 1/3;
  height: 100%;
  padding: 0px;
}

.labelJustify[b-92ixt6yt2i] {
  text-align: right;
}

select[b-92ixt6yt2i] {
  width: 100%;
}

/* phones in either portrait or landscape */
@media only screen and (max-width: 499.9px) and (max-height:1023.9px), only screen and (max-height: 499.9px) and (max-width:1023.9px) {
    .topgrid[b-92ixt6yt2i] {
        grid-template-columns: 100%;
        grid-template-rows: auto auto 1fr;
        padding: 10px 10px 10px 10px;
        grid-row-gap: 10px;
        height: calc(100% - 20px);
    }

    .typeContentCell[b-92ixt6yt2i] {
        grid-column: 1;
        height: 100%;
        padding: 0px;
    }

    .linkedColumnGrid[b-92ixt6yt2i] {
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: auto auto auto auto 1fr;
        justify-content: left;
        align-items: center;
        gap: 10px;
        position: relative;
        height: 100%;
        width: 100%;
    }

    .spanColumns[b-92ixt6yt2i] {
        grid-column: 1;
    }

    .labelJustify[b-92ixt6yt2i] {
        text-align: left;
    }

  [b-92ixt6yt2i] .sourceDataListBox {
    max-height: calc(100vh - 240px);
  }
}
/* /Components/Administration/AddressSearchDetails.razor.rz.scp.css */
.mapContainer[b-568rcqmzld] {
  width: 100%;
  height: 100%;
}

.controlsGrid[b-568rcqmzld] {
  height: calc(100% - 20px);
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: auto auto auto auto auto 1fr auto auto auto;
  grid-row-gap: 8px;
  margin: 10px;
}

.addressGrid[b-568rcqmzld] {
  height: 100%;
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: auto 1fr;
  grid-gap: 0px;
}

.addressGrid input[type=search][b-568rcqmzld] {
  border-bottom: 0px;
  padding-left: 5px;
  width: 100%;
}

select[b-568rcqmzld] {
  width: 100%;
}

.selectionListBox[b-568rcqmzld] {
  overflow: auto;
  width: 100%;
  height: 100%;
}

input[b-568rcqmzld] {
  background-color: var(--IMD-BACKGROUND-COLOR);
  border: 1px solid var(--IMD-COLOR);
  color: var(--IMD-COLOR);
  font-family: var(--IMD-FONT-FAMILY);
  font-size: var(--IMD-FONT-SIZE);
  font-weight: var(--IMD-FONT-WEIGHT);
  padding: 0;
  box-shadow: none;
}

  input[type=text][b-568rcqmzld] {
    width: 100%;
    -webkit-border-radius: 0px;
    height: 1.8em;
  }

  input[type=checkbox] + label[b-568rcqmzld] {
    cursor: pointer;
  }

  input[type=checkbox][b-568rcqmzld] {
    display: none;
  }

 input[type=checkbox] + label[b-568rcqmzld]:before {
   content: "\2714";
   justify-content: center;
   align-content: center;
   border: 0.1em solid var(--IMD-COLOR);
   width: 1em;
   height: 1em;
   padding-left: 0.2em;
   padding-right: 0.2em;
   margin-right: 0.2em;
   vertical-align: middle;
   color: transparent;
   transition: .2s;
 }

 input[type=checkbox] + label:active[b-568rcqmzld]:before {
   transform: scale(0);
 }

 input[type=checkbox]:checked + label[b-568rcqmzld]:before {
   background-color: var(--IMD-NODE-COLOR);
   border-color: var(--IMD-NODE-COLOR);
   color: white;
 }

 input[type=checkbox]:disabled + label[b-568rcqmzld]:before {
   transform: scale(1);
   border-color: #aaa;
 }

    input[type=checkbox]:disabled + label[b-568rcqmzld] {
      cursor: auto;
      color: var(--IMD-COLOR-FADED);
    }

input[type=checkbox]:checked:disabled + label[b-568rcqmzld]:before {
  transform: scale(1);
  background-color: var(--IMD-COLOR-FADED);
  border-color: var(--IMD-COLOR-FADED);
}

button[b-568rcqmzld] {
  width: 100%;
}

.box[b-568rcqmzld] {
  width: 100%;
  height: 100%;
  border: 1px solid var(--IMD-COLOR-FADED);
}

.nodatabox[b-568rcqmzld] {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--IMD-COLOR);
}

.disabled-label[b-568rcqmzld] {
  color: var(--IMD-COLOR-FADED);
}

.addressLocationGrid[b-568rcqmzld] {
  display: grid;
  grid-template-rows: 1fr min-content;
}

.numItemsText[b-568rcqmzld] {
  display: flex;
  align-items: center;
  vertical-align: middle;
  justify-content: right;
  color: #DDAA0D;
  padding: 5px;
}

.allItemsText[b-568rcqmzld] {
  display: flex;
  align-items: center;
  vertical-align: middle;
  justify-content: right;
  padding: 5px;
}

.addButton:hover[b-568rcqmzld] {
  color: #dd3333;
  background: white;
}

.addButton:active[b-568rcqmzld] {
  padding: 4px 6px;
  color: #dd3333;
  background: black;
  box-shadow: none;
}

.addButton h4[b-568rcqmzld] {
  margin: 0 0 5px;
  color: #dd3333;
}

.mapLegend[b-568rcqmzld] {
  background: var(--IMD-BACKGROUND-COLOR);
  line-height: 18px;
  color: var(--IMD-COLOR);
}

.mapLegend i[b-568rcqmzld] {
  width: 18px;
  height: 18px;
  float: left;
  margin-right: 8px;
}

.help[b-568rcqmzld] {
  padding: 20px;
  background-color: var(--IMD-BACKGROUND-COLOR);
  border: 1px solid var(--IMD-COLOR);
  color: var(--IMD-COLOR);
  font-family: var(--IMD-FONT-FAMILY);
  font-size: var(--IMD-FONT-SIZE);
  font-weight: var(--IMD-FONT-WEIGHT);
  margin-bottom: 15px;
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 350px;
  height: 150px;
  z-index: 2000;
  border-radius: 25px;
  box-shadow: -8px 8px 8px 1px #88888844;
}

/* The close button */
.closebtn[b-568rcqmzld] {
  margin-left: 15px;
  color: var(--IMD-COLOR);
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

/* When moving the mouse over the close button */
.closebtn:hover[b-568rcqmzld] {
  color: var(--IMD-NODE-COLOR);
}

[b-568rcqmzld] .LocationItemsList {
  max-height: calc(100vh - 445px);
}

@media only screen /* potrait phones */ 
and (max-width: 500px) {
  [b-568rcqmzld] .LocationItemsList {
    max-height: calc(100vh - 800px);
    min-height: 80px;
  }
}

@media only screen /* landscape phones */
and (max-height: 500px) {
  [b-568rcqmzld] .LocationItemsList {
    max-height: calc(100vh - 400px);
    min-height: 80px;
  }
}
/* /Components/Administration/AISettings.razor.rz.scp.css */
.mainGrid[b-pxhu9wqka2] {
  padding: 20px;
  grid-template-columns: 1fr;
  grid-gap: 5px;
}

.labelCell[b-pxhu9wqka2] {
  display: block;
  padding-top: 10px;
}

input[b-pxhu9wqka2] {
  width: 100%;
}
/* /Components/Administration/Apps/ManageApps.razor.rz.scp.css */
#manageAppsContainer[b-00bntwufgc] {
  padding: 10px;
}

[b-00bntwufgc] .listBoxContainer {
  height: calc(100vh - 300px) !important;
}

#ModalAppContainer[b-00bntwufgc] {
  width: calc(100% - 40px);
  height: 100%;
}

[b-00bntwufgc] #AppContainer {
  height: calc(100% - 40px);
}

#buttonsContainer[b-00bntwufgc] {
  display: flex;
  justify-content: end;
  gap: 4px;
  padding: 4px 0px 4px 0px;
}

.buttonbar_button[b-00bntwufgc] {
  border: none;
  background-color: var(--IMD-PANEL-BACKGROUND);
  color: var(--IMD-PANEL-TEXT);
  padding: 0 7px 2px 7px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  font-size: 20px;
  width: 41px;
  height: 34px;
  border-radius: 4px;
}

.buttonbar_button:hover:enabled[b-00bntwufgc] {
  background-color: var(--IMD-NODE-COLOR);
  color: var(--IMD-NODE-TEXT-COLOR);
}

.buttonbar_button:disabled[b-00bntwufgc] {
  cursor: default;
}

#AppEditor[b-00bntwufgc] {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

#SelectAppTypeContainer[b-00bntwufgc] {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 5px;
}

[b-00bntwufgc] select {
  width: 100%;
}

input[b-00bntwufgc] {
  width: 100%;
}

[b-00bntwufgc] textarea {
  width: 100%;
}

/* IFrame Developer Guide */
.iframe-developer-guide[b-00bntwufgc] {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid var(--IMD-PANEL-BORDER);
}

.iframe-developer-guide .buttonbar_button[b-00bntwufgc] {
  width: auto;
  font-size: 14px;
  padding: 8px 16px;
}

#DeveloperGuideContainer[b-00bntwufgc] {
  padding: 20px;
  max-height: 70vh;
  overflow-y: auto;
}

#DeveloperGuideContainer h2[b-00bntwufgc] {
  margin-top: 0;
  color: var(--IMD-PANEL-TEXT);
}

#DeveloperGuideContainer h3[b-00bntwufgc] {
  margin-top: 20px;
  color: var(--IMD-PANEL-TEXT);
  border-bottom: 1px solid var(--IMD-PANEL-BORDER);
  padding-bottom: 5px;
}

#DeveloperGuideContainer h4[b-00bntwufgc] {
  margin-top: 15px;
  color: var(--IMD-PANEL-TEXT);
}

#DeveloperGuideContainer pre[b-00bntwufgc] {
  background-color: var(--IMD-TOTAL-BACKGROUND-COLOR);
  border: 1px solid var(--IMD-TOTAL-COLOR);
  border-radius: 4px;
  padding: 12px;
  overflow-x: auto;
  font-family: 'Consolas', 'Monaco', monospace;
  font-size: 13px;
}

#DeveloperGuideContainer code[b-00bntwufgc] {
  font-family: 'Consolas', 'Monaco', monospace;
}

.developer-guide-content a.buttonbar_button[b-00bntwufgc] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  width: auto;
  font-size: 14px;
  padding: 10px 20px;
  margin-top: 10px;
}
/* /Components/Administration/AuthScheme.razor.rz.scp.css */
.form .formRow label[b-vma49r150k] {
  flex-basis: 100px !important;
}
/* /Components/Administration/AuthSchemes/ClientCredentials.razor.rz.scp.css */
/* Would prefer this in AuthScheme.razor.css with ::deep, but not working */
.formRow label[b-s72vjascyv] {
  flex-basis: 100px !important;
}
/* /Components/Administration/AuthSchemes/OAuth2.razor.rz.scp.css */
.formRow label[b-0udjm643vj], [b-0udjm643vj] .formRow label {
  flex-basis: 100px !important;
}
/* /Components/Administration/AuthSchemes/Oidc.razor.rz.scp.css */
/* Would prefer this in AuthScheme.razor.css with ::deep, but not working */
.formRow label[b-i039gp5wwo], [b-i039gp5wwo] .formRow label {
  flex-basis: 100px !important;
}
/* /Components/Administration/CalculatedColumnEditor.razor.rz.scp.css */
.paramGrid[b-c98rchn68f] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
}

.noName[b-c98rchn68f] {
  grid-template-rows: auto auto 1fr;
}

.sumCalculatedColumnGrid10[b-c98rchn68f] {
  display: grid;
  height: 100%;
  width: 100%;
  grid-gap: 10px;
  grid-template-columns: auto 1fr;
  grid-template-rows: repeat(5, auto);
  grid-auto-rows: minmax(0,1fr);
}

.sumCalculatedColumnGridFooter10[b-c98rchn68f] {
  grid-column: 1/3;
  grid-row: 6;
}

.sumCalculatedColumnGrid8[b-c98rchn68f] {
  display: grid;
  height: 100%;
  width: 100%;
  grid-gap: 10px;
  grid-template-columns: auto 1fr;
  grid-template-rows: repeat(4, auto);
  grid-auto-rows: minmax(0,1fr);
}

.sumCalculatedColumnGridFooter8[b-c98rchn68f] {
  grid-column: 1/3;
  grid-row: 5;
}

.sumCalculatedColumnGrid6[b-c98rchn68f] {
  display: grid;
  height: 100%;
  width: 100%;
  grid-gap: 10px;
  grid-template-columns: auto 1fr;
  grid-template-rows: repeat(3, auto);
  grid-auto-rows: minmax(0,1fr);
}

.sumCalculatedColumnGridFooter10[b-c98rchn68f] {
  grid-column: 1/3;
  grid-row: 4;
}

.predefinedCalculatedColumnGrid[b-c98rchn68f] {
  display: grid;
  grid-template-columns: auto 1fr;
  justify-content: left;
  align-items: center;
  grid-gap: 10px;
  position: relative;
  width: 100%;
}

.metricFreeformCalculatedColumnGrid[b-c98rchn68f] {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto auto auto auto 1fr;
  justify-content: left;
  align-items: center;
  grid-gap: 10px;
  position: relative;
  height: 100%;
  width: 100%;
}

.metricFreeformCalculatedColumnGridBefore[b-c98rchn68f] {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto auto auto auto auto 1fr;
  justify-content: left;
  align-items: center;
  grid-gap: 10px;
  position: relative;
  height: 100%;
  width: 100%;
}

.metricFreeformCalculatedColumnGridNoName[b-c98rchn68f] {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto auto auto 1fr;
  justify-content: left;
  align-items: center;
  grid-gap: 10px;
  position: relative;
  height: 100%;
  width: 100%;
}

.metricFreeformCalculatedColumnGridNoNameBefore[b-c98rchn68f] {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto auto auto auto 1fr;
  justify-content: left;
  align-items: center;
  grid-gap: 10px;
  position: relative;
  height: 100%;
  width: 100%;
}

.dimensionFreeformCalculatedColumnGrid[b-c98rchn68f] {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto auto auto auto 1fr auto auto;
  justify-content: left;
  align-items: center;
  grid-gap: 10px;
  position: relative;
  height: 100%;
  width: 100%;
}

.dimensionFreeformCalculatedColumnGridNoName[b-c98rchn68f] {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto auto auto 1fr auto auto;
  justify-content: left;
  align-items: center;
  grid-gap: 10px;
  position: relative;
  height: 100%;
  width: 100%;
}

.labelJustify[b-c98rchn68f] {
  text-align: right;
}

select[b-c98rchn68f] {
  width: 100%;
}

.statusMessage[b-c98rchn68f] {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  grid-gap: 5px;
}

input[b-c98rchn68f] {
  background-color: var(--IMD-BACKGROUND-COLOR);
  border: 1px solid var(--IMD-COLOR);
  color: var(--IMD-COLOR);
  font-family: var(--IMD-FONT-FAMILY);
  font-size: var(--IMD-FONT-SIZE);
  font-weight: var(--IMD-FONT-WEIGHT);
  width: 100%;
}

input[type=text][b-c98rchn68f] {
  -webkit-border-radius: 0px;
  height:2rem;
  padding:0;
}

input[type="date"][b-c98rchn68f] {
    height: 1.8em;
}

input[type=date][b-c98rchn68f]::-webkit-calendar-picker-indicator {
  filter: var(--IMD-INVERT-ICONS);
}

.spanColumns[b-c98rchn68f] {
  grid-column: 1/3;
}

.fullHeight[b-c98rchn68f] {
  height: 100%;
}

.span2Columns[b-c98rchn68f] {
  grid-column: 1/4;
}

.fullHeight[b-c98rchn68f] {
  height: 100%;
}

.showBorder[b-c98rchn68f] {
  border: 1px solid var(--IMD-COLOR);
}

.rightJustify[b-c98rchn68f] {
  text-align: right;
}

/* phones in either portrait or landscape */
@media only screen and (max-width: 499.9px) and (max-height:1023.9px), only screen and (max-height: 499.9px) and (max-width:1023.9px) {
    .calculatedColumnGrid[b-c98rchn68f] {
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: auto auto auto auto auto auto 1fr;
        justify-content: left;
        align-items: center;
        grid-gap: 10px;
        position: relative;
        height: 100%;
        width: 100%;
    }

    .paramGrid[b-c98rchn68f] {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }

    .predefinedCalculatedColumnGrid[b-c98rchn68f] {
        display: grid;
        grid-template-columns: 100%;
        justify-content: left;
        align-items: center;
        grid-gap: 10px;
        position: relative;
        width: 100%;
    }

    .metricFreeformCalculatedColumnGrid[b-c98rchn68f] {
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: auto auto auto auto auto auto auto auto auto auto 1fr;
        justify-content: left;
        align-items: center;
        grid-gap: 10px;
        position: relative;
        height: 100%;
        width: 100%;
    }

    .metricFreeformCalculatedColumnGridNoName[b-c98rchn68f] {
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: auto auto auto auto auto auto auto auto 1fr;
        justify-content: left;
        align-items: center;
        grid-gap: 10px;
        position: relative;
        height: 100%;
        width: 100%;
    }

    .spanColumns[b-c98rchn68f] {
        grid-column: 1;
    }

    .labelJustify[b-c98rchn68f] {
        text-align: left;
    }

    .sumCalculatedColumnGrid10[b-c98rchn68f] {
        display: grid;
        height: 100%;
        width: 100%;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(10, auto);
        grid-auto-rows: minmax(0,1fr);
    }

    .sumCalculatedColumnGridFooter10[b-c98rchn68f] {
        grid-row: 11;
        grid-column: 1;
    }

    .sumCalculatedColumnGrid8[b-c98rchn68f] {
        display: grid;
        height: 100%;
        width: 100%;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(8, auto);
        grid-auto-rows: minmax(0,1fr);
    }

    .sumCalculatedColumnGridFooter8[b-c98rchn68f] {
        grid-row: 9;
        grid-column: 1;
    }

    .sumCalculatedColumnGrid6[b-c98rchn68f] {
        display: grid;
        height: 100%;
        width: 100%;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(6, auto);
        grid-auto-rows: minmax(0,1fr);
    }

    .sumCalculatedColumnGridFooter6[b-c98rchn68f] {
        grid-row: 7;
        grid-column: 1;
    }
}

.filterpanel[b-c98rchn68f] {
  background-color: var(--IMD-BACKGROUND-COLOR);
  color: var(--IMD-COLOR);
  font-family: var(--IMD-FONT-FAMILY);
  font-size: var(--IMD-FONT-SIZE);
  font-weight: var(--IMD-FONT-WEIGHT);
  border: none;
  margin: 0px 0px 0px 0px;
  display: block;  
}
/* /Components/Administration/CalculationVariableEditor.razor.rz.scp.css */
.mainGrid[b-z63n7n5opw] {
  display: grid;
  width: calc(100% - 40px);
  padding: 20px;
  grid-gap: 10px;
  grid-template-columns: auto 1fr;
  grid-template-rows: repeat(3, auto);
  align-items: center;
}

.labelJustify[b-z63n7n5opw] {
  text-align: right;
}

select[b-z63n7n5opw] {
  width: 100%;
}

input[b-z63n7n5opw] {
  background-color: var(--IMD-BACKGROUND-COLOR);
  border: 1px solid var(--IMD-COLOR);
  color: var(--IMD-COLOR);
  font-family: var(--IMD-FONT-FAMILY);
  font-size: var(--IMD-FONT-SIZE);
  font-weight: var(--IMD-FONT-WEIGHT);
  width: 100%;
}

input[type=text][b-z63n7n5opw] {
  -webkit-border-radius: 0px;
  width: 100%;
}

input[type=date][b-z63n7n5opw]::-webkit-calendar-picker-indicator {
    filter: var(--IMD-INVERT-ICONS);
}


/* phones in either portrait or landscape */
@media only screen and (max-width: 499.9px) and (max-height:1023.9px), only screen and (max-height: 499.9px) and (max-width:1023.9px) {
    .mainGrid[b-z63n7n5opw] {
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: repeat(6, auto);
        justify-content: left;
        align-items: center;
        grid-gap: 10px;
        position: relative;
        width: calc(100% - 40px);
    }

    .labelJustify[b-z63n7n5opw] {
        text-align: left;
    }
}
/* /Components/Administration/CalendarPeriodSelector.razor.rz.scp.css */
.mainGrid[b-v4ay4mih2c] {
  display: grid;
  grid-auto-columns: minmax(0, 1fr);
  grid-auto-flow: column;
}
/* /Components/Administration/Calendars.razor.rz.scp.css */
#calendars[b-w4fr2f7peg] {
  padding: 30px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
  height: calc(100vh - 209px);
}

.listContainer[b-w4fr2f7peg]{
  display:flex;
  flex-direction:column;
}

.list[b-w4fr2f7peg]{
  display:flex;
  flex-direction:column;
}

[b-w4fr2f7peg] .list > div{
  height:calc(100vh - 267px);
}

[b-w4fr2f7peg] .detailsContainer {
  float: none !important;
}

#calendars_button_bar[b-w4fr2f7peg] {
  display: flex;
  flex-direction: column;
  align-items: end;
}

.checkboxContainer[b-w4fr2f7peg] {
  margin-top: 20px;
  display: grid;
  grid-template-columns: auto 1fr;
}

input[type=checkbox] + label[b-w4fr2f7peg] {
  cursor: pointer;
}

input[type=checkbox][b-w4fr2f7peg] {
  display: none;
}

input[type=checkbox] + label[b-w4fr2f7peg]:before {
  content: "\2714";
  justify-content: center;
  align-content: center;
  border: 0.1em solid var(--IMD-COLOR);
  width: 1em;
  height: 1em;
  padding-left: 0.2em;
  padding-right: 0.2em;
  margin-right: 0.2em;
  vertical-align: middle;
  color: transparent;
  transition: .2s;
}

input[type=checkbox] + label:active[b-w4fr2f7peg]:before {
  transform: scale(0);
}

input[type=checkbox]:checked + label[b-w4fr2f7peg]:before {
  background-color: var(--IMD-NODE-COLOR);
  border-color: var(--IMD-NODE-COLOR);
  color: white;
}

input[type=checkbox]:disabled + label[b-w4fr2f7peg]:before {
  transform: scale(1);
  border-color: #aaa;
}

input[type=checkbox]:checked:disabled + label[b-w4fr2f7peg]:before {
  transform: scale(1);
  background-color: #bfb;
  border-color: #bfb;
}

.filterIcon[b-w4fr2f7peg] {
  position: absolute;
  top: 7px;
  right: 2px;
  font-size: .9em !important;
  color: #f4bf1a !important;
}

.filterDeleteIcon[b-w4fr2f7peg] {
  position: absolute;
  top: 7px;
  right: 22px;
  font-size: .9em !important;
  color: #f4bf1a !important;
}

.ShowCalendarButton[b-w4fr2f7peg] {
  width: 100%;
}

.GridContainer[b-w4fr2f7peg] {
  position: absolute;
  top: 39px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow: auto;
}

.DetailsGrid[b-w4fr2f7peg] {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}


.DetailsGridHeader[b-w4fr2f7peg] {
  display: grid;
  grid-template-columns: repeat(5, 1fr) 17px;
}

.GridColumnHeader[b-w4fr2f7peg] {
  background-color: var(--IMD-GRID-ROW-HEADER-COLOR) !important;
  color: var(--IMD-GRID-HEADER-TEXT);
  border-top: 5px solid var(--IMD-COLOR);
  border-bottom: 5px solid var(--IMD-COLOR);
  padding: 5px;
  position: sticky;
}

.GridCell[b-w4fr2f7peg] {
  border-bottom: 1px solid var(--IMD-COLOR-FADED);
  padding: 5px;
}

@media only screen /* anything smaller than a tablet */
and (max-width: 960px) {
  :: deep .list > div[b-w4fr2f7peg] {
    max-height: calc(100vh - 450px);
  }

  #calendars[b-w4fr2f7peg] {
    padding: 10px;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 10px;
  }

  [b-w4fr2f7peg] .flexColumnNoMinHeight {
    height: calc(100vh - 112px);
    flex-grow: 0;
    flex-shrink: 1;
  }

  .DetailsGridHeader[b-w4fr2f7peg] {
    grid-template-columns: repeat(5, 1fr) 0px;
  }

  .NoMobilePadding[b-w4fr2f7peg] {
    padding: 0px;
    display: none;
  }
}
/* /Components/Administration/CalendarVariableEditor.razor.rz.scp.css */
.mainGrid[b-fst0d60w2k] {
  display: grid;
  width: calc(100% - 40px);
  padding: 20px;
  grid-gap: 10px;
  grid-template-columns: auto 1fr;
  grid-template-rows: repeat(7, auto);
  align-items: center;
}


.labelJustify[b-fst0d60w2k] {
  text-align: right;
}

input[b-fst0d60w2k] {
  background-color: var(--IMD-BACKGROUND-COLOR);
  border: 1px solid var(--IMD-COLOR);
  color: var(--IMD-COLOR);
  font-family: var(--IMD-FONT-FAMILY);
  font-size: var(--IMD-FONT-SIZE);
  font-weight: var(--IMD-FONT-WEIGHT);
  width: 100%;
}

input[type=text][b-fst0d60w2k] {
  -webkit-border-radius: 0px;
}

input[type=checkbox] + label[b-fst0d60w2k] {
  cursor: pointer;
}

input[type=checkbox][b-fst0d60w2k] {
  display: none;
}

input[type=checkbox] + label[b-fst0d60w2k]:before {
  content: "\2714";
  justify-content: center;
  align-content: center;
  border: 0.1em solid var(--IMD-COLOR);
  width: 1em;
  height: 1em;
  padding-left: 0.2em;
  padding-right: 0.2em;
  margin-right: 0.2em;
  vertical-align: middle;
  color: transparent;
  transition: .2s;
}

input[type=checkbox] + label:active[b-fst0d60w2k]:before {
  transform: scale(0);
}

input[type=checkbox]:checked + label[b-fst0d60w2k]:before {
  background-color: var(--IMD-NODE-COLOR);
  border-color: var(--IMD-NODE-COLOR);
  color: white;
}

input[type=checkbox]:disabled + label[b-fst0d60w2k]:before {
  transform: scale(1);
  border-color: #aaa;
}

input[type=checkbox]:checked:disabled + label[b-fst0d60w2k]:before {
  transform: scale(1);
  background-color: #bfb;
  border-color: #bfb;
}

/* phones in either portrait or landscape */
@media only screen and (max-width: 499.9px) and (max-height:1023.9px), only screen and (max-height: 499.9px) and (max-width:1023.9px) {
    .mainGrid[b-fst0d60w2k] {
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: repeat(14, auto);
        justify-content: left;
        align-items: center;
        grid-gap: 10px;
        position: relative;
        width: calc(100% - 40px);
    }

    .labelJustify[b-fst0d60w2k] {
        text-align: left;
    }
}
/* /Components/Administration/Categories.razor.rz.scp.css */
.categoriesTreeContainer[b-c4bwc4s12e] {
  padding: 30px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
  height: calc(100vh - 200px);
}

.categorycolumns[b-c4bwc4s12e] {
    background-color: var(--IMD-BACKGROUND-COLOR);
    color: var(--IMD-COLOR);
    font-family: var(--IMD-FONT-FAMILY);
    font-size: var(--IMD-FONT-SIZE);
    font-weight: var(--IMD-FONT-WEIGHT);
    border: none;
    padding: 10px 10px;
    display: grid;
    grid-template-columns: 0.8fr 0.8fr;
    grid-template-rows: auto auto 1fr;
    position: relative;
    height: calc(100% - 10px);
    overflow: auto;
}

.categorycol[b-c4bwc4s12e] {
    height: 100%;
    overflow: auto;
    width: 100%;
}

.userGroupButton[b-c4bwc4s12e] {
    background: url("../images/icons/User-Group-green.png") no-repeat;
    background-size: 100%;
}
.categoryUpButton[b-c4bwc4s12e] {
    background: url("../images/icons/Arrowhead-Up-white.png") no-repeat;
    background-size: 100%;
}
.categoryDownButton[b-c4bwc4s12e] {
    background: url("../images/icons/Arrowhead-Down-white.png") no-repeat;
    background-size: 100%;
}

[b-c4bwc4s12e] .flexColumnNoMinHeight {
  height: calc(100vh - 260px);
  min-height: calc(100% - 80px) !important;
}

[b-c4bwc4s12e] .categoriesTree > div{
  flex-basis:60vh;
}

[b-c4bwc4s12e] .listBoxRight {
  height: calc(100vh - 285px);
}

.groupsContainer[b-c4bwc4s12e] {
  float: left;
}

.buttons[b-c4bwc4s12e]{
  display:flex;
  justify-content:end;
}

/* phones in either portrait or landscape */
@media only screen and (max-width: 499.9px) and (max-height:1023.9px), only screen and (max-height: 499.9px) and (max-width:1023.9px) {
  .categoriesTreeContainer[b-c4bwc4s12e] {
    padding: 0;
  }

  .groupsContainer[b-c4bwc4s12e] {
    margin-top:10px;
  }

  [b-c4bwc4s12e] .flexColumnNoMinHeight {
    height: calc(50vh - 154px);
  }

  [b-c4bwc4s12e] .listBoxRight {
    height: calc(50vh - 154px);
  }

  .categoriesTreeContainer[b-c4bwc4s12e] {
    grid-template-columns: 1fr;
    grid-gap: 5px;
  }

}
/* /Components/Administration/ChildSubjectSchedule.razor.rz.scp.css */
.container[b-ash212m50q] {
  display: grid;
  grid-template-columns: 1fr;
  padding: 10px;
  grid-gap: 10px;
}

.checkBoxDiv[b-ash212m50q] {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 0px;
}

.inputDiv[b-ash212m50q] {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 2px;
}
/* /Components/Administration/ConfirmDeleteData.razor.rz.scp.css */
#mainContainer[b-pflyo1yasc] {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: 1fr;
}

#warningIcon[b-pflyo1yasc] {
  padding: 20px;
}

#confirmDeleteContainer[b-pflyo1yasc] {
  display: grid;
  grid-template-columns: auto;
  grid-gap: 5px;
  padding: 20px;
  padding-left: 0px;
}

#adminSettings_sourceData_confirm_delete_1[b-pflyo1yasc] {
  
}

.boldRed[b-pflyo1yasc] {
  color: #FA831B;
}

#adminSettings_sourceData_confirm_delete_2[b-pflyo1yasc] {
  margin-top: 20px;
}

#adminSettings_sourceData_confirm_delete_visList[b-pflyo1yasc] {
  padding: 5px;
}

#inputCell[b-pflyo1yasc] {

}

#adminSettings_sourceData_confirm_name[b-pflyo1yasc] {
  width: 100%;
}
/* /Components/Administration/CountMetricEditor.razor.rz.scp.css */

.mainGrid[b-330hwfwoz5] {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto 1fr;
  align-items: center;
  grid-gap: 10px;
  width: 100%;
  height: 100%;
}

.mainGridNewColumn[b-330hwfwoz5] {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto 1fr;
  align-items: center;
  grid-gap: 10px;
  width: 100%;
  height: 100%;
}

input[b-330hwfwoz5] {
  background-color: var(--IMD-BACKGROUND-COLOR);
  border: 1px solid var(--IMD-COLOR);
  color: var(--IMD-COLOR);
  font-family: var(--IMD-FONT-FAMILY);
  font-size: var(--IMD-FONT-SIZE);
  font-weight: var(--IMD-FONT-WEIGHT);
  width: 100%;
}

input[type=text][b-330hwfwoz5] {
  -webkit-border-radius: 0px;
  height: 1.8em;
}

.labelJustify[b-330hwfwoz5] {
  text-align: right;
}

select[b-330hwfwoz5] {
  width: 100%;
}

.spanColumns[b-330hwfwoz5] {
  grid-column: 1/3;
  height: 100%;
}

.listViewGrid[b-330hwfwoz5] {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
  width: 100%;
  height: 100%;
  padding: 10px 0px 0px 0px;
}

.listViewDiv[b-330hwfwoz5] {
  width: 100%;
  height: 100%;
  min-height: 70px;
}

[b-330hwfwoz5] .UniqueFieldsList {
  max-height: calc(100vh - 370px);
}

.listButtonsBottom > span[b-330hwfwoz5] {
  display: inline-block;
  border: none;
  background-color: var(--IMD-PANEL-BACKGROUND);
  color: var(--IMD-PANEL-TEXT);
  padding: 8px 7px 2px 7px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  font-size: 20px;
  width: 27px;
  height: 27px;
  border-radius: 4px;
}

  .listButtonsBottom > span:hover[b-330hwfwoz5] {
    background-color: var(--IMD-NODE-COLOR);
    color: var(--IMD-NODE-TEXT-COLOR);
  }

.disabledButton[b-330hwfwoz5] {
  background-color: var(--IMD-BACKGROUND-COLOR) !important;
  color: var(--IMD-DISABLED-BUTTON) !important;
  cursor: pointer !important;
}

/* phones in either portrait or landscape */
@media only screen and (max-width: 499.9px) and (max-height:1023.9px), only screen and (max-height: 499.9px) and (max-width:1023.9px) {
  .mainGrid[b-330hwfwoz5] {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto 1fr;
        width: 100%;
        height: 100%;
    }

    .mainGridNewColumn[b-330hwfwoz5] {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto auto 1fr;
        width: 100%;
        height: 100%;
    }

    .spanColumns[b-330hwfwoz5] {
        grid-column: 1;
    }

    .labelJustify[b-330hwfwoz5] {
        text-align: left;
    }
  [b-330hwfwoz5] .UniqueFieldsList {
    max-height: calc(100vh - 430px);
    min-height: 60px;
  }
}
/* /Components/Administration/Data.razor.rz.scp.css */
.wrapper[b-av85gfg1bn] {
  display: grid;
  grid-template-columns: 1fr;
  height: calc(100% - 60px);
  grid-template-rows: 1fr auto auto;
  padding: 30px;
}

.sourceDataListContainer[b-av85gfg1bn] {
  display: grid;
  height: 100%;
  grid-template-rows: 1fr auto;
  grid-template-columns: 1fr;
}

.data[b-av85gfg1bn], [b-av85gfg1bn] .flexColumnNoMinHeight {
  height: calc(100vh - 220px);
  flex-grow: 0;
  flex-shrink: 1;
}

[b-av85gfg1bn] .listBoxBorder {
  /*min-height: calc(100% - 2px) !important;*/
}

.formRow[b-av85gfg1bn] {
  margin-bottom: 0px;
}

#publishErrorEmails[b-av85gfg1bn]
{
  display:flex;
}

#publishErrorEmails label[b-av85gfg1bn]{
  align-content:center;
  padding-right:5px;
}

#publishErrorEmails input[b-av85gfg1bn]{
  flex-grow:1;
}

@media only screen and (max-width: 499.9px) and (max-height:1023.9px), only screen and (max-height: 499.9px) and (max-width:1023.9px) {
  .wrapper[b-av85gfg1bn] {
    display: grid;
    grid-template-columns: 1fr;
    height: 100%;
    grid-template-rows: 1fr auto auto;
    padding: 5px;
  }

  .data[b-av85gfg1bn], [b-av85gfg1bn] .flexColumnNoMinHeight {
    max-height: calc(100vh - 200px);
  }

  .sourceDataListContainer[b-av85gfg1bn] {
    height: 100%;
  }
}
/* /Components/Administration/DataEditor.razor.rz.scp.css */

[b-oxwei0oa84] .filterpanel {
  margin: 0px 0px 0px 0px;
}

[b-oxwei0oa84] .table-responsive {
  box-sizing: border-box;
  display: block;
  overflow-x: auto;
  text-align: start;
  text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

[b-oxwei0oa84] .table-striped {
  border-bottom-color: rgb(222, 226, 230);
  border-collapse: collapse;
  border-left-color: rgb(222, 226, 230);
  border-right-color: rgb(222, 226, 230);
  border-top-color: rgb(222, 226, 230);
  box-sizing: border-box;
  caption-side: bottom;
  display: table;
  height: 100%;
  text-align: start;
  text-indent: 0px;
  text-size-adjust: 100%;
  vertical-align: top;
  -webkit-border-horizontal-spacing: 2px;
  -webkit-border-vertical-spacing: 2px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

[b-oxwei0oa84] th {
  display: table-cell;
  vertical-align: inherit;
  font-weight: bold;
  text-align: left;
  padding-left: 15px;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 6px;
  line-height: 24px;
  background-color: var(--IMD-GRID-HEADER-COLOR);
  color: var(--IMD-GRID-HEADER-TEXT);
  border: 1px var(--IMD-GRID-BORDER-COLOR) solid;
}

[b-oxwei0oa84] td {
  border: 1px var(--IMD-GRID-BORDER-COLOR) solid;
}

[b-oxwei0oa84] img {
  filter: var(--IMD-INVERT-ICONS);
}

[b-oxwei0oa84] .justify-content-end {
  justify-content: flex-end !important;
}

[b-oxwei0oa84] .d-flex {
  display: flex !important;
  padding-right: 8px;
}

[b-oxwei0oa84] .pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  font-weight: bold;
}

[b-oxwei0oa84] dl, ol[b-oxwei0oa84], ul[b-oxwei0oa84] {
  margin-top: 0;
  margin-bottom: 1rem;
}

[b-oxwei0oa84] *, [b-oxwei0oa84]::after, [b-oxwei0oa84]::before {
  box-sizing: border-box;
}

[b-oxwei0oa84] ul {
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
  border-radius: 0.2rem;
}

[b-oxwei0oa84] .page-item:not(:first-child) .page-link {
  margin-left: -1px;
}

[b-oxwei0oa84] .page-link {
  color: var(--IMD-TOTAL-COLOR);
  padding: 0.375rem 0.75rem;
  position: relative;
  display: block;
  text-decoration: none;
  border: 1px solid var(--IMD-COLOR);
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

  [b-oxwei0oa84] .page-link:hover {
    z-index: 2;
    color: var(--IMD-NODE-COLOR);
  }

[b-oxwei0oa84] li {
  text-align: -webkit-match-parent;
  background-color: var(--IMD-TOTAL-BACKGROUND-COLOR);
  color: var(--IMD-TOTAL-COLOR);
}

[b-oxwei0oa84] .page-item.disabled .page-link {
  pointer-events: none;
  background-color: var(--IMD-GRID-ROW-HEADER-COLOR);
}

[b-oxwei0oa84] .popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1070;
  display: block;
  max-width: 276px;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: .875rem;
  word-wrap: break-word;
  background-color: var(--IMD-BACKGROUND-COLOR);
  background-clip: padding-box;
  border: 1px solid var(--IMD-GRID-BORDER-COLOR);
  border-radius: 0.3rem;
}

[b-oxwei0oa84] .popover-header {
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  margin-top: 0;
  font-size: 1rem;
  background-color: var(--IMD-GRID-HEADER-COLOR);
  border-bottom: 1px solid var(--IMD-GRID-BORDER-COLOR);
  color: var(--IMD-GRID-HEADER-TEXT);
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}

[b-oxwei0oa84] .popover-body {
  padding: 1rem 1rem;
}

[b-oxwei0oa84]::button, input[b-oxwei0oa84], optgroup[b-oxwei0oa84], select[b-oxwei0oa84], textarea[b-oxwei0oa84] {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

[b-oxwei0oa84] button, select[b-oxwei0oa84] {
  text-transform: none;
}

[b-oxwei0oa84] [role=button] {
  cursor: pointer;
}

[b-oxwei0oa84] [type=button], [type=reset][b-oxwei0oa84], [type=submit][b-oxwei0oa84], button[b-oxwei0oa84] {
  -webkit-appearance: button;
}

[b-oxwei0oa84] .grid-btn {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  color: var(--IMD-COLOR);
  background-color: var(--IMD-NODE-COLOR);
}

[b-oxwei0oa84] .btn {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  border-radius: 0.25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  color: var(--IMD-COLOR);
  background-color: var(--IMD-NODE-COLOR);
  border-color: var(--IMD-COLOR);
}

[b-oxwei0oa84] .btn-danger {
  color: var(--IMD-GRID-HEADER-TEXT);
  background-color: var(--IMD-GRID-ROW-HEADER-COLOR);
  border-color: var(--IMD-GRID-BORDER-COLOR);
}

[b-oxwei0oa84] .btn-secondary {
  color: var(--IMD-GRID-HEADER-TEXT);
  background-color: var(--IMD-GRID-ROW-HEADER-COLOR);
  border-color: var(--IMD-GRID-BORDER-COLOR);
}

[b-oxwei0oa84] [type=button]:not(:disabled), [type=reset]:not(:disabled)[b-oxwei0oa84], [type=submit]:not(:disabled)[b-oxwei0oa84], button:not(:disabled)[b-oxwei0oa84] {
  cursor: pointer;
}

[b-oxwei0oa84] .form-control-sm {
  min-height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: .875rem;
  border-radius: 0.2rem;
  background-color: var(--IMD-BACKGROUND-COLOR);
  border: 1px solid var(--IMD-COLOR);
  color: var(--IMD-COLOR);
  font-family: var(--IMD-FONT-FAMILY);
  font-size: var(--IMD-FONT-SIZE);
  font-weight: var(--IMD-FONT-WEIGHT);
  width: 100%;
  margin-bottom: 5px;
}

.form-control[b-oxwei0oa84] {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--IMD-COLOR);
  background-color: var(--IMD-BACKGROUND-COLOR);
  background-clip: padding-box;
  border: 1px solid var(--IMD-COLOR);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

[b-oxwei0oa84] input[type=date]::-webkit-calendar-picker-indicator {
  filter: var(--IMD-INVERT-ICONS);
}

[b-oxwei0oa84] .float-right {
  float: right;
}
/* /Components/Administration/DataImport/DataImportColumnsEditor.razor.rz.scp.css */
.parentDiv[b-cmrjx49ta1] {
  height: calc(100% - 20px);
  padding: 10px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
  grid-gap: 10px;
  max-width: 100%;
}

[b-cmrjx49ta1] .flexColumnNoMinHeight {
  height: calc(100vh - 560px);
  min-height: 267px !important;
}

.columnValuesGrid[b-cmrjx49ta1] {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 20px;
  align-items: center;
  margin: 50px;
}

.columnValuesGrid input[b-cmrjx49ta1] {
  width: 100%;
}

.columnValuesGrid select[b-cmrjx49ta1] {
  width: 100%;
}

.columnValueLabel[b-cmrjx49ta1] {
  display: inline-block;
  text-align: right;
}

.columnValueLabel[b-cmrjx49ta1]:after {
  content: ": "
}

.buttonsGrid[b-cmrjx49ta1] {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 10px;
  width: 100%;
  flex-direction: row;
  align-items: stretch;
}

.buttonContainer[b-cmrjx49ta1] {
  flex: 1;
}

[b-cmrjx49ta1] .buttonsGrid button {
  width: 100%;
  min-width:165px;
}

.buttonsGrid button:disabled[b-cmrjx49ta1], button[disabled][b-cmrjx49ta1] {
  background-color: var(--IMD-DISABLED-BUTTON);
  color: var(--IMD-COLOR-FADED);
  cursor: default;
  border: 1px solid var(--IMD-COLOR-FADED);
}

.dropColumnButton[b-cmrjx49ta1] {
  margin-right: 10px;
}

.selectedColumn[b-cmrjx49ta1] {
  color: var(--IMD-SELECTED-ITEM-TEXT);
  background-color: var(--IMD-SELECTED-ITEM-COLOR);
}

.multiSelectContainer[b-cmrjx49ta1] {
  max-height: calc(50vh - 54px);
}

.gridContainer[b-cmrjx49ta1] {
  max-width: calc(100vw - 80px);
}

[b-cmrjx49ta1] .table-responsive {
  box-sizing: border-box;
  display: block;
  overflow-x: auto;
  text-align: start;
  text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  white-space: nowrap;
}

[b-cmrjx49ta1] .table-striped {
  border-bottom-color: rgb(222, 226, 230);
  border-collapse: collapse;
  border-left-color: rgb(222, 226, 230);
  border-right-color: rgb(222, 226, 230);
  border-top-color: rgb(222, 226, 230);
  box-sizing: border-box;
  caption-side: bottom;
  display: table;
  height: 100%;
  text-align: start;
  text-indent: 0px;
  text-size-adjust: 100%;
  vertical-align: top;
  -webkit-border-horizontal-spacing: 2px;
  -webkit-border-vertical-spacing: 2px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

[b-cmrjx49ta1] th {
  display: table-cell;
  vertical-align: inherit;
  font-weight: bold;
  text-align: left;
  padding-left: 15px;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 6px;
  line-height: 24px;
  background-color: var(--IMD-GRID-HEADER-COLOR);
  color: var(--IMD-GRID-HEADER-TEXT);
  border: 1px var(--IMD-GRID-BORDER-COLOR) solid;
  white-space: nowrap;
}

[b-cmrjx49ta1] td {
  border: 1px var(--IMD-GRID-BORDER-COLOR) solid;
  padding: 4px;
}

[b-cmrjx49ta1] img {
  filter: var(--IMD-INVERT-ICONS);
}

[b-cmrjx49ta1] .justify-content-end {
  justify-content: flex-end !important;
}

[b-cmrjx49ta1] .d-flex {
  display: flex !important;
  padding-right: 8px;
}

[b-cmrjx49ta1] .pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  font-weight: bold;
}

[b-cmrjx49ta1] dl, ol[b-cmrjx49ta1], ul[b-cmrjx49ta1] {
  margin-top: 0;
  margin-bottom: 1rem;
}

[b-cmrjx49ta1] *, [b-cmrjx49ta1]::after, [b-cmrjx49ta1]::before {
  box-sizing: border-box;
}

[b-cmrjx49ta1] ul {
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
  border-radius: 0.2rem;
}

[b-cmrjx49ta1] .page-item:not(:first-child) .page-link {
  margin-left: -1px;
}

[b-cmrjx49ta1] .page-link {
  color: var(--IMD-TOTAL-COLOR);
  padding: 0.375rem 0.75rem;
  position: relative;
  display: block;
  text-decoration: none;
  border: 1px solid var(--IMD-COLOR);
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

[b-cmrjx49ta1] .page-link:hover {
  z-index: 2;
  color: var(--IMD-NODE-COLOR);
}

[b-cmrjx49ta1] .page-item {
  text-align: -webkit-match-parent;
  background-color: var(--IMD-TOTAL-BACKGROUND-COLOR);
  color: var(--IMD-TOTAL-COLOR);
}

[b-cmrjx49ta1] .page-item.disabled .page-link {
  pointer-events: none;
  background-color: var(--IMD-GRID-ROW-HEADER-COLOR);
}

[b-cmrjx49ta1] .popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1070;
  display: block;
  max-width: 276px;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: .875rem;
  word-wrap: break-word;
  background-color: var(--IMD-BACKGROUND-COLOR);
  background-clip: padding-box;
  border: 1px solid var(--IMD-GRID-BORDER-COLOR);
  border-radius: 0.3rem;
}

[b-cmrjx49ta1] .popover-header {
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  margin-top: 0;
  font-size: 1rem;
  background-color: var(--IMD-GRID-HEADER-COLOR);
  border-bottom: 1px solid var(--IMD-GRID-BORDER-COLOR);
  color: var(--IMD-GRID-HEADER-TEXT);
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}

[b-cmrjx49ta1] .popover-body {
  padding: 1rem 1rem;
}

[b-cmrjx49ta1]::button, input[b-cmrjx49ta1], optgroup[b-cmrjx49ta1], select[b-cmrjx49ta1], textarea[b-cmrjx49ta1] {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

[b-cmrjx49ta1] button, select[b-cmrjx49ta1] {
  text-transform: none;
}

[b-cmrjx49ta1] [role=button] {
  cursor: pointer;
}

[b-cmrjx49ta1] [type=button], [type=reset][b-cmrjx49ta1], [type=submit][b-cmrjx49ta1], button[b-cmrjx49ta1] {
  -webkit-appearance: button;
}

[b-cmrjx49ta1] .grid-btn {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  color: var(--IMD-COLOR);
  background-color: var(--IMD-NODE-COLOR);
}

[b-cmrjx49ta1] .btn {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  border-radius: 0.25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  color: var(--IMD-COLOR);
  background-color: var(--IMD-NODE-COLOR);
  border-color: var(--IMD-COLOR);
}

[b-cmrjx49ta1] .btn-danger {
  color: var(--IMD-GRID-HEADER-TEXT);
  background-color: var(--IMD-GRID-ROW-HEADER-COLOR);
  border-color: var(--IMD-GRID-BORDER-COLOR);
}

[b-cmrjx49ta1] .btn-secondary {
  color: var(--IMD-GRID-HEADER-TEXT);
  background-color: var(--IMD-GRID-ROW-HEADER-COLOR);
  border-color: var(--IMD-GRID-BORDER-COLOR);
}

[b-cmrjx49ta1] [type=button]:not(:disabled), [type=reset]:not(:disabled)[b-cmrjx49ta1], [type=submit]:not(:disabled)[b-cmrjx49ta1], button:not(:disabled)[b-cmrjx49ta1] {
  cursor: pointer;
}

[b-cmrjx49ta1] .form-control-sm {
  min-height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: .875rem;
  border-radius: 0.2rem;
  background-color: var(--IMD-BACKGROUND-COLOR);
  border: 1px solid var(--IMD-COLOR);
  color: var(--IMD-COLOR);
  font-family: var(--IMD-FONT-FAMILY);
  font-size: var(--IMD-FONT-SIZE);
  font-weight: var(--IMD-FONT-WEIGHT);
  width: 100%;
  margin-bottom: 5px;
}

.form-control[b-cmrjx49ta1] {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--IMD-COLOR);
  background-color: var(--IMD-BACKGROUND-COLOR);
  background-clip: padding-box;
  border: 1px solid var(--IMD-COLOR);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

[b-cmrjx49ta1] input[type=date]::-webkit-calendar-picker-indicator {
  filter: var(--IMD-INVERT-ICONS);
}

[b-cmrjx49ta1] .float-right {
  display: inline;
  position: relative;
  right: 0px;
}

#loaderContainer[b-cmrjx49ta1] {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.toggle:checked[b-cmrjx49ta1] {
  background-color: var(--IMD-NODE-COLOR);
}

.toggle[b-cmrjx49ta1] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  min-width: 42px;
  height: 22px;
  display: inline-block;
  position: relative;
  border-radius: 50px;
  overflow: hidden;
  outline: none;
  border: none;
  cursor: pointer;
  background-color: var(--IMD-BACKGROUND-COLOR);
  transition: background-color ease 0.3s;
}

.searchAndReplaceContainer[b-cmrjx49ta1] {
  display: grid;
  grid-template-columns: 1fr;
  padding: 20px;
  grid-gap: 10px;
}

.searchAndReplaceContainer input[b-cmrjx49ta1] {
  width: 100%;
}
/* /Components/Administration/DataImport/DataImportEditor.razor.rz.scp.css */
.parentDiv[b-rase9dvqwf] {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
  grid-gap: 10px;
  height: 100%;
}

.defineImportContainer[b-rase9dvqwf] {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap:5px;
  grid-template-rows: auto auto auto auto auto 1fr;
  height: calc(100% - 40px);
  padding: 20px;
}

select[b-rase9dvqwf] {
  width: 100%;
}

input[type=text][b-rase9dvqwf] {
  width: 100%;
}

#headerText[b-rase9dvqwf] {
  padding-top: 10px;
  padding-bottom: 15px;
}

#schedulePageContainer[b-rase9dvqwf] {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto 1fr;
  padding: 10px;
}

#schedulerPageTitle[b-rase9dvqwf] {
  padding: 10px;
}

#scheduleToggle[b-rase9dvqwf] {
  padding: 10px;
}
/* /Components/Administration/DataImport/DataImportPublishSettings.razor.rz.scp.css */
#mainGrid[b-r4asmr3sbl] {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(3,auto) 1fr;
  grid-gap: 10px;
  margin: 20px;
  height: calc(100% - 40px);
}

#listGrid[b-r4asmr3sbl] {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: auto 1fr;
  grid-gap: 10px;
  height: 100%;
}

[b-r4asmr3sbl] .listBoxContainer {
  max-height: calc(100vh - 340px);
}

.searchBox[b-r4asmr3sbl] {
  width: 100%;
  border-bottom: none;
}

@media only screen and (max-width: 499.9px) and (max-height:1023.9px), only screen and (max-height: 499.9px) and (max-width:1023.9px) {
  [b-r4asmr3sbl] .listBoxContainer {
    max-height: calc(100vh - 500px);
  }
}
/* /Components/Administration/DataImport/WebAPIDataImport.razor.rz.scp.css */
.container[b-w3btwsg19u] {
  width: 100%;
  margin-top: 20px;
}

.mainGrid[b-w3btwsg19u] {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 5px;
}

.labelCell[b-w3btwsg19u] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.labelCell > label[b-w3btwsg19u]:after {
  content: ": "
}

[b-w3btwsg19u] .fullWidth {
  width: 100%;
}

@media only screen and (max-width: 499.9px) and (max-height:1023.9px), only screen and (max-height: 499.9px) and (max-width:1023.9px) {
  .mainGrid[b-w3btwsg19u] {
    display: grid;
    grid-template-columns: 1fr;
  }

  .labelCell[b-w3btwsg19u] {
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
  }

    .labelCell > label[b-w3btwsg19u]:after {
      content: none;
    }
}
/* /Components/Administration/DataImportButtons.razor.rz.scp.css */
.cloudDataWrapper[b-tbqtwfyejr] {

}
/* /Components/Administration/DataUpload.razor.rz.scp.css */
#dataUploadProcessingWrapper[b-pnhkd4klx8] {
  text-align: center;
  font-size: 1.5em;
  margin-top: 10px;
}

#dataUploadProcessingSubtext[b-pnhkd4klx8] {
  margin-top: 10px;
  font-size: .8em;
}

.progressLabel[b-pnhkd4klx8] {
  text-align: center;
}

[b-pnhkd4klx8] .cube{
  top:80% !important;
}

.uploadingWrapper[b-pnhkd4klx8] {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items:center;
}

.vis_upload_button[b-pnhkd4klx8] {
  border: none;
  background-color: var(--IMD-PANEL-BACKGROUND);
  color: var(--IMD-PANEL-TEXT);
  padding: 0 7px 2px 7px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  font-size: 20px;
  width: 41px;
  height: 34px;
  border-radius: 4px;
}

  .vis_upload_button:hover[b-pnhkd4klx8] {
    background-color: var(--IMD-NODE-COLOR);
  }
/* /Components/Administration/DimensionEditor.razor.rz.scp.css */
body[b-agzyhyehm6] {
}

.generalPageMain[b-agzyhyehm6] {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto auto 1fr;
  justify-content: center;
  align-items: center;
  gap: 10px 20px;
  padding: 20px 20px 20px 20px;
  position: absolute;
  top: 42px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

.dateGeneralPageMain[b-agzyhyehm6] {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto auto auto 1fr;
  justify-content: center;
  align-items: center;
  gap: 10px 20px;
  padding: 20px 20px 20px 20px;
  position: absolute;
  top: 42px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

.joinPage[b-agzyhyehm6] {
  padding: 20px 20px 20px 20px;
  position: absolute;
  top: 42px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

.spanColumns[b-agzyhyehm6] {
  grid-column: 1/3;
  height: 100%;
}

.horizontalLabel[b-agzyhyehm6] {
  text-align: right;
}

.horizontalLabel[b-agzyhyehm6]:after {
  content: ": "
}

.listViewGrid[b-agzyhyehm6] {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
  width: 100%;
  height: 100%;
  padding: 10px 0px 0px 0px;
}

.listViewDiv[b-agzyhyehm6] {
  width: 100%;
  height: 100%;
  min-height: 70px;
}

.listButtonsBottom > span[b-agzyhyehm6] {
  display: inline-block;
  border: none;
  background-color: var(--IMD-PANEL-BACKGROUND);
  color: var(--IMD-PANEL-TEXT);
  padding: 8px 7px 2px 7px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  font-size: 20px;
  width: 27px;
  height: 27px;
  border-radius: 4px;
}

.listButtonsBottom > span:hover[b-agzyhyehm6] {
  background-color: var(--IMD-NODE-COLOR);
  color: var(--IMD-NODE-TEXT-COLOR);
}

.disabledButton[b-agzyhyehm6] {
  background-color: var(--IMD-BACKGROUND-COLOR) !important;
  color: var(--IMD-DISABLED-BUTTON) !important;
  cursor: pointer !important;
}

.aiMainGrid[b-agzyhyehm6] {
  display: grid;
  grid-gap: 20px;
  grid-template-rows: auto auto 1fr;
  width: 100%;
  height: calc(100vh - 200px);
  width: calc(100% - 40px);
  margin: 20px;
}

textarea[b-agzyhyehm6] {
  resize: none;
}
/* /Components/Administration/ExpressionEditor.razor.rz.scp.css */
.mainGrid[b-0poeu38wmw] {
  display: grid;
  grid-template-rows: auto 1fr auto auto;
  width: 100%;
  height: 100%;
  grid-gap: 5px;
}

.rightJustify[b-0poeu38wmw] {
  text-align: right;
}

.textAreaDiv[b-0poeu38wmw] {
  padding: 0px 0px 5px 0px;
}

select[b-0poeu38wmw] {
  width: 100%;
}

.statusMessage[b-0poeu38wmw] {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  grid-gap: 5px;
}
.mobileHeader[b-0poeu38wmw] {
  display: grid;
  grid-template-columns: auto 1fr;
  padding: 5px;
  grid-gap: 10px;
}

.mobileHeaderText[b-0poeu38wmw] {
  align-content: center;
}
/* /Components/Administration/FilterConditionEditor.razor.rz.scp.css */
.mainGrid[b-gah5054dof] {
  display: grid;
  justify-content: left;
  align-items: center;
  padding: 20px;
  grid-gap: 10px;
  grid-template-columns: 1fr;
}

select[b-gah5054dof] {
  width: 100%;
}

input[type=text][b-gah5054dof] {
  width: 100%;
}

.filterpanel input[type=number][b-gah5054dof] {
  height: 2em;
}

/* phones in either portrait or landscape */
@media only screen and (max-width: 499.9px) and (max-height:1023.9px), only screen and (max-height: 499.9px) and (max-width:1023.9px) {
    .mainGrid[b-gah5054dof] {
        grid-template-columns: 1fr;
    }

    .labelDiv[b-gah5054dof] {
        text-align: left;
    }
}
/* /Components/Administration/FilterEditor.razor.rz.scp.css */
.main[b-8xnk83tjuu] {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto 1fr auto auto;
  grid-row-gap: 5px;
}

.rightJustify[b-8xnk83tjuu] {
  text-align: right;
}

select[b-8xnk83tjuu] {
  width: 100%;
  height: 100%;
}

button[b-8xnk83tjuu] {
  margin: 0px 2px 0px 0px;
}

.headerBar[b-8xnk83tjuu] {
  padding: 10px 10px 6px 10px;
}

.rightJustify > span[b-8xnk83tjuu] {
  display: inline-block;
  border: none;
  background-color: var(--IMD-PANEL-BACKGROUND);
  color: var(--IMD-PANEL-TEXT);
  padding: 8px 7px 2px 7px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  font-size: 20px;
  width: 27px;
  height: 27px;
  border-radius: 4px;
  margin-left: 5px;
}

.rightJustify > span:hover[b-8xnk83tjuu] {
  background-color: var(--IMD-NODE-COLOR);
  color: var(--IMD-NODE-TEXT-COLOR);
}

.groupButton[b-8xnk83tjuu] {
  min-height: 37px;
  margin-left: 4px;
}

.disabledButton[b-8xnk83tjuu] {
  background-color: var(--IMD-BACKGROUND-COLOR) !important;
  color: var(--IMD-DISABLED-BUTTON) !important;
  cursor: pointer !important;
}
/* /Components/Administration/GridColumnEditor.razor.rz.scp.css */
input[b-xtu89a8hmp] {
  background-color: var(--IMD-BACKGROUND-COLOR);
  border: 0px hidden var(--IMD-COLOR);
  color: var(--IMD-COLOR);
  font-family: var(--IMD-FONT-FAMILY);
  font-size: var(--IMD-FONT-SIZE);
  font-weight: var(--IMD-FONT-WEIGHT);
}
/* /Components/Administration/Groups.razor.rz.scp.css */
#groups[b-98p0w39qsz] {
  padding: 30px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
  height: calc(100vh - 210px);
}

#groupsListContainer[b-98p0w39qsz] {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto auto;
}

input[b-98p0w39qsz] {
  width:100%;
}

[b-98p0w39qsz] textarea {
  width: 100%;
  resize: vertical;
}

[b-98p0w39qsz] select {
  width: 100%;
}

[b-98p0w39qsz] input:not([type='checkbox'],[type='radio'],[type='color']) {
  width: 100%;
}

[b-98p0w39qsz] .flexColumnNoMinHeight {
  height: calc(100vh - 280px);
  flex-grow: 0;
  flex-shrink: 1;
}

.buttonBarContainer[b-98p0w39qsz]{
  display:flex;
  justify-content:flex-end;
}

#newGroupDetailsContainer[b-98p0w39qsz] {
  width: calc(100% - 40px);
  margin: 20px;
}

@media only screen /* anything smaller than a tablet */
and (max-width: 960px) {
  #groups[b-98p0w39qsz] {
    padding: 10px;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 10px;
  }

  [b-98p0w39qsz] .flexColumnNoMinHeight {
    height: 250px;
    flex-grow: 0;
    flex-shrink: 1;
  }
}
/* /Components/Administration/InsightsConfig.razor.rz.scp.css */
.mainGrid[b-qwuagl5pfp] {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  display: grid;
  grid-template-rows: auto 1fr;
  grid-gap: 10px;
  margin-bottom: 0px;
}

.filterpanel[b-qwuagl5pfp] {
  background: transparent;
}

.filterpanel input[type="checkbox"]:not(:checked) + label[b-qwuagl5pfp]::before {
  background: var(--IMD-BACKGROUND-COLOR);
}

.optionSet[b-qwuagl5pfp] {
  padding: 10px;
  background-color: var(--IMD-ACCORDION-HEADER);
  color: var(--IMD-ACCORDION-HEADER-TEXT);
  border-left: 5px solid var(--IMD-NODE-COLOR);
}

.mainSelectDiv[b-qwuagl5pfp] {
  padding: 20px 20px 0px 20px;
  margin: 0px;
}

.checkBoxDiv[b-qwuagl5pfp] {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 10px;
}

.mainContentDiv[b-qwuagl5pfp] {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto auto 1fr;
  grid-gap: 40px;
  padding: 20px;
}

.mainContentDivCalendar[b-qwuagl5pfp] {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto auto auto 1fr;
  grid-gap: 40px;
  padding: 20px;
}

.dateSelectionContainer[b-qwuagl5pfp] {
  min-height: 100px;
}

.itemContentDiv[b-qwuagl5pfp] {
  display: grid;
  grid-template-columns: 1fr;
}

.columnListContainerDiv[b-qwuagl5pfp] {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
}

.columnsContentDiv[b-qwuagl5pfp] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
}

.checkBoxesDiv[b-qwuagl5pfp] {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
}

[b-qwuagl5pfp] .flexColumnNoMinHeight {
  border: 1px solid var(--IMD-COLOR);
}

.metricsFooter[b-qwuagl5pfp] {
  display: grid;
  grid-template-columns: 1fr auto;
}

[b-qwuagl5pfp] .fullHeight {
  height: calc(100vh - 300px) !important;
  max-height: calc(100vh - 300px) !important;
}

.modalContent[b-qwuagl5pfp] {
  display: grid;
  grid-template-rows: auto 1fr;
  padding: 10px;
  grid-gap: 10px;
}

.dateSelectionListBox[b-qwuagl5pfp] {
  width: 100%;
  height: 100%;
}

[b-qwuagl5pfp] .dmSelectionBoxes {
  height: calc(100% - 2px) !important;
  min-height: 60px !important;
  width: 100%;
}

.listButtonsBottom > span[b-qwuagl5pfp] {
  display: inline-block;
  border: none;
  background-color: var(--IMD-PANEL-BACKGROUND);
  color: var(--IMD-PANEL-TEXT);
  padding: 8px 7px 2px 7px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  font-size: 20px;
  width: 27px;
  height: 27px;
  border-radius: 4px;
  margin-left: 5px;
}

.listButtonsBottom > span:hover[b-qwuagl5pfp] {
  background-color: var(--IMD-NODE-COLOR);
  color: var(--IMD-NODE-TEXT-COLOR);
}

.disabledButton[b-qwuagl5pfp] {
  background-color: var(--IMD-BACKGROUND-COLOR) !important;
  color: var(--IMD-DISABLED-BUTTON) !important;
  cursor: pointer !important;
}

.itemContentDivFirst[b-qwuagl5pfp] {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
}

.itemContentDivSecond[b-qwuagl5pfp] {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
}
/* /Components/Administration/JoinConditionEditor.razor.rz.scp.css */
.mainGrid[b-bpgoacw4eu] {
  display: grid;
  justify-content: left;
  align-items: center;
  padding: 20px;
  grid-gap: 10px;
  grid-template-columns: 1fr;
}

select[b-bpgoacw4eu] {
  width: 100%;
}

input[type=text][b-bpgoacw4eu] {
  width: 100%;
}

/* phones in either portrait or landscape */
@media only screen and (max-width: 499.9px) and (max-height:1023.9px), only screen and (max-height: 499.9px) and (max-width:1023.9px) {
    .mainGrid[b-bpgoacw4eu] {
        grid-template-columns: auto 1fr;
    }

    .labelDiv[b-bpgoacw4eu] {
        text-align: right;
    }
}
/* /Components/Administration/JoinEditor.razor.rz.scp.css */
.main[b-86hswv6u3y] {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto 1fr auto auto;
  grid-row-gap: 5px;
}

.rightJustify[b-86hswv6u3y] {
  text-align: right;
}

select[b-86hswv6u3y] {
  width: 100%;
  height: 100%;
}

button[b-86hswv6u3y] {
  margin: 0px 2px 0px 0px;
}

.rightJustify > span[b-86hswv6u3y] {
  display: inline-block;
  border: none;
  background-color: var(--IMD-PANEL-BACKGROUND);
  color: var(--IMD-PANEL-TEXT);
  padding: 8px 7px 2px 7px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  font-size: 20px;
  width: 27px;
  height: 27px;
  border-radius: 4px;
  margin-left: 5px;
}

.rightJustify > span:hover[b-86hswv6u3y] {
  background-color: var(--IMD-NODE-COLOR);
  color: var(--IMD-NODE-TEXT-COLOR);
}

.disabledButton[b-86hswv6u3y] {
  background-color: var(--IMD-BACKGROUND-COLOR) !important;
  color: var(--IMD-DISABLED-BUTTON) !important;
  cursor: pointer !important;
}
/* /Components/Administration/LinkedColumnEditor.razor.rz.scp.css */
.linkedColumnGrid[b-7vxepmy017] {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto auto 1fr;
  justify-content: left;
  align-items: center;
  gap: 10px;
  position: relative;
  height: 100%;
  width: 100%;
}

.noName[b-7vxepmy017] {
  grid-template-rows: auto auto 1fr;
}


.labelJustify[b-7vxepmy017] {
  text-align: right;
}

select[b-7vxepmy017] {
  width: 100%;
}

input[b-7vxepmy017] {
  background-color: var(--IMD-BACKGROUND-COLOR);
  border: 1px solid var(--IMD-COLOR);
  color: var(--IMD-COLOR);
  font-family: var(--IMD-FONT-FAMILY);
  font-size: var(--IMD-FONT-SIZE);
  font-weight: var(--IMD-FONT-WEIGHT);
}

  input[type=text][b-7vxepmy017] {
    -webkit-border-radius: 0px;
    width: calc(100% - 18px);
  }

.spanColumns[b-7vxepmy017] {
  grid-column: 1/3;
  height: 100%;
}

/* phones in either portrait or landscape */
@media only screen and (max-width: 499.9px) and (max-height:1023.9px), only screen and (max-height: 499.9px) and (max-width:1023.9px) {
    .linkedColumnGrid[b-7vxepmy017] {
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: auto auto auto auto auto auto 1fr;
        justify-content: left;
        align-items: center;
        gap: 10px;
        position: relative;
        height: 100%;
        width: 100%;
    }

    .noName[b-7vxepmy017] {
        grid-template-rows: auto auto auto auto 1fr;
    }

    .spanColumns[b-7vxepmy017] {
        grid-column: 1;
    }

    .labelJustify[b-7vxepmy017] {
        text-align: left;
    }
}
/* /Components/Administration/LinkedSourceDataEditor.razor.rz.scp.css */
.linkedSourceGrid[b-49nz79cak0] {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto 1fr;
  justify-content: left;
  align-items: center;
  gap: 10px;
  position: relative;
  height: calc(100% - 20px);
  width: calc(100% - 20px);
  padding: 10px;
}


.labelJustify[b-49nz79cak0] {
  text-align: right;
}

select[b-49nz79cak0] {
  width: 100%;
}

.spanColumns[b-49nz79cak0] {
  grid-column: 1/3;
  height: 100%;
}

/* phones in either portrait or landscape */
@media only screen and (max-width: 499.9px) and (max-height:1023.9px), only screen and (max-height: 499.9px) and (max-width:1023.9px) {
    .linkedSourceGrid[b-49nz79cak0] {
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: auto auto 1fr;
        justify-content: left;
        align-items: center;
        gap: 10px;
    }

    .spanColumns[b-49nz79cak0] {
        grid-column: 1;
    }

    .labelJustify[b-49nz79cak0] {
        text-align: left;
    }
}
/* /Components/Administration/LoginProvider.razor.rz.scp.css */
.labelDiv[b-p0pe4bf5cg] {
  display: flex;
  align-items: center;
}

.buttonClass[b-p0pe4bf5cg] {
  top: -2px;
  left: 5px;
  position: relative;
  height: 100%;
}

[b-p0pe4bf5cg] .listIcon {
  top: 4px !important;
  height: 20px !important;
}

@media only screen /* anything smaller than a tablet (e.g. phablets) */
and (max-width: 960px) {
  .labelDiv[b-p0pe4bf5cg] {
    display: flex;
    justify-content: left;
    align-items: baseline;
  }

  select[b-p0pe4bf5cg],
  input[b-p0pe4bf5cg] {
    width: 100%;
  }

  .buttonClass[b-p0pe4bf5cg] {
    position: unset;
    height: auto;
  }
}
/* /Components/Administration/MappingEditor.razor.rz.scp.css */
.main[b-cwx180xyn8] {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 1fr 1fr;
  grid-row-gap: 5px;
}

.panelDiv[b-cwx180xyn8] {
  display: grid;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
  grid-gap: 5px;
  padding: 10px 10px 10px 10px;
}

[b-cwx180xyn8] .selectionListBox {
  max-height: calc(50vh - 145px);
}

.justifyRight[b-cwx180xyn8] {
  display: flex;
  justify-content: end;
  gap: 4px;
}

.justifyRight > span[b-cwx180xyn8] {
  display: inline-block;
  border: none;
  background-color: var(--IMD-PANEL-BACKGROUND);
  color: var(--IMD-PANEL-TEXT);
  padding: 8px 7px 2px 7px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  font-size: 20px;
  width: 27px;
  height: 27px;
  border-radius: 4px;
}

.justifyRight > span:hover[b-cwx180xyn8] {
  background-color: var(--IMD-NODE-COLOR);
  color: var(--IMD-NODE-TEXT-COLOR);
}

.disabledButton[b-cwx180xyn8] {
  background-color: var(--IMD-BACKGROUND-COLOR) !important;
  color: var(--IMD-DISABLED-BUTTON) !important;
  cursor: default !important;
}

.selectionListBoxes[b-cwx180xyn8] {
  background-color: var(--IMD-BACKGROUND-COLOR);
  color: var(--IMD-COLOR);
  font-family: var(--IMD-FONT-FAMILY);
  font-size: var(--IMD-FONT-SIZE);
  font-weight: var(--IMD-FONT-WEIGHT);
  border: none;
  padding: 10px 10px;
  display: grid;
  grid-template-columns: 1fr auto 1fr auto;
  grid-template-rows: auto auto 1fr;
  position: relative;
  height: 100%;
  overflow: auto;
}

.selectAddressColumnsModal[b-cwx180xyn8] {
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
  width: 100%;
  height: calc(100% - 60px);
}

.labelDiv[b-cwx180xyn8] {
  padding: 10px;
}

.geoJsonModalDiv[b-cwx180xyn8] {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  grid-gap: 0px;
  padding: 10px 10px 10px 10px;
}

[b-cwx180xyn8] .jsonSelectionListBox {
  max-height: calc(100vh - 165px);
}

input[type=search][b-cwx180xyn8] {
  width: 100%;
  border-bottom: none;
}

.addressGrid[b-cwx180xyn8] {
  display: flex;
  flex-direction: row;
  width: calc(100% - 20px);
  flex-wrap: wrap;
  grid-gap: 5px;
  padding: 10px 10px 10px 10px;
}

.addressGridElement[b-cwx180xyn8] {
  display: grid;
  grid-template-columns: 1fr;
  min-width: 200px;
}

select[b-cwx180xyn8] {
  width: 100%;
}

@media only screen /* potrait phones */
and (max-width: 500px) {
  [b-cwx180xyn8] .selectionListBox {
    max-height: calc(50vh - 175px);
  }


  [b-cwx180xyn8] .jsonSelectionListBox {
    max-height: calc(100vh - 170px);
  }
}

  @media only screen /* landscape phones */
  and (max-height: 500px) {
    .main[b-cwx180xyn8] {
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 1fr;
      height: calc(100vh - 105px);
    }
    [b-cwx180xyn8] .selectionListBox {
      max-height: calc(100vh - 190px);
    }


    [b-cwx180xyn8] .jsonSelectionListBox {
      max-height: calc(100vh - 170px);
    }
  }
/* /Components/Administration/MetricEditor.razor.rz.scp.css */
body[b-an8u3nlrnu] {
}

.generalPageMain[b-an8u3nlrnu] {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: repeat(var(--imd-metric-editor-rows), auto) 1fr;
  justify-content: center;
  align-items: center;
  gap: 10px 20px;
  padding: 20px 20px 20px 20px;
  position: absolute;
  top: 42px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

.joinPage[b-an8u3nlrnu] {
  padding: 20px 20px 20px 20px;
  position: absolute;
  top: 42px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

.spanColumns[b-an8u3nlrnu] {
  grid-column: 1/3;
  height: 100%;
}

.horizontalLabel[b-an8u3nlrnu] {
  text-align: right;
}

  .horizontalLabel[b-an8u3nlrnu]:after {
    content: ": "
  }

.listViewGrid[b-an8u3nlrnu] {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
  width: 100%;
  height: 100%;
  padding: 10px 0px 0px 0px;
}

.listViewDiv[b-an8u3nlrnu] {
  width: 100%;
  height: 100%;
  min-height: 70px;
}

.listButtonsBottom > span[b-an8u3nlrnu] {
  display: inline-block;
  border: none;
  background-color: var(--IMD-PANEL-BACKGROUND);
  color: var(--IMD-PANEL-TEXT);
  padding: 8px 7px 2px 7px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  font-size: 20px;
  width: 27px;
  height: 27px;
  border-radius: 4px;
}

.listButtonsBottom > span:hover[b-an8u3nlrnu] {
  background-color: var(--IMD-NODE-COLOR);
  color: var(--IMD-NODE-TEXT-COLOR);
}

.disabledButton[b-an8u3nlrnu] {
  background-color: var(--IMD-BACKGROUND-COLOR) !important;
  color: var(--IMD-DISABLED-BUTTON) !important;
  cursor: pointer !important;
}

.aiMainGrid[b-an8u3nlrnu] {
  display: grid;
  grid-gap: 20px;
  grid-template-rows: auto auto 1fr;
  width: 100%;
  height: calc(100vh - 200px);
  width: calc(100% - 40px);
  margin: 20px;
}

textarea[b-an8u3nlrnu] {
  resize: none;
}
/* /Components/Administration/NumericFormatEditor.razor.rz.scp.css */
.mainGrid[numeric-options] {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 5px;
  align-items: center;
}

.labelDiv[numeric-options] {
  text-align: right;
}

input[type=text][numeric-options] {
  width: 100%;
}

input[type=number][numeric-options] {
  width: 100%;
}

select[numeric-options] {
  width: 100%;
}

@container (max-width:400px) {
  .mainGrid[numeric-options] {
    grid-template-columns: auto;
  }

  .labelDiv[numeric-options]{
    text-align:left;
  }
}

/* phones in either portrait or landscape */
@media only screen and (max-width: 499.9px) and (max-height:1023.9px), only screen and (max-height: 499.9px) and (max-width:1023.9px) {
    .mainGrid[numeric-options] {
        grid-template-columns: auto;
    }

    .labelDiv[numeric-options] {
        text-align: left;
    }
}


/* /Components/Administration/ScheduledExportDetails.razor.rz.scp.css */
.noObjectContainer[b-04xwwj6ne3] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  display: flex;
  justify-content: center; 
  align-items: center; 
}

.splitContainer[b-04xwwj6ne3] {
  width: 100%;
  min-height: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
}

.gridContainer[b-04xwwj6ne3] {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

.historyHeader[b-04xwwj6ne3] {
  width: 100%;
  text-align: center;
  background-color: var(--IMD-GRID-ROW-HEADER-COLOR) !important;
  color: var(--IMD-GRID-HEADER-TEXT);
  border-top: 5px solid var(--IMD-COLOR);
  border-bottom: 5px solid var(--IMD-COLOR);
  padding: 5px;
}

.historyGrid[b-04xwwj6ne3] {
  display: grid;
  width: 100%;
  grid-template-columns: auto repeat(2,1fr);
  grid-gap: 5px;
  background-color: var(--IMD-GRID-BORDER-COLOR);
  border-bottom: 5px solid var(--IMD-COLOR);
}

.historyGridHeader[b-04xwwj6ne3] {
  background-color: var(--IMD-GRID-ROW-HEADER-COLOR) !important;
  color: var(--IMD-GRID-HEADER-TEXT);
}

.gridCell[b-04xwwj6ne3] {
  padding: 5px;
  background-color: var(--IMD-BACKGROUND-COLOR);
}
/* /Components/Administration/ScheduledExportDetailsHeader.razor.rz.scp.css */
.flex-container[b-a9mh3xy0ed] {
  height: 100%;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mainGrid[b-a9mh3xy0ed] {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 5px;
  padding: 40px 10px 40px 10px;
  font-weight: bold;
}

.gridLabel[b-a9mh3xy0ed] {
  text-align: right;
  font-weight: normal;
}

.gridLabel[b-a9mh3xy0ed]:after {
  content: ": "
}

/* phones in either portrait or landscape */
@media only screen and (max-width: 499.9px) and (max-height:1023.9px), only screen and (max-height: 499.9px) and (max-width:1023.9px) {
  .mainGrid[b-a9mh3xy0ed] {
    grid-template-columns: auto;
  }

  .gridLabel[b-a9mh3xy0ed] {
    text-align: left;
  }

  .spanColumns[b-a9mh3xy0ed] {
    grid-column: 1/1;
  }
}
/* /Components/Administration/ScheduledExports.razor.rz.scp.css */
.treeContainer[b-nfzh5n20ug] {
  position: absolute;
  width: 100%;
  height: calc(100% - 35px);
  top: 35px;
  overflow-y: auto;
  overflow-x: hidden;
  margin-right: 20px
}

.noExportsDisplay[b-nfzh5n20ug] {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.noExportsGrid[b-nfzh5n20ug] {
  display: grid;
  grid-template-columns: auto;
  text-align: center;
  grid-gap: 10px;
}

.searchBoxGrid[b-nfzh5n20ug] {
  width: calc(100% - 4px);
  display: grid;
  grid-template-columns: 1fr 44px;
}

.searchBox[b-nfzh5n20ug] {
  width: 100%;
}

#searchIcon[b-nfzh5n20ug] {
  font-size: 1.3em !important;
  position: absolute;
  right: 72px;
  top: -4px;
  color: var(--IMD-COLOR-FADED);
  line-height: 2em;
  width: 0;
}

#reloadIcon[b-nfzh5n20ug] {
  font-size: 1.2em !important;
  position: absolute;
  right: 17px;
  top: 6px;
}

.refreshButton[b-nfzh5n20ug] {
  width: 100%;
  height: 100%;
  border-top: 1px solid var(--IMD-COLOR);
  border-right: 1px solid var(--IMD-COLOR);
  border-bottom: 1px solid var(--IMD-COLOR);
}
/* /Components/Administration/SubjectFilterEditor.razor.rz.scp.css */
.mainGrid[b-a6pjsielyt] {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-rows: auto 1fr;
  grid-gap: 10px;
  margin-bottom: 0px;
}
.checkBoxDiv[b-a6pjsielyt] {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 10px;
}
.filterContainer[b-a6pjsielyt] {
  padding: 20px;
  max-height: calc(100vh - 174px);
}

@media only screen /* landscape phones */
and (max-height: 500px) {
  .mainGrid[b-a6pjsielyt] {
    height: calc(100% - 173px);
  }
}
/* /Components/Administration/Theme.razor.rz.scp.css */
.themeForm[b-eqcpclmiro] {
  margin-top: -20px;
}

.topSpace[b-eqcpclmiro] {
  margin-top: 10px;
}

.themeOptions[b-eqcpclmiro] {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap 5px;
}

.height100percent[b-eqcpclmiro] {
  height: 100%;
}
/* /Components/Administration/ThemeEditor.razor.rz.scp.css */
.tabContents[b-8o46yzlltj] {
  position: relative;
  max-height: calc(100vh - 151px);
  overflow: auto;
}

.themeContainer[b-8o46yzlltj] {
  width: 100%;
  display: flex;
  justify-content: center;
}

.header[b-8o46yzlltj] {
  background-color: var(--IMD-ACCORDION-HEADER);
  color: var(--IMD-ACCORDION-HEADER-TEXT);
  padding: 10px;
  border-bottom: 5px solid var(--IMD-NODE-COLOR);
  margin-bottom: 10px;
}

.header.rightAlign[b-8o46yzlltj] {
  padding-right: 0px;
}

.rightPanel[b-8o46yzlltj] {
  padding-left: 5px;
  margin-left: -5px;
}

.mainGrid[b-8o46yzlltj] {
  display: grid;
  grid-template-columns: auto 1fr;
  padding: 20px;
  grid-gap: 5px;
  min-width: 65%;
  max-width: 1200px;
}

.customizationGrid[b-8o46yzlltj] {
  display: grid;
  grid-template-columns: auto 1fr;
  padding: 20px;
  grid-gap: 5px;
  grid-row-gap: 10px;
  min-width: 65%;
  max-width: 1200px;
}

.rightAlign[b-8o46yzlltj] {
  display: flex;
  justify-content: flex-end;
}

.rightAlign > label[b-8o46yzlltj]:after {
  content: ": "
}

.titleCell[b-8o46yzlltj] {
  grid-column: 1 / 3;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--IMD-ACCORDION-HEADER);
  color: var(--IMD-ACCORDION-HEADER-TEXT);
  font-weight: bold;
  padding: 10px;
  border-bottom: 1px var(--IMD-ACCORDION-HEADER-TEXT) solid;
  position: relative;
}

.previewButton[b-8o46yzlltj] {
  position: absolute;
  right: 0px;
  margin-right: 20px;
}

.imageButton[b-8o46yzlltj] {
  cursor: pointer;
}

[b-8o46yzlltj] input[type='file'] {
  border: none;
  height: auto;
}

.loginPreview[b-8o46yzlltj] {
  height: 100%;
  overflow: hidden;
}
.background[b-8o46yzlltj] {
  left: 0;
  z-index: 0;
  background-repeat: no-repeat;
  height: 100%;
  min-width: 1440px;
  position: absolute;
  overflow: hidden;
}

.backgroundImage[b-8o46yzlltj] {
  height: 100%;
  width: auto;
}

.loginPanel[b-8o46yzlltj] {
  right: 0;
  min-width: 500px;
  height: 100%;
  z-index: 1;
  position: absolute;
}

[b-8o46yzlltj] .footerHtml {
  position: absolute;
  bottom: 10px;
  color: white;
  text-align: center;
  width: 100%;
}

[b-8o46yzlltj] .footerHtml a {
  color: white;
}

.absoluteCentreLogin[b-8o46yzlltj] {
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  margin: auto;
}

.loginForm[b-8o46yzlltj] {
  height: 300px;
  width: 23em;
  left: 35px;
  text-align: center;
}

.loginLogo[b-8o46yzlltj] {
  display: block;
  margin-bottom: 25px;
  margin-left: auto;
  margin-right: auto;
  max-height: 200px;
  max-width: 400px;
}

.formField[b-8o46yzlltj] {
  margin: 0 5px 10px 0;
  color: black;
}

.formField label[b-8o46yzlltj] {
  display: inline-block;
  width: 5.2em;
  color: white;
  white-space: nowrap
}

.linkButton[b-8o46yzlltj] {
  background-color: transparent;
  border: none;
  box-shadow: none;
  text-decoration: underline;
}

.loginForm input:not([type="checkbox"], [type="radio"], [type="color"])[b-8o46yzlltj] {
  width: auto;
}

.rememberMeLabel[b-8o46yzlltj] {
  width: auto !important;
}

.pwa512image[b-8o46yzlltj] {
  max-height: 512px;
  max-width: 512px;
}

@media only screen and (max-width: 499.9px) and (max-height:1023.9px) {
  .pwa512image[b-8o46yzlltj] {
    max-width: calc(100vw - 42px);
  }
  
  .mainGrid[b-8o46yzlltj] {
    grid-template-columns: 1fr;
  }

  .titleCell[b-8o46yzlltj] {
    grid-column: auto;
  }

  .customizationGrid[b-8o46yzlltj] {
    grid-template-columns: 1fr;
    grid-row-gap: 5px;
  }

  .rightAlign[b-8o46yzlltj] {
    display: flex;
    justify-content: flex-start;
    padding-top: 20px;
  }

  .rightAlign > label[b-8o46yzlltj]:after {
    content: none
  }

  .header[b-8o46yzlltj] {
    background-color: var(--IMD-ACCORDION-HEADER);
    color: var(--IMD-ACCORDION-HEADER-TEXT);
    padding: 10px;
    border-bottom: none;
    margin-bottom: 0px;
  }

  .header.rightAlign[b-8o46yzlltj] {
    padding-bottom: 0px;
  }

  .rightPanel[b-8o46yzlltj] {
    margin-top: -6px;
    margin-left: 0px;
    border-bottom: 5px solid var(--IMD-NODE-COLOR);
    margin-bottom: 10px;
  }
}
/* /Components/Administration/UserDetails.razor.rz.scp.css */
.userDetailsContainer[b-i5za0hpo3g] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  float:none !important;
}

.userDetailsContainer[b-i5za0hpo3g]  form
{
  flex-basis:90%;
  margin:10px;
}
/* /Components/Administration/Users.razor.rz.scp.css */
#users[b-b68ppnenhf] {
  padding: 30px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  grid-gap: 30px;
  height: calc(100vh - 209px);
}

[b-b68ppnenhf] select {
  width: 100%;
}

[b-b68ppnenhf] input:not([type='checkbox'],[type='radio'],[type='color']) {
  width: 100%;
}

[b-b68ppnenhf] #userName {
  width: 100%;
}

[b-b68ppnenhf] .phoneGrid {
  display: grid;
  grid-template-columns: auto 1fr;
}

.NewUserContainer[b-b68ppnenhf] {
  width: calc(100% - 40px);
  margin: 20px;
}

.usersListContainer[b-b68ppnenhf] {
  max-width: auto !important;
  display: grid;
  grid-template-rows: 1fr repeat(5, auto);
}

.usersListContainer[b-b68ppnenhf]  .flexColumnNoMinHeight {
  max-height: calc(100vh - 550px);
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 60vh;
}

#users_buttonbar[b-b68ppnenhf] {
  display: flex;
  flex-direction: column;
  align-items: end;
}

@media only screen /* anything smaller than a tablet (e.g. phablets) */
and (max-width: 960px) {
  #users[b-b68ppnenhf] {
    padding: 10px;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 10px;
  }
  .usersListContainer[b-b68ppnenhf]  .flexColumnNoMinHeight {
    max-height: 250px;
    height: 250px;
  }
}
/* /Components/AIChat.razor.rz.scp.css */
.aiChatBody[b-80avwa63sz] {
  height: calc(100% - 20px);
  background-color: var(--IMD-BACKGROUND-COLOR);
  color: var(--IMD-COLOR);
  margin: 10px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto auto;
  padding: 0px;
  max-width: 480px;
}

.fullSize[b-80avwa63sz] {
  max-width: 100% !important;
  height: 100% !important;
} 

.aiMenuBody[b-80avwa63sz] {
  height: calc(100% - 20px);
  background-color: var(--IMD-BACKGROUND-COLOR);
  color: var(--IMD-COLOR);
  margin: 10px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
  padding: 0px;
  max-width: 480px;
}

.aiMenuBodyLoading[b-80avwa63sz] {
  height: calc(100% - 20px);
  background-color: var(--IMD-BACKGROUND-COLOR);
  color: var(--IMD-COLOR);
  margin: 10px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  padding: 0px;
  max-width: 480px;
}

.menuHeader[b-80avwa63sz] {
  background-color: var(--IMD-GRID-HEADER-COLOR);
  text-align: right;
  padding: 5px;
}

.menuBody[b-80avwa63sz] {
  display: grid;
  width: calc(100% - 40px);
  grid-template-columns: 1fr;
  grid-auto-rows: min-content;
  margin: 20px;
  grid-gap: 10px;
}

.chatButton[b-80avwa63sz] {
  cursor: pointer;
  font-size: .8em !important;
}

.SaveButton[b-80avwa63sz] {
  cursor: pointer;
  width: 69%;
}

.CancelButton[b-80avwa63sz] {
  cursor: pointer;
  width: 30%;
}

.EditSessionNameButtons[b-80avwa63sz] {
  text-align: right;
  width: 100%;
  padding: 5px 0px 0px 0px;
}

.chatHeader[b-80avwa63sz] {
  background-color: var(--IMD-ACCORDION-HEADER);
  color: var(--IMD-ACCORDION-HEADER-TEXT);
  padding: 5px;
}

.chatHeaderGrid[b-80avwa63sz] {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
}

.headerText[b-80avwa63sz] {
  text-align: center;
  overflow: hidden;
  max-height: 20px;
}

.chatContainerParent[b-80avwa63sz] {
  display: grid;
  grid-auto-rows: min-content;
  overflow-y: auto;
  overflow-x: hidden;
}

.chatContainer[b-80avwa63sz] {
  display: inline-grid;
  width: calc(100% - 40px);
  margin: 20px 20px 0px 20px;
}

.chatRow[b-80avwa63sz] {
  display: grid;
  grid-template-columns: auto 1fr;
  padding: 10px;
  grid-column-gap: 10px;
}

.chatRowWithButtons[b-80avwa63sz] {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr auto;
}

.chatRateRow[b-80avwa63sz] {
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  grid-column-gap: 5px;
}

.questionRowButtons[b-80avwa63sz] {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-column-gap: 5px;
}

.feedbackButton[b-80avwa63sz] {
  font-size: 20px !important;
  cursor: pointer;
  height: 10px;
}

.feedbackButton:hover[b-80avwa63sz] {
  font-size: 22px !important;
  color: var(--IMD-NODE-COLOR);
  font-weight: bold;
}

.selectedFeedbackButton[b-80avwa63sz] {
  font-size: 22px !important;
  color: var(--IMD-NODE-COLOR);
  font-weight: bold;
}

.questionInputRow[b-80avwa63sz] {
  width: calc(100% - 40px);
  margin: 0px 20px 5px 20px;
  position:relative;
}

.questionRow[b-80avwa63sz] {
}

input[b-80avwa63sz] {
  width: 100%;
}

button[b-80avwa63sz] {
  width: 100%;
}

.sendButton[b-80avwa63sz] {
  bottom: 2px;
  right: 2px;
  position: absolute;
  width: 30px;
  height: 30px;
  border: none;
  padding: 5px;
  cursor: pointer;
  font-size: 20px;
}

.sendButton:hover[b-80avwa63sz] {
  color: var(--IMD-NODE-COLOR);
}

.sendButtonActive[b-80avwa63sz] {
  color: var(--IMD-NODE-COLOR);
}

.sendButtonActive:hover[b-80avwa63sz] {
  color: var(--IMD-COLOR);
}

.userBadge[b-80avwa63sz] {
  width: 25px;
  height: 25px;
  background-color: var(--IMD-TOTAL-BACKGROUND-COLOR);
  color: var(--IMD-TOTAL-COLOR);
  border-radius: 20%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}

.botBadge[b-80avwa63sz] {
  width: 25px;
  height: 25px;
  background-color: var(--IMD-NODE-COLOR);
  color: var(--IMD-BACKGROUND-COLOR);
  border-radius: 20%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.anonymousSpinner[b-80avwa63sz] {
  bottom: 2px;
  right: 4px;
  position: absolute;
  font-size: 22px;
}

.processing_cube[b-80avwa63sz] {
  bottom: 15px;
  right: 18px;
  position: absolute;
  transform-style: preserve-3d;
  font: 8vmin/ 50px cookie;
  text-align: center;
  animation: processing_ani-b-80avwa63sz 2s ease-in-out infinite;
}

.processing_cube__face[b-80avwa63sz] {
  position: absolute;
  margin: -10px;
  width: 20px;
  height: 20px;
  transform: rotate3d(var(--i, 0), var(--j, 1), 0, var(--a, 0deg)) translateZ(10px);
  background-image: url("https://demo.inmydata.com/images/BlankFace.png");
  background-size: cover;
  background-color: white;
}

  .processing_cube__face:nth-child(n + 5)[b-80avwa63sz] {
    --i: 1;
    --j: 0;
  }

  .processing_cube__face:nth-child(1)[b-80avwa63sz] {
    background-image: url("https://demo.inmydata.com/images/Face.png");
  }

  .processing_cube__face:nth-child(2)[b-80avwa63sz] {
    --a: 90deg;
  }

  .processing_cube__face:nth-child(3)[b-80avwa63sz] {
    --a: 180deg;
  }

  .processing_cube__face:nth-child(4)[b-80avwa63sz] {
    --a: 270deg;
  }

  .processing_cube__face:nth-child(5)[b-80avwa63sz] {
    --a: 90deg;
  }

  .processing_cube__face:nth-child(6)[b-80avwa63sz] {
    --a: -90deg;
  }

.processingLabel[b-80avwa63sz] {
  border: 1px solid var(--IMD-COLOR);
  padding: 7px;
  cursor: wait;
  position: relative;
  top: 18px;
}

select[b-80avwa63sz] {
  width: 100%;
}

.grow-wrap[b-80avwa63sz] {
  display: grid;
  border: 1px solid var(--IMD-COLOR);
  padding-right: 35px;
}

.grow-wrap[b-80avwa63sz]::after {
  content: attr(data-replicated-value) " ";
  white-space: pre-wrap;
  visibility: hidden;
}

.grow-wrap > textarea[b-80avwa63sz] {
  resize: none;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.grow-wrap > textarea:focus[b-80avwa63sz] {
  outline: none;
}

.grow-wrap > textarea[b-80avwa63sz],
.grow-wrap[b-80avwa63sz]::after {
  border: none;
  padding: 0.5rem;
  font: inherit;
  grid-area: 1 / 1 / 2 / 2;
}

@keyframes processing_ani-b-80avwa63sz {
  to {
    transform: rotateY(1turn) rotateX(1turn);
  }
}

.warningRow[b-80avwa63sz] {
  font-size: small;
  margin: 0px 20px 10px 20px;
  max-height: 30px;
}

@media only screen and (max-width: 499.9px) and (max-height:1023.9px), only screen and (max-height: 499.9px) and (max-width:1023.9px) {
  .aiChatBody[b-80avwa63sz] {
    max-width: 100%;
    height: calc(100% - 80px);
  }

  .aiChatBody.android[b-80avwa63sz] {
    grid-template-rows: auto 1fr auto .2fr;
  }

  .aiMenuBody[b-80avwa63sz] {
    max-width: 100%;
    height: calc(100% - 80px);
  }

  .aiMenuBodyLoading[b-80avwa63sz] {
    max-width: 100%;
    height: calc(100% - 80px);
  }
}
/* /Components/AnnouncementPanel.razor.rz.scp.css */
.announceBody[b-3tlzej4zy7] {
  height: calc(100% - 20px);
  background-color: var(--IMD-BACKGROUND-COLOR);
  color: var(--IMD-COLOR);
  margin: 10px;
  /*display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;*/
  display: flex;
  flex-direction: column;
  max-width: 480px;
}

.header[b-3tlzej4zy7] {
  background-color: var(--IMD-ACCORDION-HEADER);
  color: var(--IMD-ACCORDION-HEADER-TEXT);
  padding: 5px;
  display: grid;
  grid-template-columns: 1fr auto;
}

.headerTitle[b-3tlzej4zy7] {
  text-align: center;
}

.closeButton[b-3tlzej4zy7] {
  cursor: pointer;
  font-size: .8em !important;
}

.iframe[b-3tlzej4zy7] {
  flex-grow: 1;
  border: none;
  margin: 0;
  padding: 0;
}
/* /Components/APIKeys.razor.rz.scp.css */
.mainGrid[b-cp7of67ch6] {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(auto);
  padding:20px;
}

.gridItem[b-cp7of67ch6] {
  border-bottom: 1px solid var(--IMD-GRID-ROW-BORDER);
}

.addButton[b-cp7of67ch6] {
  position: absolute;
  right: 20px;
  top: 30px;
}

.addButton:disabled[b-cp7of67ch6] {
  color: var(--IMD-PANEL-COLOR-FADED);
}

.newKeyContainer[b-cp7of67ch6] {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 10px;
  padding: 15px;
  padding-top: 30px;
}

input[type=text][b-cp7of67ch6] {
  width: 100%;
}

.detailGrid[b-cp7of67ch6] {
  display: grid;
  grid-template-columns: 1fr 200px 200px 200px auto;
  grid-row-gap: 5px;
}

.colHeader[b-cp7of67ch6] {
  font-weight: bold;
  border-bottom: 1px solid var(--IMD-GRID-ROW-BORDER);
  padding-top: 20px;
}

.columnContent[b-cp7of67ch6] {
  padding-top: 5px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--IMD-GRID-ROW-BORDER);
}

.deleteButton[b-cp7of67ch6] {
  color: var(--IMD-NODE-COLOR);
  cursor: pointer;
  padding: 5px;
  border-bottom: 1px solid var(--IMD-GRID-ROW-BORDER);
}

.deleteButton:hover[b-cp7of67ch6] {
  background-color: var(--IMD-SELECTED-ITEM-COLOR);
  color: var(--IMD-SELECTED-ITEM-TEXT);
  border-radius: 2px;
}

.newKeyDetails[b-cp7of67ch6] {
  display: grid;
  grid-template-columns: 1fr auto;
}

.deleteButton .tooltiptext[b-cp7of67ch6] {
  visibility: hidden;
  background-color: var(--IMD-TOTAL-BACKGROUND-COLOR);
  color: var(--IMD-COLOR);
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  width: 200px;
  right: 0px;
  margin-right: 60px;
  margin-top: -5px;
}

.deleteButton:hover .tooltiptext[b-cp7of67ch6] {
  visibility: visible;
}

@media only screen and (max-width: 600px) {
  .detailGrid[b-cp7of67ch6] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr auto;
    grid-row-gap: 5px;
  }
}
/* /Components/Apps/ChatClient.razor.rz.scp.css */
#chatContainer[b-cxtf724wt1] {
  background-color: var(--IMD-BACKGROUND-COLOR);
  color: var(--IMD-COLOR);
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
  padding: 0px;
  height: 100%;
}

#chatHeader[b-cxtf724wt1] {
  background-color: var(--IMD-ACCORDION-HEADER);
  color: var(--IMD-ACCORDION-HEADER-TEXT);
  padding: 5px;
  text-align: center;
}

.chatBodyContainer[b-cxtf724wt1] {
  overflow: auto;
  margin-bottom: 10px;
}

#chatBody[b-cxtf724wt1] {
  display: inline-grid;
  margin: 20px;
}

.chatRow[b-cxtf724wt1] {
  display: grid;
  grid-template-columns: auto 1fr;
  padding: 10px;
  grid-column-gap: 10px;
}

#chatInput[b-cxtf724wt1] {
  width: calc(100% - 40px);
  margin: 0px 20px 5px 20px;
  position: relative;
}

.userBadge[b-cxtf724wt1] {
  width: 25px;
  height: 25px;
  background-color: var(--IMD-TOTAL-BACKGROUND-COLOR);
  color: var(--IMD-TOTAL-COLOR);
  border-radius: 20%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  text-transform: capitalize;
}

.botBadge[b-cxtf724wt1] {
  width: 25px;
  height: 25px;
  background-color: var(--IMD-NODE-COLOR);
  color: var(--IMD-BACKGROUND-COLOR);
  border-radius: 20%;
  display: flex;
  justify-content: center;
  align-items: center;
}

input[b-cxtf724wt1] {
  width: 100%;
}

.sendButton[b-cxtf724wt1] {
  bottom: 2px;
  right: 2px;
  position: absolute;
  width: 30px;
  height: 30px;
  border: none;
  padding: 5px;
  cursor: pointer;
  font-size: 20px;
}

.sendButton:hover[b-cxtf724wt1] {
  color: var(--IMD-NODE-COLOR);
}

.sendButtonActive[b-cxtf724wt1] {
  color: var(--IMD-NODE-COLOR);
}

.sendButtonActive:hover[b-cxtf724wt1] {
  color: var(--IMD-COLOR);
}

.grow-wrap[b-cxtf724wt1] {
  display: grid;
  border: 1px solid var(--IMD-COLOR);
  padding-right: 35px;
}

.grow-wrap[b-cxtf724wt1]::after {
  content: attr(data-replicated-value) " ";
  white-space: pre-wrap;
  visibility: hidden;
}

.grow-wrap > textarea[b-cxtf724wt1] {
  resize: none;
  overflow: hidden;
  width: 100%;
  height: 56px;
}

.grow-wrap > textarea:focus[b-cxtf724wt1] {
  outline: none;
}

.grow-wrap > textarea[b-cxtf724wt1],
.grow-wrap[b-cxtf724wt1]::after {
  border: none;
  padding: 0.5rem;
  font: inherit;
  grid-area: 1 / 1 / 2 / 2;
}


.processing_cube[b-cxtf724wt1] {
  bottom: 15px;
  right: 18px;
  position: absolute;
  transform-style: preserve-3d;
  font: 8vmin/ 50px cookie;
  text-align: center;
  animation: processing_ani-b-cxtf724wt1 2s ease-in-out infinite;
}

.processing_cube__face[b-cxtf724wt1] {
  position: absolute;
  margin: -10px;
  width: 20px;
  height: 20px;
  transform: rotate3d(var(--i, 0), var(--j, 1), 0, var(--a, 0deg)) translateZ(10px);
  background-image: url("./images/BlankFace.png");
  background-size: cover;
  background-color: white;
}

  .processing_cube__face:nth-child(n + 5)[b-cxtf724wt1] {
    --i: 1;
    --j: 0;
  }

  .processing_cube__face:nth-child(1)[b-cxtf724wt1] {
    background-image: url("./images/Face.png");
  }

  .processing_cube__face:nth-child(2)[b-cxtf724wt1] {
    --a: 90deg;
  }

  .processing_cube__face:nth-child(3)[b-cxtf724wt1] {
    --a: 180deg;
  }

  .processing_cube__face:nth-child(4)[b-cxtf724wt1] {
    --a: 270deg;
  }

  .processing_cube__face:nth-child(5)[b-cxtf724wt1] {
    --a: 90deg;
  }

  .processing_cube__face:nth-child(6)[b-cxtf724wt1] {
    --a: -90deg;
  }

@keyframes processing_ani-b-cxtf724wt1 {
  to {
    transform: rotateY(1turn) rotateX(1turn);
  }
}

.processingLabel[b-cxtf724wt1] {
  border: 1px solid var(--IMD-COLOR);
  padding: 7px;
  cursor: wait;
  position: relative;
  top: 18px;
}
/* /Components/Apps/IFrameClient.razor.rz.scp.css */
.iframe-container[b-jxd71ylnqt] {
  width: 100%;
  height: 100%;
  min-height: 400px;
}

.iframe-container iframe[b-jxd71ylnqt] {
  width: 100%;
  height: 100%;
  border: none;
}
/* /Components/Apps/LiveKitAudioClient.razor.rz.scp.css */
#appContainer[b-kkt6ytwp1x] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background-color: var(--IMD-BACKGROUND-COLOR);
  color: var(--IMD-FOREGROUND-COLOR);
  font-family: var(--IMD-FONT-FAMILY);
  padding: 20px;
}

#AudioBars[b-kkt6ytwp1x] {
  width: 100px;
  height: 50px;
}

#audioBarsContainer[b-kkt6ytwp1x] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: 20px;
}

#disableMicContainer[b-kkt6ytwp1x] {
  display: flex;
  align-items: flex-end;
  justify-content: right;
  flex-direction: column;
  margin: 20px;
  font-size: 16px;
  cursor: pointer;
}

  #disableMicContainer:hover[b-kkt6ytwp1x] {
    color: var(--IMD-NODE-COLOR);
  }

#transcriptContainer[b-kkt6ytwp1x] {
  display: flex;
  max-height: calc(100vh - 300px);
  overflow-y: hidden;
  flex-direction: column-reverse;
}

#transcript[b-kkt6ytwp1x] {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-column-gap: 10px;
}

.identity[b-kkt6ytwp1x] {
  font-weight: bold;
  text-align: right;
}

  .identity[b-kkt6ytwp1x]:after {
    content: ": "
  }

.micContainer[b-kkt6ytwp1x] {
  font-size: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px 0px 30px 0px;
}

#icon[b-kkt6ytwp1x] {
  z-index: 20;
}

#micCircle[b-kkt6ytwp1x] {
  opacity: 0;
  position: fixed;
  z-index: 10;
}

#micCircle1[b-kkt6ytwp1x] {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  opacity: 0.5;
  position: absolute;
  top: -35px;
  left: -35px;
  z-index: 10;
}
/* /Components/Badge.razor.rz.scp.css */
.badge[b-hva2rh1blj] {
  background-color: #d33;
  border-radius: 50%;
  color: #fff;
  width: 18px;
  height: 18px;
  display: inline-block;
  text-align: center;
  line-height: 18px;
  margin-left: 3px;
  position: relative;
  background-size: 13px;
  background-repeat: no-repeat;
  background-position-x: 5px;
  background-position-y: 3px;
  cursor: pointer;
  top: 3px;
  pointer-events: none;
}

/* pause/play would make more sense in Dashboard.razor.css, but couldn't get the ::deep syntax to work */
.badge.play[b-hva2rh1blj] {
  background-image: url(/images/icons/white/32/play.png);
}

.badge.pause[b-hva2rh1blj] {
  background-image: url(/images/icons/white/32/pause.png);
  background-position-x: 3px;
}
/* /Components/ButtonBar.razor.rz.scp.css */
.buttons[b-vs0zpdsi0a]{
  display:flex;
  gap: 4px;
  padding: 2px 0px 0px 0px;
}

.nested[b-vs0zpdsi0a] {
  padding: 0px 0px 0px 0px;
}

/* phones in either portrait or landscape */
@media only screen and (max-width: 499.9px) and (max-height:1023.9px), only screen and (max-height: 499.9px) and (max-width:1023.9px) {
  .buttons[b-vs0zpdsi0a] {
    display: flex;
    gap: 4px;
  }
}
/* /Components/ButtonBarButton.razor.rz.scp.css */
.buttonbar_button[b-pul9od69ny] {
  border: none;
  background-color: var(--IMD-PANEL-BACKGROUND);
  color: var(--IMD-PANEL-TEXT);
  padding: 0 7px 2px 7px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  font-size: 20px;
  width: 41px;
  height: 34px;
  border-radius: 4px;
}

.buttonbar_button:hover[b-pul9od69ny] {
  background-color: var(--IMD-NODE-COLOR);
  color: var(--IMD-NODE-TEXT-COLOR);
}


.buttonbar_button_disabled[b-pul9od69ny] {
  border: none;
  background-color: var(--IMD-BACKGROUND-COLOR);
  color: var(--IMD-DISABLED-BUTTON);
  padding: 5px 7px 2px 7px;
  text-align: center;
  vertical-align: middle;
  cursor: default;
  font-size: 24px;
  border-radius: 4px;
}

.hiddenIcon[b-pul9od69ny] {
  opacity: 0.5;
  padding: 1px 5px;
}
/* /Components/CalculationVariableSelector.razor.rz.scp.css */
input[b-pwgyfnvvlm] {
  background-color: var(--IMD-BACKGROUND-COLOR);
  border: 1px solid var(--IMD-COLOR);
  color: var(--IMD-COLOR);
  font-family: var(--IMD-FONT-FAMILY);
  font-size: var(--IMD-FONT-SIZE);
  font-weight: var(--IMD-FONT-WEIGHT);
  width: 100%;
}

input[type=text][b-pwgyfnvvlm] {
  -webkit-border-radius: 0px;
  width: 100%;
}

input[type=date][b-pwgyfnvvlm]::-webkit-calendar-picker-indicator {
    filter: var(--IMD-INVERT-ICONS);
}


input[type=number][b-pwgyfnvvlm] {
  -webkit-border-radius: 0px;
  width: 100%;
}

input[type=date][b-pwgyfnvvlm] {
  -webkit-border-radius: 0px;
  height: 1.8em;
}

input[type=checkbox] + label[b-pwgyfnvvlm] {
  cursor: pointer;
}

input[type=checkbox][b-pwgyfnvvlm] {
  display: none;
}

input[type=checkbox] + label[b-pwgyfnvvlm]:before {
  content: "\2714";
  justify-content: center;
  align-content: center;
  border: 0.1em solid var(--IMD-COLOR);
  width: 1em;
  height: 1em;
  padding-left: 0.2em;
  padding-right: 0.2em;
  margin-right: 0.2em;
  vertical-align: middle;
  color: transparent;
  transition: .2s;
}

input[type=checkbox] + label:active[b-pwgyfnvvlm]:before {
  transform: scale(0);
}

input[type=checkbox]:checked + label[b-pwgyfnvvlm]:before {
  background-color: var(--IMD-NODE-COLOR);
  border-color: var(--IMD-NODE-COLOR);
  color: white;
}

input[type=checkbox]:disabled + label[b-pwgyfnvvlm]:before {
  transform: scale(1);
  border-color: #aaa;
}

input[type=checkbox]:checked:disabled + label[b-pwgyfnvvlm]:before {
  transform: scale(1);
  background-color: #bfb;
  border-color: #bfb;
}
/* /Components/CalendarVariableSelector.razor.rz.scp.css */
input[b-hif5b7agns] {
  background-color: var(--IMD-BACKGROUND-COLOR);
  border: 1px solid var(--IMD-COLOR);
  color: var(--IMD-COLOR);
  font-family: var(--IMD-FONT-FAMILY);
  font-size: var(--IMD-FONT-SIZE);
  font-weight: var(--IMD-FONT-WEIGHT);
  width: 100%;
}
/* /Components/CategoryItem.razor.rz.scp.css */
.categoryItem[b-mriejr51b9] {
  min-width: 8rem;
  height: 8.25rem;
  padding: 10px;
  margin: 10px;
  cursor: pointer;
  border-radius: 0 0 0px 0px;
  overflow: hidden;
  position: relative;
  display: inline-block;
  border-radius: 6px;
  filter: drop-shadow(-2px 3px 3px #00000066);
  text-align:left !important;
  vertical-align: top !important;
}

.iconSize[b-mriejr51b9] {
  font-size: 40px;
}

.categoryItem_icon[b-mriejr51b9] {
  position: absolute;
  bottom: 10px;
  font-size: 1.5em !important;
}

.oneColor[b-mriejr51b9] {
  --fa-secondary-opacity: 1;
}

.categoryItem_expand[b-mriejr51b9] {
  transform: rotate(90deg);
}

.imageHolder[b-mriejr51b9] {
  position: absolute;
  left: 0px;
  top: 20px;
  bottom: 0px;
  right: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* custom 'star' checkbox for favourites */
input.categoryItem_favourite[b-mriejr51b9] {
  opacity: 0; /* hide default checkbox */
}

.categoryItem_favourite + label[b-mriejr51b9] {
  font-family: var(--fa-style-family, "Font Awesome 6 Pro") !important;
  left: 6px;
  position: absolute;
  cursor: pointer;
}

.categoryItem_favourite + label[b-mriejr51b9]:before {
  content: "\f005";
}

.categoryItem_favourite:checked + label[b-mriejr51b9]:before {
  content: "\f005";
  color: #ffef16
}

.categoryItem_delete[b-mriejr51b9] {
  right: 6px;
  background: none;
  color: var(--IMD-DASHBOARD-TILE-TEXT-COLOR);
  padding: 0;
}

.categoryItem.dashboard[b-mriejr51b9] {
  background-color: var(--IMD-DASHBOARD-TILE-COLOR);
  color: var(--IMD-DASHBOARD-TILE-TEXT-COLOR);
}

  .categoryItem.dashboard:hover[b-mriejr51b9] {
    background-color: var(--IMD-SELECTED-ITEM-COLOR);
    color: var(--IMD-SELECTED-ITEM-TEXT);
  }

.categoryItem.vis[b-mriejr51b9] {
  background-color: var(--IMD-VIS-TILE-COLOR);
  color: var(--IMD-VIS-TILE-TEXT-COLOR);
}

  .categoryItem.vis:hover[b-mriejr51b9] {
    background-color: var(--IMD-SELECTED-ITEM-COLOR);
    color: var(--IMD-SELECTED-ITEM-TEXT);
  }

.categoryItem_label[b-mriejr51b9] {
  display: -webkit-box;
  height: auto;
  overflow: hidden;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  position:absolute;
  top:10px;
}

.visCategoryItemImageFilter[b-mriejr51b9] {
  position: absolute;
  top: 40px;
  left: calc(50% - 4em);
  width: 8em;
  filter: var(--IMD-SVG-VIS) drop-shadow(-2px 3px 3px #00000033);
  opacity: 1;
}

.dashboardCategoryItemImageFilter[b-mriejr51b9] {
  position: absolute;
  top: 40px;
  left: calc(50% - 4em);
  width: 8em;
  filter: var(--IMD-SVG-DASHBOARD) drop-shadow(-2px 3px 3px #00000033);
  opacity: 1;
}

/* webkit overrides */
/*@media screen and (-webkit-min-device-pixel-ratio:0) {
    @supports (not (-ms-ime-align:auto)) and (not (-moz-appearance:none)) {

        .categoryItem_label {
            display: unset;
            height: auto;
            overflow: visible;
        }
    }
}*/
/* /Components/Chart.razor.rz.scp.css */
/* /Components/Dashboard/DashboardInfo.razor.rz.scp.css */

.container[b-8xguyy878b] {
  display: flex;
  align-items: center;
  justify-content: center;
/*  padding:5px;*/
  overflow: auto;
  font-size: 1em;
}

.infoTable[b-8xguyy878b] {
  display: inline-grid;
  grid-template-columns: 1fr;
  grid-gap: 5px;
  grid-column-gap: 20px;
  text-align: left;
}

.infoTable a:link[b-8xguyy878b] {
  color: var(--IMD-COLOR);
}

.infoTable a:visited[b-8xguyy878b] {
  color: var(--IMD-COLOR);
}

.infoTable a:hover[b-8xguyy878b] {
  color: var(--IMD-COLOR);
}

.infoTable a:active[b-8xguyy878b] {
  color: var(--IMD-COLOR);
}

.infoLabel[b-8xguyy878b] {
  font-weight: bold;
  margin-top: 15px;
}
/* /Components/Dashboard/DashboardTabs.razor.rz.scp.css */

nav[b-bqkwpm5pa4]{
    display:flex;
}

nav > div[b-bqkwpm5pa4]{
    white-space:nowrap;
    overflow:hidden;
    scroll-behavior: smooth;
}

.btn-group[b-bqkwpm5pa4] {
  background-color: var(--IMD-PANEL-BACKGROUND);
  color: var(--IMD-PANEL-TEXT);
}

.tablink[b-bqkwpm5pa4], .selectedtablink[b-bqkwpm5pa4] {
  outline: none;
  cursor: pointer;
  line-height: 2em;
  height: 100%;
  border-radius: 6px 6px 0px 0px;
}

.tablink[b-bqkwpm5pa4] {
  background-color: var(--IMD-PANEL-BACKGROUND);
  color: var(--IMD-PANEL-TEXT);
  border-radius: 6px 6px 0px 0px;
  border-right: 1px solid var(--IMD-SHADOW);
}

.tablink:hover[b-bqkwpm5pa4], .tabs_scrollLeft:hover[b-bqkwpm5pa4], .tabs_scrollRight:hover[b-bqkwpm5pa4] {
    background-color: var(--IMD-NODE-COLOR);
    border-color: var(--IMD-NODE-COLOR);
    color: var(--IMD-NODE-TEXT-COLOR);
}

.selectedtablink[b-bqkwpm5pa4] {
  background-color: var(--IMD-BACKGROUND-COLOR);
  color: var(--IMD-COLOR);
  border-radius: 6px 6px 0px 0px;
}

.selectedtablink:hover[b-bqkwpm5pa4] {
  cursor: default;
}

.tabs_scrollLeft[b-bqkwpm5pa4], .tabs_scrollRight[b-bqkwpm5pa4] {
    cursor: pointer;
    line-height: 2em;
    padding: 0 5px;
}

/* tablets and unfolded foldables */
@media only screen and (min-width: 500px) and (min-height:1024px) and (hover: none) and (pointer: coarse), only screen and (min-width: 1024px) and (min-height:500px) and (hover: none) and (pointer: coarse) {
  nav > div[b-bqkwpm5pa4] {
    overflow-x: scroll;
  }

  .tabs_scrollLeft[b-bqkwpm5pa4], .tabs_scrollRight[b-bqkwpm5pa4] {
    display: none;
  }
}

/* /Components/FaIconPicker.razor.rz.scp.css */
dialog.fa-dialog[b-f0i21geepb] {
  width: min(900px, 96vw);
  height: min(80vh, 96vh);
  border: none;
  border-radius: 12px;
  padding: 0;
  overflow: hidden;
}

  dialog.fa-dialog[b-f0i21geepb]::backdrop {
    background: rgba(0,0,0,.35);
  }

.fa-dialog-head[b-f0i21geepb] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  border-bottom: 1px solid #eee;
  font-weight: 600;
}

/* Make the body consume the rest of the dialog height */
.fa-dialog-body[b-f0i21geepb] {
  height: calc(100% - 50px); /* ~ header height; adjust if you change head padding */
  padding: 0px 22px 0px 0px;
  overflow: auto; /* gives the body a scrollbar */
  -webkit-overflow-scrolling: touch; /* smooth on iOS */
}

  /* Override the component's internal :host width/height */
  .fa-dialog-body fa-icon-chooser[b-f0i21geepb] {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
  }

.fa-icon-picker-select[b-f0i21geepb] {
  border: solid 1px var(--IMD-COLOR);
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  padding: 5px;
}

.fa-icon-container[b-f0i21geepb] {
  width: 100%;
  text-align: center;
  padding: 5px;
  font-size: 100px;
  color: var(--IMD-COLOR);
}
/* /Components/FilterPanel.razor.rz.scp.css */
[b-loll2paeg1] select {
    -webkit-appearance: auto;
    background-image: none;
    padding: 0;
    -webkit-border-radius: 0px;
    height: 1.8em;
    background-color: var(--IMD-BACKGROUND-COLOR);
    border: 1px solid var(--IMD-COLOR);
    color: var(--IMD-COLOR);
    font-family: var(--IMD-FONT-FAMILY);
    font-size: var(--IMD-FONT-SIZE);
    font-weight: var(--IMD-FONT-WEIGHT);
}
/* /Components/FilterPanelComponents/DropDownList.razor.rz.scp.css */
/* /Components/Grid.razor.rz.scp.css */
[b-lcyn1tii6d] .grid_overrideBackgroundColour {
  height: calc(100% - .5px) !important;
}
/* /Components/Inputs/ColorPicker.razor.rz.scp.css */
.main[b-uolk68h4xf] {
  display: grid;
  grid-template-columns:auto 1fr;
  position: relative;
}

.color_wrapper[b-uolk68h4xf] {
  background-color: black;
  display: inline-block;
  visibility: hidden;
  margin-right: 20px;
}

.color_wrapper[b-uolk68h4xf]::before {
  content: "";
  position: absolute;
  border-radius: 3px;
  outline: black solid 2px;
  border: white solid 3px;
  height: 2rem;
  width: 2rem;
  pointer-events: none;
  background-color: inherit;
  visibility: visible;
  box-sizing: border-box;
}

.color_picker[b-uolk68h4xf] {
  opacity: 0;
  height: 2rem;
  width: 2rem;
  box-sizing: border-box;
  pointer-events: initial;
  visibility: visible;
}

.alpha_wrapper[b-uolk68h4xf] {
  width: 130px;
  display: flex;
  align-items: center;
}

.alpha_checkers[b-uolk68h4xf] {
  position: absolute;
  width: 130px;
  height: 18px;
  background: repeating-conic-gradient(#808080 0% 25%, transparent 0% 50%) 50% / 20px 20px;
  z-index: 90;
  border-radius: 4px;
}

.color_picker_alpha[b-uolk68h4xf] {
  visibility: visible;
  border-radius: 4px;
  z-index:100;
}

input[type="range"][b-uolk68h4xf]::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  margin-top: 0px; /* Centers thumb on the track */
  background-color: var(--IMD-BACKGROUND-COLOR);
  border: 1px solid var(--IMD-COLOR);
  height: 1.5rem;
  width: 1rem;
  border-radius: 4px;
}
/* /Components/Inputs/DatePicker.razor.rz.scp.css */
.filterpanel input[type=number][b-gxo4bi2lyt] {
  height: 2em;
}
/* /Components/Inputs/DropDownButton.razor.rz.scp.css */
#container[b-awtdde44t3] {
  position: relative;
  display: inline-block;
  width: 100%;
}

.dropDownButton[b-awtdde44t3] {
  padding-right: 10px;
}

.dropDownButton[b-awtdde44t3]:after {
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-family: "Font Awesome 6 Pro";
  content: '\f107';
  font-size: 16px;
  position: absolute;
}

.menuGrid[b-awtdde44t3] {
  display: grid;
  grid-template-columns: 1fr;
  position: absolute;
  background-color: var(--IMD-BACKGROUND-COLOR);
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  z-index: 2000;
}

.menuItem[b-awtdde44t3] {
  padding: 6px 8px;
  width: max-content;
  white-space: nowrap;
  cursor: pointer;
  width: 100%;
}

.menuItem:hover[b-awtdde44t3] {
  background-color: var(--IMD-SELECTED-ITEM-COLOR);
  color: var(--IMD-SELECTED-ITEM-TEXT);
}
/* /Components/Inputs/DualListBox.razor.rz.scp.css */
[b-vleublym37] .dualListBoxLeft, [b-vleublym37] .dualListBoxRight{
  flex-grow:1;
}

[b-vleublym37] [class^="imd-icon-"], [class*=" imd-icon-"][b-vleublym37] {
  font-size: 18px !important;
}
/* /Components/Inputs/DualRangeSlider.razor.rz.scp.css */

.noUi-horizontal[b-1zudtimwtz]  .noUi-handle {
    width: 26px;
    height: 24px;
    top: -4px;
}

[b-1zudtimwtz] .noUi-handle:after {
    left: 10px;
    top: 4px;
}

[b-1zudtimwtz] .noUi-handle:before {
    left: 14px;
    top: 4px;
}

[b-1zudtimwtz] .noUi-handle:before, .noUi-handle[b-1zudtimwtz]:after {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #E8E7E6;
}

.rangeMinValue[b-1zudtimwtz] {
    float: left;
}

.rangeMaxValue[b-1zudtimwtz] {
    float: right;
}

.rangeValues[b-1zudtimwtz]{
    display:flex;
    justify-content:space-between;
    margin-top:5px;
}
/* /Components/Inputs/EventScheduler.razor.rz.scp.css */
#container[b-iew5qs1y69] {
  display: grid;
  grid-template-columns: 1fr;
  padding: 10px;
  grid-gap: 10px;
}

.inputDiv[b-iew5qs1y69] {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 2px;
}

[b-iew5qs1y69] input:not(.toggle) {
  width: 100% !important;
}

[b-iew5qs1y69] select {
  width: 100%;
}
/* /Components/Inputs/InputTimeSpan.razor.rz.scp.css */
.wrapper[b-xpn5mmfnzo] {
  display: grid;
  grid-template-columns: auto 1fr;
}

[b-xpn5mmfnzo] input {
  width: 80px !important;
}

[b-xpn5mmfnzo] select {
  width: 100% !important;
}

[b-xpn5mmfnzo] input[type=number] {
  height: 2rem;
  box-sizing: border-box;
}
/* /Components/Inputs/ListBoxButtons.razor.rz.scp.css */
.listBoxButtonsContainer[b-nforl6wpcg] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  max-height: 300px;
}

.listBoxButtons[b-nforl6wpcg] {
  height: 176px;
  display: grid;
  grid-template-columns: auto;
}

.listBoxButton[b-nforl6wpcg] {
  padding: 5px 10px 5px 10px;
}

.buttonSpan[b-nforl6wpcg] {
  border: none;
  background-color: var(--IMD-PANEL-BACKGROUND);
  color: var(--IMD-PANEL-TEXT);
  padding: 8px 7px 2px 7px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  font-size: 20px;
  width: 27px;
  height: 27px;
  border-radius: 4px;
}

.buttonSpan:hover[b-nforl6wpcg] {
  background-color: var(--IMD-NODE-COLOR);
  color: var(--IMD-NODE-TEXT-COLOR);
}

.disabledButtonSpan[b-nforl6wpcg] {
  border: none;
  background-color: var(--IMD-BACKGROUND-COLOR);
  color: var(--IMD-DISABLED-BUTTON);
  padding: 8px 7px 2px 7px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  font-size: 20px;
  width: 27px;
  height: 27px;
  border-radius: 4px;
}


@media only screen /* landscape phones */
and (max-height: 500px) {
  .hideWhenLandscape[b-nforl6wpcg] {
    display: none;
  }
  .shrinkWhenLandscape[b-nforl6wpcg] {
    height: 80px;
    grid-template-rows: 1fr auto 1fr auto;
  }
}
/* /Components/Inputs/ListBoxIcon.razor.rz.scp.css */
.hiddenIcon[b-z0inbehzrd] {
    opacity: 0;
    padding: 1px 5px;
}

.listIcon[b-z0inbehzrd] {
    display: block;
    position: relative;
    cursor: pointer;
    width: 20px;
    font-size: 20px !important;
    margin: 0 5px;
    top: 0;
    flex-basis: 20px;
}
/* /Components/Inputs/ListBoxSelection.razor.rz.scp.css */
.hidden[b-flxnj97r56] {
  visibility: hidden;
}

ul[b-flxnj97r56] {
  list-style: none;
  padding: 0;
  margin: 0;
}

.listBox[b-flxnj97r56] {
  border: none; /*1px solid var(--IMD-BORDER-COLOR);*/
  border-top: 1px solid var(--IMD-BORDER-COLOR);
  color: var(--IMD-COLOR);
}

.listBoxAddButton[b-flxnj97r56] {
  font-size: 16px !important;
}

/*.listBox span{
    padding:5px;
}*/

.listBoxEntryInput[b-flxnj97r56] {
  border: none !important;
}

.selectionListBoxes[b-flxnj97r56] {
  background-color: var(--IMD-BACKGROUND-COLOR);
  color: var(--IMD-COLOR);
  font-family: var(--IMD-FONT-FAMILY);
  font-size: var(--IMD-FONT-SIZE);
  font-weight: var(--IMD-FONT-WEIGHT);
  border: none;
  padding: 10px 10px;
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto auto;
  position: relative;
  height: calc(100% - 110px);
  overflow: auto;
}

.selectionListBox[b-flxnj97r56] {
  height: 100%;
  overflow: auto;
  width: 100%
}

[selected]:not(.noselect)[b-flxnj97r56], .listBoxOption:not(.nohover):hover[b-flxnj97r56] {
  color: var(--IMD-SELECTED-ITEM-TEXT);
  background-color: var(--IMD-SELECTED-ITEM-COLOR);
}

.listBoxOption:not(.nohover):hover[b-flxnj97r56] {
  color: var(--IMD-SELECTED-ITEM-TEXT);
  background-color: var(--IMD-SELECTED-ITEM-COLOR);
}

.listBoxBorder[b-flxnj97r56] {
  border: 1px var(--IMD-COLOR) solid;
  /*  min-height: calc(100% - 35px);*/
}

.addButton[b-flxnj97r56] {
  background-color: var(--IMD-BACKGROUND-COLOR);
  color: var(--IMD-PANEL-BUTTON);
  padding: 5px 10px;
}

  .addButton:hover[b-flxnj97r56] {
    color: var(--IMD-PANEL-TEXT);
    background-color: var(--IMD-PANEL-BACKGROUND);
  }

input[b-flxnj97r56] {
  border: 1px solid var(--IMD-BORDER-COLOR);
  border-bottom: none;
  font-family: var(--IMD-FONT-FAMILY);
  font-weight: var(--IMD-FONT-WEIGHT);
  outline: none;
  flex-grow: 1;
}

[b-flxnj97r56] input[type=text] {
  padding: 7px;
  border: 1px solid #ccc;
  margin-bottom: 1px;
}

  [b-flxnj97r56] input[type=text]::placeholder {
    color: #ddd;
    mix-blend-mode: difference; /* subtracts from the background colour, meaning always visible */
  }

.flexColumnNoMinHeight[b-flxnj97r56] {
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

.listBoxOption[b-flxnj97r56] {
  display: flex;
  position: relative;
  width: 99%;
  text-align: initial;
}

  .listBoxOption[b-flxnj97r56]  input[type="checkbox"] {
    vertical-align: bottom;
    margin-right: 5px;
    top: -3px;
    position: relative;
  }

.listBoxOptionLabel[b-flxnj97r56] {
  padding: 5px 10px;
  display: block;
  position: relative;
  flex-grow: 1;
  line-height: 1.3em;
  user-select: none;
}

  .listBoxOptionLabel > span[b-flxnj97r56] {
    margin-left: 5px;
    position: relative;
  }

[b-flxnj97r56] .listBoxOption[selected] .fadedSolIcon, [b-flxnj97r56] .listBoxOption:hover .hiddenIcon {
  opacity: 1;
}

.listBoxOption[draggable="true"][b-flxnj97r56] {
  margin: 1.5px 1.5px 1.5px 0;
  padding: 1px !important;
  background-color: var(--IMD-BACKGROUND-COLOR);
  color: var(--IMD-COLOR);
}


/* TODO: I want the below in VisualisationTools.razor.css, but ::deep isn't working!*/
.vis_tools_fields_inner > div[b-flxnj97r56] {
  height: 100%;
}

.listBoxLinkButtons[b-flxnj97r56] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 10px;
  border: 1px solid;
  border-bottom: 0;
  color: var(--IMD-COLOR);
  border-left: none;
  border-right: none;
}

.listBoxLinkButton:hover[b-flxnj97r56] {
  text-decoration: underline;
}

.listBoxLinkButton[b-flxnj97r56] {
  cursor: pointer;
}

.range[b-flxnj97r56] {
  display: flex;
  flex-direction: column;
  padding: 10px 20px 10px 12px;
  border: 1px solid;
  border-bottom: 0;
  border-left: none;
  border-right: none;
}

[b-flxnj97r56] .noUi-horizontal .noUi-handle {
  width: 26px;
  height: 24px;
  top: -4px;
}

[b-flxnj97r56] .noUi-handle:after {
  left: 10px;
  top: 4px;
}

[b-flxnj97r56] .noUi-handle:before {
  left: 14px;
  top: 4px;
}

[b-flxnj97r56] .noUi-handle:before, .noUi-handle[b-flxnj97r56]:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
}

[b-flxnj97r56] .listIcon[class^='listbox_edit'], [b-flxnj97r56] .listIcon[class*=' listbox_edit'] {
  top: 10px;
}



/* phones in either portrait or landscape */
@media only screen and (max-width: 499.9px) and (max-height:1023.9px), only screen and (max-height: 499.9px) and (max-width:1023.9px) {
  .listBoxOption[b-flxnj97r56]  input[type="checkbox"] {
    top: 0;
  }
}
/* /Components/Inputs/MoveUpDownButtons.razor.rz.scp.css */
.moveUpDownButtonsContainer[b-ncwed5jamt] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  max-height: 300px;
}

.moveUpDownButtons[b-ncwed5jamt] {
  height: 88px;
  display: grid;
  grid-template-columns: auto;
}

.listBoxButton[b-ncwed5jamt] {
  padding: 5px 10px 5px 10px;
}
/* /Components/Inputs/StyledCheckbox.razor.rz.scp.css */
input[type=checkbox][b-izlud049ts] {
  width: 0;
  height: 0;
  margin: 0 !important;
  /* this must be rendered to be keyboard accessible */
}

  input[type=checkbox] + label[b-izlud049ts]:before {
    content: "\2714";
    justify-content: center;
    align-content: center;
    border: 0.1em solid var(--IMD-COLOR);
    width: 1em;
    height: 1em;
    padding-left: 0.2em;
    padding-right: 0.1em;
    margin-right: 0.2em;
    margin-left: 0.2em;
    vertical-align: middle;
    color: transparent;
    transition: .2s;
    display: inline-table;
  }

input[type=checkbox] + label:active[b-izlud049ts]:before {
  transform: scale(0);
}

input[type=checkbox]:checked + label[b-izlud049ts]:before {
  background-color: var(--IMD-NODE-COLOR);
  border-color: var(--IMD-NODE-COLOR);
  color: white;
}

input[type=checkbox]:disabled + label[b-izlud049ts]:before {
  transform: scale(1);
  border-color: #aaa;
}

input[type=checkbox]:checked:disabled + label[b-izlud049ts]:before {
  transform: scale(1);
  background-color: #bfb;
  border-color: #bfb;
}
/* /Components/Inputs/Toggle.razor.rz.scp.css */
label[b-h8frvpmlmo]{
    display:flex;
}

label.inline[b-h8frvpmlmo]{
  display:inline-flex;
  vertical-align:middle;
}

span[b-h8frvpmlmo] {
    line-height: 1.5rem;
    margin-left:5px;
}

input[type='checkbox'][b-h8frvpmlmo]
{
    margin:0;
}

.toggle[b-h8frvpmlmo] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
min-width: 42px;
height: 22px;
display: inline-block;
position: relative;
border-radius: 50px;
overflow: hidden;
outline: none;
border: none;
cursor: pointer;
background-color: #707070;
transition: background-color ease 0.3s;
}




.toggle[b-h8frvpmlmo]:before {
    font-family:Arial, Helvetica, sans-serif !important;
    content: "I O";
    display: block;
    position: absolute;
    z-index: 2;
    width: 16px;
    height: 16px;
    font-size: 0.9rem;
    background: #fff;
    left: 2px;
    top: 3px;
    border-radius: 50%;
    text-transform: uppercase;
    font-weight: bold;
    text-indent: -12px;
    word-spacing: 29px;
    color: #fff;
    text-shadow: -1px -1px rgba(0,0,0,0.15);
    white-space: nowrap;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    transition: all cubic-bezier(0.3, 1.5, 0.7, 1) 0.3s;
}

.toggle:checked[b-h8frvpmlmo] {
    background-color: var(--IMD-BRAND-COLOR);
}

.toggle:checked[b-h8frvpmlmo]:before {
        left: 22px;
    }
/* /Components/Insight.razor.rz.scp.css */
.insight[b-ec575x0i3i] {
  display: grid;
  grid-template-columns: auto 1fr;
  font-size: .85em;
  width: 230px;
  height: 100px;
  background-color: var(--IMD-BACKGROUND-COLOR);
  color: var(--IMD-COLOR);
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 10px;
  /*box-shadow: 4px 3px 0px 0px #30322a;*/
  border-radius: 6px;
}

.iconContainer[b-ec575x0i3i] {
  padding-top: 12px;
  margin-left: -10px;
}

.insight:hover[b-ec575x0i3i] {
  background-color: var(--IMD-SELECTED-ITEM-COLOR);
  color: var(--IMD-SELECTED-ITEM-TEXT);
}

.insight_clamp[b-ec575x0i3i] {
  -webkit-line-clamp: 4;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
}

.insight_title[b-ec575x0i3i] {
  font-weight: bold;
}

.insight_description[b-ec575x0i3i] {
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1.1em;
  max-height: 4.4em;
  cursor: pointer;
}

.insight_icon[b-ec575x0i3i] {
  float: left;
  margin: 3px 5px 0 5px;
  color: #7DA700;
}

.insight_expand[b-ec575x0i3i] {
  float: right;
  transform: rotate(90deg);
  margin-right: 18px;
  cursor: pointer;
  font-size: 1em !important;
  padding: 10px;
}

.insight_expanded[b-ec575x0i3i] {
  height: auto;
  max-height: none;
}

.insight_rise[b-ec575x0i3i] {
  color: #7DA700;
}

.insight_fall[b-ec575x0i3i] {
  transform: rotate(180deg);
  color: #DD3333;
}

@media only screen /* phones in portrait */
and (max-width: 499.9px) and (max-height:1023.9px) {
  .insight[b-ec575x0i3i] {
    font-size: 1em;
    width: calc(100% - 40px);
  }
}
/* /Components/InsightsList.razor.rz.scp.css */
#insights_wrapper[b-5rgkcgmay9] {
  background-color: var(--IMD-PANEL-BACKGROUND);
  height: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 3px;
  color: var(--IMD-PANEL-TEXT);
}


  #insights_wrapper dd[b-5rgkcgmay9] {
    margin: 0;
  }


#insights[b-5rgkcgmay9] {
  color: #f6d916;
  font-size: 36px !important;
  position: relative;
  /*right: 100px;*/
  top: 8px;
  cursor: pointer;
  user-select: none;
}

  #insights[b-5rgkcgmay9]::after {
    content: attr(data-count);
    background-color: red;
    border-radius: 30px;
    display: inline-block;
    font-size: .4em;
    text-align: center;
    position: relative;
    left: -18px;
    bottom: 3px;
    font-family: 'robotolight';
    color: white;
    padding: 3px;
    min-width: 15px;
  }

  #insights.loading[b-5rgkcgmay9]::after {
    content: "\e727";
    font-family: "inmydata";
    animation: spin 2s infinite linear;
    transform-origin: 48% 0;
    background-color: #333;
    top: 8px;
    padding: 3px;
  }

#insights_content .icon_toolbarToggle[b-5rgkcgmay9] {
  top: 0;
  left: 10px;
}

#insights_collection[b-5rgkcgmay9] {
  /*    max-height: unset !important;*/
  overflow-y: auto;
  overflow-x: hidden;
}

.noInsights[b-5rgkcgmay9] {
  color: var(--IMD-PANEL-TEXT);
  margin-top: 30px;
  padding: 10px;
  padding-left: 20px;
  padding-right: 20px;
}



.insights_loading[b-5rgkcgmay9] {
  text-align: center;
  padding: 0;
  position: relative;
  margin: auto;
  top: 100px;
  font-size: 4em !important;
  animation: spin 2s infinite linear;
  transform-origin: 50% -8.5%;
  color: #f6d916;
  padding: 10px;
}

.insights_loading_text[b-5rgkcgmay9] {
  position: relative;
  top: 100px;
  text-align: center;
}

#vis_insight_rating[b-5rgkcgmay9] {
  height: auto !important;
  top: auto !important;
  right: 290px !important;
}

#insights_filters[b-5rgkcgmay9] {
  width: 100%;
  margin: auto;
}

[b-5rgkcgmay9] #insights_filters .listBoxOptionLabel {
  color: var(--IMD-PANEL-TEXT) !important;
}

[b-5rgkcgmay9] #insights_filters *:not(.listBoxEntryInput):not(label::before){
  color: var(--IMD-PANEL-TEXT) !important;
}

[b-5rgkcgmay9] .listBoxOptionLabel label::before {
  border-color: var(--IMD-PANEL-TEXT) !important;
}

[b-5rgkcgmay9] input[type=checkbox]:checked + label:before {
  color: var(--IMD-PANEL-TEXT) !important;
}

  .insightsFilter[b-5rgkcgmay9] {
  color: black;
  margin: 5px;
  padding: 3px;
  font-size: 1em !important;
}

#insights_text_filter[b-5rgkcgmay9] {
  width: calc(100% - 9px);
  box-shadow: none;
  border: 1px solid #ccc;
  height: 30px;
  padding: 0 0 0 7px;
  min-width: 257px;
}

#insights_filter_more[b-5rgkcgmay9], #insights_always_hide[b-5rgkcgmay9] {
  font-size: 0.8em;
  margin-bottom: 5px;
  background-color: transparent;
  line-height: .8em;
  cursor: pointer;
  user-select: none;
  position: relative;
  /*font-weight: 600;*/
  /*color: var(--IMD-GRID-HEADER-TEXT);*/
}

  #insights_filter_more:hover[b-5rgkcgmay9], #insights_always_hide:hover[b-5rgkcgmay9] {
    text-decoration: underline;
  }

#insights_filter_more[b-5rgkcgmay9] {
  float: right;
  padding-right: 10px;
}

#insights_always_hide[b-5rgkcgmay9] {
  float: left;
  padding-left: 10px;
}

#insights_list[b-5rgkcgmay9] {
  display: flex;
  justify-content: space-between;
}

[b-5rgkcgmay9] .flexColumnNoMinHeight{
  min-height:0 !important;
}

@media only screen /* phones in portrait */
and (max-width: 499.9px) and (max-height:1023.9px) {

  #insights[b-5rgkcgmay9] {
    top: 3px;
  }

    #insights.loading[b-5rgkcgmay9]::after {
      transform-origin: 50% -15%;
    }

  .insights_loading[b-5rgkcgmay9] {
    transform-origin: 50% -10%;
  }

  #insights_content[b-5rgkcgmay9] {
    width: 100%;
  }

  #vis_insight_rating[b-5rgkcgmay9] {
    right: 0 !important;
  }
}
/* /Components/JsonEditor.razor.rz.scp.css */
[b-qalxqyd195] input{
    background-color: inherit;
}
/* /Components/Loader.razor.rz.scp.css */
/* Bars Loader */
.loader-container[b-il7smly11i] {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}

.loader-bar[b-il7smly11i] {
  animation: loading-b-il7smly11i infinite 1s;
  background: var(--IMD-COLOR);
  width: .2rem;
  height: 2rem;
  margin: 0 .2rem;
}

  .loader-bar:nth-child(1)[b-il7smly11i] {
    animation-delay: .0s;
  }

  .loader-bar:nth-child(2)[b-il7smly11i] {
    animation-delay: .1s;
  }

  .loader-bar:nth-child(3)[b-il7smly11i] {
    animation-delay: .2s;
  }

  .loader-bar:nth-child(4)[b-il7smly11i] {
    animation-delay: .3s;
  }

  .loader-bar:nth-child(5)[b-il7smly11i] {
    animation-delay: .4s;
  }

@keyframes loading-b-il7smly11i {
  25% {
    height: .1rem;
    background-color: var(--IMD-COLOR-FADED)
  }

  75% {
    height: 1rem;
    background-color: var(--IMD-COLOR-FADED)
  }
}

/* Balls Loader */
.loader-ball[b-il7smly11i] {
  animation: grow-b-il7smly11i infinite 2s;
  background: var(--IMD-COLOR);
  width: .5rem;
  height: .5rem;
  border-radius: 50%;
  margin: 0 .2rem;
}


.invertedBall[b-il7smly11i] {
  background: var(--IMD-BACKGROUND-COLOR);
}

.invertedText[b-il7smly11i] {
  color: var(--IMD-BACKGROUND-COLOR);
}

.loader-ball:nth-child(1)[b-il7smly11i] {
  animation-delay: .0s;
}

.loader-ball:nth-child(2)[b-il7smly11i] {
  animation-delay: .2s;
}

.loader-ball:nth-child(3)[b-il7smly11i] {
  animation-delay: .4s;
}

.cubeTextContainer[b-il7smly11i] {
  position: relative;
  width: 100%;
  height: 50%;
  top: 50%;
  text-align: center;
}

@keyframes grow-b-il7smly11i {
  to {
    transform: scale(0);
  }
}

/* Shimmer */
.shimmer_loader_overlay[b-il7smly11i] {
  border: 0px solid black;
  width: 100px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(to right, rgba(var(--IMD-BACKGROUND-COLOR), 0) 20%, rgba(var(--IMD-BACKGROUND-COLOR), 0.5) 60%, rgba(var(--IMD-BACKGROUND-COLOR, 0) 20%));
  animation: shimmer-b-il7smly11i 1.7s linear infinite;
  mix-blend-mode: luminosity;
}



.shimmer_container[b-il7smly11i] {
  border: 0px solid red;
  justify-content: center;
  align-items: center;
  display: flex;
  width: 100%;
  height: 100%;
}

.shimmer_loader_icon[b-il7smly11i] {
  opacity: .3;
  font-size: 103px;
  height: 100px;
  width: 100px;
}

@keyframes shimmer-b-il7smly11i {
  from {
    transform: translateX(-100%);
  }

  to {
    transform: translateX(100%);
  }
}

/* end Shimmer*/
/* /Components/ManagedTextArea.razor.rz.scp.css */
textarea[b-ibkvgtkfid] {
  background-color: var(--IMD-BACKGROUND-COLOR);
  border: 1px solid var(--IMD-COLOR);
  color: var(--IMD-COLOR);
  font-family: var(--IMD-FONT-FAMILY);
  font-size: var(--IMD-FONT-SIZE);
  font-weight: var(--IMD-FONT-WEIGHT);
  width: 100%;
  height: 100%;
  resize: none;
  overflow: auto;
}
/* /Components/MCPClients.razor.rz.scp.css */
.mainGrid[b-sposg63tdg] {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(auto);
  padding:20px;
}

.gridItem[b-sposg63tdg] {
  border-bottom: 1px solid var(--IMD-GRID-ROW-BORDER);
}

.addButton[b-sposg63tdg] {
  position: absolute;
  right: 20px;
  top: 30px;
}

.addButton:disabled[b-sposg63tdg] {
  color: var(--IMD-PANEL-COLOR-FADED);
}

.newClientContainer[b-sposg63tdg] {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 10px;
  padding: 15px;
  padding-top: 30px;
}

input[type=text][b-sposg63tdg], select[b-sposg63tdg] {
  width: 100%;
}

.detailGrid[b-sposg63tdg] {
  display: grid;
  grid-template-columns: 18% 18% 24% 18% 18% auto;
  grid-row-gap: 5px;
}

.colHeader[b-sposg63tdg] {
  font-weight: bold;
  border-bottom: 1px solid var(--IMD-GRID-ROW-BORDER);
  padding-top: 20px;
}

.columnContent[b-sposg63tdg] {
  padding-top: 5px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--IMD-GRID-ROW-BORDER);
}

.deleteButton[b-sposg63tdg] {
  color: var(--IMD-NODE-COLOR);
  cursor: pointer;
  padding: 5px;
  border-bottom: 1px solid var(--IMD-GRID-ROW-BORDER);
  text-align:center;
}

.deleteButton:hover[b-sposg63tdg] {
  background-color: var(--IMD-SELECTED-ITEM-COLOR);
  color: var(--IMD-SELECTED-ITEM-TEXT);
  border-radius: 2px;
}

.credentialSection[b-sposg63tdg] {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 10px;
  margin-top: 15px;
}

.credentialDetails[b-sposg63tdg] {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 10px;
}

.deleteButton .tooltiptext[b-sposg63tdg] {
  visibility: hidden;
  background-color: var(--IMD-TOTAL-BACKGROUND-COLOR);
  color: var(--IMD-COLOR);
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  width: 200px;
  right: 0px;
  margin-right: 60px;
  margin-top: -5px;
}

.deleteButton:hover .tooltiptext[b-sposg63tdg] {
  visibility: visible;
}

@media only screen and (max-width: 600px) {
  .detailGrid[b-sposg63tdg] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr auto;
    grid-row-gap: 5px;
  }
}
/* /Components/MessageBoxIcon.razor.rz.scp.css */
/* Messagebox Icons */
.warn[b-r91fj3o3sw],
.warn[b-r91fj3o3sw]::before,
.warn[b-r91fj3o3sw]::after {
  position: relative;
  padding: 0;
  margin: 0;
}

.warn[b-r91fj3o3sw] {
  font-size: 36px;
  color: transparent;
}

.warn.warning[b-r91fj3o3sw] {
  display: inline-block;
  top: 0.225em;
  width: 1.15em;
  height: 1.15em;
  overflow: hidden;
  border: none;
  background-color: transparent;
  border-radius: 0.625em;
}

.warn.warning[b-r91fj3o3sw]::before {
  content: "";
  display: block;
  top: -0.08em;
  left: 0.0em;
  position: absolute;
  border: transparent 0.6em solid;
  border-bottom-color: #fd3;
  border-bottom-width: 1em;
  border-top-width: 0;
  box-shadow: #999 0 1px 1px;
}

.warn.warning[b-r91fj3o3sw]::after {
  display: block;
  position: absolute;
  top: 0.3em;
  left: 0;
  width: 100%;
  padding: 0 1px;
  text-align: center;
  font-family: "Garamond";
  content: "!";
  font-size: 0.65em;
  font-weight: bold;
  color: #333;
}
/* /Components/Modal.razor.rz.scp.css */
/* modal window */
.modalBackground[b-hgf8w901yt] {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: black;
  opacity: 0.6;
  -webkit-animation: fadeinto6 0.3s;
  z-index: 2147483645;
}


@-webkit-keyframes fadeinto6 {
  from {
    opacity: 0;
  }

  to {
    opacity: 0.6;
  }
}

.modalContainer[b-hgf8w901yt] {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2000;
  position: fixed;
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  font-size: var(--IMD-FONT-SIZE);
  z-index: 2147483646;
}

.centreToWindow[b-hgf8w901yt]{
    position:fixed;
    top:60px;
}

.modalWindow[b-hgf8w901yt] {
    background-color: var(--IMD-BACKGROUND-COLOR);
    border: 1px solid var(--IMD-BORDER-COLOR);
    box-shadow: 5px 5px 20px black;
    -webkit-animation: fadein 0.3s;
    position: relative;

}

.modalWindow.withMessage[b-hgf8w901yt] {
    display: flex;
    flex-direction: column;
}

.largeModal[b-hgf8w901yt] {
  width: 100%;
  height: 100%;
}

.standardModal[b-hgf8w901yt] {
  min-width: 340px;
  min-height: 200px;
}

.mediumModal[b-hgf8w901yt] {
    min-width: 50%;
    min-height: 50%;
}

.mediumLargeModal[b-hgf8w901yt] {
  min-width: 75%;
  min-height: 75%;
}

.message[b-hgf8w901yt] {
    align-items: center;
    justify-content: center;
    flex-grow: .75;
    display: flex;
}

@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* phones in either portrait or landscape */
@media only screen and (max-width: 499.9px) and (max-height:1023.9px), only screen and (max-height: 499.9px) and (max-width:1023.9px) {
    .modalContainer[b-hgf8w901yt] {
        position: fixed;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
    }

  .modalContainer[b-hgf8w901yt] {
    height: calc(100% - 60px);
  }
}
/* /Components/ModalWindowButtons.razor.rz.scp.css */
.pageBottomButtons[b-ard4w2we8z] {
  display: flex;
  flex-direction: row;
  padding: 10px 10px 10px 10px;
  background-color: var(--IMD-COLOR-FADED);
  border-top: 1px solid var(--IMD-COLOR-FADED);
  bottom: 0px;
  left: 0px;
  right: 0px;
}

.pageBottomButtons button[b-ard4w2we8z] {
  margin-left: 2px;
  margin-right: 2px;
  z-index: 10;
  border-radius: 4px;
}

.title[b-ard4w2we8z] {
  position: absolute;
  left: 0px;
  margin-left: 14px;
  margin-top: 8px;
  font-size: small;
  z-index: 0;
  color: var(--IMD-BACKGROUND-COLOR) !important;
}

/* phones in either portrait */
@media only screen and (max-width: 499.9px) and (max-height: 1023.9px) {
    .title[b-ard4w2we8z] {
        display: none;
    }
}
/* /Components/MultiSelectList.razor.rz.scp.css */
.listBoxContainer[b-z941wxsmyb] {
  height: calc(100% - 2px);
  width: calc(100% - 2px);
  border: 1px solid var(--IMD-COLOR);
  overflow-y: auto;
  background-color: var(--IMD-BACKGROUND-COLOR);
  color: var(--IMD-COLOR);
  font-family: var(--IMD-FONT-FAMILY);
  font-size: var(--IMD-FONT-SIZE);
  font-weight: var(--IMD-FONT-WEIGHT);
}

ul.imd-multiSelectList[b-z941wxsmyb] {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

li.imd-multiSelectList[b-z941wxsmyb] {
  padding: 4px;
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

  li.imd-multiSelectList:hover[b-z941wxsmyb] {
    color: var(--IMD-SELECTED-ITEM-TEXT);
    background-color: var(--IMD-SELECTED-ITEM-COLOR);
    border-top: 1px solid var(--IMD-SELECTED-ITEM-COLOR);
    border-bottom: 1px solid var(--IMD-SELECTED-ITEM-COLOR);
    padding: 3px 4px 3px 4px;
  }

li.imd-multiSelectList-selected[b-z941wxsmyb] {
  color: var(--IMD-SELECTED-ITEM-TEXT);
  background-color: var(--IMD-SELECTED-ITEM-COLOR);
}

  li.imd-multiSelectList-selected:hover[b-z941wxsmyb] {
    border-top: 1px solid var(--IMD-SELECTED-ITEM-COLOR);
    border-bottom: 1px solid var(--IMD-SELECTED-ITEM-COLOR);
    padding: 3px 4px 3px 4px;
  }
/* /Components/Navigation/AIBot.razor.rz.scp.css */
#aiButton[b-az5xto3zt0] {
  cursor: pointer;
  font-size: 20px !important;
  position: relative;
  cursor: pointer;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* /Components/Navigation/AnnouncementButton.razor.rz.scp.css */
#announcebutton[b-5elmw3ct6d] {
  color: white;
  font-size: 20px !important;
  position: relative;
  cursor: pointer;
  user-select: none;
  margin-top: 15px;
  margin-right: 14px;
}

#announcebutton:hover[b-5elmw3ct6d] {
  color: var(--IMD-BRAND-COLOR);
}
/* /Components/Navigation/BottomNav.razor.rz.scp.css */
#showVisCancel[b-wjrr41zm5a], #showVis[b-wjrr41zm5a] {
  cursor: pointer;
  font-size: 20px !important;
  position: relative;
  cursor: pointer;
  user-select: none;
  padding-right: 15px;
}

nav[b-wjrr41zm5a] {
  display: flex;
  flex-direction: row;
  width: 100%;
  order: 999;
  justify-content: space-evenly;
  align-items: center;
  z-index: 2147483647 !important;
  background-color: #000;
}

#mainnav_icons[b-wjrr41zm5a] {
  display: flex;
  align-items: stretch;
  top: 0;
  position: relative;
}


#mainnav_tabs[b-wjrr41zm5a], #mainnav_categories[b-wjrr41zm5a], #mainnav_share[b-wjrr41zm5a] {
  position: relative;
  top:0;
}

#mainnav_tabs[b-wjrr41zm5a] {
  font-size:25px;
}

#mainnav_categories[b-wjrr41zm5a]{
  font-size:25px;
}

@-moz-keyframes blinker {
  0% {
    opacity: 1.0;
  }

  50% {
    opacity: 0.2;
  }

  100% {
    opacity: 1.0;
  }
}

@-webkit-keyframes blinker {
  0% {
    opacity: 1.0;
  }

  50% {
    opacity: 0.2;
  }

  100% {
    opacity: 1.0;
  }
}

@keyframes blinker-b-wjrr41zm5a {
  0% {
    opacity: 1.0;
  }

  50% {
    opacity: 0.2;
  }

  100% {
    opacity: 1.0;
  }
}

.blink[b-wjrr41zm5a] {
  animation: blinker-b-wjrr41zm5a 1.1s linear 3;
}

/* /Components/Navigation/CategoryNav.razor.rz.scp.css */
ul[b-q5q2jujzzk] {
  list-style: none;
  padding: 0;
  margin: 0;
}

#newtab_categoryItems[b-q5q2jujzzk] {
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}

  #newtab_categoryItems > div[b-q5q2jujzzk] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
  }

/*#newtab_categoriesFrame {
    width: 0;
    height: 0;
    border: none;
}*/

#newtab_categories[b-q5q2jujzzk] {
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
}

  #newtab_categories hr[b-q5q2jujzzk] {
    width: 100%;
    border: .5px solid white;
    padding: 0;
    margin-top: 0;
    margin-bottom: 10px;
    box-sizing: border-box;
  }

#newtab_categories ul[b-q5q2jujzzk] {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
}

#newtab_categoryItems_section[b-q5q2jujzzk] {
  height: 100%;
  width: 100%;
  overflow: auto;
}

.newtab_category[b-q5q2jujzzk] {
  cursor: pointer;
  padding: 10px 5px 10px 5px;
  cursor: pointer;
  overflow: hidden;
  color: var(--IMD-PANEL-TEXT);
  min-width: 200px;
}


.newtab_category:hover[b-q5q2jujzzk] {
  background-color: var(--IMD-PANEL-BACKGROUND-HOVER);
  color: var(--IMD-PANEL-HOVER-TEXT);
}

.newtab_category[selected][b-q5q2jujzzk] {
  background-color: var(--IMD-BACKGROUND-COLOR);
  color: var(--IMD-COLOR);
}
/* /Components/Navigation/ChatNav.razor.rz.scp.css */
#chat[b-u4mguqwr62] {
  font-size: 30px !important;
  position: relative;
  cursor: pointer;
  user-select: none;
}
/* /Components/Navigation/HeaderNav.razor.rz.scp.css */

#header[b-bwg1o8z284] {
    height: 50px;
    min-height: 50px;
    background-color: black;
    display: flex;
  /*  z-index: 999999999;*/
}

#header .inmydata_logo[b-bwg1o8z284] {
    width: 100%;
    height: 40px;
    background-image: url(../images/inmydata_small.png);
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
    float: left;
    margin-left: 10px;
    margin-top: 5px;
}

#inmydata_logo[b-bwg1o8z284] {
    flex-basis: 300px;
}

.inmydata_logo[b-bwg1o8z284] {
    width: 24px;
    height: 40px;
    background-image: url(../images/inmydata_small.png);
    background-size: 24px;
    background-position: center;
    background-repeat: no-repeat;
    margin: auto;
}


#headerSpacer[b-bwg1o8z284] {
    flex-grow: 1;
}

#mainnav_icons[b-bwg1o8z284] {
    display: flex;
    align-items: stretch;
    top: -2px;
    position: relative;
}



@media only screen and (max-width: 499.9px) and (max-height:1023.9px), only screen and (max-height: 499.9px) and (max-width:1023.9px)
{
    #header[b-bwg1o8z284]{
        display:none;
    }
}
/* /Components/Navigation/InsightsNav.razor.rz.scp.css */
#insights[b-jq0e9w0e6s] {
  --fa-primary-color: white;
  --fa-secondary-color: #f6d916;
  --fa-secondary-opacity: 1;
  color: #f6d916;
  font-size: 20px !important;
  position: relative;
  cursor: pointer;
  user-select: none;
  margin-top: 4px;
  display:inline-block !important;
}

#insights:hover[b-jq0e9w0e6s] {
  --fa-primary-color: var(--IMD-NODE-COLOR);
  --fa-secondary-color: var(--IMD-NODE-COLOR);
  --fa-secondary-opacity: 1;
}

#insightsContainer[b-jq0e9w0e6s] {
  margin-left: 2px;
  margin-right: -5px;
}

#insightsContainer[b-jq0e9w0e6s]::after {
  content: attr(data-count);
  background-color: red;
  border-radius: 30px;
  display: inline-block;
  font-size: 12px;
  text-align: center;
  position: relative;
  left: -15px;
  bottom: -4px;
  font-family: var(--IMD-FONT-FAMILY);
  color: white;
  padding: 3px;
  min-width: 15px;
}

#insightsContainer.loading[b-jq0e9w0e6s]::after {
  content: "\e727";
  font-family: "inmydata";
  animation: spin 2s infinite linear;
  transform-origin: 50% 0;
  background-color: #000;
  top: 10px;
  padding: 3px;
}

/* phones */
@media only screen and (max-width: 499.9px) and (max-height:1023.9px), only screen and (max-height: 499.9px) and (max-width:1023.9px) {
  #insightsContainer[b-jq0e9w0e6s]::after {
    bottom: 3px;
  }

  #insightsContainer.loading[b-jq0e9w0e6s]::after {
    top:0;
    bottom: 2px;
  }
}
/* /Components/Navigation/MainTabs.razor.rz.scp.css */

.tabs[b-3xbya84u7a] {
    display: flex;
    background-color: #c5ced8;
    height: 35px;
}

.mainTabsContainer[b-3xbya84u7a] {
  background-color: black;
}



.tab_headers[b-3xbya84u7a] {
  height: 35px;
  line-height: 2.2em;
  overflow: hidden;
  white-space: nowrap;
  scroll-behavior: smooth;
  display:flex;
}

#tabs_add[b-3xbya84u7a] {
  background-color: var(--IMD-PANEL-BACKGROUND);
  color: var(--IMD-PANEL-TEXT);
  cursor: pointer;
  padding: 0 10px 0 10px;
  height: 35px;
  width: 20px;
  line-height: 35px !important;
  font-size: 20px !important;
  overflow: hidden;
  border-radius: 0px 0px 6px 6px;
  flex-shrink:0;
  width: 40px;
}

  #tabs_add:hover[b-3xbya84u7a] {
    background-color: var(--IMD-NODE-COLOR);
    border-color: var(--IMD-NODE-COLOR);
    color: var(--IMD-NODE-TEXT-COLOR);
  }

.tabs_scrollLeft[b-3xbya84u7a], .tabs_scrollRight[b-3xbya84u7a] {
    cursor: pointer;
    line-height: 2.2em;
    padding: 0 5px;
    font-size: 1em !important;
    background-color: var(--IMD-BACKGROUND-COLOR);
}

.tabs_scrollLeft:hover[b-3xbya84u7a], .tabs_scrollRight:hover[b-3xbya84u7a] {
    background-color: var(--IMD-NODE-COLOR);
    border-color: var(--IMD-NODE-COLOR);
    color: var(--IMD-BACKGROUND-TEXT);
}


.tab_header_spacer[b-3xbya84u7a] {
    max-width: 40px;
    flex-basis:40px;
    flex-shrink:0;
    background-color: var(--IMD-NODE-COLOR);
    height: 35px;
    display: inline-block;
}

.tab_header_spacer_start[b-3xbya84u7a] {
  min-width: 210px;
  background-color: var(--IMD-PANEL-BACKGROUND);
  height: 35px;
  display: inline-block;
}

.tab_content[b-3xbya84u7a] {
    display: -ms-flexbox;
    display: flex;
    flex-grow: 1;
    height: 100%;
    overflow: hidden;
}

/* phones in either portrait or landscape */
@media only screen and (max-width: 499.9px) and (max-height:1023.9px), only screen and (max-height: 499.9px) and (max-width:1023.9px) {
  .tab_content[b-3xbya84u7a]{
    overflow-y:auto;
  }
}
/* /Components/Navigation/MobileMainTabs.razor.rz.scp.css */
#mobile_tabs_add[b-ig8capzsiv] {
  font-size: 20px !important;
  margin: 5px;
  left: calc(100% - 80px);
  position:relative;
}

#mobile_tabs_nav[b-ig8capzsiv] {
  height: 100%;
  /*width: 100%;*/
  overflow-y: scroll;
  clear: both;
}

#mobile_tabs_title[b-ig8capzsiv] {
  color: #fff;
  font-size: 1.5em;
  padding: 7px;
  display: inline-block;
}

#mobile_tabs_list[b-ig8capzsiv] {
  padding: 0;
  margin: 10px 0 30px 0;
  color: #fff;
  overflow-y: scroll;
  height: 100%;
}

#mobile_tabs_list .accordion-panel[b-ig8capzsiv] {
  margin: 0;
}


#mobile_tabs_list .accordion-panel[accordion-closed][b-ig8capzsiv] {
  flex-grow: 0;
  max-height: 0;
  overflow: hidden;
}

.mobileTabs[b-ig8capzsiv] {
  z-index: 101;
  min-width: 0;
  overflow: auto;
}

[b-ig8capzsiv] .mobile_tab_subheader {
  padding-left: 20px !important;
  font-size: .9rem !important;
  font-weight: normal !important;
}

/* /Components/Navigation/SettingsNav.razor.rz.scp.css */
#settingsNav[b-ujhmoukr86] {
  font-size: 20px !important;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* /Components/Navigation/TabHeader.razor.rz.scp.css */


.tab_close[b-cjfce1rko8] {
    color: white;
    cursor: pointer;
    margin-left: 9px;
    float: right;
    line-height: 25px;
    font-size: 10px !important;
    background:none;
}

.tab_close:hover[b-cjfce1rko8]{
  background:none;
}


.tab_header[b-cjfce1rko8] {
  background-color: var(--IMD-PANEL-BACKGROUND);
  color: var(--IMD-PANEL-TEXT);
  border-right: 1px solid var(--IMD-SHADOW);
  cursor: pointer;
  padding: 0 10px 0 10px;
  height: 35px;
  max-width: 150px;
  overflow: hidden;
  border-radius: 0px 0px 6px 6px;
  flex-shrink: 0;
  line-height: 2.2em;
  transform:none;
  transition:none;
}

.tab_header[selected][b-cjfce1rko8] {
  background-color: var(--IMD-BACKGROUND-COLOR);
  color: var(--IMD-COLOR);
  border-color: var(--IMD-BACKGROUND-COLOR);
}

.tab_header[selected]:hover[b-cjfce1rko8] {
  background-color: var(--IMD-BACKGROUND-COLOR) !important;
  color: var(--IMD-COLOR) !important;
  border-color: var(--IMD-BACKGROUND-COLOR) !important;
  cursor: default;
}

.tab_header[selected] .tab_close[b-cjfce1rko8] {
  color: var(--IMD-COLOR);
  background:none;
}

.tab_add[b-cjfce1rko8] {
  display: inline-block;
  background-color: var(--IMD-PANEL-BACKGROUND);
  color: var(--IMD-PANEL-TEXT);
  cursor: pointer;
  padding: 0 10px 0 10px;
  height: 35px;
}

.tab_add:hover[b-cjfce1rko8] {
  background-color: var(--IMD-NODE-COLOR);
  border-color: var(--IMD-NODE-COLOR);
  color: var(--IMD-NODE-TEXT-COLOR);
}

.tab_header_title[b-cjfce1rko8] {
    display: inline-block;
    max-width: 100px;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: .9rem;
    white-space: nowrap;
    -ms-user-select: none;
    user-select: none;
}

.tab_header_title_input[b-cjfce1rko8] {
    padding: 0 0 0 4px !important;
    box-shadow: none !important;
    height: 35px;
}

.tab_header:hover[b-cjfce1rko8] {
  background-color: var(--IMD-NODE-COLOR);
  border-color: var(--IMD-NODE-COLOR);
  color: var(--IMD-NODE-TEXT-COLOR);
}



/*.tab_header[selected]:hover {
  background-color: var(--IMD-BACKGROUND-COLOR);
  color: var(--IMD-COLOR);
}*/

  @media only screen and (max-width: 499.9px) and (max-height:1023.9px), only screen and (max-height: 499.9px) and (max-width:1023.9px) {
    .tab_header[b-cjfce1rko8] {
      display: flex;
      align-items: center;
      margin: 0;
      max-width: 100%;
      flex-grow: 1;
      list-style-type: none;
      cursor: pointer;
      padding: 0 10px 0 10px;
      background: #434747;
      font-weight: 600;
      width: 100%;
      text-align: left;
      border-radius: 0;
    }

    .tab_header_title[b-cjfce1rko8] {
      max-width: 100%;
      flex-grow: 1;
    }

    .tab_close[b-cjfce1rko8], .mobile_tab_expand[b-cjfce1rko8] {
      float: none;
      font-size: 14px !important;
      background-image: none;
      line-height: normal;
      margin-left: 30px;
      width: 16px;
      height: 16px;
      top: -4px;
      position: relative;
      background:none;
    }

    .accordion-header .accordion-expand[b-cjfce1rko8] {
      transition: all ease-in-out .13333s;
    }

    .accordion-header[aria-expanded=true] .accordion-expand[b-cjfce1rko8] {
      transform: rotate(-90deg);
    }

    .accordion-header[aria-expanded=false] .accordion-expand[b-cjfce1rko8] {
      transform: rotate(90deg);
    }

    .mobile_tab_header[selected][aria-expanded="true"][b-cjfce1rko8], .mobile_tab_header[selected][aria-expanded="true"] + .accordion-panel .mobile_tab_header[b-cjfce1rko8] {
      background-color: #656565;
    }
  }

/* /Components/Navigation/UserMenuNav.razor.rz.scp.css */
#usermenu[b-0n9cw09kit] {
  background-repeat: no-repeat;
  cursor: pointer;
  position: relative;
  user-select: none;
  -ms-user-select: none;
  font-size: 20px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* /Components/Settings/ChangePassword.razor.rz.scp.css */
[b-tnhdgb8uq3] .changePassword {
  width: 100%;
  margin-bottom: 10px;
}

#changePasswordContainer[b-tnhdgb8uq3]{
  text-align:left;
}

[b-tnhdgb8uq3] form, .changePassword_wrapper[b-tnhdgb8uq3]{
  flex-basis:100%;
}

.changePassword_wrapper[b-tnhdgb8uq3]{
  display:flex;
}

#changePassword_button[b-tnhdgb8uq3] {
  float: right;
}
/* /Components/Settings/SetHomePage.Razor.rz.scp.css */
.flex-container[b-wp5ji6jplm] {
  height: 100%;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

.formGrid[b-wp5ji6jplm] {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(5, auto) 1fr;
  grid-gap: 5px;
  height: 100%;
}

.mainGrid[b-wp5ji6jplm] {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 5px;
  padding: 10px 10px 10px 10px;
  font-weight: bold;
  width: 100%;
  height: 100%
}

.gridLabel[b-wp5ji6jplm] {
  text-align: right;
  font-weight: normal;
}

  .gridLabel[b-wp5ji6jplm]:after {
    content: ": "
  }

.spanColumns[b-wp5ji6jplm] {
  grid-column: 1/3;
  grid-column-start: auto;
}

.statusMessage[b-wp5ji6jplm] {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  grid-gap: 5px;
  white-space: nowrap;
}

.fullHeight[b-wp5ji6jplm] {
  height: 100%;
}

/* phones in either portrait or landscape */
@media only screen and (max-width: 499.9px) and (max-height:1023.9px), only screen and (max-height: 499.9px) and (max-width:1023.9px) {
  .mainGrid[b-wp5ji6jplm] {
    grid-template-columns: auto;
  }

  .gridLabel[b-wp5ji6jplm] {
    text-align: left;
  }

  .spanColumns[b-wp5ji6jplm] {
    grid-column: 1/1;
  }

  [b-wp5ji6jplm] select {
    width: 100%;
  }
}

.selectionListBoxes[b-wp5ji6jplm] {
  background-color: var(--IMD-BACKGROUND-COLOR);
  color: var(--IMD-COLOR);
  font-family: var(--IMD-FONT-FAMILY);
  font-size: var(--IMD-FONT-SIZE);
  font-weight: var(--IMD-FONT-WEIGHT);
  border: none;
  padding: 10px 10px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr auto;
  position: relative;
  height: calc(100% - 110px);
  overflow: auto;
}

.selectionListBox[b-wp5ji6jplm] {
  height: 100%;
  overflow: auto;
  width: 100%;
}
/* /Components/Settings/SettingsMenu.razor.rz.scp.css */
#settingsmenu_content .slideoutmenu_inner[b-r255dl0x9y] {
  background-color: var(--IMD-PANEL-BACKGROUND);
  color: var(--IMD-PANEL-TEXT);
  min-width: 286px;
}

#settingsmenu_list button[b-r255dl0x9y] {
  padding: 0;
  background: none !important;
}
/* /Components/Settings/TwoFA.razor.rz.scp.css */
[b-r82euxy3gc] .twoFA_qr {
  background-color: white;
  padding: 10px;
  margin: 10px auto;
  width: 120px;
}

.twoFA_text[b-r82euxy3gc] {
  width:75%;
}
/* /Components/Settings/UserMenu.razor.rz.scp.css */
#usermenu[b-cuu157zvso] {
  background-repeat: no-repeat;
  cursor: pointer;
  position: relative;
  z-index: 3;
  user-select: none;
  -ms-user-select: none;
  font-size: 30px !important;
  top: 3px;
  padding: 10px 5px 20px 20px !important;
}

#usermenu_2fa_qr > img[b-cuu157zvso] {
  margin: auto;
}



#usermenu_content[b-cuu157zvso] {
  height: 100%;
  min-width: 240px;
  color: var(--IMD-PANEL-TEXT);
}

#usermenu_inner[b-cuu157zvso] {
  float: right;
  font-family: var(--IMD-FONT-FAMILY);
  text-align: center;
  cursor: default;
  position: absolute;
  right: 0;
  color: var(--IMD-PANEL-TEXT);
  background-color: var(--IMD-PANEL-BACKGROUND);
  min-width: 286px;
  height: 100%;
}

#usermenu_content .slideoutRegion_view[b-cuu157zvso] {
  width: 75%;
}

#usermenu_content ul[b-cuu157zvso] {
  padding: 0;
  margin: 0;
  width: 100%;
}

#usermenu_content li[b-cuu157zvso] {
  list-style-type: none;
  cursor: pointer;
  padding: 10px;
}

#usermenu_username[b-cuu157zvso] {
  padding: 10px;
  background-color: var(--IMD-NODE-COLOR);
  display: block;
}

  #usermenu_username:hover[b-cuu157zvso] {
    cursor: default;
    color: var(--IMD-PANEL-TEXT);
    background-color: var(--IMD-PANEL-BACKGROUND) !important;
  }

#usermenu_content li:hover[b-cuu157zvso] {
  background-color: var(--IMD-NODE-COLOR);
}



#usermenu_content .icon_toolbarToggle[b-cuu157zvso], #insights_content .icon_toolbarToggle[b-cuu157zvso] {
  top: 0;
  left: 10px;
  cursor: pointer;
  position: absolute;
}

#usermenu_2fa_section[b-cuu157zvso] {
  width: 95%;
}

  #usermenu_2fa_section input[b-cuu157zvso] {
    width: 95%;
  }

  #usermenu_2fa_section .notifyjs-container[b-cuu157zvso] {
    right: 259px !important;
    top: -3px !important;
  }

.usermenu_2fa_text[b-cuu157zvso] {
  white-space: normal;
}

#force_2fa_wrapper[b-cuu157zvso] {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#force_2fa_info[b-cuu157zvso] {
  margin: 10px;
  width: 75%;
}

button[b-cuu157zvso] {
  padding: 0;
  background: none !important;
}

@media only screen /* phones in portrait */
and (max-width: 499.9px) and (max-height:1023.9px) {
  #usermenu_content > div[b-cuu157zvso] {
    width: 100%;
  }

  #usermenu_inner[b-cuu157zvso] {
    width: 100%;
  }
}
/* /Components/Settings/UserPreferences.razor.rz.scp.css */
.preferencesGrid[b-n7dacankl4] {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto 1fr;
  grid-gap: 5px;
  padding: 30px;
  color: var(--IMD-COLOR);
  font-family: var(--IMD-FONT-FAMILY);
  font-size: var(--IMD-FONT-SIZE);
  font-weight: var(--IMD-FONT-WEIGHT);
  background-color: var(--IMD-BACKGROUND-COLOR);
  text-align: left;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

[b-n7dacankl4] select {
  width: 100%;
}
/* /Components/Slideout.razor.rz.scp.css */

.slideout[b-qqgxxn5nu5] {
  background-color: var(--IMD-PANEL-BACKGROUND);
  flex-basis: var(--IMD-SLIDEOUT-WIDTH);
  min-width: var(--IMD-SLIDEOUT-WIDTH);
  color: var(--IMD-COLOR);
  transition-property: flex-basis, min-width;
  transition-duration: .3s;
  transition-timing-function: cubic-bezier(.8,0,.2,1);
}



  .slideout.slideout-dragging[b-qqgxxn5nu5] {
    transition: none;
  }


.slideout-noanim[b-qqgxxn5nu5] {
  transition: none !important;
}

.slideout-overlay[b-qqgxxn5nu5] {
  position: absolute !important;
  top: 49px !important;
  z-index: 1 !important;
}

  .slideout-overlay .icon_toolbarToggle[b-qqgxxn5nu5] {
    top: 0;
  }

.slideout-right[b-qqgxxn5nu5] {
  right: 0 !important;
  display: flex;
  flex-direction: row-reverse;
}

.slideout-bottom[b-qqgxxn5nu5] {
  top: auto !important;
  bottom: 0 !important;
  height: auto !important;
  min-width: 0 !important;
}

.resizeGripper[b-qqgxxn5nu5] {
  float: right !important;
  height: 50px !important;
  position: relative;
  top: calc(50% - 25px);
  background: none;
  line-height: 53px;
  text-align: center;
  color: #828282;
  border: none;
  border-radius: 3px;
  cursor: ew-resize;
  user-select: none;
}

.slideout-right .resizeGripper[b-qqgxxn5nu5] {
  float: left !important;
}

.resizeGripper [class^="imd-icon-"][b-qqgxxn5nu5] {
  font-size: 16px !important;
}

.icon_toolbarToggle[b-qqgxxn5nu5] {
  color: var(--IMD-PANEL-TEXT);
  height: 40px;
  width: 20px;
  text-align: center;
  cursor: pointer;
  position: relative;
  top: -50px;
  float: right;
  left: -1px;
}

.icon_toolbarToggle_right[b-qqgxxn5nu5] {
  top: 0;
  padding: 0 5px;
}


.icon_toolbarToggle > span[b-qqgxxn5nu5] {
  transition: all ease-in-out .13333s;
  display: block;
  visibility: hidden;
  font-size: 16px !important;
  height: 40px;
  line-height: 45px;
}

.icon_toolbarToggle[toolbar-open] > span[b-qqgxxn5nu5] {
  visibility: visible;
}

.icon_toolbarToggle[toolbar-open="false"] > span[b-qqgxxn5nu5] {
  transform: rotate(180deg);
}

.visToolsToggleButton[b-qqgxxn5nu5] {
  position: absolute;
  bottom: 50px;
  left: 14px;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  background-color: var(--IMD-PANEL-BACKGROUND);
  z-index: 101;
  color: var(--IMD-PANEL-TEXT);
  cursor: pointer;
}

.visToolsToggleButtonNoToolbar[b-qqgxxn5nu5] {
  left: -7px;
  opacity: 0.7;
}

  .visToolsToggleIcon[b-qqgxxn5nu5] {
    font-size: 15px !important;
    position: relative;
    top: -1px;
    left: -1px;
  }

.visToolsToggleButton[b-qqgxxn5nu5] {
  transition-duration: 0.4s;
  transition-property: transform;
  transform: rotate(270deg);
}

.visToolsToggleButton-Closed[b-qqgxxn5nu5] {
  transition-duration: 0.4s;
  transition-property: transform;
  transform: rotate(90deg);
}

/* phones in either portrait or landscape */
@media only screen and (max-width: 499.9px) and (max-height:1023.9px), only screen and (max-height: 499.9px) and (max-width:1023.9px) {
  .slideout[b-qqgxxn5nu5] {
    top: 0 !important;
  }

  .slideout-bottom[b-qqgxxn5nu5] {
    bottom: 62px !important;
  }

  .slideout-overlay[b-qqgxxn5nu5] {
    top: auto !important;
  }
  .visToolsToggleButton[b-qqgxxn5nu5] {
    display: none;
  }
}

@media only screen /* phones in portrait */
and (max-width: 499.9px) and (max-height:1023.9px) {
  .slideout[b-qqgxxn5nu5] {
    height: 100% !important;
    min-width: calc(100% - 20px) !important;
    max-width: 100%;
  }

  .slideout-bottom[b-qqgxxn5nu5] {
    height: auto !important;
  }


  .slideout-right[b-qqgxxn5nu5] {
    min-width: auto !important;
  }

  .slideout > div[b-qqgxxn5nu5] {
    width: 100% !important;
  }

  .resizeGripper[b-qqgxxn5nu5], .icon_toolbarToggle[b-qqgxxn5nu5], .icon_toolbarToggle_right[b-qqgxxn5nu5] {
    display: none;
  }

  .slideout-right[b-qqgxxn5nu5] {
    width: 100%;
  }
}
/* phones in landscape */
@media only screen and (max-height: 499.9px) and (max-width:1023.9px) {
  .slideout[b-qqgxxn5nu5] {
    height: 100% !important;
  }

  .slideout-bottom[b-qqgxxn5nu5] {
    height: auto !important;
  }
}
/* /Components/SlideoutMenu.razor.rz.scp.css */

[b-u8aft8l81a] .slideoutmenu_content {
  height: 100%;
  min-width: 240px;
  color: var(--IMD-GRID-HEADER-TEXT);
}

[b-u8aft8l81a] .slideoutmenu_inner {
  float: right;
  font-family: var(--IMD-FONT-FAMILY);
  text-align: center;
  cursor: default;
  position: absolute;
  right: 0;
  color: var(--IMD-GRID-HEADER-TEXT);
  background-color: var(--IMD-GRID-ROW-HEADER-COLOR);
  min-width: 240px;
  height: 100%;
}

[b-u8aft8l81a] .slideoutRegion_view {
  width: 75%;
}

[b-u8aft8l81a] .slideoutmenu_content ul {
  padding: 0;
  margin: 0;
  width: 100%;
}


[b-u8aft8l81a] .slideoutmenu_content li {
  list-style-type: none;
  cursor: pointer;
  padding: 10px;
}

  [b-u8aft8l81a] .slideoutmenu_content li:hover {
    background-color: var(--IMD-NODE-COLOR);
  }

[b-u8aft8l81a] .slideoutmenu_header {
  padding: 10px;
  background-color: var(--IMD-NODE-COLOR);
  display: block;
}

@media only screen /* phones in portrait */
and (max-width: 499.9px) and (max-height:1023.9px) {
  [b-u8aft8l81a] .slideoutmenu_content > div {
    width: 100%;
  }

  [b-u8aft8l81a] .slideoutmenu_inner {
    width: 100%;
  }
}
/* /Components/SourceDataList.razor.rz.scp.css */
/* TODO: Why doesn't this work here, but does in parent component's CSS? */
/*::deep .dataSourcesError {
    background-color: red;
    color: white;
}*/

#datasources_wrapper[b-ryehl5gvsj]{
  display:flex;
  flex-direction:column;
  max-height:100%;
}

.totalUsage[b-ryehl5gvsj]{
  margin:5px;
}

#datasources_footer[b-ryehl5gvsj] {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}

#datasources_buttons[b-ryehl5gvsj]{
  display:flex;
  justify-content:end;
  padding-bottom:10px;
}


[b-ryehl5gvsj] .dataSourcesError {
  color: var(--IMD-ERROR-COLOR);
  margin-top: -2px;
  margin-bottom: 2px;
}

#dataUpload[b-ryehl5gvsj] {
  padding: 2px 4px 0 0;
}

@media only screen and (max-width: 499.9px) and (max-height:1023.9px), only screen and (max-height: 499.9px) and (max-width:1023.9px) {
  .totalUsageLabel[b-ryehl5gvsj] {
    display: none;
  }
  #datasources_footer[b-ryehl5gvsj] {
    display: grid;
  }
}
/* /Components/Splitter.razor.rz.scp.css */
.splitter_bar[b-5kw1nadekt] {
  background: var(--IMD-SPLITTER-COLOR);
  position: relative;
}

.splitter_bar_horizontal[b-5kw1nadekt] {
  background: var(--IMD-SPLITTER-COLOR);
  width: 10px;
  height: 100%;
  cursor: ew-resize;
}

.splitter_bar_vertical[b-5kw1nadekt] {
  background: var(--IMD-SPLITTER-COLOR);
  height: 10px;
  width: 100%;
  cursor: n-resize;
}

.splitter_gripper[b-5kw1nadekt] {
  display: block;
  height: 20px;
  width: 8px;
  line-height: 10px !important;
  position: relative;
  overflow: visible;
  position: relative;
  background: #ffffff;
  text-align: center;
  color: #828282;
  border: 1px solid;
  border-radius: 3px;
  cursor: ew-resize;
  user-select: none;
  display: none;
}


  .splitter_gripper [class^="imd-icon-"][b-5kw1nadekt] {
    font-size: 1em !important;
    display: flex;
    justify-content: center;
    display: none;
  }

.splitter_gripper_vertical [class^="imd-icon-"][b-5kw1nadekt] {
  transform: rotate(90deg);
  position: relative;
  display: none;
}

.splitter_gripper_vertical[b-5kw1nadekt] {
  left: -4px;
  height: 8px;
  width: 20px;
  margin: auto;
  cursor: ns-resize;
  display: flex;
  flex-direction: column;
  justify-content: center;
  display: none;
}

.splitter_gripper_horizontal [class^="imd-icon-"][b-5kw1nadekt] {
  position: relative;
  top: 2px;
  display: none;
}

.imd_splitter[b-5kw1nadekt] {
  /*display: flex;*/
  width: 100%;
  height: 100%;
}

.imd_splitter_horizontal[b-5kw1nadekt] {
  flex-direction: row;
}

  .imd_splitter_horizontal > div[b-5kw1nadekt] {
    display: inline-block;
    vertical-align: top;
    height: 100%;
  }

.imd_splitter_vertical[b-5kw1nadekt] {
  flex-direction: column;
}

.imd_splitterPanel[b-5kw1nadekt] {
  /*  display: flex;*/
  flex-direction: column;
  position: relative;
}


.splitter_gripper:active[b-5kw1nadekt] {
  background-color: #828282;
  color: white;
}

/* phones in either portrait or landscape */
@media only screen and (max-width: 499.9px) and (max-height:1023.9px), only screen and (max-height: 499.9px) and (max-width:1023.9px) {
  /* display the dashboard objects in a scrollable column */
  .imd_splitter[b-5kw1nadekt] {
    height: auto !important;
    display: flex !important;
  }

  .imd_splitterPanel[b-5kw1nadekt] {
    /*height: 300px !important;*/
    min-height: 50vh !important;
    flex-basis: auto !important;
    width: auto !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column;
  }

  .imd_splitterPanel_tree_mobile[b-5kw1nadekt] {
    flex-basis: auto !important;
    min-height:auto !important;
  }

  .imd_splitter_horizontal[b-5kw1nadekt] {
    flex-direction: column;
  }

  .splitter_gripper_vertical [class^="imd-icon-"][b-5kw1nadekt] {
    height: 16px;
    width: 24px;
  }

  .splitter_gripper[b-5kw1nadekt] {
    display: none;
  }

  .splitter_gripper_vertical[b-5kw1nadekt] {
    height: 18px;
    width: 24px;
  }
}

@media only screen /* tablets and phones */
and (min-width: 768px) and (max-width: 1024px) and (-webkit-min-device-pixel-ratio:1), only screen and (max-width: 499.9px) and (max-height:1023.9px)), only screen and (max-height: 499.9px) and (max-width:1023.9px) {
  .splitter_bar[b-5kw1nadekt] {
    width: 20px;
  }

  .splitter_gripper_horizontal [class^="imd-icon-"][b-5kw1nadekt] {
    top: 7px;
    left: 0;
  }



  .splitter_gripper_vertical [class^="imd-icon-"][b-5kw1nadekt] {
    top: 2px;
  }

  .splitter_gripper[b-5kw1nadekt] {
    display: none; /*hidden as prevent the splitter from dragging smoothly on touch devices */
    height: 18px;
    width: 30px;
  }

  .splitter_gripper_horizontal[b-5kw1nadekt] {
    height: 30px;
    width: 20px;
  }
}
/* /Components/TabControl.razor.rz.scp.css */
.topTabParent[b-bzb3famxb3] {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto 1fr;
  height: 100%;
}

.leftTabParent[b-bzb3famxb3] {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto;
  height: 100%;
}

.leftTabParentForModal[b-bzb3famxb3] {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto;
  height: calc(100% - 49px);
}

.leftTabClosed[b-bzb3famxb3] {
  grid-template-columns: 0 1fr;
}

nav[b-bzb3famxb3] {
  display: flex;
  background-color: var(--IMD-PANEL-BACKGROUND);
}

nav > div[b-bzb3famxb3] {
  white-space: nowrap;
  overflow: hidden;
  scroll-behavior: smooth;
}

.nav-left[b-bzb3famxb3] {
  display: grid;
}

.tablink[b-bzb3famxb3], .selectedtablink[b-bzb3famxb3] {
  outline: none;
  cursor: pointer;
  line-height: 2em;
  height: 100%;
  border-radius: 6px 6px 0px 0px;
}

.paddedlink[b-bzb3famxb3] {
  padding-left: 20px;
  padding-right: 20px;
}

.menuBackground[b-bzb3famxb3] {
  background-color: var(--IMD-PANEL-BACKGROUND);
}

.nav-top > .tablink[b-bzb3famxb3] {
  background-color: var(--IMD-SELECTED-ITEM-COLOR);
  color: var(--IMD-SELECTED-ITEM-TEXT);
  border-right: 1px solid var(--IMD-PANEL-BACKGROUND);
}

.nav-left > .tablink[b-bzb3famxb3] {
  background-color: var(--IMD-PANEL-BACKGROUND);
  border-color: var(--IMD-PANEL-BACKGROUND) !important;
  color: var(--IMD-PANEL-TEXT);
  border-radius: 0px;
}

.tablink:hover[b-bzb3famxb3], .tabs_scrollLeft:hover[b-bzb3famxb3], .tabs_scrollRight:hover[b-bzb3famxb3] {
  background-color: var(--IMD-NODE-COLOR);
  border-color: var(--IMD-NODE-COLOR);
  color: var(--IMD-NODE-TEXT-COLOR);
}

.selectedtablink[b-bzb3famxb3] {
  background-color: var(--IMD-BACKGROUND-COLOR);
  color: var(--IMD-COLOR);
}

.nav-left > .selectedtablink[b-bzb3famxb3] {
  border-radius: 0px;
}


.tabs_scrollLeft[b-bzb3famxb3], .tabs_scrollRight[b-bzb3famxb3] {
  cursor: pointer;
  line-height: 2em;
  padding: 0 5px;
}

@media only screen /* potrait phones */
and (max-width: 500px) {
  .leftTabParent[b-bzb3famxb3] {
    grid-template-columns: 1fr 0;
  }

  .leftTabParentForModal[b-bzb3famxb3] {
    grid-template-columns: 1fr 0;
  }


  .leftTabClosed[b-bzb3famxb3] {
    grid-template-columns: 0 1fr;
  }

  .nav-left[b-bzb3famxb3] {
    width: 100%;
  }
  .leftTabParentForModal[b-bzb3famxb3] {
    height: calc(100% - 83px);
  }
}
/* /Components/Toolbar.razor.rz.scp.css */
#toolbar[b-m6p8tm3hd3], .toolbar[b-m6p8tm3hd3] {
  min-width: var(--IMD-TOOLBAR-WIDTH);
  background-color: var(--IMD-NODE-COLOR);
  color: var(--IMD-GRID-HEADER-TEXT);
  z-index: 100;
}

#toolbar_buttons[b-m6p8tm3hd3] {
  display: grid;
  grid-template-columns: 1fr;
}

[b-m6p8tm3hd3] .buttonbar_button {
  height: 45px;
  width: 40px;
  line-height: 51px;
  text-align: center;
  cursor: pointer;
  margin: auto;
  color: white;
  transition: all .5s ease-in;
}


[b-m6p8tm3hd3] .buttonbar_button:hover {
  --fa-primary-color: var(--IMD-COLOR);
  --fa-secondary-color: var(--IMD-COLOR);
}

[b-m6p8tm3hd3] .buttonbar_button_selected {
  --fa-primary-color: var(--IMD-COLOR);
  --fa-secondary-color: var(--IMD-COLOR);
}

[b-m6p8tm3hd3] .buttonbar_button + span ::deep .badge {
  left: 16px;
  top: -19px;
}
/* /Components/ToolbarButton.razor.rz.scp.css */
.toolbar_icon[b-pyroqhnvbj] {
  font-size: 20px;
  height: 45px;
  width: 40px;
  /*  line-height: 51px;*/
  text-align: center;
  cursor: pointer;
  margin: auto;
  color: var(--TOOLBAR-ICON-COLOR);
  transition: all .2s ease-in;
  --fa-primary-color: var(--TOOLBAR-ICON-COLOR);
  --fa-primary-opacity: 0.8;
  --fa-secondary-color: var(--TOOLBAR-ICON-COLOR);
  --fa-secondary-opacity: 1.0;
  background: none;
  transform: none;
  transition: none;
  border-radius: 0;
}


  .toolbar_icon:hover[b-pyroqhnvbj] {
    background-color: var(--IMD-BACKGROUND-COLOR) !important;
    --fa-primary-color: var(--TOOLBAR-ICON-SELECTED-COLOR);
    --fa-secondary-color: var(--TOOLBAR-ICON-SELECTED-COLOR);
    color: var(--TOOLBAR-ICON-SELECTED-COLOR);
  }

.toolbar_icon_selected[b-pyroqhnvbj] {
  background-color: var(--IMD-BACKGROUND-COLOR) !important;
  --fa-primary-color: var(--TOOLBAR-ICON-SELECTED-COLOR);
  --fa-secondary-color: var(--TOOLBAR-ICON-SELECTED-COLOR);
  color: var(--TOOLBAR-ICON-SELECTED-COLOR);
}

.toolbar_icon + span[b-pyroqhnvbj]  .badge {
  left: 16px;
  top: -19px;
}

@media only screen and (max-width: 499.9px) and (max-height:1023.9px), only screen and (max-height: 499.9px) and (max-width:1023.9px) {
  .toolbar_icon[b-pyroqhnvbj] {
    height: auto;
  }
}
/* /Components/Tour.razor.rz.scp.css */

/*
  Find this in app.css - not working here for some reason - maybe because GuidedTour has its own razor.css?
  ::deep .tourWrapper{
  max-width:50%
}

  ::deep .theme-default-button{
  padding:0 !important;
}
*/

/* /Components/TreeNode.razor.rz.scp.css */
.node[b-kyggc29zgo] {
}

.expandIcon[b-kyggc29zgo] {
  background-image: url(/images/icons/expand_white.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  transition: all ease-in-out .13333s;
  transform: rotate(0deg);
  display: block;
  position: relative;
  float: left;
  right: 0;
  top: -2px;
  margin: 0px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  filter: var(--IMD-SVG-COLOR);
}

.expandedIcon:hover[b-kyggc29zgo] {
  filter: var(--IMD-SVG-DASHBOARD);
}

.collapseIcon[b-kyggc29zgo] {
  background-image: url(/images/icons/expand_white.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  transition: all ease-in-out .13333s;
  transform: rotate(90deg);
  display: block;
  position: relative;
  float: left;
  right: 0;
  top: -2px;
  margin: 0px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  filter: var(--IMD-SVG-COLOR);
}

.collapseIcon:hover[b-kyggc29zgo] {
  filter: var(--IMD-SVG-DASHBOARD);
}

.list[b-kyggc29zgo] {
  list-style-type: none;
  padding-inline-start: 20px;
}

.childNodes[b-kyggc29zgo] {
  padding-top: 10px;
}

.nodeContent[b-kyggc29zgo] {
  cursor: pointer;
  padding: 10px 10px 10px 5px;
}

.nodeContent:hover[b-kyggc29zgo] {
  background-color: var(--IMD-GRID-HEADER-COLOR);
  color: var(--IMD-GRID-HEADER-TEXT);
}

.nodeContentSelected[b-kyggc29zgo] {
  cursor: pointer;
  padding: 9px 10px 9px 5px;
  border-top: 1px solid var(--IMD-COLOR);
  border-bottom: 1px solid var(--IMD-COLOR);
}

.nodeContentSelected:hover[b-kyggc29zgo] {
  background-color: var(--IMD-GRID-HEADER-COLOR);
  color: var(--IMD-GRID-HEADER-TEXT);
}

.treeNodeLink[b-kyggc29zgo] {
  text-decoration: none;
  color: var(--IMD-COLOR) !important;
  padding: 10px 0px 10px 5px;
}

.treeNodeLink:hover[b-kyggc29zgo] {
  color: var(--IMD-GRID-HEADER-TEXT) !important;
}
/* /Components/Visualisation/Appearance.razor.rz.scp.css */
.toggle_colour[b-4df2eyec6r] {
  display: flex;
  justify-content: space-between;
  margin: 5px;
  flex-grow:0;
}

#seriesListWrapper[b-4df2eyec6r] {
  display: flex;
  flex-direction: column;
  height: 50%;
}

#seriesListContainer[b-4df2eyec6r]{
  padding:5px;
  margin-left:10px;
  background-color: var(--IMD-COLOR-FADED);
  flex-grow:0;
  min-height:50%;
}

.seriesLabel[b-4df2eyec6r]  input{
  width:100%;
}

.flexColumnSpacer[b-4df2eyec6r]{
  flex-grow:1;
  min-height:10px;
}

[b-4df2eyec6r] .smallInputNumber {
  width: 75px;
}

.optionsContainer[b-4df2eyec6r] {
  display: flex;
  flex-direction: column;
  padding: 10px
}
/* /Components/Visualisation/AxisOptions.razor.rz.scp.css */
.select_axis[numeric-options] {
  margin: 10px 10px 0px 20px;
  font-size:1rem;
}

[numeric-options] input[type="number"]{
  padding-left:3px;
}

.filterpanel[numeric-options]  input{
  padding: 5px;
}



/* /Components/Visualisation/DimensionOptions.razor.rz.scp.css */
.vis_field_options_dialog[field-options] {
    color: var(--IMD-COLOR);
    z-index: 1;
    position: absolute;
    width: 330px;
    height: 488px;
    background-color: var(--IMD-BACKGROUND-COLOR);
    font-size: .8rem;
    border: 1px solid #ccc;
    z-index: 10000;
}

.vis_field_tab_header[field-options] {
    list-style-type: none;
    cursor: pointer;
    padding: 0 0 5px 10px;
    background: #434747;
    margin-bottom: 4px;
    color: #fff;
    height: 100%;
    font-weight: bold;
    padding-bottom: 0;
}

.vis_field_tab_header[selected][field-options] {
    background-color: #fff;
    color: #000;
    border-radius: 0 16px 0 0;
}

#vis_field_buttons[field-options] {
    z-index: 1000000;
    background-color: var(--IMD-BACKGROUND-COLOR);
    justify-content: space-around;
    align-items: center;
    display: flex;
    width: 320px;
    height: 50px;
    position: absolute;
    bottom: 0;
}

.message[field-options]{
    padding:10px;
    display:block;
    font-size:1rem;
}


#vis_field_filter_loading_image[field-options] {
  animation: spin 2s infinite linear;
  font-size: 3em !important;
  top: 34px;
  position: relative;
  transform-origin: 50% 0;
  text-align: center;
}

[field-options] #vis_field_group_size {
  min-width: 43px;
}

[field-options] .flexColumnNoMinHeight {
    border-left: none;
    border-right: none;
    min-height: 0;
}

label[for="vis_field_group_size"][field-options], label[for="vis_field_group_type"][field-options] {
    flex-shrink: 0;
}

[field-options] .listBoxBorder{
  border:none;
}

/* phones */
@media only screen and (max-width: 499.9px) and (max-height:1023.9px), only screen and (max-height: 499.9px) and (max-width:1023.9px) {

  [field-options] .listBoxBorder, [field-options] .listBox {
    height: auto !important;
  }

  #vis_field_filter[field-options]{
    max-height:100%; /* ensures is scrollable */
    overflow:auto;
  }

}
/* /Components/Visualisation/DrilldownOptions.razor.rz.scp.css */
#vis_drilldownOptions_new[b-ex667tabx0] {
    height: calc(100% - 42px);
}

#mainGrid[b-ex667tabx0] {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
}

#SubjectSelectHeader[b-ex667tabx0] {
  display: grid;
  grid-template-columns: 1fr;
  padding: 10px;
  align-items: center;
  grid-gap: 5px;
}

select[b-ex667tabx0] {
  width: 100%;
}

#vis_drilldownOptions_dataSources li[selected][b-ex667tabx0] {
  cursor: pointer;
  padding: 9px 10px 9px 5px;
  border-top: 1px solid var(--IMD-COLOR);
  border-bottom: 1px solid var(--IMD-COLOR);
  margin: 0px;
  font-weight: normal;
}

#vis_drilldownOptions_wrapper[b-ex667tabx0] {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
  padding: 10px;
}


/* /Components/Visualisation/EmbedHelper.razor.rz.scp.css */
.parent[b-ocer1yyv5o] {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto 1fr auto auto auto;
  grid-gap: 5px;
  height: calc(100% - 160px);
  padding-left: 10px;
  padding-right: 10px;
}

.expanded[b-ocer1yyv5o] {
  position: absolute;
  top: 30px;
  left: 30px;
  right: 30px;
  bottom: 30px;
  padding: 20px;
  z-index: 1000;
  height: calc(100vh - 100px);
  background-color: var(--IMD-BACKGROUND-COLOR);
  filter: drop-shadow(5px 5px 50px #000000);
}

select[b-ocer1yyv5o] {
  width: 100%;
}

.closeButton[b-ocer1yyv5o] {
  float: right;
}

textarea[b-ocer1yyv5o] {
  width: 100%;
  height: 100%;
  background-color: var(--IMD-GRID-HEADER-COLOR);
  color: var(--IMD-GRID-HEADER-TEXT);
  resize: none;
}

.buttonContainer[b-ocer1yyv5o] {
  display: flex;
  justify-content: right;
}

.optionsGrid[b-ocer1yyv5o] {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 5px;
}

input[type="text"][b-ocer1yyv5o] {
  width: 100%;
}

.expandButton[b-ocer1yyv5o] {
  float: right;
  cursor: pointer;
}

/* phones in either portrait or landscape */
@media only screen and (max-width: 499.9px) and (max-height:1023.9px), only screen and (max-height: 499.9px) and (max-width:1023.9px), only screen and (hover: none) and (pointer: coarse) {
  .expandButton[b-ocer1yyv5o] {
    display: none;
  }
}
/* /Components/Visualisation/FieldOptions.razor.rz.scp.css */
.vis_field_options_dialog[field-options] {
  color: var(--IMD-COLOR);
  z-index: 1;
  position: absolute;
  width: 330px;
  height: 488px;
  background-color: var(--IMD-BACKGROUND-COLOR);
  font-size: .8rem;
  border: 1px solid #ccc;
  z-index: 10000;
  display:flex;
  flex-direction:column
}

.vis_field_tab_header[field-options] {
  list-style-type: none;
  cursor: pointer;
  padding: 0 0 5px 10px;
  background: #434747;
  margin-bottom: 4px;
  color: #fff;
  height: 100%;
  font-weight: bold;
  padding-bottom: 0;
}

  .vis_field_tab_header[selected][field-options] {
    background-color: #fff;
    color: #000;
    border-radius: 0 16px 0 0;
  }

.vis_field_buttons[field-options] {
  z-index: 1000000;
  background-color: var(--IMD-BACKGROUND-COLOR);
  justify-content: space-around;
  align-items: center;
  display: flex;
  width: 100%;
  height: 50px;
  position: absolute;
  bottom: 0;
}

.message[field-options] {
  padding: 10px;
  display: block;
  font-size: 1rem;
}


#vis_field_filter_loading_image[field-options] {
  animation: spin 2s infinite linear;
  font-size: 3em !important;
  top: 34px;
  position: relative;
  transform-origin: 50% 0;
  text-align: center;
}

[field-options] #vis_field_group_size {
  min-width: 43px;
}

[field-options] .flexColumnNoMinHeight {
  border-left: none;
  border-right: none;
  min-height: 0;
}

label[for="vis_field_group_size"][field-options], label[for="vis_field_group_type"][field-options] {
  flex-shrink: 0;
}

[field-options] .pageBottomButtons{
  flex-grow:1;
}

/* phones */
@media only screen and (max-width: 499.9px) and (max-height:1023.9px), only screen and (max-height: 499.9px) and (max-width:1023.9px) {
  .vis_field_options_dialog[field-options] {
    display: block;
    left: 0 !important;
    top: 0 !important;
    height: calc(100% - 49px) !important;
    width: 100% !important;
  }


  #vis_field_filter[field-options] {
    padding: 0 5px;
  }

  #vis_field_buttons[field-options] {
    width: 100% !important;
  }
}
/* /Components/Visualisation/Fields.razor.rz.scp.css */

/* /Components/Visualisation/FilteredField.razor.rz.scp.css */
.filteredField[b-dfbdw0v73k]{
    /*background-color: var(--IMD-FILTERED-FIELD) !important;*/
}
/* /Components/Visualisation/FilteredFields.razor.rz.scp.css */
/* /Components/Visualisation/InsightRating.razor.rz.scp.css */
.insight_rating_header[b-r75302s6ul] {
  text-align: center;
  color: var(--IMD-NODE-TEXT-COLOR);
}

.insight_rating[b-r75302s6ul] {
  width: 8em;
  margin: auto;
  color: #f4bf1a;
  padding: 10px;
}

  .insight_rating > button[b-r75302s6ul] {
    cursor: pointer;
    padding: 0;
    transform: none;
    transition: none;
  }

.insight_rating_wrapper[b-r75302s6ul] {
  padding: 10px;
}

.insight_rating_explain[b-r75302s6ul] {
  text-align: center;
}
/* /Components/Visualisation/MetricOptions.razor.rz.scp.css */
[field-options] *{
  font-size: .8rem !important;
}

.numericFormatOptions[field-options]{
  margin:10px;
}

[field-options] .filterpanel input:not(.toggle) {
  padding: 2px !important;
  height: 2rem;
}

/* /Components/Visualisation/MetricOptionsContainer.razor.rz.scp.css */
/* /Components/Visualisation/MetricOptionsForTable.razor.rz.scp.css */
/* TODO: refactor container elements and relevant classes in to MetricOptionsContainer */

[b-7jcy8v905n] .vis_metric_heatmap_minmax {
  width: 90%;
  margin: 5px auto;
}

[b-7jcy8v905n] #vis_metric_dataBarColour {
  vertical-align: middle;
  margin-left: 10px;
}

#vis_metricOptions.vis_metricOptions_visible[b-7jcy8v905n] {
  height: 330px;
  width: 100%;
  background-color: var(--IMD-BACKGROUND-COLOR);
  z-index: 10;
  color: var(--IMD-COLOR);
}

#vis_metricOptions.vis_metricOptions_hidden[b-7jcy8v905n] {
  height: 0;
  visibility: hidden;
}

#vis_metricOptions_buttons[b-7jcy8v905n] {
  width: calc(100% - 40px);
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  position: absolute;
  bottom: 0;
}

  #vis_metricOptions_buttons > .icon[b-7jcy8v905n] {
    display: inline-block;
    margin: 0 10px;
    width: 36px;
    height: 36px;
  }

#vis_metricOptions_form[b-7jcy8v905n] {
  padding: 10px;
}

.valid.modified:not([type="checkbox"])[b-7jcy8v905n] {
  outline: none;
}

.radioButton[b-7jcy8v905n] {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 5px;
}

.vis_metricOptionsContent[b-7jcy8v905n] {
  margin-top: 25px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(auto);
  grid-gap: 15px;
}

.showDifferencesRadioSet[b-7jcy8v905n] {
  padding: 10px;
  padding-bottom: 0px;
  margin-bottom: 10px;
  background-color: var(--IMD-ACCORDION-HEADER);
  color: var(--IMD-ACCORDION-HEADER-TEXT);
  border-left: 5px solid var(--IMD-NODE-COLOR);
}

/* phones in either portrait or landscape */
@media only screen and (max-device-width: 499.9px) and (max-device-height:1023.9px), only screen and (max-device-height: 499.9px) and (max-device-width:1023.9px) {
  #vis_metricOptions.vis_metricOptions_visible[b-7jcy8v905n] {
    left: 0px !important;
    right: 0px;
    bottom: 40px !important;
    padding: 0;
    top: 0 !important;
    height: calc(100% - 61px);
    max-height: 100vh !important;
    max-width: 100vw !important;
    z-index: 200;
  }

  #vis_metricOptions_form[b-7jcy8v905n] {
    padding: 5px;
  }
}

@media only screen /* phones in portrait */
and (max-device-width: 499.9px) and (max-device-height:1023.9px) {
  #vis_metricOptions.vis_metricOptions_visible[b-7jcy8v905n] {
    width: 100vw;
  }


  #vis_metricOptions_buttons[b-7jcy8v905n] {
    bottom: 50px;
  }
}



/* /Components/Visualisation/Metrics.razor.rz.scp.css */
.metric_warning[b-moq32nv4ct] {
    top: 0;
    cursor: default;
}
/* /Components/Visualisation/MobileAddFilterDialog.razor.rz.scp.css */


/* TODO: why do we need to repeat this from VisualisationTools? ::deep should cover it, no? */
/*::deep .filterIcon {
  font-size: .7em !important;
  color: #f4bf1a !important;
}
*/
/* /Components/Visualisation/NumericFormatOptions.razor.rz.scp.css */
[numeric-options] * {
  font-size: .8rem;
}

.reset[numeric-options]{
  margin:20px;
}
/* /Components/Visualisation/ReadOnlyVisualisation.razor.rz.scp.css */
.vis_section[b-lr2r0liabe] {
  height: 100%;
}

.vis_tools[b-lr2r0liabe] {
  font-size: .8em;
  background-color: var(--IMD-BACKGROUND-COLOR);
  flex-basis: 340px;
  min-width: 340px;
  padding-right: 10px;
}

[b-lr2r0liabe] .vis_share_form {
  height: 100%;
  width: 100%;
  float: left;
  border-right: 1px solid var(--IMD-ACCORDION-HEADER);
  -webkit-box-shadow: 2px 0px 5px 1px var(--IMD-SHADOW);
  box-shadow: 2px 0px 5px 1px var(--IMD-SHADOW);
}

.vis_container[b-lr2r0liabe] {
  height: 100%;
  border: none;
  width: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  /* these overflow statements allow the container to be resized*/
  overflow-y: hidden;
  overflow-x: auto;
  position: relative;
}

.embeddedVis[b-lr2r0liabe]{
  display:flex;
  height:100%;
  width:100%;
}
/* /Components/Visualisation/SaveVisualisation.razor.rz.scp.css */
.formContainer[b-4nynvdigho] {
  width: calc(100% - 40px);
  padding: 20px;
}

[b-4nynvdigho] input {
  width: 100%;
}

[b-4nynvdigho] select {
  width: 100%;
}
/* /Components/Visualisation/Selected/SelectedField.razor.rz.scp.css */
.selectedField .delete[b-ujj6vlbsjo] { /* Would rather this was shared up in VisualisationTools.razor.css, but can't see how to get ::deep to work with the descendant selector */
    padding: 2px;
    cursor: pointer;
    margin: 0 5px 0 0; /* flex gap is a bit too new for comfort */
    font-size: .9em !important;
}

.selectedField .filter[b-ujj6vlbsjo] { /* Would rather this was shared up in VisualisationTools.razor.css, but can't see how to get ::deep to work with the descendant selector */
    padding: 2px;
    cursor: pointer;
    margin: 0 0 0 5px; /* flex gap is a bit too new for comfort */
    font-size: .9em !important;
}
/* /Components/Visualisation/Selected/SelectedMetric.razor.rz.scp.css */
.selectedField .delete[b-pyk4zk2d0o] { /* Would rather this was shared up in VisualisationTools.razor.css, but can't see how to get ::deep to work with the descendant selector */
    padding: 2px;
    cursor: pointer;
    margin: 0 5px 0 0; /* flex gap is a bit too new for comfort */
    font-size: .9em !important;
}

.edit[b-pyk4zk2d0o] { 
  padding: 2px;
  cursor: pointer;
  margin: 0 5px 0 0; /* flex gap is a bit too new for comfort */
  font-size: 14px !important;
}

.selectedField .properties[b-pyk4zk2d0o] {
  cursor: pointer;
  margin: -1px 0 0 7px; /* flex gap is a bit too new for comfort */
  font-size: 1.2em !important;
  color: var(--IMD-SELECTED-ITEM-TEXT) !important;
}
/* /Components/Visualisation/ShareOptions.razor.rz.scp.css */
[b-3byjtjiayw] .vis_share_option input[type="radio"] {
    visibility: hidden !important;
    height: 30px !important;
}

[b-3byjtjiayw] .vis_share_option input[type="radio"][value="Excel"] {
  visibility: hidden !important;
  height: 45px !important;
}

form[b-3byjtjiayw]{
    height:100%;
    overflow-y:auto;
    overflow-x:hidden;
}

  form button[b-3byjtjiayw] {
    position: relative; /* gets round bizarre Safari problem where the text in the button isn't clickable! */
    padding:10px;
  }

.vis_share_option[b-3byjtjiayw] {
    background-size: 35px 25px;
    background-repeat: no-repeat;
    background-position-x: 13px;
    background-position-y: 2px;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    margin: 5px;
}

.vis_share_option label[b-3byjtjiayw] {
    min-width: 60px;
    width: min-content; /* ensures breaks in words cause wrap */
    text-align: center;
    vertical-align: bottom;
    cursor: pointer;
    white-space: normal;
    display: flex;
    flex-direction: column;
}

  .vis_share_option.selected[b-3byjtjiayw] {
    border: 1px dashed var(--IMD-COLOR);
    padding-right: 4px;
  }

[b-3byjtjiayw] input:not([type="time"]):not([type="checkbox"]), textarea[b-3byjtjiayw], [b-3byjtjiayw] select {
    width: 250px;
}

[b-3byjtjiayw] .flexColumnNoMinHeight {
  min-height: calc(100% - 37px) !important;
}

[b-3byjtjiayw] .listBoxLinkButtons {
  border-top: none;
}

[b-3byjtjiayw] input[type=text]::placeholder, [b-3byjtjiayw] textarea::placeholder {
  color: var(--IMD-COLOR-FADED);
  /*mix-blend-mode: difference; */ /* subtracts from the background colour, meaning always visible */
}

.vis_types[b-3byjtjiayw], #vis_share_email_form[b-3byjtjiayw], #vis_share_schedule_form[b-3byjtjiayw] {
    padding: 10px;
}

#vis_share_types[b-3byjtjiayw]{
  display:inline;
}


  .vis_share_option[b-3byjtjiayw] {
    width: 60px;
    text-align: center;
    display: inline-block;
    position: relative;
    line-height: 35px;
    background-position-x: 15px;
  }

.vis_share_option_icon[b-3byjtjiayw] {
  top: 0px;
  position: relative;
  font-size: 25px;
}

.vis_share_option label[b-3byjtjiayw] {
    background-size: 24px;
    background-position-y: 9px;
    position: relative;
    top: 0;
    position: absolute;
    line-height: 71px;
    width: 100%;
}

.vis_share_csv[b-3byjtjiayw] {
    background-image: url(../images/icons/csv.svg);
    background-position-x: center;
}

.vis_share_excel[b-3byjtjiayw] {
    background-image: url(../images/icons/excelfile.svg);
    background-position-x: center;
}

.vis_share_svg[b-3byjtjiayw] {
    background-image: url(../images/icons/svg.svg);
    background-position-x: center;
}


#vis_share_okButton[b-3byjtjiayw], #vis_share_saveScheduleButton[b-3byjtjiayw] {
    float: right;
}

#vis_share_time[b-3byjtjiayw]{
    width:4em;
}
/* /Components/Visualisation/VisDropGuide.razor.rz.scp.css */
#vis_guide_container > .overlap[b-py2fy0zwgw] {
    grid-column-start: 1;
    grid-row-start: 1;
    position: relative;
}

.vis_guide[b-py2fy0zwgw], .vis_guide div:not([class])[b-py2fy0zwgw] {
    visibility: visible !important;
    display: -ms-grid;
    display: grid;
    position: absolute;
    opacity: .75;
    top: 0;
    left: 0;
    height: 100%;
    grid-template-columns: minmax(150px, 30%) minmax(0,70%);
    -ms-grid-columns: minmax(150px, 30%) minmax(0,70%);
    grid-template-rows: minmax(60px, 25%) minmax(0,50%) minmax(60px,25%);
    -ms-grid-rows: minmax(60px, 25%) minmax(0,50%) minmax(60px,25%);
    /*grid-template-areas:
"vis_rows vis_columns"
"vis_rows vis_area"
"vis_rows vis_metrics";*/ /*TODO: we can use areas once IE is dropped */
    width: 100%;
    z-index: 1;
}

.vis_guide_area[b-py2fy0zwgw] {
    background-color: rgb(200,200,200);
    position: relative;
    border: 3px dashed rgb(120,120,120);
}

.vis_guide_area_text[b-py2fy0zwgw] {
    width: 100%;
    height: 2em;
    font-size: 2em;
    line-height: 2em;
    text-align: center;
    font-weight: 600;
}

.vis_section.vis_columns[b-py2fy0zwgw] {
    margin-top: 0;
    visibility: visible !important;
}

.vis_section.vis_rows[b-py2fy0zwgw] {
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    overflow: hidden;
    border-right: 0;
    visibility:visible !important;
}

.vis_section.vis_metrics[b-py2fy0zwgw] {
    margin-bottom: 0;
    border-top: 0;
    visibility: visible !important;
}

.hidden[b-py2fy0zwgw]{
    visibility:hidden !important;
}

/* /Components/Visualisation/VisualisationEditor.razor.rz.scp.css */

.vis_section[b-utn4i1n44u] {
    height: 100%;
}

.vis_tools[b-utn4i1n44u] {
  font-size: .8em;
  background-color: var(--IMD-BACKGROUND-COLOR);
  flex-basis: 316px;
  min-width: 316px;
  container-type: size;
  display: flex;
  flex-direction: column;
  padding-right: 10px;
}

.slideoutContents[b-utn4i1n44u] {
  height: 100%;
  float: left;
  border-right: 1px solid var(--IMD-ACCORDION-HEADER);
  -webkit-box-shadow: 2px 0px 5px 1px var(--IMD-SHADOW);
  box-shadow: 2px 0px 5px 1px var(--IMD-SHADOW);
}

#vis_guide_container[b-utn4i1n44u] {
    display: grid;
    width: 100%;
    height: 100%;
    position: relative;
}

#vis_guide_container > .overlap[b-utn4i1n44u] {
    grid-column-start: 1;
    grid-row-start: 1;
    position: relative;
}

[b-utn4i1n44u] .vis_dialog_tab_header {
    flex-grow: 1;
    list-style-type: none;
    cursor: pointer;
    padding: 0 0 5px 10px;
    background: #434747;
    margin-bottom: 4px;
    color: #fff;
    height: 100%;
    font-weight: bold;
    padding-bottom: 0;
}

[b-utn4i1n44u] .vis_dialog_tab_header[selected] {
    background-color: #fff;
    color: #000;
}

  /* phones in either portrait or landscape */
  @media only screen and (max-width: 499.9px) and (max-height:1023.9px), only screen and (max-height: 499.9px) and (max-width:1023.9px) {
    .vis_tools[b-utn4i1n44u] {
      max-width: calc(100% - 20px);
      min-width: auto;
    }
  }

/* phones in landscape */
@media only screen and (max-height: 499.9px) and (max-width:1023.9px) {
  .vis_tools[b-utn4i1n44u] {
    max-width: 100%;
  }

  .visToolsToggleButton[b-utn4i1n44u] {
    display: none;
  }
}
/* /Components/Visualisation/VisualisationOptions.razor.rz.scp.css */
/* /Components/Visualisation/VisualisationTools.razor.rz.scp.css */
button[b-s4zujqzeo4] {
  background: none;
  padding: 0;
  margin 0;
}


[b-s4zujqzeo4] .filterIcon {
  font-size: 1em !important;
  color: var(--IMD-SELECTED-ITEM-TEXT) !important;
  margin: auto;
}

[b-s4zujqzeo4] .activeFilter, [b-s4zujqzeo4] .activeFilter .filterIcon {
  color: var(--IMD-FILTERED-FIELD) !important;
}

/*::deep input[type="text"] {
    padding: 0 !important;
}*/

.vis_tools_fields[b-s4zujqzeo4] {
  height: 100%;
  overflow-y: hidden !important;
}

.vis_tools_fields_inner[b-s4zujqzeo4] {
  height: 100%;
  min-height: 150px; /* keeps filter results visible */
}

  .vis_tools_fields_inner > div[b-s4zujqzeo4] {
    height: 100%;
  }

.accordion-panel.vis_tools_metrics[b-s4zujqzeo4] {
  min-height: 90px;
}

[b-s4zujqzeo4] .selectedField {
  margin: 3px 3px 3px 0;
  padding: 1px;
  color: var(--IMD-SELECTED-ITEM-TEXT);
  background-color: var(--IMD-SELECTED-ITEM-COLOR);
  border: 1px solid var(--IMD-BORDER-COLOR);
  display: flex;
  padding: 10px;
  flex-shrink: 0;
  cursor: move;
}

  [b-s4zujqzeo4] .selectedField.filteredField {
    cursor: default;
  }

  [b-s4zujqzeo4] .selectedField .delete {
    padding: 2px;
    cursor: pointer;
    margin: 0 5px 0 0; /* flex gap is a bit too new for comfort */
    font-size: .9em !important;
  }

  [b-s4zujqzeo4] .selectedField .filter {
    padding: 2px;
    cursor: pointer;
    margin: 0 0 0 5px; /* flex gap is a bit too new for comfort */
    font-size: .9em !important;
  }

[b-s4zujqzeo4] .vis_tools_selected_section, [b-s4zujqzeo4] .vis_tools_selected_section > div {
  /*min-height: 39px;*/
  max-height: 330px;
  overflow: hidden;
  user-select: none;
  display: flex;
  flex-wrap: wrap;
  overflow-y: auto;
}

[b-s4zujqzeo4] .filtersBadge {
  top: 0 !important;
  display: inline-block;
  position: relative;
}

#vis_tools_filters_icons[b-s4zujqzeo4] {
  display: inline-block;
  position: relative;
  margin-left: 7px;
  top: -2px;
}

#vis_tools_filters_clear[b-s4zujqzeo4], #vis_tools_filters_edit[b-s4zujqzeo4] {
  color: var(--IMD-PANEL-BUTTON);
  font-size: 15px !important;
  top: 0;
  position: relative;
  cursor: pointer;
  margin-left: 5px;
  margin-right: 5px;
}

.vis_tools_filters_add[b-s4zujqzeo4] {
  color: var(--IMD-PANEL-BUTTON);
  font-size: 15px !important;
  position: relative;
  float: right;
  top: 6px;
  cursor: pointer;
  margin: 0px 10px 0 7px;
}

#vis_tools_filters[b-s4zujqzeo4] {
  display: flex;
  flex-wrap: wrap;
  vertical-align: middle;
}

  #vis_tools_filters .sol-selected-display-item[b-s4zujqzeo4] {
    background-color: VAR(--IMD-FILTERED-FIELD);
    color: var(--IMD-COLOR);
    cursor: default;
  }

[b-s4zujqzeo4] .vis_selected_icon {
  cursor: default;
  float: right;
  font-size: 15px !important;
  opacity: 0; /* render, but hide, so that those using keyboard and screen readers can find this button */
  padding: 0 20px 0 20px;
  position: relative;
  top: -5px;
  background: none;
}

[b-s4zujqzeo4] .mobileAddFilter {
  position: absolute;
  left: 40px;
  top: 86px;
  z-index: 100;
  background-color: var(--IMD-BACKGROUND-COLOR);
  width: 100%;
  overflow: auto;
  height: calc(100% - 86px);
  max-width: 380px;
}

  [b-s4zujqzeo4] .mobileAddFilter .list {
    height: calc(100% - 46px);
  }

  [b-s4zujqzeo4] .mobileAddFilter .flexColumnNoMinHeight {
    min-height: calc(100% - 46px);
  }

/* phones in either portrait or landscape */
@media only screen and (max-width: 499.9px) and (max-height:1023.9px), only screen and (max-height: 499.9px) and (max-width:1023.9px), only screen and (hover: none) and (pointer: coarse) {
  [b-s4zujqzeo4] .vis_selected_icon {
    opacity: 1;
    height: 25px;
  }

  [b-s4zujqzeo4] .mobileAddFilter {
    left: 0;
    top: 0;
    height: calc(100% - 50px);
    max-width: 100%;
  }
}

/* tablets and unfolded foldables */
@media only screen and (min-width: 500px) and (min-height:1024px) and (hover: none) and (pointer: coarse), only screen and (min-width: 1024px) and (min-height:500px) and (hover: none) and (pointer: coarse) {
  [b-s4zujqzeo4] .mobileAddFilter {
    top: unset;
    bottom: 0;
  }
}
/* /Components/Visualisation/VisualisationTypes.razor.rz.scp.css */
.vis_types[b-mn1gm6lvep] {
  display: flex;
  flex-wrap: wrap;
  padding: 10px;
}


[b-mn1gm6lvep] .vis_type_option input[type="radio"] {
    visibility: hidden !important;
    height: 30px !important;
}


.vis_types .vis_type_option[b-mn1gm6lvep], .vis_share_option[b-mn1gm6lvep] {
    background-size: 35px 25px;
    background-repeat: no-repeat;
    background-position-x: 13px;
    background-position-y: 2px;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    margin: 5px;
}

.vis_types .vis_type_option:hover[b-mn1gm6lvep] {
  opacity: .75;
}


.vis_types .vis_type_option label[b-mn1gm6lvep] {
    min-width: 60px;
    width: min-content; /* ensures breaks in words cause wrap */
    text-align: center;
    vertical-align: bottom;
    cursor: pointer;
    white-space: normal;
    display: flex;
    flex-direction: column;
    color: var(--IMD-COLOR);
}

.vis_type_option.selected[b-mn1gm6lvep] {
    border: 1px dashed var(--IMD-COLOR);
}

[b-mn1gm6lvep] #vis_type_table
{
   height: 5px !important;
}

.vis_type_pie[b-mn1gm6lvep] {
    background-image: url(../images/icons/charts/pie.svg);
}

.vis_type_doughnut[b-mn1gm6lvep] {
    background-image: url(../images/icons/charts/doughnut.svg);
}

.vis_type_table[b-mn1gm6lvep]  input[type="radio"]{
  height:0 !important;
}

.vis_type_table span[b-mn1gm6lvep] {
  font-size: 25px;
  color: #a3c931;
}

.vis_type_bar[b-mn1gm6lvep] {
    background-image: url(../images/icons/charts/bar.svg);
}

.vis_type_stackedbar[b-mn1gm6lvep] {
    background-image: url("../images/icons/charts/stacked bar.svg");
}

.vis_type_scrollcolumn[b-mn1gm6lvep] {
    background-image: url(../images/icons/charts/scroll_column.svg);
}

.vis_type_stackedcolumn[b-mn1gm6lvep] {
    background-image: url(../images/icons/charts/stacked_column.svg);
}

.vis_type_column[b-mn1gm6lvep] {
    background-image: url(../images/icons/charts/column.svg);
}

.vis_type_line[b-mn1gm6lvep] {
    background-image: url(../images/icons/charts/line.svg);
}

.vis_type_spline[b-mn1gm6lvep] {
    background-image: url(../images/icons/charts/spline.svg);
}

.vis_type_scrollline[b-mn1gm6lvep] {
    background-image: url(../images/icons/charts/scroll_line.svg);
}

.vis_type_zoomline[b-mn1gm6lvep] {
    background-image: url(../images/icons/charts/zoom_line.svg);
}

.vis_type_area[b-mn1gm6lvep] {
    background-image: url(../images/icons/charts/area.svg);
}

.vis_type_scrollarea[b-mn1gm6lvep] {
    background-image: url(../images/icons/charts/scroll_area.svg);
}

.vis_type_stackedarea[b-mn1gm6lvep] {
    background-image: url(../images/icons/charts/stacked_area.svg);
}

.vis_type_scatter[b-mn1gm6lvep] {
    background-image: url(../images/icons/charts/bubble.svg);
}

.vis_type_map[b-mn1gm6lvep] {
    background-image: url(../images/icons/charts/map.svg);
}

.vis_type_kagi[b-mn1gm6lvep] {
  background-image: url(../images/icons/charts/kagi.png);
}

.vis_type_waterfall[b-mn1gm6lvep] {
  background-image: url(../images/icons/charts/waterfall.svg);
}

/* phones in either portrait or landscape */
@media only screen and (max-width: 499.9px) and (max-height:1023.9px), only screen and (max-height: 499.9px) and (max-width:1023.9px) {

  .vis_types[b-mn1gm6lvep] {
    overflow-x: scroll;
    overflow-y: hidden;
  }

  #vis_new_type_label[b-mn1gm6lvep] {
    display: none;
  }

  .vis_new_form .vis_types[b-mn1gm6lvep] {
    padding: 0;
  }
}
/* /Pages/Administration/DataStatus.razor.rz.scp.css */
.flex-container[b-lguwtyzvh1] {
  height: 100%;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mainGrid[b-lguwtyzvh1] {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 5px;
  padding: 10px 10px 10px 10px;
  font-weight: bold;
}

.gridLabel[b-lguwtyzvh1] {
  text-align: right;
  font-weight: normal;
}

.gridLabel[b-lguwtyzvh1]:after {
  content: ": "
}

.spanColumns[b-lguwtyzvh1] {
  grid-column: 1/3;
  grid-column-start: auto;
}

.statusMessage[b-lguwtyzvh1] {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    grid-gap: 5px;
    white-space: nowrap;
}

/* phones in either portrait or landscape */
@media only screen and (max-width: 499.9px) and (max-height:1023.9px), only screen and (max-height: 499.9px) and (max-width:1023.9px) {
    .mainGrid[b-lguwtyzvh1] {
        grid-template-columns: auto;
    }

    .gridLabel[b-lguwtyzvh1] {
        text-align: left;
    }

    .spanColumns[b-lguwtyzvh1] {
        grid-column: 1/1;
    }
}
/* /Pages/Administration/Email.razor.rz.scp.css */
[b-wmni7qrt0r] input:not([type='checkbox'],[type='radio'],[type='color']) {
  width: 100%;
}

.formWrapper[b-wmni7qrt0r] {
  padding: 30px
}

.formGrid[b-wmni7qrt0r] {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 5px;
}

@media only screen /* anything smaller than a tablet (e.g. phablets) */
and (max-width: 960px) {
  .formWrapper[b-wmni7qrt0r] {
    padding: 5px
  }
  [b-wmni7qrt0r] .form .formRow label {
    flex-basis: 100%;
  }
}
/* /Pages/Administration/Settings.razor.rz.scp.css */
.parentDiv[b-sp1zawgoc7] {
  height: calc(100% - 49px);
}

#adminMenu[b-sp1zawgoc7] {
  color: var(--IMD-COLOR);
  width: 40px;
  text-align: left;
  font-size: 20px !important;
  display: none;
  height: 21px;
  padding-top: 5px;
  padding-bottom: 5px;
}

  #adminMenu.fa-regular fa-bars[b-sp1zawgoc7]:before {
    position: relative;
    left: 9px;
    top: 5px;
  }

#adminSettings_contentTitle[b-sp1zawgoc7] {
  position: absolute;
  left: 40px;
  top: 10px;
  z-index: 2;
  font-weight: bold;
  display: none;
}

.adminSettings_contentTitle_expanded[b-sp1zawgoc7] {
  left: 106px !important;
}

.adminMenu_expanded[b-sp1zawgoc7] {
  width: 96.5px !important;
  background-color: #424446 !important;
  color: var(--IMD-COLOR) !important;
}

#adminSettingsPlaceholder[b-sp1zawgoc7] {
  height: 100%;
}

#adminSettingsTabPlaceHolder > div[b-sp1zawgoc7] {
  height: 100%;
}

#users_seats_limit_reached[b-sp1zawgoc7] {
  white-space: normal;
}

[b-sp1zawgoc7] #groupDetailsContainer,[b-sp1zawgoc7] #userDetailsContainer, [b-sp1zawgoc7] .detailsContainer {
  float: left;
  text-align:left;
}

[b-sp1zawgoc7] #groupsList, [b-sp1zawgoc7] #usersList {
  margin-top: 10px;
}

#categoriesTreeContainer[b-sp1zawgoc7] {
  float: left;
  margin-right: 20px;
  height: 100%;
}

  #categoriesTreeContainer td[role="gridcell"][b-sp1zawgoc7] {
    white-space: nowrap;
  }

.treeGridButtons[b-sp1zawgoc7] {
  margin-right: 10px;
}

#categoriesReorderContainer[b-sp1zawgoc7] {
  float: left;
}

#categories .jqx-tree-item-li[b-sp1zawgoc7] {
  line-height: 1em;
}

img.deleteGroup[b-sp1zawgoc7], img.deleteUser[b-sp1zawgoc7], img.deleteApp[b-sp1zawgoc7] {
  float: right;
  cursor: pointer;
}

[b-sp1zawgoc7] #adminSettings_phone_country {
  width: 3em;
}

#settings_general_homepage[b-sp1zawgoc7], #settings_general_homepage > div[b-sp1zawgoc7] {
  padding: 0 !important;
  margin: 0 !important;
}

.tabTitle[b-sp1zawgoc7] {
  background-color: #424446;
  color: var(--IMD-COLOR);
  padding: 5px;
  margin: 0;
}

.tabWrapper[b-sp1zawgoc7] {
  position: relative;
  white-space: nowrap;
  background-color: #edecec;
  margin-top: 0;
  height: 100%;
  overflow-y: hidden;
}

.tabHeaders[b-sp1zawgoc7] {
  display: block;
  float: left;
  vertical-align: top;
  padding-right: 0;
  background-color: #424446;
  width: 9.6em;
  height: 100%;
  /*border-right: 2px solid #d33;*/
  overflow-x: hidden;
  overflow-y: auto;
}

.tabHeadersBottom[b-sp1zawgoc7] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 2px solid #d33;
  height: 100%;
  float: left;
  width: 9.6em;
  background-color: #424446;
}

.tabHeaders a[b-sp1zawgoc7] {
  display: block;
  text-decoration: none;
  padding: 10px;
  background-color: #424446;
  color: var(--IMD-COLOR);
  text-shadow: none;
}

  .tabHeaders a:focus[b-sp1zawgoc7] {
    outline: none;
  }

  .tabHeaders a:visited[b-sp1zawgoc7] {
    color: var(--IMD-COLOR);
  }

  .tabHeaders a.selected[b-sp1zawgoc7] {
    border-right: none;
    background-color: #edecec;
    color: inherit;
    width: 100%;
  }

  .tabHeaders a:hover:not(.selected)[b-sp1zawgoc7] {
    background-color: #656565;
  }

.tabContent[b-sp1zawgoc7] {
  background-color: #edecec;
  padding: 10px 0 -1px 10px;
  outline: none;
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
  z-index: 1;
  position: relative;
  padding-left: 10px;
}

  .tabContent > div[b-sp1zawgoc7] {
    height: 100%;
    outline: none;
  }

  .contentWrapper div[b-sp1zawgoc7], .tabContent div:not(.formRow):not(.cube):not(.cube__face):not(#admin_loader):not(.noPadding)[b-sp1zawgoc7]::not(.noPaddingDeep *):not(.modal):not(.modalWrapper):not(.modalContent):not(.modalTitle):not(.modalTitleBar):not(.modalBackground):not([id^="contenttable"]):not([id^="paneluserprefs"]):not([class^="dtpicker"]) {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .tabContent label:not(.onoffswitch-label):not(.error)[b-sp1zawgoc7] {
    display: inline-block;
    position: relative;
  }

.addButton[b-sp1zawgoc7] {
  background: url("../images/icons/plus-white.svg") no-repeat;
  background-size: 50%;
  background-position: center;
  vertical-align: top;
}

.addButtonBlack[b-sp1zawgoc7] {
  background: url("../images/icons/add-new.png") no-repeat;
  background-size: 100%;
}

  .addButtonBlack:hover:not(.treeGridButton_disabled)[b-sp1zawgoc7] {
    background: url("../images/icons/add-green.png") no-repeat;
    background-size: 100%;
  }

.deleteButton[b-sp1zawgoc7] {
  background: url("../images/icons/Garbage.png") no-repeat;
  background-size: 100%;
}

  .deleteButton:hover:not(.treeGridButton_disabled)[b-sp1zawgoc7] {
    background: url("../images/icons/delete-red.png") no-repeat;
    background-size: 100%;
  }

[b-sp1zawgoc7] .usersButton {
  background: url("../images/icons/users.png") no-repeat;
  background-size: 100%;
}

 [b-sp1zawgoc7] .usersButton:hover:not(.treeGridButton_disabled) {
    background: url("../images/icons/users.png") no-repeat;
    background-size: 100%;
  }

[b-sp1zawgoc7] .userGroupButton {
  background: url("../images/icons/User-Group.png") no-repeat;
  background-size: 100%;
}

[b-sp1zawgoc7]  .userGroupButton:hover:not(.treeGridButton_disabled) {
    background: url("../images/icons/User-Group-green.png") no-repeat;
    background-size: 100%;
  }

.editButton[b-sp1zawgoc7] {
  background: url("../images/icons/Data-Edit.png") no-repeat;
  background-size: 100%;
}

  .editButton:hover:not(.treeGridButton_disabled)[b-sp1zawgoc7] {
    background: url("../images/icons/edit-green.png") no-repeat;
    background-size: 100%;
  }

.okButton[b-sp1zawgoc7] {
  background: url("../images/icons/tick.png") no-repeat;
  background-size: 100%;
}

.cancelButton[b-sp1zawgoc7] {
  background: url("../images/icons/Command-Undo.png") no-repeat;
  background-size: 100%;
}

.upButton[b-sp1zawgoc7] {
  background: url('../images/icons/Arrowhead-Up.png') no-repeat;
  background-size: 100%;
}

  .upButton:hover:not(.treeGridButton_disabled)[b-sp1zawgoc7] {
    background: url("../images/icons/Arrowhead-Up-green.png") no-repeat;
    background-size: 100%;
  }

.downButton[b-sp1zawgoc7] {
  background: url("../images/icons/Arrowhead-Down.png") no-repeat;
  background-size: 100%;
}

  .downButton:hover:not(.treeGridButton_disabled)[b-sp1zawgoc7] {
    background: url("../images/icons/Arrowhead-Down-green.png") no-repeat;
    background-size: 100%;
  }


.inlineButton[b-sp1zawgoc7] {
  width: 30px;
  height: 30px;
  float: right;
  cursor: pointer;
}

  .inlineButton:hover[b-sp1zawgoc7] {
    /*background-color: #a5a5a5;*/
  }

.treeGridButton[b-sp1zawgoc7] {
  width: 30px;
  height: 30px;
  display: inline-block;
  cursor: pointer;
}


.treeGridButton_disabled[b-sp1zawgoc7] {
  opacity: .2;
  cursor: default;
  background-color: transparent !important;
}

.listBoxButtons[b-sp1zawgoc7] {
  position: absolute;
  z-index: 999;
  white-space: nowrap;
}

#groups .listBoxButtons[b-sp1zawgoc7] {
  width: 60px;
}

.listboxitem[b-sp1zawgoc7] {
  height: 28px;
  display: block;
  line-height: 2.2em;
}

.listBoxRegion[b-sp1zawgoc7] {
  padding: 0 !important;
  margin: 0 !important;
}

.listBox_edit[b-sp1zawgoc7] {
  font-size: 21px !important;
  margin-top: 5px !important;
}

.inlineButton[b-sp1zawgoc7] {
  width: 30px;
  height: 30px;
  float: right;
  cursor: pointer;
  text-align: center;
  margin-top: 3px;
}

#adminSettings_sourceData_filetype_supported[b-sp1zawgoc7] {
  white-space: normal;
}

#adminSettings_data_dataSources > div[b-sp1zawgoc7] {
  padding: 0 !important;
}

.dataSourcesError_option[b-sp1zawgoc7] {
  background-color: #d33;
  color: white;
}

.dataSourcesError_icon[b-sp1zawgoc7] {
  opacity: 1;
  color: white;
}

#adminSettingsTabPlaceHolder > div[b-sp1zawgoc7] {
  padding: 0 !important;
}


#dataUploadFileInput[b-sp1zawgoc7] {
  display: none;
}

#dataUploadProgress[b-sp1zawgoc7] {
  width: 100%;
  height: 100%;
}

  #dataUploadProgress > svg[b-sp1zawgoc7] {
    height: 100%;
    display: block;
  }

#dataUploadProcessingSubtext[b-sp1zawgoc7] {
  margin-top: 139px;
  font-size: .8em;
}

#uploadJson[b-sp1zawgoc7] {
  width: 96%;
  text-align: center;
  max-height: calc(100% - 90px);
  max-width: 100%;
  height: 100%;
  padding: 7px;
}

#sourceDataJson[b-sp1zawgoc7] {
  height: 100%;
}

#uploadJsonButton[b-sp1zawgoc7] {
  margin: 5px;
}

#uploadJson textarea[b-sp1zawgoc7] {
  width: 100%;
  height: 100%;
}

#uploadJsonLabel[b-sp1zawgoc7] {
  text-align: center;
  margin-bottom: 10px;
}

#dataUploadLoader[b-sp1zawgoc7] {
  height: 300px;
  width: 100%;
}

#dataUploadProcessingWrapper[b-sp1zawgoc7] {
  text-align: center;
  font-size: 1.5em;
  margin-top: 10px;
}

#dataUpload_configSection[b-sp1zawgoc7] {
  height: 100%;
}

#dataUpload_configRegion[b-sp1zawgoc7] {
  height: calc(100% - 62px);
}

  #dataUpload_configRegion > div[b-sp1zawgoc7] {
    height: 100%;
  }

/**
*  JSONEditor overrides 
*/

.jsoneditor button[b-sp1zawgoc7] {
  background-color: transparent !important;
  box-shadow: none !important;
}

.jsoneditor-poweredBy[b-sp1zawgoc7] {
  visibility: hidden !important;
}

#emailSettingsFrame[b-sp1zawgoc7] {
  width: 100%;
  height: 100%;
  border: none;
}

#adminSettings_integration_header[b-sp1zawgoc7] {
  white-space: initial;
}

.adminSettings_text[b-sp1zawgoc7] {
  font-size: .9em;
}

#sourceData[b-sp1zawgoc7], #sourceDataListContainer[b-sp1zawgoc7] {
  height: 80%
}

#settings_drilldown_tab[b-sp1zawgoc7] {
  margin-top: 20px;
}

.settings_label[b-sp1zawgoc7] {
  font-weight: bold;
}

.generalSettingsGrid[b-sp1zawgoc7] {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 5px;
  padding: 30px;
}

[b-sp1zawgoc7] select {
  width: 100%;
}

[b-sp1zawgoc7] input:not([type='checkbox'],[type='radio'],[type='color']) {
  width: 100%;
}

@media only screen /* phones in portrait */
and (max-width: 767px) {
  .tabHeaders[b-sp1zawgoc7] {
    width: 0;
  }

  #adminMenu[b-sp1zawgoc7] {
    display: block;
    padding-bottom: 10px;
    padding-left:10px;
    padding-top:10px;
  }

  #adminSettings_contentTitle[b-sp1zawgoc7] {
    display: block;
  }

  .listBox_add[b-sp1zawgoc7] {
    display: flex;
    flex-direction: row;
  }

  #listBox_addInput[b-sp1zawgoc7] {
    flex-grow: 1;
  }

  [b-sp1zawgoc7] #userDetailsContainer {
    width: 100%;
  }

  .formInputContainer[b-sp1zawgoc7] {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
  }

    .formInputContainer label[b-sp1zawgoc7] {
      padding-left: 5px;
      line-height: 1.4em;
    }

  .tabContent div:not([class^="notifyjs"], [class^="notifyjs"] .text-wrapper)[b-sp1zawgoc7] {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }

  #groupsListContainer[b-sp1zawgoc7], [b-sp1zawgoc7] #usersListContainer, .listContainer[b-sp1zawgoc7] {
    width: 98%;
    max-width: 94vw;
  }

  #groupDetailsContainer[b-sp1zawgoc7], [b-sp1zawgoc7] #userDetailsContainer, .listContainer[b-sp1zawgoc7] {
    width: 100%;
  }

  #groupName[b-sp1zawgoc7], #userName[b-sp1zawgoc7] {
    width: 100%;
  }

  #userGroups[b-sp1zawgoc7] {
    margin-right: 10px;
    width: 100%;
  }

  #userPassword[b-sp1zawgoc7], #userConfirmPassword[b-sp1zawgoc7] {
    width: 100%;
  }

  #groupDescription[b-sp1zawgoc7] {
    width: 100%;
  }

  .tabContent[b-sp1zawgoc7] {
    height: calc(100% - 30px);
  }

    .tabContent label[b-sp1zawgoc7] {
      white-space: normal;
    }

    #users select[b-sp1zawgoc7] {
        max-width: 94vw;
    }
}



@media only screen /* anything smaller than a tablet (e.g. phablets) */
and (max-width: 960px) {
  .tabHeaders[b-sp1zawgoc7] {
    overflow-y: scroll;
    overflow-x: hidden;
  }

  .generalSettingsGrid[b-sp1zawgoc7] {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 5px;
    padding: 10px;
  }
}

/* /Pages/Administration/SubjectEditor.razor.rz.scp.css */
.tabTitle[b-duxns9e38f] {
  position: absolute;
  padding: 15px 10px 15px 15px;
  font-size: small;
  text-align: left;
  left: 0px;
  bottom: 0px;
  color: var(--IMD-PANEL-TEXT);
  z-index: 2000;
}

.selectionListBoxes[b-duxns9e38f] {
  background-color: var(--IMD-BACKGROUND-COLOR);
  color: var(--IMD-COLOR);
  font-family: var(--IMD-FONT-FAMILY);
  font-size: var(--IMD-FONT-SIZE);
  font-weight: var(--IMD-FONT-WEIGHT);
  border: none;
  padding: 10px 10px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: auto auto 1fr auto auto;
  position: relative;
  height: calc(100% - 30px);
  overflow: auto;
}

.linkedDataSourcePage[b-duxns9e38f] {
  display: grid;
  width: calc(100% - 20px);
  height: calc(100vh - 280px);
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
  grid-gap: 5px;
  padding: 10px 10px 10px 10px;
}

.justifyRight[b-duxns9e38f] {
  text-align: right;
}

.spanColumns[b-duxns9e38f] {
  grid-column: 1/4;
}

.checkBoxContainer[b-duxns9e38f] {
  display: flex;
  flex-direction:row;
  gap: 30px;
}

.selectionListBox[b-duxns9e38f] {
  height: 100%;
  overflow: auto;
  width: 100%;
}

.jsonEditorContainer[b-duxns9e38f] {
  position: relative;
  width: 100%;
  height: 100%;
}

.checkBoxDiv[b-duxns9e38f] {
  display: inline-grid;
  width: fit-content;
  grid-template-columns: auto 1fr;
  grid-gap: 10px;
}

input[type=search][b-duxns9e38f] {
  width: 100%;
  border-bottom: none;
}

.aiMainGrid[b-duxns9e38f] {
  display: grid;
  grid-gap: 20px;
  grid-column-gap: 0px;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: auto auto auto auto 1fr;
  width: 100%;
  height: calc(100vh - 168px);
  width: calc(100% - 40px);
  margin: 20px;
}

.aiMainGridColumnsSpan[b-duxns9e38f] {
  grid-column: 1 / 4;
}

[b-duxns9e38f] .aiColumnsSelectList {
  height: calc(100vh - 460px);
}

textarea[b-duxns9e38f] {
  resize: none;
}

.childSubjectMainGrid[b-duxns9e38f] {
  display: grid;
  grid-template-rows: auto 1fr;
  width: 100%;
  height: calc(100vh - 308px);
}

.childSubjectTopGrid[b-duxns9e38f] {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr;
  margin: 10px;
}

.childSubjectItemGrid[b-duxns9e38f] {
  display: grid;
  grid-template-rows: 1fr;
  width: 100%;
  grid-gap: 5px;
}

.childSubjectTopGridItem[b-duxns9e38f] {
  margin: 10px;
  width: calc(100% - 20px);
}

.childSubjectSecondGridItem[b-duxns9e38f] {
  display: grid;
  grid-template-columns: 1fr;
  margin: 10px;
  width: calc(100% - 20px);
}

.childSubjectLowerGrid[b-duxns9e38f] {
  display: grid;
  grid-template-rows: auto 1fr auto;
  grid-template-columns: 1fr;
  margin: 0px 20px 10px 20px;
}

.listButtonsBottom > span[b-duxns9e38f] {
  display: inline-block;
  border: none;
  background-color: var(--IMD-PANEL-BACKGROUND);
  color: var(--IMD-PANEL-TEXT);
  padding: 8px 7px 2px 7px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  font-size: 20px;
  width: 27px;
  height: 27px;
  border-radius: 4px;
}

.listButtonsBottom > span:hover[b-duxns9e38f] {
  background-color: var(--IMD-NODE-COLOR);
  color: var(--IMD-NODE-TEXT-COLOR);
}

.childSubjectButton > span[b-duxns9e38f] {
  display: inline-block;
  border: none;
  background-color: var(--IMD-PANEL-BACKGROUND);
  color: var(--IMD-PANEL-TEXT);
  padding: 8px 7px 2px 7px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  font-size: 20px;
  width: 27px;
  height: 27px;
  border-radius: 4px;
}

.childSubjectButton:hover[b-duxns9e38f] {
  background-color: var(--IMD-NODE-COLOR);
  color: var(--IMD-NODE-TEXT-COLOR);
}

.disabledButton[b-duxns9e38f] {
  background-color: var(--IMD-BACKGROUND-COLOR) !important;
  color: var(--IMD-DISABLED-BUTTON) !important;
  cursor: pointer !important;
}

.cbLabel[b-duxns9e38f] {
  white-space: nowrap;
}

select[b-duxns9e38f] {
  width: 100%;
}

.childSubjectOptionsButton[b-duxns9e38f] {
  margin: 0px 0px 0px 4px;
}

.childSubjectOptionsButtonLargeGap[b-duxns9e38f] {
  margin: 0px 0px 0px 8px;
}

.noWordWrap[b-duxns9e38f] {
  white-space: nowrap;
  overflow-x: hidden;
}

[b-duxns9e38f] .SubjectSelectList {
  max-height: calc(100vh - 265px);
  min-height: 271px;
}

[b-duxns9e38f] .FullHeightSelectList {
  height: calc(100vh - 191px);
}

[b-duxns9e38f] .SingleButtonRowSelectList {
  height: calc(100vh - 190px);
}

[b-duxns9e38f] .childSubjectIndexColumns {
  height: calc(100vh - 530px);
}

[b-duxns9e38f] .childSubjectIndexColumnsSmall {
  height: calc(100vh - 721px);
}

[b-duxns9e38f] .childSubjectIndexColumnsExtraSmall {
  height: calc(100vh - 800px);
}

/* phones in either portrait  */
@media only screen and (max-width: 499.9px) and (max-height: 1023.9px) {
  .tabTitle[b-duxns9e38f] {
    display: none;
  }

  .childSubjectMainGrid[b-duxns9e38f] {
    height: calc(100vh - 110px);
  }

  .mobileHeader[b-duxns9e38f] {
    display: grid;
    grid-template-columns: auto 1fr;
    padding: 5px;
    grid-gap: 10px;
  }

  .mobileHeaderText[b-duxns9e38f] {
    align-content: center;
  }
}

@media only screen /* potrait phones */
and (max-width: 500px) {
  .selectionListBoxes[b-duxns9e38f] {
    height: calc(100% - 35px);
  }
  [b-duxns9e38f] .SubjectSelectList {
    max-height: calc(100vh - 340px);
    min-height: 50px;
  }

  [b-duxns9e38f] .FullHeightSelectList {
    height: calc(100vh - 260px);
  }
  .linkedDataSourcePage[b-duxns9e38f] {
    height: calc(100vh - 160px);
  }
  [b-duxns9e38f] .SingleButtonRowSelectList {
    height: calc(100vh - 240px);
  }
  .cbLabel[b-duxns9e38f] {
    white-space: normal
  }
  [b-duxns9e38f] .childSubjectIndexColumns {
    height: calc(100vh - 408px);
  }

  [b-duxns9e38f] .childSubjectIndexColumnsSmall {
    height: calc(100vh - 623px);
  }

  [b-duxns9e38f] .childSubjectIndexColumnsExtraSmall {
    height: calc(100vh - 708px);
  }


  [b-duxns9e38f] .aiColumnsSelectList {
    height: calc(100vh - 590px);
  }
}
@media only screen /* landscape phones */
and (max-height: 500px) {
  [b-duxns9e38f] .SubjectSelectList {
    max-height: calc(100vh - 250px);
    min-height: 50px;
  }
  .selectionListBoxes[b-duxns9e38f] {
    height: calc(100% - 140px);
  }
  [b-duxns9e38f] .SingleButtonRowSelectList {
    height: calc(100vh - 190px);
  }
  .mobileHeader[b-duxns9e38f] {
    display: none;
  }
  .linkedDataSourcePage[b-duxns9e38f] {
    height: calc(100vh - 124px);
  }
  .jsonEditorContainer[b-duxns9e38f] {
    height: calc(100% - 180px);
  }

  [b-duxns9e38f] .FullHeightSelectList {
    height: calc(100vh - 190px);
  }
  [b-duxns9e38f] .childSubjectIndexColumns {
    height: calc(100vh - 330px);
    min-height: 60px;
  }

  [b-duxns9e38f] .childSubjectIndexColumnsSmall {
    height: calc(100vh - 720px);
    min-height: 60px;
  }

  [b-duxns9e38f] .childSubjectIndexColumnsExtraSmall {
    height: calc(100vh - 800px);
    min-height: 60px;
  }
}
/* /Pages/AIChartPage.razor.rz.scp.css */
.shimmer[b-r0b4w4gyqs] {
  color: grey;
  display: inline-block;
  mask: linear-gradient(-60deg, #000 30%, #0005, #000 70%) right/350% 100%;
  animation: shimmer-b-r0b4w4gyqs 2.5s infinite;
  font-size: 50px;
}

@keyframes shimmer-b-r0b4w4gyqs {
  100% {
    mask-position: left
  }
}

#placeholder[b-r0b4w4gyqs] {
  display: flex;
  flex-basis: 75%;
  margin: auto;
  justify-content: center;
  opacity: 0.4;
}
/* /Pages/AppPage.razor.rz.scp.css */
#AppContainer[b-ta1e50gijg] {
  display: flex;
  flex-direction: column;
  padding: 20px;
  position: relative;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  width:100%;
}

/* /Pages/Dashboard.razor.rz.scp.css */


.dashboard_wrapper[b-i2y8vko7y6] {
  display: flex;
  flex-direction: column;
  min-width: calc(100% - var(--IMD-TOOLBAR-WIDTH)); /* a width is needed to calculate overflow, e.g. to show the tab scroll buttons */
  height: 100%;
}

  .dashboard_wrapper.no_toolbar[b-i2y8vko7y6] {
    min-width: 100%;
  }

  .dashboard_wrapper.tools_open[b-i2y8vko7y6] {
    min-width: calc(100% - var(--IMD-TOOLS-WIDTH) - var(--IMD-TOOLBAR-WIDTH));
  }

[b-i2y8vko7y6] .slideout.dashboard-tools {
  min-width: var(--IMD-TOOLS-WIDTH);
  flex-basis: var(--IMD-TOOLS-WIDTH);
}

.dashboard_tools[b-i2y8vko7y6] {
  font-size: .8em;
  background-color: var(--IMD-BACKGROUND-COLOR);
  min-width: var(--IMD-TOOLS-WIDTH);
  flex-basis: var(--IMD-TOOLS-WIDTH);
  height: 100%;
  padding-right: 10px;
}

.dashboardToolsWrapper[b-i2y8vko7y6] {
  width: calc(100% - 40px);
  height: 100%;
  border-right: 1px solid var(--IMD-ACCORDION-HEADER);
  -webkit-box-shadow: 2px 0px 5px 1px var(--IMD-SHADOW);
  box-shadow: 2px 0px 5px 1px var(--IMD-SHADOW);
  padding: 20px;
}

.toolsToggleButton[b-i2y8vko7y6] {
  position: absolute;
  bottom: 50px;
  left: 14px;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  background-color: var(--IMD-PANEL-BACKGROUND);
  z-index: 101;
  color: var(--IMD-PANEL-TEXT);
  cursor: pointer;
}

.toolsToggleIcon[b-i2y8vko7y6] {
  font-size: 18px !important;
  position: relative;
  top: 5px;
  left: 7px;
}

.toolsToggleButton[b-i2y8vko7y6] {
  transition-duration: 0.4s;
  transition-property: transform;
  transform: rotate(270deg);
}

.toolsToggleButton-Closed[b-i2y8vko7y6] {
  transition-duration: 0.4s;
  transition-property: transform;
  transform: rotate(90deg);
}

.embeddedContainer[b-i2y8vko7y6]{
  display:flex;
  flex-direction: column;
}


/* phones in either portrait or landscape */
@media only screen and (max-device-width: 499.9px) and (max-device-height:1023.9px), only screen and (max-device-height: 499.9px) and (max-device-width:1023.9px) {
  .toolsToggleButton[b-i2y8vko7y6] {
    display: none;
  }
  .dashboard_wrapper[b-i2y8vko7y6] {
    min-width:100%;
  }

}



/* /Pages/DashboardObject.razor.rz.scp.css */


.expand[b-i5p8d75qr4] {
  background: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10000;
  color: var(--IMD-COLOR);
  opacity: .3;
}

  .expand:hover[b-i5p8d75qr4] {
    opacity: 1;
  }

  .expand_map[b-i5p8d75qr4]{
    color:black; /* maps always look the same regardless of theme */
  }
/* /Pages/Main.razor.rz.scp.css */
.tabs[b-f0wimdryse] {
    display: flex;
    background-color: #c5ced8;
    height: 35px;
}

.tab_header_spacer[b-f0wimdryse] {
    width: 40px;
    background-color: var(--IMD-NODE-COLOR);
}

.tab_headers[b-f0wimdryse] {
    display: inline-flex;
    background-color: #434737;
    height: 35px;
    line-height: 35px;
}

#tabs_add[b-f0wimdryse] {
    display: inline-block;
    color: white;
    background-color: #424446;
    cursor: pointer;
    padding: 0 10px 0 10px;
    height: 35px;
    width: 20px;
    line-height: 35px !important;
    font-size: 20px !important;
}

/* /Pages/NewVisualisation.razor.rz.scp.css */
#newtab_downloadLink[b-1torox10rc] {
  color: var(--IMD-COLOR);
  padding: 5px 5px 0 5px;
}

#newtab_downloadIcon[b-1torox10rc] {
    top: 4px;
    position: relative;
    cursor: pointer;
}

#newtab_download_container[b-1torox10rc] {
    display: flex;
    justify-content: flex-end;
}

.vis_new_header_wrapper[b-1torox10rc] {
    display: flex;
    justify-content: space-between;
}

.vis_new_container[b-1torox10rc] {
    padding: 10px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    min-height:0;
}

[b-1torox10rc] .vis_new_form {
    flex: 1;
    -ms-flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    min-height:0;
}

[b-1torox10rc] .flexColumnNoMinHeight {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100vh - 400px);
}

.vis_new_wrapper[b-1torox10rc] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width: 100%;
    height:100%;
}

.vis_new_section_wrapper[b-1torox10rc] {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
}

#vis_new_datasources[b-1torox10rc] {
    display: flex;
    flex-direction: column;
    min-height: 0;
}
.vis_new_dataSource_section[b-1torox10rc], .vis_new_saved_section[b-1torox10rc] {
  flex: 1;
  display:flex;
  flex-direction:column;
}

.vis_new_dataSource_error[b-1torox10rc] {
    margin-left: 5px;
}

[b-1torox10rc] .validation-message{
    display: inline;
}

.vis_upload_button[b-1torox10rc] {
  border: none;
  background-color: var(--IMD-PANEL-BACKGROUND);
  color: var(--IMD-PANEL-TEXT);
  padding: 5px 7px 2px 7px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  font-size: 20px;
  width: 27px;
  height: 27px;
  border-radius: 4px;
}

.vis_upload_button:hover[b-1torox10rc] {
  background-color: var(--IMD-NODE-COLOR);
}

  @media only screen and (max-width: 499.9px) and (max-height:1023.9px), only screen and (max-height: 499.9px) and (max-width:1023.9px) {
    :: deep #vis_options_type_section[b-1torox10rc] {
    height: 30%;
    overflow-x: hidden;
    overflow-y: scroll;
    white-space: nowrap;
  }

  [b-1torox10rc] .flexColumnNoMinHeight {
    min-height: 0px;
  }
}

/* /Pages/Start.razor.rz.scp.css */
#start_categoryItems[b-miucnhh7g9] {
  overflow-y: auto;
  overflow-x: hidden;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}

/* duplicate of class in CategoryItem.razor.css, used for the big 'plus' icon.  Alternative would be to hoist the class out of CategoryItem, but that seems counter-intuitive */
.categoryItem[b-miucnhh7g9] {
  height: 4rem;
  padding-left: 5px;
  padding-top: 3px;
  margin: 3px 3px 3px;
  cursor: pointer;
  border-radius: 0 0 15px 0px;
  overflow: hidden;
  position: relative;
}

#newtab_categoryItems_section[b-miucnhh7g9]{
    display:flex;
    flex-direction:column;
    flex-grow:1;
}

#newtab[b-miucnhh7g9] {
    display: flex;
    flex-direction: row;
    overflow: auto;
    height: 100%;
    width: 100%;
}

#newtab_newItem[b-miucnhh7g9] {
  background-color: var(--IMD-BACKGROUND-COLOR);
/*  height: 7rem;*/
  padding: 10px;
  margin: 10px;
  cursor: pointer;
  border-radius: 0px 0px 0px 0px;
  overflow: hidden;
  position: relative;
  display: inline-block;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  --fa-primary-color: var(--IMD-BACKGROUND-COLOR);
  --fa-primary-opacity: 1.0;
  --fa-secondary-color: var(--IMD-VIS-TILE-COLOR-TEXT);
  --fa-secondary-opacity: 1.0;
  color: var(--IMD_COLOR);
}

  #newtab_newItem:hover[b-miucnhh7g9] {
    background-color: var(--IMD-SELECTED-ITEM-COLOR);
    --fa-primary-color: var(--IMD-SELECTED-ITEM-COLOR);
    --fa-primary-opacity: 1.0;
    --fa-secondary-color: var(--IMD-SELECTED-ITEM-TEXT);
    --fa-secondary-opacity: 1.0;
  }

#newtab_search_container[b-miucnhh7g9] {
  margin: 10px 10px 10px 10px;
  flex-wrap: nowrap;
  display: flex;
  flex-direction: row;
  filter: drop-shadow(-2px 3px 3px #00000033);
}

#newtab_filter_section[b-miucnhh7g9] {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  align-items: baseline;
  background-color: var(--IMD-PANEL-BACKGROUND);
  min-width: 200px;
  transition: min-width 150ms ease;
}

.newtab_filter_section_closed[b-miucnhh7g9] {
    max-width: 0 !important;
    min-width: 0 !important;
    opacity: 0;
}

#newtab_search[b-miucnhh7g9] {
    width: 100% !important;
    padding: 20px 8px 20px 8px;
}

#newtab_search_icon[b-miucnhh7g9] {
  font-size: 1.3em !important;
  position: relative;
  left: -38px;
  color: var(--IMD-DASHBOARD-TILE-COLOR);
  line-height: 2em;
  width: 0;
}



#newtab_downloadLink[b-miucnhh7g9] {
    color: #fff;
    padding: 5px 5px 0 5px;
}

#newtab_downloadIcon[b-miucnhh7g9] {
    top: 4px;
    position: relative;
    cursor: pointer;
}

#newtab_download_container[b-miucnhh7g9] {
    display: flex;
    justify-content: flex-end;
}

/* Select Customization */
.custom-select[b-miucnhh7g9] {
  min-width: 350px;
  position: relative;
}



#newtab_search_category[b-miucnhh7g9] {
  appearance: none;
  /*  safari  */
  -webkit-appearance: none;
  /*  other styles for aesthetics */
  width: 100%;
  padding: 11px 6em 11px 1em;
  background-color: var(--IMD-DASHBOARD-TILE-COLOR);
  border-radius: 0rem;
  color: var(--IMD-GRID-HEADER-TEXT);
  cursor: pointer;
  height: auto;
}

.custom-select[b-miucnhh7g9]::before,
.custom-select[b-miucnhh7g9]::after {
  --size: 0.3rem;
  content: "";
  position: absolute;
  right: 1rem;
  pointer-events: none;
}

.custom-select[b-miucnhh7g9]::before {
  border-left: var(--size) solid transparent;
  border-right: var(--size) solid transparent;
  border-bottom: var(--size) solid var(--IMD-GRID-HEADER-TEXT);
  top: 40%;
}

.custom-select[b-miucnhh7g9]::after {
  border-left: var(--size) solid transparent;
  border-right: var(--size) solid transparent;
  border-top: var(--size) solid var(--IMD-GRID-HEADER-TEXT);
  top: 55%;
}
/* ******************** */

@media only screen /* phones in portrait */
and (max-height:1023.9px) and (max-width: 499.9px) {
  #newtab_filter_section[b-miucnhh7g9] {
    min-width: auto;
    width: 100%;
  }

  #newtab_search_container[b-miucnhh7g9] {
    padding: 5px;
    flex-wrap: wrap;
  }

  .custom-select[b-miucnhh7g9] {
    width: 100%;
  }
}

@media only screen and (max-height: 499.9px) and (max-width:1023.9px) { /* phones in landscape */
  #newtab_filter_section[b-miucnhh7g9] {
    max-width: 50%;
  }
}

.start_categoryItems[b-miucnhh7g9] {
  text-align: left;
}

/* phones in either portrait or landscape */
@media only screen and (max-width: 499.9px) and (max-height:1023.9px), only screen and (max-height: 499.9px) and (max-width:1023.9px) {
  #newtab_search_category[b-miucnhh7g9] {
    padding-right: 5px;
  }


  #newtab[b-miucnhh7g9] {
    flex-wrap: wrap; /* ensures the content can stretch to fill its container.  nowrap is incompatible with align-content:stretch */
    align-content:stretch;
  }

  #newtab_filter_section[b-miucnhh7g9]
  {
    height:100%;
  }
}

/* /Pages/VisualisationPage.razor.rz.scp.css */
.wrapper[b-d3e13ua4nq] {
  display: flex;
  height: 100%;
}

.editor[b-d3e13ua4nq] {
  display:flex;
  flex-shrink: 1;
  flex-basis: 100%
}

.aichat[b-d3e13ua4nq] {
  flex-grow: 1;
  flex-basis:20px;
}

.aichat[b-d3e13ua4nq]  .slideout-overlay{
  top:0 !important;
}
/* /Shared/MainLayout.razor.rz.scp.css */
#inmydata[b-x77vkjhshh] {
    display: flex;
    flex-direction: column;
}

#inmydata_content[b-x77vkjhshh], #inmydata_body[b-x77vkjhshh] {
    display: -ms-flexbox;
    display: flex;
    flex-direction:row;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#insights_content[b-x77vkjhshh] {
    height: 100%;
    overflow: hidden;
    min-width: 270px;
    flex-shrink:0;
}

#aichat_content[b-x77vkjhshh] {
  z-index: 2147483640;
}


@media only screen /* phones in portrait */
and (max-width: 499.9px) and (max-height:1023.9px) {
  #insights_content[b-x77vkjhshh]{
    width:100%;
  }

  #insights_content[b-x77vkjhshh]  .slideout-expanded{
    height:inherit !important;
  }




}