body {
  font-family: Open Sans, sans-serif;
  color: #131516;
  min-width: 320px;
  line-height: 1.4;
  font-size: 0.9em;
}


a {
  font-weight: 400;
  color: #008aa9 !important;
}


.navbar-nav button:hover {
  background-color: #fafcfd;
  color: black;
  text-decoration: none !important;
}



.btn-link {
  width: 100%;
  font-weight: 400;
  color: #008aa9 !important;
  text-decoration: none;
  padding-bottom: 2px !important;
  text-align: left;

}

  .btn-link:focus {
    background-color: green;
    text-decoration: none;
  }

.navbar-collapse .navbar-nav {
  width: 100%;
}

.navbar-nav ul li a i {
  margin-right: 8px;
}

.navbar-nav ul li a:hover {
  background-color: #fafcfd;
  color: black;
  text-decoration: none;
}

  .navbar-nav ul li.active {
    border-bottom: none;
  }

    .navbar-nav ul li.active a {
      background-color: #f6f9fb;
      border-left: 2px solid #5b9bd1;
      margin-left: -2px;
    }


th {
  color: white;
  /*background-color: #f6f9fc;*/
  background: linear-gradient(87deg,#5ebdb3 0, #5ebdb3 100%) !important;
}

.clickable {
  cursor: pointer;
}

.card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  transition: 0.3s;
  margin-bottom: 8px;
  width: 100%;
  /*background: linear-gradient(87deg,#2193b0 0, #2193b0 100%) !important;*/
  background-color: #fff;
  background-clip: border-box;
  padding: 1.25rem 1.5rem;
}

.card-header {
  /*background: linear-gradient(87deg,#5ebdb3 0, #5ebdb3 100%) !important;*/
  background-color: #fff;
  background-clip: border-box;
  margin-bottom: 0;
}
.card-body {
  padding: 8px;
}

.card-no-shadow {
  box-shadow: none !important;
  padding: 8px;
  margin-bottom: 8px;
}

.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}

.card-footer {
  background-color: white !important;
  padding: 0px;
  border: 0px;
}

.card .col-auto i.fa {
  display: inline-block;
  border-radius: 60px;
  /*box-shadow: 0px 0px 2px #888;*/
  padding: 0.8em 0.9em;
}