/*============================ ICON ===========================*/

/***** BATTERY ICON *****/
.ion-battery-half,
.ion-battery-full,
.ion-battery-empty,
.ion-battery-low {
  color:#333333;
  font-size:26px !important;
}

.ion-battery-empty
{
  color:#d74548;
}

.ion-battery-half,
.ion-battery-low  {
  color:#ffc107;
}

.ion-battery-full {
  /*color:#00965e;*/
  color:#34c73b;
}

/***** SIGNAL ICON *****/
.sizing-box {
    height: 15px;
    width: 29px;}

.signal-bars {
  display: inline-block;
  font-size: 2px;
  margin-left: -10px;}

.signal-bars .bar {
  width: 5px;
  margin-left: 2px;
  min-height: 20%;
  display: inline-block;}


.signal-bars .bar.empty-bar  { height: 0%; }
.signal-bars .bar.first-bar  { height: 20%; }
.signal-bars .bar.second-bar { height: 40%; }
.signal-bars .bar.third-bar  { height: 60%; }
.signal-bars .bar.fourth-bar { height: 80%; }
.signal-bars .bar.fifth-bar  { height: 99%; }


.ok .bar {
  background-color: #333333;
  border: thin solid darken(#16a085, 7%);
}

.zero-bars .bar,
.four-bars .bar.fifth-bar,
.three-bars .bar.fifth-bar,
.three-bars .bar.fourth-bar,
.one-bars .bar:not(.first-bar),
.two-bars .bar:not(.first-bar):not(.second-bar) {
    background-color: #fafafa;
    border: thin solid #2f353f1a;
}