.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: #fdfbf7;
  border-color: #f8f1e3;
  color: #000000;
}
.base-color.active,
.nav-tabs.base-color > li.active > a {
  background-color: #f3e7ce;
  border-color: #f3e7ce;
  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: #f8f1e3;
    border-color: #f8f1e3;
    color: #000000;
  }
  .nav-tabs.base-color > li.active > a:focus,
  .nav-tabs.base-color > li.active > a:hover {
    background-color: #f3e7ce;
    border-color: #f3e7ce;
    color: #000000;
  }
}
.main-color {
  background-color: #2a7f1b;
  border-color: #31941f;
  color: #ffffff;
}
.main-color.active,
.nav-tabs.main-color > li.active > a {
  background-color: #38a924;
  border-color: #38a924;
  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: #31941f;
    border-color: #31941f;
    color: #ffffff;
  }
  .nav-tabs.main-color > li.active > a:focus,
  .nav-tabs.main-color > li.active > a:hover {
    background-color: #38a924;
    border-color: #38a924;
    color: #ffffff;
  }
}
.sub-color {
  background-color: #a7d8ed;
  border-color: #92cfe9;
  color: #000000;
}
.sub-color.active,
.nav-tabs.sub-color > li.active > a {
  background-color: #7dc5e4;
  border-color: #7dc5e4;
  color: #000000;
}
@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: #92cfe9;
    border-color: #92cfe9;
    color: #000000;
  }
  .nav-tabs.sub-color > li.active > a:focus,
  .nav-tabs.sub-color > li.active > a:hover {
    background-color: #7dc5e4;
    border-color: #7dc5e4;
    color: #000000;
  }
}
.sub-color2 {
  background-color: rgba(167,216,237,0.2);
  border-color: rgba(188,225,241,0.2);
  color: #ffffff;
}
.sub-color2.active,
.nav-tabs.sub-color2 > li.active > a {
  background-color: rgba(209,235,246,0.2);
  border-color: rgba(209,235,246,0.2);
  color: #ffffff;
}
@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: rgba(188,225,241,0.2);
    border-color: rgba(188,225,241,0.2);
    color: #ffffff;
  }
  .nav-tabs.sub-color2 > li.active > a:focus,
  .nav-tabs.sub-color2 > li.active > a:hover {
    background-color: rgba(209,235,246,0.2);
    border-color: rgba(209,235,246,0.2);
    color: #ffffff;
  }
}
.key-color {
  background-color: #464646;
  border-color: #535353;
  color: #ffffff;
}
.key-color.active,
.nav-tabs.key-color > li.active > a {
  background-color: #606060;
  border-color: #606060;
  color: #ffffff;
}
@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: #535353;
    border-color: #535353;
    color: #ffffff;
  }
  .nav-tabs.key-color > li.active > a:focus,
  .nav-tabs.key-color > li.active > a:hover {
    background-color: #606060;
    border-color: #606060;
    color: #ffffff;
  }
}
.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: #4C8DCB;
  border-color: #609ad1;
  color: #ffffff;
}
.btn-color.active,
.nav-tabs.btn-color > li.active > a {
  background-color: #74a6d6;
  border-color: #74a6d6;
  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: #609ad1;
    border-color: #609ad1;
    color: #ffffff;
  }
  .nav-tabs.btn-color > li.active > a:focus,
  .nav-tabs.btn-color > li.active > a:hover {
    background-color: #74a6d6;
    border-color: #74a6d6;
    color: #ffffff;
  }
}
.btn-color2 {
  background-color: #3c763d;
  border-color: #458746;
  color: #ffffff;
}
.btn-color2.active,
.nav-tabs.btn-color2 > li.active > a {
  background-color: #4d984e;
  border-color: #4d984e;
  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: #458746;
    border-color: #458746;
    color: #ffffff;
  }
  .nav-tabs.btn-color2 > li.active > a:focus,
  .nav-tabs.btn-color2 > li.active > a:hover {
    background-color: #4d984e;
    border-color: #4d984e;
    color: #ffffff;
  }
}
.btn-color3 {
  background-color: #31708f;
  border-color: #387fa2;
  color: #ffffff;
}
.btn-colo3r.active,
.nav-tabs.btn-color3 > li.active > a {
  background-color: #3e8eb5;
  border-color: #3e8eb5;
  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: #387fa2;
    border-color: #387fa2;
    color: #ffffff;
  }
  .nav-tabs.btn-color3 > li.active > a:focus,
  .nav-tabs.btn-color3 > li.active > a:hover {
    background-color: #3e8eb5;
    border-color: #3e8eb5;
    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;
}