body {
    padding-top: 70px;
    padding-bottom: 100px;
}

footer {
    background-color: #f8f9fa;
    padding: 10px;
    text-align: start;
    position: fixed;
    bottom: 0;
    width: 100%;
}

.top-color-default {
    border-top: 3px solid;
    border-top-color: #9fa4aae4;
}
.top-color-blue {
    border-top: 3px solid;
    border-top-color: #007bff;
}
.top-color-orange {
    border-top: 3px solid;
    border-top-color: #ff5100;
}
.top-color-red {
    border-top: 3px solid;
    border-top-color: #ff0000;
}
.top-color-green {
    border-top: 3px solid;
    border-top-color: #129f3a;
}

.start-color-blue {
    border-left: 3px solid;
    border-left-color: #007bff;
}

.project-tab {
  padding: 10%;
  margin-top: -10%;
}
.project-tab #tabs{
  background: #007b5e;
  color: #eee;
}
.project-tab #tabs h6.section-title{
  color: #eee;
}
.project-tab #tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: #0062cc;
  background-color: transparent;
  border-color: transparent transparent #f3f3f3;
  border-top: 3px solid !important;
  border-radius: none;
  font-size: 12px;
  font-weight: bold;
}

.project-tab .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  color: #0062cc;
  font-size: 12px;
  font-weight: 400;
}
.project-tab .nav-link:hover {
  border-color: transparent transparent #f3f3f3;
  border-top: 3px solid !important;
}
.project-tab thead{
  background: #f3f3f3;
  color: #333;
}
.project-tab a{
  text-decoration: none;
  color: #333;
  font-weight: 400;
}