/* Kemenag Theme Override */
:root {
  --kemenag-green: #007E33;
  --kemenag-green-dark: #005E26;
  --kemenag-yellow: #FFBB33;
  --kemenag-yellow-dark: #FF9900;
}

body {
  background-color: #f8f9fa;
}

/* Navbar */
.navbar-inner, .navbar .fill, .navbar-inverse {
  background-color: var(--kemenag-green) !important;
  background-image: linear-gradient(to bottom, var(--kemenag-green), var(--kemenag-green-dark)) !important;
  border-color: var(--kemenag-green-dark) !important;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a, .navbar .brand, .navbar .nav > li > a {
  color: #ffffff !important;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.5) !important;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar .nav > li > a:hover, .navbar .nav > .active > a, .navbar .nav > .active > a:hover {
  background-color: var(--kemenag-green-dark) !important;
  color: var(--kemenag-yellow) !important;
}

/* Buttons */
.btn-primary {
  background-color: var(--kemenag-green) !important;
  background-image: linear-gradient(to bottom, var(--kemenag-green), var(--kemenag-green-dark)) !important;
  border-color: var(--kemenag-green-dark) !important;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
  background-color: var(--kemenag-green-dark) !important;
}
.btn-warning {
  background-color: var(--kemenag-yellow) !important;
  background-image: linear-gradient(to bottom, var(--kemenag-yellow), var(--kemenag-yellow-dark)) !important;
  border-color: var(--kemenag-yellow-dark) !important;
  color: #333 !important;
}
.btn-warning:hover {
  background-color: var(--kemenag-yellow-dark) !important;
}

/* Panels / Well */
.well {
  border-left: 4px solid var(--kemenag-green);
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

/* Custom Kemenag Panels */
.panel-kemenag-green {
  border-color: var(--kemenag-green);
}
.panel-kemenag-green > .panel-heading {
  color: #fff;
  background-color: var(--kemenag-green);
  border-color: var(--kemenag-green-dark);
}
.panel-kemenag-green > a .panel-footer {
  color: var(--kemenag-green);
}
.panel-kemenag-green > a:hover .panel-footer {
  color: var(--kemenag-green-dark);
  background-color: #f5f5f5;
}

.panel-kemenag-yellow {
  border-color: var(--kemenag-yellow);
}
.panel-kemenag-yellow > .panel-heading {
  color: #333;
  background-color: var(--kemenag-yellow);
  border-color: var(--kemenag-yellow-dark);
}
.panel-kemenag-yellow > a .panel-footer {
  color: var(--kemenag-yellow-dark);
}
.panel-kemenag-yellow > a:hover .panel-footer {
  color: #e08c00;
  background-color: #f5f5f5;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  color: var(--kemenag-green-dark);
}

/* Active links */
a {
  color: var(--kemenag-green);
}
a:hover {
  color: var(--kemenag-green-dark);
}

/* Login box */
.login-box {
  border-top: 5px solid var(--kemenag-green);
  box-shadow: 0 4px 15px rgba(0,0,0,0.2);
  border-radius: 8px;
}