#wrapper {
  overflow-x: hidden;
}

#sidebar-wrapper {
  min-height: 100vh;
  margin-left: -12rem;
  transition: margin 0.25s ease-out;
}

#sidebar-wrapper .sidebar-heading {
  padding: 0.875rem 1.25rem;
  font-size: 1.2rem;
}

#sidebar-wrapper .list-group {
  width: 12rem;
}

#page-content-wrapper {
  min-width: 100vw;
}

body.sb-sidenav-toggled #wrapper #sidebar-wrapper {
  margin-left: 0;
}

@media (min-width: 1200px) {
  #sidebar-wrapper {
    margin-left: 0;
  }

  #page-content-wrapper {
    min-width: 0;
    width: 100%;
  }

  body.sb-sidenav-toggled #wrapper #sidebar-wrapper {
    margin-left: -12rem;
  }
}

h1,h2,h3,h4,h5,h6 {
  font-weight: 800;
}

.autocomplete {
  position: relative;
  width: 100%;
  display: inline-block;
}

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4; 
}

/*when hovering an item:*/
.autocomplete-items div:hover {
  background-color: #e9e9e9; 
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}
.bg-input {
  background-color: #FFFACC;
}
.bg-input-2 {
  background-color: #fffded;
}
.bg-input-a {
  background-color: #CCF6FF;
}
.bg-green {
  background-color: #3FFF33;
}

.pointer {
  cursor: pointer;
}

.bg-login {
  background-image: url("../asset/bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}

.spinning {
  animation: rotation 5s linear infinite;
  -webkit-animation: rotation 5s linear infinite;
  -moz-animation: rotation 5s linear infinite;
  -o-animation: rotation 5s linear infinite;
  -ms-transition: rotation 5s linear infinite;
}

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


@media (max-width: 576px) {
  .block1 { height: 110px; }
  .block2 { height: 110px; }
  .standBay { height: 25px; }
}
@media (min-width: 577px) and (max-width: 768px) {
  .block1 { height: 130px; }
  .block2 { height: 130px; }
  .standBay { height: 25px; }
}
@media (min-width: 769px) and (max-width: 992px) {
  .block1 { height: 150px; }
  .block2 { height: 150px; }
  .standBay { height: 25px; }
}
@media (min-width: 993px) and (max-width: 1200px){
  .block1 { height: 200px; }
  .block2 { height: 200px; }
}
@media (min-width: 1201px) and (max-width: 1400px){
  .block1 { height: 200px; }
  .block2 { height: 200px; }
  .standBay { height: 17px; }
}
@media (min-width: 1401px){
  .block1 { height: 200px; }
  .block2 { height: 200px; }
  .standBay { height: 25px; }
}