:root {
    --black: #21252a;
    --grey-1: #343A40;
    --grey-2: #495057;
    --grey-3: #868E96;
    --grey-4: #ADB5BD;
    --grey-5: #CED4DA;
    --grey-6: #DEE2E6;
    --grey-7: #E9ECEF;
    --grey-8: #F1F3F5;
    --grey-9: #F8F9FA;
    --trans-black: rgba(33, 37, 42, .9);
    --red: #e10600;
    --gold: #ffda65;
    --gold-dark: #a3862c;
    --bronze: #c99355;
    --bronze-dark: #80582c;
  }
  .list {
    width: 100%;
    /* max-width: 600px; */
    margin: 0;
    border-radius: .4rem;
    box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.1), 0px 5px 12px rgba(0, 0, 0, 0.07);
  }
  @media screen and (max-width: 800px) {
    .list {
      margin: 0 auto;
    }
  }
  .list__table {
    width: 100%;
    border-spacing: 0;
    color: var(--grey-3);
  }
  .list__header {
     padding: 1rem 1rem;
      color: #fff;
      border-top-left-radius: .4rem;
      border-top-right-radius: .4rem;
      background-image: linear-gradient(to right, rgb(5, 94, 171), rgb(64, 182, 222));
  }
  .list__header1 {
    padding: 6px 10px;
     color: #fff;
     border-top-left-radius: .4rem;
     border-top-right-radius: .4rem;
     background-image: linear-gradient(to right, #40b5de 0, #330867 100%);
 }
  .list__footer {
     padding: 1rem 1rem;
      color: #fff;
      border-bottom-left-radius: .4rem;
      border-bottom-right-radius: .4rem;
      background-image: linear-gradient(to right, rgb(5, 94, 171), rgb(64, 182, 222));
  }
  .list__header h3, .list__header h5 {
    margin: 0;
    padding: 0;
  }
  .list__header h5 {
    margin-bottom: .5rem;
    text-transform: uppercase;
    color: var(--red);
  }
  .list__value {
    display: block;
    font-size: 18px;
  }
  .list__label {
    font-size: 11px;
    opacity: .6;
  }
  .custom-date-pick{
    padding: 7px 0px!important;
      border: none!important;
      width:100%!important;
  }
  .list__row {
    background: #fff;
    cursor: pointer;
    transition: all 300ms ease;
  }
  
  .list__row:hover, .list__row:focus {
    -webkit-transform: scale(1.00);
            transform: scale(1.00);
    box-shadow: 0px 15px 28px rgba(0, 0, 0, 0.1), 0px 5px 12px rgba(0, 0, 0, 0.08);
    transition: all 300ms ease;
  }
 
  
  .list__row:not(:last-of-type) .list__cell {
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.08);
  }
  .topper{
    color: var(--gold-dark);
    background: #fff1e0;
    border: 2px solid #c99355;
  }
  .topper_list{
    background: var(--bronze) !important;
    color: var(--bronze-dark);
  }
  /* .list__row:first-of-type {
    color: var(--gold-dark);
    background: var(--grey-9);
  } */
  /* .list__row:first-of-type .list__cell:first-of-type {
    background: var(--gold);
    color: var(--gold-dark);
    width:45px;
  } */
  /* .list__row:nth-of-type(2) {
    color: var(--grey-2);
    background: var(--grey-9);
  }
  .list__row:nth-of-type(2) .list__cell:first-of-type {
    background: var(--grey-4);
    color: var(--grey-2);
  }
  .list__row:nth-of-type(3) {
    color: var(--bronze-dark);
    background: var(--grey-9);
  }
  .list__row:nth-of-type(3) .list__cell:first-of-type {
    background: var(--bronze);
    color: var(--bronze-dark);
  } */
  .list__cell {
    padding: 1rem;
  }
  .list__cell:first-of-type {
    text-align: center;
    padding: 1rem .2rem;
    background: var(--grey-5);
  }