<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="noindex, nofollow" />
<meta name="googlebot" content="noindex">
<style>
.glyphicon-home {
   font-size: 14px;
}
</style>

/*body*/
body {
  color: #333333;
  background-color: ;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
    background: url("//direktori.perak.gov.my/ks_images/suk.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
  height: 500px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  }

/*typhography*/
a {
  color: #172b4d;
}

a:hover,
a:focus {
  color: #172b4d;
}

h1,
h2,
h3,
h4,
h5{
  color: #999999;
}

h6 {
   color: #999999;
}

/*Table KIV*/

/*sub menu*/
/*.dropdown-menu > li > a {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  color: #555555;
  background-image: -moz-linear-gradient(top, #ffffff, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#222222));
  background-image: -webkit-linear-gradient(top, #ffffff, #222222);
  background-image: -o-linear-gradient(top, #ffffff, #222222);
  background-image: linear-gradient(to bottom, #ffffff, #222222);
  background-repeat: repeat-x;
}*/

/*button*/

.btn-default {
    background-color: ;
    color: #333333;
}

.btn-primary {
  background-color: ;
  color: #ffffff;
}

.btn-warning {
  background-color: ;
  color: #ffffff;
}

.btn-danger {
  background-color: ;
  color: #ffffff;
}

.btn-success {
  background-color: ;
  color: #ffffff;
}

.btn-info {
  background-color: ;
  color: #ffffff;
}

.btn-inverse {
  background-color: ;
  color: ;
}

.btn-link {
  background-color: ;
  color: ;
}

.btn-group.open .btn-primary.dropdown-toggle {
  background-color: ;
}

.btn-group.open .btn-warning.dropdown-toggle {
  background-color: ;
}

.btn-group.open .btn-danger.dropdown-toggle {
  background-color: ;
}

.btn-group.open .btn-success.dropdown-toggle {
  background-color: ;
}

.btn-group.open .btn-info.dropdown-toggle {
  background-color: ;
}

.btn-group.open .btn-inverse.dropdown-toggle {
  background-color: ;
}

/*alert*/

.alert-success {
  color: #3d9400;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-success h4 {
  color: #3d9400;
}

.alert-danger,
.alert-error {
  color: #d9230f;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.alert-danger h4,
.alert-error h4 {
  color: #d9230f;
}

.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.alert-info h4 {
  color: #31708f;
}

/* move down carets for tabs */

/*navbar*/
.navbar-link:hover,
.navbar-link:focus {
  color: #222222;
}

.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
  color: #222222;
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
  color: #222222;
}

.navbar .nav li.dropdown > a:hover .caret,
.navbar .nav li.dropdown > a:focus .caret {
  border-top-color: #222222;
  border-bottom-color: #222222;
}

.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
  color: #222222;
}

.navbar .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
  border-top-color: #222222;
  border-bottom-color: #222222;
}

.navbar-inverse .navbar-inner {
  background-image: -moz-linear-gradient(center top , #222222, #222222);
  background-image: -moz-linear-gradient(top, #222222, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#222222));
  background-image: -webkit-linear-gradient(top, #222222, #222222);
  background-image: -o-linear-gradient(top, #222222, #222222);
  background-image: linear-gradient(to bottom, #222222, #222222);
  background-repeat: repeat-x;
  border-color: #ffffff;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
}

/*vertical*/
.navbar-inverse .brand,
.navbar-inverse .nav > li > a {
  color: #999999;
  background-image: -moz-linear-gradient(center top , #222222, #222222);
  background-image: -moz-linear-gradient(top, #222222, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#222222));
  background-image: -webkit-linear-gradient(top, #222222, #222222);
  background-image: -o-linear-gradient(top, #222222, #222222);
  background-image: linear-gradient(to bottom, #222222, #222222);
  background-repeat: repeat-x;
  border-color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
}
/*on focus*/
.navbar-inverse .nav > li > a:focus,
.navbar-inverse .nav > li > a:hover {
  color: #ffffff;
  background-image: -moz-linear-gradient(center top , #222222, #222222);
  background-image: -moz-linear-gradient(top, #222222, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#222222));
  background-image: -webkit-linear-gradient(top, #222222, #222222);
  background-image: -o-linear-gradient(top, #222222, #222222);
  background-image: linear-gradient(to bottom, #222222, #222222);
  background-repeat: repeat-x;
}

/*active*/
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
  color: #ffffff;
}

/*caret*/
.navbar-inverse .nav li.dropdown > a:hover .caret,
.navbar-inverse .nav li.dropdown > a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

/*dashboard*/

.box h4.box-header {
    background-image: linear-gradient(to bottom, #e5e5e5, #e9e9e9);
    border-color: #e5e5e5;
    color: #000000;
}

.glyphicon glyphicon-minus{
    color: #000000;
}

.glyphicon glyphicon-plus{
    color: #000000;
}

/*banner*/
