.btn-brand {
  color: #ffffff;
  background-color: #64b43c;
  border-color: #59a136;
}
.btn-brand:hover,
.btn-brand:focus,
.btn-brand.focus,
.btn-brand:active,
.btn-brand.active,
.open > .dropdown-toggle.btn-brand {
  color: #ffffff;
  background-color: #4f8e2f;
  border-color: #407326;
}
.btn-brand:active,
.btn-brand.active,
.open > .dropdown-toggle.btn-brand {
  background-image: none;
}
.btn-brand.disabled,
.btn-brand[disabled],
fieldset[disabled] .btn-brand,
.btn-brand.disabled:hover,
.btn-brand[disabled]:hover,
fieldset[disabled] .btn-brand:hover,
.btn-brand.disabled:focus,
.btn-brand[disabled]:focus,
fieldset[disabled] .btn-brand:focus,
.btn-brand.disabled.focus,
.btn-brand[disabled].focus,
fieldset[disabled] .btn-brand.focus,
.btn-brand.disabled:active,
.btn-brand[disabled]:active,
fieldset[disabled] .btn-brand:active,
.btn-brand.disabled.active,
.btn-brand[disabled].active,
fieldset[disabled] .btn-brand.active {
  background-color: #64b43c;
  border-color: #59a136;
}
.btn-brand .badge {
  color: #64b43c;
  background-color: #ffffff;
}
/*---------------------------
  header
---------------------------*/
.navbar {
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(130deg, #c8dc28, #64b43c);
  background-image: -o-linear-gradient(130deg, #c8dc28, #64b43c);
  background-image: linear-gradient(130deg, #c8dc28, #64b43c);
}
.navbar-default .navbar-nav > li > a {
  color: #FFF;
  text-shadow: none;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #666;
}
.header-name {
  background-color: #FEFEFE;
  border-bottom: 1px solid #EEE;
}
/*---------------------------
  footer
---------------------------*/
/*---------------------------
  login
---------------------------*/
html {
  height: 100%;
}
body.login {
  height: 100%;
  background-image: -webkit-linear-gradient(top, #c8dc28 50%, #64b43c 100%);
  background-image: -o-linear-gradient(top, #c8dc28 50%, #64b43c 100%);
  background-image: linear-gradient(to bottom, #c8dc28 50%, #64b43c 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc8dc28', endColorstr='#ff64b43c', GradientType=0);
}
body.login .footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.1);
}
body.login .copyright {
  color: #FFF;
}
.login-box {
  background-color: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow: 0px 0px 2px 0px rgba(255, 255, 255, 0.5);
}
.form-email input + .fa,
.form-password input + .fa {
  color: #396822;
}
.login .password-box {
  margin-top: 20px;
  padding: 0 20px 20px 20px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow: 0px 0px 2px 0px rgba(255, 255, 255, 0.5);
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 10px;
}
.login .password-box .logo {
  margin-bottom: 30px;
}
.form-icon1 span.fa {
  color: #396822;
}
.form-icon2 span.fa {
  color: #396822;
}
/*---------------------------
  sidenav
---------------------------*/
.sidenav {
  margin-right: -15px;
}
.sidenav ul {
  background-color: #EFEFEF;
  border: 1px solid #DDD;
  margin-top: 10px;
}
.sidenav ul li a {
  padding: 20px;
  margin-bottom: 8px;
  color: #666;
}
.sidenav ul li a:hover {
  background-color: transparent;
  color: #000;
}
.sidenav ul li a:hover span.fa {
  color: #64b43c;
}
.sidenav ul li span.fa {
  margin-right: 10px;
  font-size: 27px;
}
.sidenav ul li.active a:hover {
  color: #000;
}
.sidenav ul li.active a span.fa {
  color: #64b43c;
}
/*---------------------------
  maincontents
---------------------------*/
.panel-remaining .panel-heading {
  background-image: none;
  background-color: #7fc85b;
  color: #FFF;
}
.panel-remaining .panel-heading .text-danger {
  color: #EFEFEF;
}
.panel-default .panel-heading {
  background-image: none;
}
ul.list-datingInfo span.list-datingInfo-category.news {
  background-color: #14CCA2;
}
ul.list-datingInfo span.list-datingInfo-category.maintenance {
  background-color: #FF00CE;
}
ul.list-datingInfo span.list-datingInfo-category.pr {
  background-color: #666;
}
/*---------------------------
  download
---------------------------*/
.download-box {
  border: 1px solid #64b43c;
  background-color: #fafced;
}
/*---------------------------
  FAQ
---------------------------*/
.faq-category .faq-categoryName {
  border-left: 5px solid #7fc85b;
  border-bottom: 1px solid #7fc85b;
}
/*---------------------------
  inquiry
---------------------------*/
.inquiry-support {
  border: 1px solid #bbe2a7;
}
.inquiry-support .inquiry-header {
  background-color: #d9eece;
}
.inquiry-entry .inquiry-footer .inquiry-feedback .fa-plus {
  color: #449d44;
}