.bg-danger {
  color: red;
  padding-left: 0px !important;
}
.loading-balls{
  background: url('../images/loading-balls.gif') no-repeat top center !important;
}
.dashboard-layout {
    display: flex;
    flex-direction: column;
    height: 100vh; /* make full height */
    position: relative;
    font-family: var(--textFont);
    background-color: var(--bg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    color: var(--text-color);
}
.playground  {
  overflow-y: auto !important;
}
.cursor-pointer {
  cursor: pointer;
}

@media only screen and (max-width: 800px) {
    .playground .container .abs-panal {
      display: block;
      z-index: 9999;
      position: absolute;
      width: auto !important;
      top: 70px !important;
    }
    .playground .container .filter-panal {
      width: 275px !important;
    }
    .playground .container .component-details .card .header-details .head-value {
      font-size: 13px !important;
    }
    .playground .container .sale-board > h1 {
      font-size: 22px !important;
    }
    .playground .container .sale-board .timer .box {
      padding: 10px 17px !important;
    }
    .bottom {
        position: fixed !important;
        bottom: 0px !important;
    }
    .help-box {
        bottom: 120px !important;
    }
}