* {
  margin: 0;
  padding: 0;
}

body {
  background-color: rgb(11, 107, 94);
}

/* navbar */
.col-md-2 {
  background-color: rgb(4, 43, 38);
}

.col-md-2 li a {
  color: white;
}
body h1 {
  color: white;
}
body hr {
  color: white;
}

.flex-column {
  position: sticky;
  top: 50px;
  margin: 50px 30px 0 30px;
}

.nav-link:hover {
  background-color: rgb(11, 107, 94);
  color: white;
}

/* untuk halaman login */
.form-login .card {
  background-color: rgb(4, 43, 38);
  margin-top: 50%;
}

.form-login {
  margin: auto;
}
.form-login input {
  background-color: rgb(6, 74, 65);
  color: white;
}

.form-login .btn {
  background-color: rgb(11, 107, 94);
  color: white;
}

/* index */
.col-md-4 .card {
  background-color: rgb(4, 43, 38);
  color: white;
  transition: ease-in-out 0.4s;
}
.col-md-4 a {
  text-decoration: none;
}

.row .col-md-4 .card:hover {
  background-color: rgb(8, 79, 70);
  /* margin-left: 20px; */
  margin-right: 30px;
}

.dataTables_info {
  color: black;
}

.dataTables_length {
  color: black;
}

.dataTables_filter {
  color: black;
  margin-bottom: 10px;
}