/* #inputcontainer {
    display: flex;
} */
#password_container > svg {
  /* margin-left: 5px; */
  position: absolute;
  z-index: 100;
}

/* #eye_slash {
    display: none;
}

#eye_slash_current {
  display: none;
}

#eye_slash_new {
  display: none;
}

#eye_slash_confirm {
  display: none;
} */

#eye_shown {
  display: none;
}

#eye_shown_current {
display: none;
}

#eye_shown_new {
display: none;
}

#eye_shown_confirm {
display: none;
}

.timestamp {
  font-size: .875rem;
}

.bi-arrow-up,
.bi-arrow-down {
  -webkit-text-stroke: 1.5px;
}

.table-sortable th,
.adjust-cost {
  cursor: pointer;
}

.table-sortable .th-sort-asc::after {
  content: "\25b4";
}

.table-sortable .th-sort-desc::after {
  content: "\25be";
}

.table-sortable .th-sort-asc::after,
.table-sortable .th-sort-desc::after {
  margin-left: 5px;
}

.table-sortable .th-sort-asc,
.table-sortable .th-sort-desc {
  color: #353534 !important;
}

#estComp {
  font-size: .875rem;
}

.text-tan {
  color: #8c8c75 !important;
}

.border-tan {
  border-color: #afaf9f !important;
}

/* steps progress bar */
:root {
  --color-white: #fff;
  --color-black: #333;
  --color-gray: #75787b;
  --color-gray-light: #bbb;
  --color-gray-disabled: #e8e8e8;
  --color-green: #198754;
  --color-green-dark: #383;
  --font-size-small: .75rem;
  --font-size-default: .875rem;
}

.steps-progress-bar {

  margin: 0 0 1rem 0;
}

.steps-progress-bar li {
  flex: 2;
  position: relative;
  /* padding: 0 0 14px 0; */
  padding: 0 0 8px 0;
  font-size: var(--font-size-small);
  line-height: 1.5;
  color: var(--color-green);
  font-weight: 600;
  white-space: nowrap;
  overflow: visible;
  min-width: 0;
  text-align: center;
  border-bottom: 2px solid var(--color-gray-disabled);
}
.steps-progress-bar li:first-child,
.steps-progress-bar li:last-child {
flex: 1;
}
.steps-progress-bar li:last-child {
text-align: right;
}
.steps-progress-bar li:before {
content: "";
display: block;
/* width: 8px;
height: 8px; */
width: 12px;
height: 12px;
background-color: var(--color-gray-disabled);
border-radius: 50%;
border: 2px solid var(--color-white);
position: absolute;
left: calc(50% - 6px);
bottom: -7px;
z-index: 3;
transition: all .2s ease-in-out;
}
.steps-progress-bar li:first-child:before {
left: 0;
}
.steps-progress-bar li:last-child:before {
right: 0;
left: auto;
}
.steps-progress-bar span {
transition: opacity .3s ease-in-out;
}
.steps-progress-bar li:not(.is-active) span {
opacity: 0;
}
.steps-progress-bar .is-complete:not(:first-child):after,
.steps-progress-bar .is-active:not(:first-child):after {
content: "";
display: block;
width: 100%;
position: absolute;
bottom: -2px;
left: -50%;
z-index: 2;
border-bottom: 2px solid var(--color-green);
}
.steps-progress-bar li:last-child span {
width: 200%;
display: inline-block;
position: absolute;
left: -100%;
}

.steps-progress-bar .is-complete:last-child:after,
.steps-progress-bar .is-active:last-child:after {
width: 200%;
left: -100%;
}

.steps-progress-bar .is-active:before,
.steps-progress-bar .is-active:hover:before,
.steps-progress-bar .is-hovered:before {
  background-color: var(--color-white);
  border-color: var(--color-green);
}

.steps-progress-bar .is-complete:before,
.steps-progress-bar .is-complete:hover:before {
background-color: var(--color-green);
}

/* .steps-progress-bar li.setOrderMatAndAccess:hover:before {
background-color: var(--color-white);
border-color: red;
} */

.steps-progress-bar li:hover:before,
.steps-progress-bar .is-hovered:before {
transform: scale(1.33);
}

.steps-progress-bar li:hover span,
.steps-progress-bar li.is-hovered span {
opacity: 1;
}

.steps-progress-bar:hover li:not(:hover) span {
opacity: 0;
}