/* ---- Sidebar size ---- */

.sidebar {
  min-width: 280px;
  max-width: 280px;
}

body:not([data-sidebar-position=right]) .sidebar.collapsed {
  margin-left: -280px;
}

@media (max-width: 991.98px) {
  body:not([data-sidebar-position=right]) .sidebar {
      margin-left: 0px;
  }
}

@media (max-width: 991.98px) {
  body:not([data-sidebar-position=right]) .sidebar.collapsed {
      margin-left: 0;
  }
}

/* hide sidebar @ 1300px */
@media (max-width: 1299.98px) {
  body:not([data-sidebar-position=right]) .sidebar {
      margin-left: -280px;
  }

  .sidebar-toggle {
    display: none;
  }

  .filter-btn {
    display: flex !important;
  }
}

/* @media (max-width: 1299.98px) {
  body:not([data-sidebar-position=right]) .sidebar {
      margin-left: -280px;
  }
}

@media (max-width: 1299.98px) {
  body:not([data-sidebar-position=right]) .sidebar.collapsed {
      margin-left: 0;
  }
} */


.sidebar-nav input[type="range"] {
  float: left;
  width: 200px;
  margin-right: 10px;
}

.sidebar-form-item {
  padding: .625rem 1.625rem;
}

.sidebar-form-item .form-check {
  padding: 0;
}

.nolink {
  cursor: default;
  color: rgba(233, 236, 239, .75) !important;
}


/* ---- Flipping cards ---- */
.flip-card {
  perspective: 500px;
  position: relative;
}

.flip-card-inner {
  position: relative;
  transition: transform 1s;
  transform-style: preserve-3d;
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  top: 0;
  left: 0;
}

.flip-card-back {
  background-color: #333b52;
  transform: rotateY(180deg);
}

.flipped .flip-card-inner {
  transform: rotateY(180deg);
}

.card {
  height: 220px;
}

/* ---- Filter button ---- */


.filter-btn {
  padding: .35rem .75rem;
  height: calc(2.24375rem + 2px);
  margin-left: 1rem;
  cursor: pointer;
}

.filter-btn .feather {
  height: 1.9em;
  width: 1.4em;
}


#filters_modal .form-range.form-control {
  height: 32px;
  border: none;
}

#filters_modal .input-group-text {
  border: none;
  background: transparent;
}

.flip-card .card-title
{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: 100%;
}

.flip-card table td {
  padding: 0rem;
}

.flip-card table .bond-maturity,
.flip-card table .bond-profit
 {
  white-space: nowrap;
}

.card-history {
  display: flex;
  flex-direction: column;
  height: auto;
}

.card-matrix { height: auto !important; }


.table-profit-matrix {
  border-collapse: separate; 
  border-spacing: 2px;
  table-layout: auto;
  width: auto !important;
}

.table-profit-matrix tr, 
.table-profit-matrix td, 
.table-profit-matrix th {
  border: 0px !important;
}

#profit_matrix {
  text-align: center;
}
#profit_matrix table {
  margin: 0 auto;
}