html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  background: rgb(23, 92, 54);
  color: #fff;
}

.input-group-append .input-group-text{
  min-width: 5em;
}

.navbar div {
  float: right;
}
.navbar div a {
  color:#fff
}

sup, sub {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}
sub { 
  top: 0.4em; 
}

ol.steps {
  list-style: none;
  counter-reset: li;
}

.steps li::before {
  content: counter(li);
  background: rgb(23, 92, 54);
  border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.6em;
  text-align: center;
  width: 1.6em;
  margin-left: -1.5em;
  margin-right: 0.5em;
  direction: rtl;
  text-indent: 0em;

}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link:hover{
  border-color: rgb(23, 92, 54);
  color: #fff;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
  background: rgb(23, 92, 54);
  border-color: rgb(23, 92, 54);
  color: #fff;
}
.nav-tabs{
  border-color: rgb(23, 92, 54); 
}

.steps li {
  margin-top: 0.2em;
  counter-increment: li;
  text-indent: -.6em;
}

.img-fluid {
  display: none;
}

h1 {
  padding-left: 70px;
  font-size: 130%;
  /*color: #024061;*/
  color: #fff;
  margin-bottom: 4px;
}

h2 {
  padding-left: 70px;
  color: #fff;
  font-size: 14px;
  font-weight: normal;
}

.navbar {
  background-color: rgb(23, 92, 54);
  color: #ffffff;
  font-size: 18px;
  display: inherit;
}

.zim-logo {
  height: 18px;
  position: relative;
  top: -4px;
}
.powered_by {
  height: 32px;
  position: relative;
}

.container-fluid {
  margin-top: 20px;
}

.card-text {
  min-height: 4.5em;
  margin-top: 8px;
}

.bg-zim {
  overflow: hidden;
  align-items: center;
  padding: 0;
  margin: 0;
  min-height: 300px;
}

.bg-zim img {
  max-width: 85%;
  max-height: 85%;
  padding: 30px;
  position: absolute;
  top: 50%;
  transform: translate3D(-50%, -50%, 0);
  left: 50%;
}

img.icon{
  position: absolute;
  top: 8px;
  left: 8px;
  width: 32px;
}

.bg-11 {
  background-image: linear-gradient(
    145deg,
    rgb(255, 255, 255) 0%,
    rgb(255, 255, 255) 60px,
    rgb(96, 165, 142) 61px,
    rgb(96, 165, 142) 100%
   );
}
.bg-12 {
  background: linear-gradient(
    145deg,
    rgb(255, 255, 255) 0%,
    rgb(255, 255, 255) 60px,
    rgb(109, 166, 75) 61px,
    rgb(109, 166, 75) 100%
  );
  background-color: rgb(109, 166, 75);
}
.bg-13 {
  background: linear-gradient(
    145deg,
    rgb(255, 255, 255) 0%,
    rgb(255, 255, 255) 60px,
    rgb(163, 197, 87) 61px,
    rgb(163, 197, 87) 100%
  );
  background-color: rgb(163, 197, 87);
}
.bg-14 {
  background: linear-gradient(
    145deg,
    rgb(255, 255, 255) 0%,
    rgb(255, 255, 255) 60px,
    rgb(158, 156, 146) 61px,
    rgb(158, 156, 146) 100%
  );
  background-color: rgb(158, 156, 146);
}
.bg-21 {
  background: linear-gradient(
    145deg,
    rgb(255, 255, 255) 0%,
    rgb(255, 255, 255) 60px,
    rgb(163, 197, 87) 61px,
    rgb(163, 197, 87) 100%
  );
  background-color: rgb(163, 197, 87);
}
.bg-22 {
  background: linear-gradient(
    145deg,
    rgb(255, 255, 255) 0%,
    rgb(255, 255, 255) 60px,
    rgb(140, 140, 101) 61px,
    rgb(140, 140, 101) 100%
  );
  background-color: rgb(140, 140, 101);
}
.bg-23 {
  /*background: linear-gradient(145deg, rgb(255,255,255) 0%, rgb(255,255,255) 60px, rgb(75, 108, 67) 61px, rgb(75, 108, 67) 100%);
  */
  background-color: rgb(75, 108, 67);
}
.bg-24 {
  background: linear-gradient(
    145deg,
    rgb(255, 255, 255) 0%,
    rgb(255, 255, 255) 60px,
    rgb(144, 160, 89) 61px,
    rgb(144, 160, 89) 100%
  );
  background-color: rgb(144, 160, 89);
}
.bg-31 {
  background: linear-gradient(
    145deg,
    rgb(255, 255, 255) 0%,
    rgb(255, 255, 255) 60px,
    rgb(109, 166, 75) 61px,
    rgb(109, 166, 75) 100%
  );
  background-color: rgb(109, 166, 75);
}
.bg-32 {
  background: linear-gradient(
    145deg,
    rgb(255, 255, 255) 0%,
    rgb(255, 255, 255) 60px,
    rgb(113, 169, 155) 61px,
    rgb(113, 169, 155) 100%
  );
  background-color: rgb(113, 169, 155);
}
.bg-33 {
  background: linear-gradient(
    145deg,
    rgb(255, 255, 255) 0%,
    rgb(255, 255, 255) 60px,
    rgb(163, 197, 87) 61px,
    rgb(163, 197, 87) 100%
  );
  background-color: rgb(163, 197, 87);
}
.bg-34 {
  background: linear-gradient(
    145deg,
    rgb(255, 255, 255) 0%,
    rgb(255, 255, 255) 60px,
    rgb(112, 169, 124) 61px,
    rgb(112, 169, 124) 100%
  );
  background-color: rgb(112, 169, 124);
}

#bignumber {
  margin: 0 auto;
  text-align: center;
  display: block;
  font-size: 300%;
}
.btn {
  background: rgb(23, 92, 54) !important;
  border: 0;
}

a {
  color: #fff;
  text-decoration: underline;
}
a:hover {
  color: #fff;
  text-decoration: underline;
}
.table-bus {
  font-size: 0.8em;
  padding: 0;
  border-color: rgb(23, 92, 54);
  color: #fff;
}

.table-bus tbody td {
  border-top: 1px solid rgb(23, 92, 54) !important;
  padding: 2px;
}
.table-bus th {
  border-top: 1px solid rgb(23, 92, 54);
}
.table-bus thead th {
  border-bottom: 2px solid rgb(23, 92, 54);
}

.table-bus thead tr {
  height: 4em;
}

.box {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-content: space-between;
  height: 100%;
}
.box > .btn {
  align-self: flex-end;
  border-radius: 0px;
}

#consumption {
  text-align: right;
}
#km {
  text-align: right;
}