.box {
  margin-bottom: 20px;
}

.summary-box{
  .nav-pills .nav-link {
    color: #7e8299;
  }
  .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #ec4887;
    background-color: transparent;
    border-bottom: 2px solid #ec4887;
  } 
}

.revinue-status{
  background-image: linear-gradient(to right bottom, #eb4885, #e04a8f, #d44d97, #c7509e, #b954a4);
  color: #ffffff;
}

.earning-status{
  background-image: linear-gradient(to right bottom, #ffb72c, #ffa738, #ff9944, #fc8b4f, #f57f59);
  color: #ffffff;
}

.page-status{
  background-image: linear-gradient(to right bottom, #875fc0, #7c58be, #6f52bd, #624cbb, #5246ba);
  color: #ffffff;
}
.bounce-status{
  background-image: linear-gradient(to right bottom, #46c5f2, #40b3e8, #40a1dd, #458ed0, #4c7cc1);
  color: #ffffff;
}

.timeline-label .timeline-badge{
  margin-top: 3px;
}
.timeline-label .timeline-label {
  width: 96px;
}
.timeline-label::before {
  left: 95px;
  background-color: #f7f7f7;
}

#basic-doughnut{
  height:314px;
}

.rtl .timeline-label::before {
  right: 94px;
  left: auto;
}


#chart-container {
 
   height: 145px;
}


#chart-conta {
 
   height: 145px;
}


#chart-contain {
 
   height: 145px;
}


hr
{
    color:#D3D3D3;
}

.yield
{
  height:510px;
}

.yieldmainmini
{
  height:541px;
}

.information
{
  height:510px;

}

.current
{
  height:162px;
}

/*<Dashboard 1 Start>*/

@media only screen and (max-width: 1600px) {
  .performance {
    height:387px;
  }

  .usa {
    height:317px;
  }

  .nyusa {
    height:332px;
  }

  .yieldmainmini {
    height:495px;
  }
}

@media only screen and (max-width: 1440px) {
  .yieldmainmini {
    height:487px;
    overflow: scroll;
  }
}

@media only screen and (max-width: 1399px) {
  .usa {
    height:auto;
  }
  .information {
    height:auto;
  }
  .nyusa
  {
     height:auto;
  }
  .yieldmainmini {
    height:auto;
  }
}

@media only screen and (max-width: 834px) {
  .performance {
    height:auto;
  }
}

@media only screen and (max-width: 834px) {
  .yield {
    height:auto;
  }
}

/*<Dashboard 1 End>*/


/*<Dashboard Page Performance Start>*/

@media only screen and (max-width: 1600px) {
  .battery {
    height:202px;
  }
  
}


/*@media only screen and (max-width: 450px) {
  .current {
    height:160px;
  }
}*/

/*<Dashboard Page Performance End>*/



/*-----------------------------------------------------------------------*/
.solar-image{
  width: 150px;
  position: absolute;
  right: 0px;
  top: 15px;
}


.rtl .solar-image{
  left: 0px;
  right: inherit;
}