.navbar .navbar-brand {
    font-size: 1em !important;
}

.card .map {
  height: 75vh !important;
}

.legend{
  position: absolute;
  background:linear-gradient(to right, #0575e6, #00f260);
	color: #fff;
  z-index: 5;
  bottom: 10px;
  margin: 10px;
  padding:10px;
}
.legend table{
  position: relative;
}

.legend h4{
  margin-top: 5px;
}

.legend .tbl td{
  border: 0;
}
.legend-gie{
  background:linear-gradient(to right, #3ca55c, #b5ac49) !important;
}

.small-header {
    height: 170px !important;
    padding-top: 60px !important;
    padding-bottom: 45px !important;
}

.nav-pills .nav-link.active, .show>.nav-pills .nav-link {
    color: #fff;
    background-color: #f96332;
}
.table > thead > tr > th {
  font-size: 0.8em;
}

.card .card-header .card-title {
    margin-top: -5px;
}
.card-title {
    margin-bottom: -0.25rem;
}

.popover{
  max-width: 600px;
  border: 1px solid #0c2646;
}
.popover .popover-header{
  background: linear-gradient(to right, #fc466b, #3f5efb);
  color: #fff;
}
.popover .popover-body img {
  margin: 10px;
}
.popover .popover-body div:after{
  clear: both;
  display: table;
  content: '';
}

.popover .popover-body div img {
  float: left;
  width: 46%;
}
.popover .popover-body div table {
  width: 100%;
}

.mytab td:nth-child(1){
  font-weight: bold;
}

.mytab td{
  border-top: 0;
}
/*
.mytab > tbody > tr > td{
    padding: 5px 7px;

}
 */

.carousel-control-next-icon, .carousel-control-prev-icon{
  width: 50px;
  height: 50px;
}

.main-panel > .content, .footer{
  padding-bottom: 0 !important;
}


@media screen and (max-width: 576px) {
  .legend {
    display: none;
  }
  .navbar .navbar-brand {
    text-overflow: ellipsis;
  }
}