body {
  background-color: #eee;
}

body.loggedin-user .header-container {
  border-top: 5px solid green;
}

.container {
  background-color: white;
  padding: 30px 30px 15px;
}

div.login-page {
  box-shadow: 1px 1px 1px #000;
}

.menu-row {
  justify-content: flex-end;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #dddddd;
  border-right-width: 0px;
  border-left-width: 0px;
  border-top-width: 0px;
}

.error p {
  color: #ff0000;
  font-size: 20px;
  font-weight: bold;
  margin: 50px;
}

footer.container {
  background-color: #dedee0;
  padding: 15px 30px;
}

footer.container,
footer.container p {
  font-size: 14px !important;
}

img {
  max-width: 100%;
}

.dropdown-menu.show {
  left: -100px;
}

.navbar-collapse {
  padding-left: 5px;
}

/*  responsive  */

@media (max-width: 992px) {
  .menu-row {
    width: 100%;
    display: block;
  }

  .dropdown.float-end {
    text-align: right;
  }
}

@media (max-width: 767.98px) {
  .dropdown-menu.show {
    left: 0;
  }
  .navbar-collapse {
    padding-left: 5px;
  }
  .menu-row {
    width: 100%;
    display: block;
  }
  .menu.float-start {
    width: auto;
  }
  .dropdown.float-end {
    width: auto;
  }

  img.footer-logo {
    max-width: 25%;
  }
  .right-footer img {
    max-width: 75%;
  }
  footer.container {
    padding: 15px !important;
  }

  footer.container .float-start .text-muted p br {
    display: none;
  }
}

@media (max-width: 575.98px) {
  .container {
    padding: 15px 15px 5px;
  }
  .footer-logo {
    padding: 0 !important;
    margin: 0 auto !important;
  }

  img.footer-logo {
    max-width: 25%;
  }

  .footer .float-start {
    text-align: center;
  }

  .right-footer .text-end {
    text-align: center !important;
  }

  .p-5,
  .ps-3 {
    padding: 0 !important;
  }
}

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


spinning wheels


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

#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 50px;
  height: 50px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

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

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s;
}

@-webkit-keyframes animatebottom {
  from {
    bottom: -100px;
    opacity: 0;
  }
  to {
    bottom: 0px;
    opacity: 1;
  }
}

@keyframes animatebottom {
  from {
    bottom: -100px;
    opacity: 0;
  }
  to {
    bottom: 0;
    opacity: 1;
  }
}

@media screen and (max-height: 650px) {
  #loader {
    width: 40px;
  }
  #loader {
    height: 40px;
  }
  #loader {
    left: 70%;
  }
  #loader {
    top: 50%;
  }
}

#myDiv {
  display: none;
  text-align: center;
}