.table thead th {
  padding-top: 2px;
  padding-bottom: 2px;
  font-family: "Arial Unicode MS";
}
.table tbody td {
  padding-top: 2px;
  padding-bottom: 2px;
  vertical-align: middle;
  font-family: "Arial Unicode MS";
}
.table tfoot td {
  padding-top: 2px;
  padding-bottom: 2px;
}
.page-link {
  padding: 2px 6px;
}
input.form-control:not([type="search"]):not([type="file"]),
.custom-select,
.col-form-label {
  padding-top: 0px;
  padding-bottom: 0px;
  height: 35px;
  font-size: 14px;
}

input.form-control[type="file"] {
  padding-left: 0px !important;
}
.file-input {
  display: none;
}

.camera-label {
  display: inline-block;
  padding: 14px;
  /*        background: #007bff;*/
  color: black;
  /*        border-radius: 240%;*/
  cursor: pointer;
  font-size: 27px;
}

.dark-mode .camera-label {
  color: white;
}

.preview {
  display: block;
  margin-top: 15px;
  margin-bottom: 15px;
  max-width: 200px;
  /* max-height: 120px; */
  /* border-radius: 47%; */
}

.dark-mode input:-webkit-autofill,
.dark-mode input:-webkit-autofill:focus {
  -webkit-text-fill-color: black;
  background-color: transparent;
}

@keyframes gantiWarna {
  0% {
    color: yellow;
  }
  33% {
    color: green;
  }
  66% {
    color: red;
  }
  100% {
    color: yellow;
  }
}

@keyframes gantibg {
  0% {
    background-color: yellow;
  }
  33% {
    background-color: green;
  }
  66% {
    background-color: red;
  }
  100% {
    background-color: yellow;
  }
}

.warna-berubah {
  animation: gantiWarna 4s infinite;
  font-weight: bold;
}

.bg-berubah {
  animation: gantibg 10s infinite;

  /* font-weight: bold; */
}

/* CLASSIC + DARK MODE */
body.classic.dark-mode .content-wrapper {
  background-color: #08005e;
}

/* MODERN + DARK MODE */
body.modern.dark-mode .content-wrapper {
  background-color: #454d55;
}