body {
  min-width: 400px;
}

.subnav {
  -ms-flex: 0 0 250px;
  flex: 0 0 250px;
  height: 100%;
}

.nav-icon {
  width: 30px;
  text-align: center;
}

.bg-image {
  background-color: #FFF;
  background-image: linear-gradient(to bottom, transparent, transparent, grey, #FFF), url('/img/262058340_970766253535438_6067080261769900378_n.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  height: 75vh;
}

.card-image {
  height: 15vh;
  width: 100%;
  object-fit: cover;
}

.card-header {
  font-size: 1.2em;
  font-weight: bold;
}

.floating-label-in-row {
  margin-left: 12px;
}

@page {
  size: A4 portrait;
  margin-top: 1cm;
  margin-bottom: 1cm;
  margin-left: 1cm;
  margin-right: 1cm;

  @bottom-center {
    font-size: 0.8em;
    content: "Page " counter(page) " of " counter(pages);
  }
}

.text-divider {
  display: flex;
  align-items: center;
  --text-divider-gap: 1rem;
}

  .text-divider::before,
  .text-divider::after {
    content: '';
    height: 1px;
    background-color: var(--bs-border-color);
    flex-grow: 1;
  }

  .text-divider::before {
    margin-right: var(--text-divider-gap);
  }

  .text-divider::after {
    margin-left: var(--text-divider-gap);
  }

th, td {
  width: 0.1%;
  white-space: nowrap;
}


.full-width-textarea 
{
  float:left;
  width: 100%;
}



.loading-bar {
  height: 10px; /* Adjust height as needed */
  width: 100%; /* Adjust width as needed */
  background-color: #ddd;
  border-radius: 5px; /* Add rounded corners */
  overflow: hidden; /* Clip the inner content */
  position: relative; /* Needed for animation */
}

  .loading-bar:after {
    content: "";
    display: block;
    height: 100%; /* Match loading bar height */
    width: 0; /* Initial width */
    background-color: #007bff; /* Animation color */
    border-radius: inherit; /* Inherit rounded corners */
    animation: loading-bar-animate 2s linear infinite; /* Animate the progress bar */
  }

@keyframes loading-bar-animate {
  from {
    width: 0;
  }

  to {
    width: 100%;
  }
}