.box {
  margin-bottom: 20px;
}

.revenue-growth{
  height: 284px;
}
.revenue-growth .reality-chart {
  position: relative;
  top: -50px;
}
.rtl .knob {
    margin-left: 0;
    margin-right: -116px;
}

.avatar-sm {
    width: 59px;
    height: 59px;
    line-height: 29px;
    font-size: 0.7143rem;
}
.recent{

  height:382px;
}

/*-----------Dashboard-3-----------*/

.first-section .first-plan {
    border-radius: 5px;
    padding-bottom: 20px;
    position: relative;
    overflow: hidden;
}
.first-section .first-plan .bg-img {
    width: 30%;
    position: absolute;
    opacity: 0.1;
    transform: rotate(0deg);
    right: 0px;
    bottom: -2px;
}
.rtl .first-section .first-plan {
    border-radius: 5px;
    padding-bottom: 20px;
    position: relative;
    overflow: hidden;
}
.rtl .first-section .first-plan .bg-img {
    width: 30%;
    position: absolute;
    opacity: 0.1;
    transform: rotate(0deg);
    left: 0px;
    right: auto;
    bottom: -2px;
}


.chargingstation
{
  height:446px;
}

hr {
  color: #D3D3D3;
}

.smartcharging
{
  height:391px;
}

.button1
{
  background-color: white;
  color: grey;
}

.button1:hover
{
  background-color: #0052cc;
  color:white;
}

.activecharging
{
  height:130px;
}
.newusers
{
  height:130px;
}

.selectcars
{
  height:225px;
}

.availablestation
{
  color:#4B0082;
}

.occupiedstation
{
  color:#ff9920;
}

.totalbooked
{
  color:#04a08b;
}

.dallasboxmainmini
{
  height:504px;
}
.secondbox
{
  height:81px;
}

@media only screen and (max-width: 1600px) {
  .carflag {
    height:46px;
  }
  .dallasbox {
    height:504px;
  }
  .occupancy {
    height:191px;
  }

}

@media only screen and (max-width: 1440px) {
  .dallasbox {
    height:499px;
  }
}


@media only screen and (max-width: 1399px) {
  .dallasbox {
    height:auto;
  }
  .occupancy {
    height:192px;
  }
}

@media only screen and (max-width: 1194px) {
  .carflag {
    height:48px;
  }
  .income
  {
    height:165px;
  }
  .occupancy {
    height:auto;
  }
  .activecharging
  {
  height:124px;
  }
  .newusers
  {
  height:124px;
  }

}

@media only screen and (max-width: 1112px) {
  .income
  {
    height:164px;
  }
  .activecharging
  {
  height:122px;
  }
  .newusers
  {
  height:122px;
  }
  .dallasboxmainmini
  {
  height:auto;
  }

}

@media only screen and (max-width: 475px) {
  .teslabutton {

    margin: 10px 0px;
    
      }
}
/* Rhotracks Dashboard V2 */
.rhotracks-dashboard-v2 {
    margin-bottom: 10px;
}

.rh-card {
    border-radius: 18px;
    min-height: 135px;
    padding: 20px 22px;
    box-shadow: 0 10px 25px rgba(20, 35, 60, 0.08);
}

.rh-card-title {
    font-size: 16px;
    font-weight: 600;
    color: #344767;
    display: flex;
    align-items: center;
    gap: 10px;
}

.rh-card-title svg {
    width: 24px;
    height: 24px;
    color: #f4a11a;
}

.rh-card-value {
    margin-top: 18px;
    font-size: 27px;
    font-weight: 700;
    color: #172b4d;
    text-align: center;
}

.rh-card-label {
    margin-top: 4px;
    font-size: 13px;
    color: #8b9bb0;
    text-align: center;
}

.rh-green {
    color: #16a34a;
}

.rh-pill {
    display: inline-block;
    padding: 7px 16px;
    border-radius: 999px;
    font-size: 18px;
    font-weight: 700;
    background: #eef2f7;
    color: #344767;
}

.rh-pill.rh-green {
    background: #e7f8ed;
    color: #16a34a;
}

.rh-pill.rh-red {
    background: #fdecec;
    color: #dc2626;
}

.rh-pill.rh-orange {
    background: #fff3df;
    color: #f59e0b;
}

.rh-pill.rh-purple {
    background: #f0e8ff;
    color: #7c3aed;
}

.rh-map-box {
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(20, 35, 60, 0.08);
}

.rh-map-header {
    padding: 16px 20px;
}

.rh-map-body {
    padding: 0;
}

#map.sidebar-map {
    height: 68vh !important;
    width: 100%;
}

/* Rhotracks Dashboard V2 Polish Pass */
.rh-card {
    min-height: 125px;
    padding: 18px 22px;
}

.rh-card-title svg {
    padding: 7px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(245, 145, 25, 0.12);
    color: #f59119;
}

.rh-card-value {
    margin-top: 14px;
}

.rh-pill {
    color: #fff !important;
    border: none;
    padding: 9px 22px;
    min-width: 118px;
    text-align: center;
    box-shadow: 0 8px 18px rgba(20, 35, 60, 0.16);
}

.rh-pill.rh-green {
    background: linear-gradient(135deg, #34c759, #15920f);
}

.rh-pill.rh-red {
    background: linear-gradient(135deg, #ff5b66, #dc2626);
}

.rh-pill.rh-orange {
    background: linear-gradient(135deg, #ffb347, #f59119);
}

.rh-pill.rh-purple {
    background: linear-gradient(135deg, #7c3aed, #4f2fcf);
}

.rh-pill.rh-gray {
    background: linear-gradient(135deg, #94a3b8, #64748b);
}

#onlineStatus,
#serviceStatus,
#ignitionStatus,
#mobileNetworkMode {
    text-transform: uppercase;
}

/* Final Dashboard V2 Badge Fix */
#onlineStatus.rh-pill.rh-green,
#serviceStatus.rh-pill.rh-green {
    background: linear-gradient(135deg, #34c759, #15920f) !important;
    color: #ffffff !important;
}

#onlineStatus.rh-pill.rh-red,
#serviceStatus.rh-pill.rh-red,
#ignitionStatus.rh-pill.rh-red {
    background: linear-gradient(135deg, #ff5b66, #dc2626) !important;
    color: #ffffff !important;
}

#mobileNetworkMode.rh-pill.rh-purple {
    background: linear-gradient(135deg, #7c3aed, #4f2fcf) !important;
    color: #ffffff !important;
}

.rh-card {
    box-shadow: 0 12px 28px rgba(20, 35, 60, 0.07) !important;
}

.rh-card-title svg {
    width: 38px !important;
    height: 38px !important;
}

/* Final force fix for ONLINE badge */
#onlineStatus {
    background: linear-gradient(135deg, #34c759, #15920f) !important;
    color: #ffffff !important;
    opacity: 1 !important;
}

#onlineStatus.rh-red {
    background: linear-gradient(135deg, #ff5b66, #dc2626) !important;
}