.navbar {
  min-height: 100px;
};

.navbar-brand {
  height: auto;
  max-width: 400px;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.navbar-brand img {
  max-height: 100px;
}

@media screen and (min-width: 768px) {
  .navbar-brand {
    position: relative;
  }
}

.bg-blue {
  background-color: #233879
}

.bg-orange {
  background-color: #e94f1d;
  color: #fff;
}

.text-blue {
  color: #233879
}


.text-light {
  color: #FFFFFF
}

.text-orange {
  color: #e94f1d;
}


.sidebanner{
  width: 200px;
  margin: 10px;
  text-align: center;
}

.appstore
{
  width: 200px;
  margin: 10px;
}


table{
  margin: 20px 10px;
  
}
td {
  vertical-align: top;
}

.datepart{
  max-width: 90px;
  display: inline;
}

.form-control{
  text-align: center;
  margin: 2px;
}

.bg-info td {
  color: white;
  font-weight: bold;
}

.results{
  width:100%;
}

.results th {
  background-color: #233879;
  color: white;
  padding: 2px 6px;
}

.results td {
  padding: 7px;
  border: 1px solid silver; 
}

@media only screen and (max-width: 40em) {
  thead th:not(:first-child) {
      display: none;
  }

  td, th {
      display: block;
      border: 0px !important;
  }

  th:not(:first-child){
    display:none;
  }

  .results td:first-child{
    color:#e94f1d;
    font-weight: bold;
    border: 1px solid silver !important;

  }

  td[data-th]:before  {
      content: attr(data-th);
  }
  
  #customers {
  font-family: Arial, Helvetica, sans-serif !important;
  border-collapse: collapse !important;
  width: 100% !important;
}

#customers td, #customers th {
  border: 1px solid #ddd !important;
  padding: 8px !important;
}

#customers tr:nth-child(even){background-color: #f2f2f2 !important;}

#customers tr:hover {background-color: #ddd !important;}

#customers th {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  text-align: left !important;
  background-color: #4CAF50 !important;
  color: white !important;
}

  
  
  
  
}