.affirm {
  background-color: green!important;
  border-color: green!important;
  border-width: 8px!important;
  color: #FFFFFF!important;}
.message {background-color: rgb(114, 68, 241)!important;
  border-color: rgb(114, 68, 241)!important;
  border-width: 8px!important;
  color: #FFFFFF!important;}
.info {background-color: rgb(240, 208, 28)!important;
  border-color: rgb(240, 208, 28)!important;
  border-width: 8px!important;
  color: #FFFFFF!important;}
.warning {background-color: orange!important;
  border-color: orange!important;
  border-width: 8px!important;
  color: #FFFFFF!important;}
.danger {background-color: red!important;
  border-color: red!important;
  border-width: 8px!important;
  color: #FFFFFF!important;}
.no-animation-carousel .carousel-item {
  transition: none !important;
}

.code-text {
  font-family: 'Courier New', Courier, monospace !important;
  font-size: .75rem;
}
.code-block {
  overflow-x:scroll;

}
.w-con {
  width:max-content;
}

.hover-tree:hover {
  text-decoration:underline;
}

.terminal {
  background-color: black;
  background-image: radial-gradient(
    rgba(0, 150, 0, 0.75), black 120%
  );

  margin: 0;
  overflow: hidden;
  padding: 2rem;
  color: white;
  font: 1.3rem Inconsolata, monospace;
  text-shadow: 0 0 5px #C8C8C8;
  &::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: repeating-linear-gradient(
      0deg,
      rgba(black, 0.15),
      rgba(black, 0.15) 1px,
      transparent 1px,
      transparent 2px
    );
    pointer-events: none;
  }
}


.whsl-contents {
  justify-content:space-around;
  display:flex;
}
.justify-content {
  justify-content:space-around;
  display:flex;
}
.card-header {
  display: flex;
  justify-content: center;
  width: 100%;
}

.hover-choice:hover {

  border-color: #0d6efd;
  border-radius: .4rem;
}

.hover-dsd {

  justify-content: center;

}

.hover-dsd:hover {
  background-color: yellow !important;
  color:black
}
.hover-choice::after {

  border-color: #0d6efd;
  border-radius: .4rem;
}

.selected {
  border-color: green;
  border-radius: .4rem;
}

.parent {
  padding: 10px;
  border: 2px solid transparent; /* Initial border style */
  transition: border-color 0.3s ease; /* Add transition for a smoother effect */
}

#html-output {
  white-space: pre-wrap;
}
.present {
  background-color:red !important;
}
.not-present {
  background-color:green !important;;
}


.present-print {
  background-color: rgb(72, 72, 72) !important;
}
.not-present-print {
  background-color: rgb(184, 184, 184) !important;;
}

.freeze-table {

  height: 600px;
  overflow: scroll;
  border: 1px solid #777777;
}

.freeze-table table {
  border-spacing: 0;
}

.freeze-table th {
  border-left: none;
  border-right: 1px solid #bbbbbb;
  padding: 5px;
  width: 80px;
  min-width: 80px;
  position: sticky;
  top: 0;
  background: #727272;
  color: #e0e0e0;
  font-weight: normal;
}

.freeze-table td {
  border-left: none;
  border-right: 1px solid #bbbbbb;
  border-bottom: 1px solid #bbbbbb;
  padding: 5px;
  width: 80px;
  min-width: 80px;
}

.freeze-table th:nth-child(1),
.freeze-table td:nth-child(1) {
  position: sticky;
  left: 0;
  width: 150px;
  min-width: 150px;
}

.freeze-table th:nth-child(2),
.freeze-table td:nth-child(2) {
  position: sticky;
  /* 1st cell left/right padding + 1st cell width + 1st cell left/right border width */
  /* 0 + 5 + 150 + 5 + 1 */
  left: 161px;
  width: 50px;
  min-width: 50px;
}

.freeze-table td:nth-child(1),
.freeze-table td:nth-child(2) {
  background: #ffebb5;
}

.freeze-table th:nth-child(1),
.freeze-table th:nth-child(2) {
  z-index: 2;
}

.bold-text {
  font-weight: bold;
}

/* .pie {display:none} */

.fit-text {
  min-width:max-content!important;
}

.table-frozen { overflow: auto; height: 100px; }
.table-frozen thead th { position: sticky; top: 0; z-index: 1; }




.tabulator-page-size {max-width: fit-content;}
.tabulator-page {color: #0d6efd;}
.navbar-toggler {width: auto !important;}
.element {
  /* background-color: #dfdfdf; */
  border-color: #999999;
  border-style: solid;
  border-radius: 10px;
  padding: 5px;
  margin: 8px;
}

.card {width: 100%;}


.dropdown-item {font-size:1rem;}

svg g text{
  font-size:11px !important;
}


.orderedlist ol { counter-reset: item }
.orderedlist li{ display: block }
.orderedlist li:before { content: counters(item, ".") " "; counter-increment: item }


.status-bar {
  border-radius: 4rem !important;
  border-color:#0d6efd !important;
}
/* .status-text-success {
  color:green;
}

.status-text-warning {
  color:yellow;
}

.status-text-danger {
  color:red;
} */

.callout {
  margin-left: 1rem;
}

.callout-warning {
  border-left-color: yellow;
  border-left-width: 4px;
}
.relative-carousel-indicators {
  position: relative !important;
}

.bold {font-weight: bold;}

.table-header {
  border-top: 2px !important;
}

#recTableBody tbody {
    height: 100%; /* Set a max height for the table body */
    overflow-y: auto; /* Enable vertical scrolling if content exceeds max-height */

}


.context-menu-body {
  resize:both;
  overflow: auto;
  min-width: none;
}

.context-menu-header {
  width:100%;
}


html {margin:0;height:100%}