/*
* style.css
* File include item demo only specific css only
******************************************************************************/

.menu .app-brand {
  margin-top: 12px;
  margin-bottom: 10px;
}

/* ! For .layout-navbar-fixed added fix padding top tpo .layout-page */
/* Detached navbar */
.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page {
  padding-top: 76px !important;
}

/* Default navbar */
.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
  padding-top: 64px !important;
}

/* Navbar page z-index issue solution */
.content-wrapper .navbar {
  z-index: auto;
}

.new_formBtn {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  position: fixed;
  bottom: 50px;
  right: 50px;
  z-index: 1000;
  box-shadow: 0 24px 48px 0 #b59c66a6;
  border: none;
  cursor: pointer;
  animation: bounce 1s infinite;
}

@media (max-width: 700px) {
  .new_formBtn {
    bottom: 16px;
    right: 16px;
  }
}

@keyframes bounce {
  0%,
  100% {
    animation-timing-function: cubic-bezier(.8, 0, 1, 1);
    transform: translateY(-25%);
  }

  50% {
    animation-timing-function: cubic-bezier(0, 0, .2, 1);
    transform: none;
  }
}

/* Ensure Select2 dropdowns render above Bootstrap modals */
.modal .select2-container {
  z-index: 2050 !important; /* higher than .modal (1055) and backdrop (1050) */
}

/* Ensure the manual transaction modal content is scrollable */
#manualTransactionModal .modal-dialog {
  max-height: 90vh !important;
  margin: 1rem auto;
}
#manualTransactionModal .modal-content {
  max-height: 100% !important;
  height: 100% !important;
  display: flex;
  flex-direction: column;
}
#manualTransactionModal .modal-body {
  overflow-y: auto !important;
  max-height: calc(90vh - 140px) !important; /* approx header+footer */
}