body {
  height: 100%;	
 }
 .tunggu {
   position: fixed;
   top: 30%;
   left: 50%;
   transform: translate(-50%, -50%);
   visibility: hidden;
   z-index: 9999;
 }
 .navbar {
   border-bottom-color:  #aaa;
   margin-bottom: 5px;
 }
 .navbar-ap4g {
   background-image: -webkit-gradient(linear, left 0%, left 100%, from(#3d8db7), to(#235772));
   background-image: -webkit-linear-gradient(top, #3d8db7, 0%, #235772, 100%);
   background-image: -moz-linear-gradient(top, #3d8db7 0%, #235772 100%);
   background-image: linear-gradient(to bottom, #3d8db7 0%, #235772 100%);
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d8db7', endColorstr='#235772', GradientType=0);
 }
 .navbar-ap4g .navbar-brand {
   padding-left:0px;
   font-size: 24px;
   line-height: 20px;
   font-weight: bold;
   color:#dfecf0;
 }
 .navbar-ap4g .navbar-brand:hover,
 .navbar-ap4g .navbar-brand:focus {
   color: #ffffff;
   background-color: transparent;
 }
 .navbar-ap4g .navbar-nav > li > a {
  color: #eff9fd;
}
.navbar-ap4g .navbar-nav .nav-link {
  color: #eff9fd;
}
.navbar-ap4g .navbar-nav .nav-link:hover {
  color: #fddd04;
  background-color: transparent;
}
.navbar-ap4g .navbar-nav > li > a:hover,
.navbar-ap4g .navbar-nav > li > a:focus {
  color: #fddd04;
  background-color: transparent;
}
.navbar-ap4g .navbar-nav > .active > a,
.navbar-ap4g .navbar-nav > .active > a:hover,
.navbar-ap4g .navbar-nav > .active > a:focus {
  color: #fddd04;
  background-color: transparent;
}
.navbar-ap4g .navbar-nav > .open > a,
.navbar-ap4g .navbar-nav > .open > a:hover,
.navbar-ap4g .navbar-nav > .open > a:focus {
  color: #fddd04;
  background-color: transparent;
}
.navbar-ap4g .navbar-toggle {
  border-color: #dfecf0;
}
.navbar-ap4g .navbar-toggle:hover,
.navbar-ap4g .navbar-toggle:focus {
  background-color: #5bc1e9;
}
.navbar-ap4g .navbar-toggle .icon-bar {
  background-color: #fddd04;
}
.navbar-form {
  margin-top: 12px;
  margin-bottom: 5px;
}
.navbar-form .form-control {  
  height: 26px;
}
.btn-nav {
  font-size: 14px;
  color: #eff9fd;
  background-color: transparent;
}
.btn-nav:hover, .btn-nav:focus {
  color: #fddd04;
  background-color: transparent;
}
@media (max-width: 767px) {
  .navbar-ap4g .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
  }
}  
.mainarea {
   min-height:400px;
   height: auto !important;
   height: 100%;
   background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);   
}
.kgarea {
  padding: 5px 15px;
  margin: 0 0 5px 0;
  background-color: #c1defc;
  border: 1px solid #c1defc;
}
.panelhead {
  padding-top:5px;
  padding-bottom:5px;
}
h4 {
  color:#0f6875;
  font-weight: bold;
}
h4 small {
  font-size: 90%;
  font-weight: normal;
}
.judul {
  color :#215875;
  padding: 0 15px;
  font-weight: bold;
  background-color: #b0cae4;
  border: 1px solid #b0cae4;
}  
.notfound{
  display: none;
}
.loginare {
  display: flex;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
}   
.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: auto;
}

.form-signin .checkbox {
  font-weight: 400;
}

.form-signin .form-floating:focus-within {
  z-index: 2;
}

.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.accordion-button {
  color: #0f6875;
}  
.accordion-button:not(.collapsed) {
  color: #08423f;
  background-color: #e9ecef;
}  
#myTabContent {
  border: 1px solid #dee2e6; 
  border-width: 0 1px 1px 1px;
}