/* Required height of parents of the Half Page Carousel for proper displaying carousel itself */
html,
.view {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 500px;
}

@media (max-width: 776px) {
  body {
    margin-bottom: 1150px; } }

/* Half Page Carousel itself*/
.carousel {
  height: 50%; 
}
.carousel .carousel-inner,
.carousel .carousel-inner .active,
.carousel .carousel-inner .carousel-item {
  height: 100%; 
}

/* Adjustment for mobile devices*/
@media (max-width: 776px) {
  .carousel {
    height: 100%; } }

footer.page-footer {
  bottom:0;
  position: absolute;
  width: 100%;
  color:#fff
}

.loader-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  z-index: 998;
}

.table-striped>tbody>tr:nth-child(odd)>td, 
.table-striped>tbody>tr:nth-child(odd)>th {
   background-color: #D3EEFF;
 }