.ticket-title {
  font-weight: bold;
  font-size: 20px;
  margin-left: 10px;
}
.answered {
  font-size: 10px;
  color: #ffffff;
  background-color: #7079d6;
  margin: 0px 0px 0px 5px;
}

.login-page .page-header .lock-page .page-header {
  min-height: 100vh;
  display: inherit;
}

.login-page .page-header .container {
  padding-top: 1vh !important;
}

.header-filter .container {
  z-index: 3;
  position: relative;
}

.container,
.container-fluid,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.off-canvas-sidebar .wrapper-full-page .page-header {
  padding: 1vh;
}

div[filter-color="white"]::before {
  background-color: rgba(255, 255, 255, 0.7);
}

.card {
  font-size: 1rem;
}

h4,
.h4 {
  font-size: 1.125rem;
  line-height: 1.4em;
  font-weight: 400;
}

@media (max-width: 1400px) {
  html,
  body {
    overflow-x: hidden;
  }

  body {
    position: relative;
  }

  /* .container {
        position: relative;
        transform: translateY(-30%);
      } */
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

@media print {
  body {
    min-width: auto !important;
  }
}

/* @media screen and (max-width: 980px) {
      .container {
        position: relative;
        left: 50%;
        transform: translateY(-30%);
      }
    } */
.filter-container {
  position: relative;
}

.filter-container::before {
  content: "";
  background: rgba(255, 255, 255, 0.5);
  /* Warna latar putih dengan transparansi */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}

.card-hidden {
  animation: fallIn 1s ease;
  animation-fill-mode: forwards;
  opacity: 0;
  transform: translateY(-10%);
}

@keyframes fallIn {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}