/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

body {
  margin-bottom: 60px; /* Margin bottom by footer height */
}

.navbar-brand {
  display: flex;
  align-items: center;
}

.navbar-logo {
  max-height: 17px;
  height: auto;
  width: auto;
}

.btn-primary {
  background-color: #3d51c0;
  border-color: #3d51c0;
}


.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px; /* Set the fixed height of the footer here */
  line-height: 60px; /* Vertically center the text there */
  background-color: #f5f5f5;
}

.loading-bar {
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, transparent,
        #000, transparent,
        #000, transparent
    );
    z-index: 1051;
}
.htmx-request.loading-bar {
    opacity: 1;
    animation: slide 0.8s ease-in-out infinite;
}
@keyframes slide {
    0%   { transform: translateX(-100%); }
    100% { transform: translateX( 100%); }
}