@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");

:root {
  --yellow: #FBC02D;
}

html,
body {
  font-family: 'Poppins', sans-serif;
}

.toolbar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.toolbar .avgtrend {
  display: flex;
  flex-direction: row;
}

.toolbar .points-control input#slinp {
  width: 56px;
}

.toolbar {
  visibility: visible;
}

#lotnum,
#delta {
  width: 56px;
}

#tbody-pos tr.open td {
  color: #222;
  background-color: orange;
}

#tbody-pos tr.closed td {
  color: #666;
  background-color: aliceblue;
}

#spotchart {
  overflow-x: scroll;
}

/** web style starts from here **/

html,
body {
  height: 100%;
}

main {
  height: 100vh;
  height: -webkit-fill-available;
  max-height: 100vh;
  overflow-x: auto;
  overflow-y: hidden;
}

.form-signin {
  max-width: 330px;
  padding: 1rem;
}

.username-txt {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 115px;
}

tr.super td {
  background: aliceblue !important;
}

#scrollarea {
  overflow-y: auto;
  height: calc(100vh - 5rem);
  padding: 1rem 0 2rem 0;
}

.required:after {
  content: " *";
  color: red;
}

.nav-close {
  position: absolute;
  top: 25px;
  left: 158px;
  color: inherit;
  cursor: pointer;
}

#navopen {
  cursor: pointer;
}