/* login background */
body.login-page {
  background-color: rgba(46, 46, 46, 1);
  background-image: url("../Images/login_bg.jpg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  /*background-position: center;*/
  object-fit: cover;
}
div.login-box {
  position: fixed;
  top: 13%;
}

/* force table headers stay on one line */
div > table > tbody > tr > th {
  white-space: nowrap;
}

/* force text on small boxes to stay on one line */
div.inner > h6 {
  white-space: nowrap;
  overflow: hidden;
}
div.inner > h6::after {
  /* newline padding, might be bad style */
  content: "\000A\000A";
  white-space: pre;
}

/* force text on "View" buttons to stay on one line */
span.btn.btn-default {
  padding: 2px 5px;
  font-size: 9pt;
  white-space: nowrap;
}

/* force carousel size */
div.card.myCarousel {
  /* 100% view width */
  width: 100vw;
  /* 40% view height*/
  height: 40vh;
}

/* force carousel size */
div.card.myCarousel2 {
   
}

#myCarousel div.carousel-item > a > img {
  width: 100vw;
  height: 40vh;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  object-fit: cover;
}

#myCarousel2 div.carousel-item > a > img {
    width: 100%;
    height: 820px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    object-fit: cover;
}

div.carousel-caption {
  background: rgba(0, 0, 0, 0.5);
  border-radius: .25rem !important;
  right: 20%;
  left: 20%;
}

.carousel-indicators li {
  width: 60px !important;
}

/* root of sidebar bold */
ul.nav-sidebar > li.nav-item > a.nav-link > p {
  /*font-weight: bold;*/

  /*can change to purple*/
  color: #4e2d89;
}

a.brand-link > span.brand-text {
  color: white;
}

/* overwrite `_button-group.scss` */
.dropdown-menu {
  min-width: 0;
}

/* my marquee */
div.marquee {
  overflow: hidden;
  /*white-space: nowrap;*/
}
div.marquee > span {
  display: inline-block;
  white-space: nowrap;
  animation: myMarquee 50s linear 0s infinite;
  /*position: relative;*/
  /*transform: translateX(100%);*/
}
@keyframes myMarquee {
  0% {
    transform: translateX(100vw);
  } 100% {
    transform: translateX(-100%);
  }
}