.sidebar-fixed {
  height: 100vh;
  width: 270px;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  z-index: 1050;
  background-color: #fff;
  padding: 1.5rem;
  padding-top: 0; }
  .sidebar-fixed .list-group .active {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -webkit-border-radius: 5px;
    border-radius: 5px; }
  .sidebar-fixed .logo-wrapper {
    padding: 2.5rem; }
    .sidebar-fixed .logo-wrapper img {
      max-height: 50px; }

@media (min-width: 1200px) {
  .navbar,
  .page-footer,
  main {
    padding-left: 270px; } }

@media (max-width: 1199.98px) {
  .sidebar-fixed {
    display: none; } }

.gradient-card-header{
  background:linear-gradient(to right,#0ac282,#0df3a3);
}
.tcol{
  background:linear-gradient(135deg, #c56cd6 0%,#3425af 100%);
}
.topm{
  margin-top: -5px;
}
.customFee{
      text-transform: capitalize;
    }
.card1{
    background: rgb(245,0,80);
}
.card2{
    background: rgb(123,77,255);
}
.card3{
    background: rgb(255,190,0); 
}
.card4{
    background: rgb(0,225,0);
}
.cardtext{
    color: rgb(255,255,255);
}

.gradientw-card-header{
  background:linear-gradient(135deg, #c56cd6 0%,#3425af 100%);
}

#load{
    width:100%;
    height:100%;
    position:fixed;
    z-index:9999;
    background:url("../img/dot1loader.gif") no-repeat center center rgba(255,255,255,.8)
}

.scroll{
    overflow: scroll;
    height: 18em;
    overflow-x:hidden;
}
.scroll_chart{
}
::-webkit-scrollbar{
width: 16px;
}
::-webkit-scrollbar-track{
    background: #f1f1f1;
}
::webkit-scrollbar-thumb{
    background: #888;
}
::-webkit-scrollbar-thumb:hover{
    background: #555;
}

.scrollr{
    overflow: scroll;
    height: 25em;
}