@media (max-width: 1080px) {
    .header-content {
        padding-top: 100px;
    }
}

.card { background-color: rgba(245, 245, 245, 0.8); }

.alert alert-danger{
  padding-top: 10px;
}

/* ----------------------------- */

html {
  position: relative;
  min-height: 100%;
  height: 100%;
}

body {
  /* Margin bottom by footer height */
  /* margin-bottom: 60px; */
  height: 100%;
  /* background-image: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url("/static/images/bg1.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 100%; */
  /* background-color: rgb(204, 202, 202, 0.4); */
}

.mt-5 {
  margin-top: 3rem !important;;
}

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


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container {
  padding: 60px 15px 0;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

code {
  font-size: 80%;
}

/* ============================ Loading spinner =============================== */
.loader {
  display: none;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}

.loading {
  border: 2px solid #ccc;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border-top-color: #1ecd97;
  border-left-color: #1ecd97;
  animation: spin 1s infinite ease-in;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}