body.login {
  display: flex;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
}

.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: auto;
}

.form-signin .checkbox {
  font-weight: 400;
}

.form-signin .form-floating:focus-within {
  z-index: 2;
}

.form-signin input[name="username"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.form-signin input[name="password"] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.form-signin button.btn-show-password {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
}

/*dark-themed floating*/
.form-floating>.form-control-plaintext~label::after, .form-floating>.form-control:focus~label::after, .form-floating>.form-control:not(:placeholder-shown)~label::after, .form-floating>.form-select~label::after{
  background-color: transparent !important;
}

.form-floating>.form-control-plaintext:focus, .form-floating>.form-control-plaintext:not(:placeholder-shown), .form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown){
  padding-left: 0.75rem;
}

/*Dark-themed typeahead*/
.fixed-table-loading, .typeahead-dark, input.typeahead-dark:focus {
    background: #36454F !important;
    color: white;
    padding: 1px 0.4rem;
}

.typeahead-dark:disabled{
    background: #2B3B45;
    color: #E9E9E9;
}

div.typeahead-dark .tt-menu { /* UPDATE: newer versions use .tt-suggestion.tt-cursor */
/*    color: #fff;*/
    background-color: #36454F;
}

div.typeahead-dark .tt-menu .tt-suggestion { /* UPDATE: newer versions use .tt-suggestion.tt-cursor */
/*    color: #fff;*/
    color: #fff;
}

span.select2-results {
  background-color: #36454F;
}

div.typeahead-dark span.select2-selection__rendered {
  color: #fff !important;
  margin-top: 23px;
  margin-left: 4px;
}

div.typeahead-dark .select2-container .select2-selection--single {
    background-color: #36454F;
    height: 58px !important;
}

select.typeahead-dark option, .form-label-group select.typeahead-dark:not(:placeholder-shown) {
    color: #fff;
}

/*btn style*/
.btn-outline-light.disabled, .btn-outline-light:disabled {
  border-color: #757575;
  color: #757575;
}

.accordion-body, .accordion-body textarea {
  background-color: black;
}

/*styles for index*/
.chart-dashboard {
  width: 100%;
  height: 400px;
}

.tooltip-chart {
  float: right;
  padding-left: 5px;
}

.table-db {
  overflow-y: auto;
  height: 400px;
}

.icon-profit {
  vertical-align: middle;
  font-size: 40px;
  line-height: 0px;
}

td.cell-right-align {
  text-align: right !important;
}

.padding-navbar {
  padding-top: 4.5rem;
}

textarea.no-resize {
  resize: none;
}

.chart-main {
  width: 100vw;
  height: 500px;
  max-width: 100%;
}