/* Remove the navbar's default margin-bottom and rounded borders */
  .navbar {
  /*  background-color: #f3f3f3; */
    margin-bottom: 0;
    border-radius: 0;
  }

  /* Set height of the grid so .sidenav can be 100% (adjust as needed) */
  .row.content {height: 450px}

  /* Set gray background color and 100% height */
  .sidenav {
    padding-top: 20px;
    background-color: #f1f1f1;
    height: 100%;
  }

  /* Set black background color, white text and some padding */
  footer {
    background-color: #555;
    color: white;
    padding: 15px;
  }

  /* On small screens, set height to 'auto' for sidenav and grid */
  @media screen and (max-width: 767px) {
    .sidenav {
      height: auto;
      padding: 15px;
    }
    .row.content {height:auto;}
  }


  .table-earning thead th {
      background: #333;
      font-size: 16px;
      color: #fff;
      vertical-align: middle;
      font-weight: 400;
      text-transform: capitalize;
      line-height: 1;
      padding: 22px 40px;
      white-space: nowrap;
  }

  .table-earning thead th.text-right {
      padding-left: 15px;
      padding-right: 65px;
  }

  .table-earning tbody td {
      color: #808080;
      padding: 12px 40px;
      white-space: nowrap;
  }

  .table-earning tbody td.text-right {
      padding-left: 15px;
      padding-right: 65px;
  }

  .table-earning tbody tr:hover td {
      color: #555;
      /* cursor: pointer */;
  }
  .table-responsive.table--no-card {
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
      box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
  }
  .m-b-30 {
      margin-bottom: 30px;
  }

  .div-earning {
      background: #333;
      font-size: 16px;
      color: #fff;
      vertical-align: middle;
      font-weight: 400;
      text-transform: capitalize;
      line-height: 1;
      padding: 22px 40px;
      white-space: nowrap;
  }

  blink {
        animation: blinker 0.9s linear infinite;
        color: #1c87c9;
       }
       @keyframes blinker {
        50% { opacity: 0; }
       }
.flot-right
{
  float: right;
}

.cursor-hand
{
  cursor: pointer;
}
 .headerCenter
    {
        position: fixed;
        top: 34px;
        left: 0;
        width: 100%;
        height: 60px;
        z-index: 10;
        background: #eeeeee;
        -webkit-box-shadow: 0 7px 8px rgba(0, 0, 0, 0.12);
        -moz-box-shadow: 0 7px 8px rgba(0, 0, 0, 0.12);
        box-shadow: 0 7px 8px rgba(0, 0, 0, 0.12);
        text-align: center;