a {
   color: inherit;
}
a:hover {
   color: inherit;
   text-decoration: none;
}

body {
   background-color: #E1E1E1;
}

/* Navigasi Bar */
nav.empty-navbar {
   margin-bottom: 20px;
   border-bottom: 1px solid #B6B6B6;
   color: #C2C2C2;
   background-color: white;
}

img.app-logo {
   height : 40px;
}

a.nav-link {
   color: white;
   font-size: 0.9em;
}
   a.nav-link:hover {
      color : #7F4141;
   }


h5.app-dialog-success {
   padding: 10px 20px;
}

/* body */
div.empty-container {
   min-height: 80vh;
}

/* footer */
section.app-footer {
   padding-top: 10px; padding-bottom: 2px;

   background-color: #252525;
   color: white;
}

button.navbar-toggler {
   border : 1px solid black;
}

h6.app-software-version {
   text-align: center;
   font-size: 0.9em;
}

/* Footer */
h4.app-footer-title {
   margin-bottom: 20px;
}
table.app-contact {
   font-size: 0.95em;
}


/* components */
.btn-neat {
   margin-right: 10px;
}


/**
 * version log
 */
h1.app-version-title {
   border-bottom: 1px solid #353535;
   padding-bottom: 5px;
}


@media only screen and (max-width: 768px) 
{
   nav.app-navbar {
      text-align: center;
   }

   img.app-logo {
      display : block;
   }

   form.form-inline > div {
      width: 100%;
      text-align: center;
   }

   .btn-neat {
      width: 100%;
      margin-bottom: 10px;
   }
}