.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: #F3F3F3;
  border-color: #e6e6e6;
  color: #000000;
}
.main-color.active,
.nav-tabs.main-color > li.active > a {
  background-color: #dadada;
  border-color: #dadada;
  color: #000000;
}
@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: #e6e6e6;
    border-color: #e6e6e6;
    color: #000000;
  }
  .nav-tabs.main-color > li.active > a:focus,
  .nav-tabs.main-color > li.active > a:hover {
    background-color: #dadada;
    border-color: #dadada;
    color: #000000;
  }
}
.sub-color {
  background-color: #777777;
  border-color: #848484;
  color: #ffffff;
}
.sub-color.active,
.nav-tabs.sub-color > li.active > a {
  background-color: #919191;
  border-color: #919191;
  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: #848484;
    border-color: #848484;
    color: #ffffff;
  }
  .nav-tabs.sub-color > li.active > a:focus,
  .nav-tabs.sub-color > li.active > a:hover {
    background-color: #919191;
    border-color: #919191;
    color: #ffffff;
  }
}
.sub-color2 {
  background-color: #464646;
  border-color: #535353;
  color: #ffffff;
}
.sub-color2.active,
.nav-tabs.sub-color2 > li.active > a {
  background-color: #606060;
  border-color: #606060;
  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: #535353;
    border-color: #535353;
    color: #ffffff;
  }
  .nav-tabs.sub-color2 > li.active > a:focus,
  .nav-tabs.sub-color2 > li.active > a:hover {
    background-color: #606060;
    border-color: #606060;
    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: #87664b;
  border-color: #977254;
  color: #ffffff;
}
.btn-color.active,
.nav-tabs.btn-color > li.active > a {
  background-color: #a67f5f;
  border-color: #a67f5f;
  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: #977254;
    border-color: #977254;
    color: #ffffff;
  }
  .nav-tabs.btn-color > li.active > a:focus,
  .nav-tabs.btn-color > li.active > a:hover {
    background-color: #a67f5f;
    border-color: #a67f5f;
    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;
}