/* These styles are generated from project.scss. */


.hide{
    display: None;
}

.vsmall {
  font-size: 60%
}

.htmx-request .spinner-border{
    display: inherit !important;
}

.htmx-request.spinner-border{
    display: inherit !important;
}

.htmx-request.spinner-border{
    display: inherit !important;
}

.htmx-request.download-indicator{
    display: inherit !important;
}

.htmx-request input, .htmx-request select{
  pointer-events: none;
  background-color: #ecf0f1;
  opacity: 1;
}

.invalid-warning{
  color: orange;
}
.address-preview dd {
  min-height: 1.25rem;
}

.input-invalid-warning{
  border-color: orange !important;
  background-image: unset !important
}

.planned-checkbox {
  display: initial !important;
  margin-top:35px
}

.alert-debug {
  color: black;
  background-color: white;
  border-color: #d6e9c6;
}

.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.datasource-badge {
  font-size: 100%;
  display: inline-block;
}

.datasource-input {
  padding-top: 3px;
  display: table;
}

.datasource-input-disabled {
  background-color: #ecf0f1;
}

.plus-icon {
  font-size: 150%;
  position: relative;
  top: 3px;
  color:#37c5a9;
  line-height: 0
}

.modal-overflow {
  height: 82vh;
  overflow: auto;
}

.nav-link.active i {
  color:white !important
}

.powerplant-header {
  padding-top: 7px;
  background-color: white;
  z-index: 999;
  top: 0;
  position: sticky;
  margin-left: -16px;
  margin-right: -16px;
  margin-bottom: 3px;
  border-bottom: 1px solid
}

.small-text dd, .small-text dt, .small-text li {
  font-size: 0.8em;
}

.small-text h5 {
  font-size: 1em;
}

.tabulator {
  background-color: white !important;
}

.tf-ancestor-tree { position: relative; }
.tf-ancestor-tree > ul { transform: rotateX(180deg); }
.tf-ancestor-tree li ul { margin-bottom: 1em; }

.tf-ancestor-tree .node-text {
  display: inline-block;
  transform: rotateX(180deg);
}

.smt-50 {
   scroll-margin-top: 50px;
}

.comment-info {
  border: solid lightgray 1px;
  padding: 11px;
}

.dismiss-popover {
  position: absolute;
  right: 2px;
  top: 0px;
  cursor: pointer;
}

.resize {
    display: block;
    overflow: hidden;
    resize: none;
}

.table-minimal {
  margin: 1em !important;
}

.table-fullscreen {
  top: 0px;
  position: absolute;
  z-index: 1000;
}

.table-fullscreen #result-table {
  height: 95vh !important; 
  width: 100vw !important; 
}

.icon-container {
  background-color: white;
}

.position-edit {
  position: relative;
  top: 32px;
  left: -6px;
}

.diff-old {
  background-color: #ffac5482 !important;
}

.diff-new {
  background-color: #37c5a91f !important;
}

.stripped-table {
  background-color: #f6f6f6
}

.info-popover {
  /* color: rgb(2, 2, 174); */
}

.info-popover::after {
  content: "\f431";
  display: inline-block;
  font-family: bootstrap-icons !important;
  line-height: 1;
  font-size: 12px;
  color: rgb(2, 2, 174);
  position: relative;
  left: 3px;
  top: -5px;
}

.comment-count {
  position: relative;
  top: -7px;
  padding: 3px
}

.sortable-handle {
  cursor: grab;
}

.dismiss-popover {
  position: absolute;
  right: 2px;
  top: 0px;
  cursor: pointer;
}