html, body{
  height:100%;		/* For full height images */
}


body {
  /* font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; */
  /* font-size: 14px; */
  /* line-height: 1.42857143; */
  color: #333;
  overflow-x: hidden;
}

/* .navbar-default {
background-color: white;
border-color: white;
} */


div.card {
/* padding: 20px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
text-align: center; */
/* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
}

.loading {
  max-height: 150px;
  max-width: 150px;
}
img {
display: block;
max-width: 100%;
height: auto;
margin:auto;
}

.float_left {
float: left;
}

#logo_image_container{
  min-width: 20px!important;
  width: 20px!important;
}
.logo_image {
min-width: 20px!important;
width: 20px!important;
margin-top: 1px;
margin-right: 5px;
}

.navbar-brand > img {
margin-right: 20px;
}

.navbar {
font-family: Tahoma, Geneva, sans-serif;
min-height: 20px;
color: #5cc19e;
padding-top: 10px;
}
.brand_name {
  margin-top: -2px;
  padding-left: 8px;
  display: block;
}
hr {
  opacity: .1;
}
.navbar-brand {
  color: #5cc19e  !important;
  display:flex;
  font-weight: bold;
  margin-top: -18px;
  height: 36px;
  min-width: 100px;
  padding: 15px;
  font-size: 18px;
  line-height: 18ppx;
  max-width: 50%;
  padding-left: 0px;
}

.navbar-toggler {
  padding-top: 1px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
}

.navbar-toggler-icon {
  height: 20px;
  width: 20px;
}
.brand {
  color: #5cc19e  !important;
  font-family: Tahoma, Geneva, sans-serif;
  font-weight: bold;
}

.navbar-link {
  color: #5cc19e !important;
  font-size: 16px;
}

@media (max-width:768px){
  .navbar-brand{
      width:75vw!important;
    }
}

.h3, h3 {
  font-size: 24px;
}


/* buttons */
.small-button {
  font-size: 0.8rem;
  padding: 0.3rem 0.6rem;
  max-height: 30px;
}

.social {
  padding: 4px;
  padding-top: 1px;
  height: 30px;
  width: 30px;
}
.social svg {
  fill: white;
  width: 20px;
  height: 1em;
}