﻿.nav-tabs-custom {
  background-color: #fff;
}
.nav-tabs-custom .nav-link {
  font-size: 0.875rem;
  color: #666;
  padding: 12px;
  border: none;
  border-bottom: 3px solid transparent;
}
.nav-tabs-custom .nav-link.active {
  font-weight: 500;
  color: #000;
  border-bottom-color: var(--custom);
}

.nav-pills-v2 {
  margin-left: -5px;
  margin-right: -5px;
}
.nav-pills-v2 .nav-item {
  padding-left: 5px;
  padding-right: 5px;
}
.nav-pills-v2 .nav-item .nav-link {
  border-radius: 6px;
  background-color: #EEEEEE;
  border: 1px solid #DDD;
  font-size: 1rem;
  font-weight: 500;
  color: #666;
}
.nav-pills-v2 .nav-item .nav-link.active {
  color: var(--custom);
  background-color: #fff;
  border-color: var(--custom);
  box-shadow: 3px 3px 15px rgba(243, 74, 51, 0.1607843137);
}

.nav-tabs-btns .nav-item + .nav-item {
  margin-left: 6px;
}
.nav-tabs-btns .nav-link {
  height: 40px;
  background-color: #EEEEEE;
  color: #666;
  border-radius: 4px;
  font-weight: 500;
}
.nav-tabs-btns .nav-link.active {
  background-color: var(--custom);
  color: #fff;
}

.nav-tabs {
  background-color: #E4E4E4;
}

.nav-tabs .nav-link {
  color: #222;
  border: none;
  border-radius: 0;
  padding: 8px 10px;
  font-weight: 700;
}

.nav-tabs .nav-link.active {
  background-color: #222;
  color: #fff;
}

.nav-tabs-wrapper {
    overflow: auto;
    background-color: #f7f7f7;
    border-bottom: 1px solid #b6b6b6
}
.nav-tabs-custom-2 {
    background-color: transparent;
}
    .nav-tabs-custom-2 .nav-link {
        color: #333;
        font-weight: 400;
        border-bottom: 4px solid transparent;
        padding-bottom: 6px;
    }

        .nav-tabs-custom-2 .nav-link.active {
            background-color: transparent;
            color: var(--custom);
            border-bottom-color: var(--custom);
            font-weight: 700
        }