html, body {
  height: 100%;
}
.col-centered{
  float: none;
  margin: 10% auto;
}
.main-container {
  height: 100%;
  min-height: 100%;
  background-color: #78acff;
  overflow-y: scroll;
}

.panel-background{
  background-color: #ffffff;
}

.spacing-top-bott {
  margin-top: 20px;
  margin-bottom: 20px;
}

.logo {
  max-width: 20%;
  margin: auto;
}

.loading-image {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0.5;
  background: #ffffff;
  text-align: center;
  display: none;
  align-items: center; /* horizontal */
  justify-content: center; /* vertical */
}