.default-color,
.default-color.active,
a.default-color:hover,
a.default-color:focus,
li.default-color:hover,
li.default-color:focus {
  background-color: unset;
  border-color: unset;
  color: unset;
}
.base-color {
  background-color: #FFFFFF;
  border-color: #f2f2f2;
  color: #000000;
}
.base-color.active,
.nav-tabs.base-color > li.active > a {
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  color: #000000;
}
@media screen and (min-width: 768px) {
  a.base-color:hover,
  a.base-color:focus,
  li.base-color:hover,
  li.base-color:focus,
  .nav-tabs.base-color > li > a:focus,
  .nav-tabs.base-color > li > a:hover {
    background-color: #f2f2f2;
    border-color: #f2f2f2;
    color: #000000;
  }
  .nav-tabs.base-color > li.active > a:focus,
  .nav-tabs.base-color > li.active > a:hover {
    background-color: #e6e6e6;
    border-color: #e6e6e6;
    color: #000000;
  }
}
.main-color {
  background-color: #41a884;
  border-color: #4ab992;
  color: #ffffff;
}
.main-color.active,
.nav-tabs.main-color > li.active > a {
  background-color: #5cc09d;
  border-color: #5cc09d;
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  a.main-color:hover,
  a.main-color:focus,
  li.main-color:hover,
  li.main-color:focus,
  .nav-tabs.main-color > li > a:focus,
  .nav-tabs.main-color > li > a:hover {
    background-color: #4ab992;
    border-color: #4ab992;
    color: #ffffff;
  }
  .nav-tabs.main-color > li.active > a:focus,
  .nav-tabs.main-color > li.active > a:hover {
    background-color: #5cc09d;
    border-color: #5cc09d;
    color: #ffffff;
  }
}
.sub-color {
  background-color: #FADA02;
  border-color: #e1c402;
  color: #000000;
}
.sub-color.active,
.nav-tabs.sub-color > li.active > a {
  background-color: #c7ae02;
  border-color: #c7ae02;
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  a.sub-color:hover,
  a.sub-color:focus,
  li.sub-color:hover,
  li.sub-color:focus,
  .nav-tabs.sub-color > li > a:focus,
  .nav-tabs.sub-color > li > a:hover {
    background-color: #e1c402;
    border-color: #e1c402;
    color: #000000;
  }
  .nav-tabs.sub-color > li.active > a:focus,
  .nav-tabs.sub-color > li.active > a:hover {
    background-color: #c7ae02;
    border-color: #c7ae02;
    color: #ffffff;
  }
}
.sub-color2 {
  background-color: #EAF3D6;
  border-color: #e0edc2;
  color: #000000;
}
.sub-color2.active,
.nav-tabs.sub-color2 > li.active > a {
  background-color: #d6e7af;
  border-color: #d6e7af;
  color: #000000;
}
@media screen and (min-width: 768px) {
  a.sub-color2:hover,
  a.sub-color2:focus,
  li.sub-color2:hover,
  li.sub-color2:focus,
  .nav-tabs.sub-color2 > li > a:focus,
  .nav-tabs.sub-color2 > li > a:hover {
    background-color: #e0edc2;
    border-color: #e0edc2;
    color: #000000;
  }
  .nav-tabs.sub-color2 > li.active > a:focus,
  .nav-tabs.sub-color2 > li.active > a:hover {
    background-color: #d6e7af;
    border-color: #d6e7af;
    color: #000000;
  }
}
.key-color {
  background-color: #d9eee6;
  border-color: #c7e6da;
  color: #000000;
}
.key-color.active,
.nav-tabs.key-color > li.active > a {
  background-color: #b6decf;
  border-color: #b6decf;
  color: #000000;
}
@media screen and (min-width: 768px) {
  a.key-color:hover,
  a.key-color:focus,
  li.key-color:hover,
  li.key-color:focus,
  .nav-tabs.key-color > li > a:focus,
  .nav-tabs.key-color > li > a:hover {
    background-color: #c7e6da;
    border-color: #c7e6da;
    color: #000000;
  }
  .nav-tabs.key-color > li.active > a:focus,
  .nav-tabs.key-color > li.active > a:hover {
    background-color: #b6decf;
    border-color: #b6decf;
    color: #000000;
  }
}
.active-color.active,
.nav-tabs.active-color > li.active > a {
  background-color: #464646;
  border-color: #535353;
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .nav-tabs.active-color > li.active > a:focus,
  .nav-tabs.active-color > li.active > a:hover {
    background-color: #464646;
    border-color: #535353;
    color: #ffffff;
  }
  a.active-color:hover,
  a.active-color:focus,
  li.active-color:hover,
  li.active-color:focus,
  .nav-tabs.active-color > li > a:focus,
  .nav-tabs.active-color > li > a:hover {
    background-color: #535353;
    border-color: #535353;
    color: #ffffff;
  }
}
.active-color2.active,
.nav-tabs.active-color2 > li.active > a {
  background-color: #313131;
  border-color: #3e3e3e;
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .nav-tabs.active-color2 > li.active > a:focus,
  .nav-tabs.active-color2 > li.active > a:hover {
    background-color: #313131;
    border-color: #3e3e3e;
    color: #ffffff;
  }
  a.active-color2:hover,
  a.active-color2:focus,
  li.active-color2:hover,
  li.active-color2:focus,
  .nav-tabs.active-color2 > li > a:focus,
  .nav-tabs.active-color2 > li > a:hover {
    background-color: #3e3e3e;
    border-color: #3e3e3e;
    color: #ffffff;
  }
}
.border-color {
  border-color: #464646;
}
.border-color.active,
.nav-tabs.border-color > li.active > a {
  border-color: #606060;
}
@media screen and (min-width: 768px) {
  a.border-color:hover,
  a.border-color:focus,
  li.border-color:hover,
  li.border-color:focus,
  .nav-tabs.border-color > li > a:focus,
  .nav-tabs.border-color > li > a:hover {
    border-color: #535353;
  }
  .nav-tabs.border-color > li.active > a:focus,
  .nav-tabs.border-color > li.active > a:hover {
    border-color: #606060;
  }
}
.border-color2 {
  border-color: #313131;
}
.border-color2.active,
.nav-tabs.border-color2 > li.active > a {
  border-color: #4b4b4b;
}
@media screen and (min-width: 768px) {
  a.border-color2:hover,
  a.border-color2:focus,
  li.border-color2:hover,
  li.border-color2:focus,
  .nav-tabs.border-color2 > li > a:focus,
  .nav-tabs.border-color2 > li > a:hover {
    border-color: #3e3e3e;
  }
  .nav-tabs.border-color2 > li.active > a:focus,
  .nav-tabs.border-color2 > li.active > a:hover {
    border-color: #4b4b4b;
  }
}
.btn-color {
  background-color: #41a884;
  border-color: #4ab992;
  color: #ffffff;
}
.btn-color.active,
.nav-tabs.btn-color > li.active > a {
  background-color: #5cc09d;
  border-color: #5cc09d;
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .btn-color:hover,
  .btn-color:focus,
  .nav-tabs.btn-color > li > a:focus,
  .nav-tabs.btn-color > li > a:hover {
    background-color: #4ab992;
    border-color: #4ab992;
    color: #ffffff;
  }
  .nav-tabs.btn-color > li.active > a:focus,
  .nav-tabs.btn-color > li.active > a:hover {
    background-color: #5cc09d;
    border-color: #5cc09d;
    color: #ffffff;
  }
}
.btn-color2 {
  background-color: #41a884;
  border-color: #4ab992;
  color: #ffffff;
}
.btn-color2.active,
.nav-tabs.btn-color2 > li.active > a {
  background-color: #5cc09d;
  border-color: #5cc09d;
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  btn-color2:hover,
  .btn-color2:focus,
  .nav-tabs.btn-color2 > li > a:focus,
  .nav-tabs.btn-color2 > li > a:hover {
    background-color: #4ab992;
    border-color: #4ab992;
    color: #ffffff;
  }
  .nav-tabs.btn-color2 > li.active > a:focus,
  .nav-tabs.btn-color2 > li.active > a:hover {
    background-color: #5cc09d;
    border-color: #5cc09d;
    color: #ffffff;
  }
}
.btn-color3 {
  background-color: #41a884;
  border-color: #4ab992;
  color: #ffffff;
}
.btn-colo3r.active,
.nav-tabs.btn-color3 > li.active > a {
  background-color: #5cc09d;
  border-color: #5cc09d;
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .btn-color3:hover,
  .btn-color3:focus,
  .nav-tabs.btn-color3 > li > a:focus,
  .nav-tabs.btn-color3 > li > a:hover {
    background-color: #4ab992;
    border-color: #4ab992;
    color: #ffffff;
  }
  .nav-tabs.btn-color3 > li.active > a:focus,
  .nav-tabs.btn-color3 > li.active > a:hover {
    background-color: #5cc09d;
    border-color: #5cc09d;
    color: #ffffff;
  }
}
.modal-color {
  background-color: #FFFFFF;
  border-color: #f2f2f2;
  color: #000000;
}
.modal-color h3,
.modal-color h4,
.modal-color p {
  color: #000000;
}
.modal-color2 {
  background-color: #FFFFFF;
  border-color: #f2f2f2;
  color: #000000;
}
.modal-color2 h3,
.modal-color2 h4,
.modal-color2 p {
  color: #000000;
}
.modal-color3 {
  background-color: #FFFFFF;
  border-color: #f2f2f2;
  color: #000000;
}
.modal-color3 h3,
.modal-color3 h4,
.modal-color3 p {
  color: #000000;
}