.nav-sidebar > .nav-item.indent{
  margin-left:20px;
  width:calc(250px - 20px - .5rem * 2)!important;
}
.nav-sidebar .nav-item.indent > .nav-link {
  width:calc(250px - 20px - .5rem * 2)!important;
}
.card.jobs{
  max-height:100%;
  height:calc(100vh - 250px);
  overflow-y: auto;
}
.region{
  font-size:1rem;
}
.brand-link-inner{
  color:white;
  padding:10px;
}
.brand-link-inner:hover{
  color:white;
}
.brand-link > span{
  color:white;
  padding:10px;
}
.arrow-down {
  font-size: 3rem;
  color: #0c4680;
}
.arrow-down.first{
  animation: bounceFirst 1.5s infinite;
}
.arrow-down.second{
  animation: bounceSecond 1.5s infinite;
}
.arrow-down.third{
  animation: bounceThird 1.5s infinite;
}
@keyframes bounceFirst {
  0%, 100% { transform: rotate(45deg) translateY(0); }
  50% { transform: rotate(45deg) translateY(6px); }
}
@keyframes bounceThird {
  0%, 100% { transform: rotate(-45deg) translateY(0); }
  50% { transform: rotate(-45deg) translateY(6px); }
}
@keyframes bounceSecond {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(6px); }
}
.highlight{
  background:#303030;
}
.highlight pre{
  color:#f8f8f2
}

.text-black{
  color:black;
}
.carouselBlock{
  padding:10px 0 10px 0!important;  
}
.carousel-indicators{
  margin:5px;
}
.codeblock{
  background:#303030;
  padding:30px;
  color:white;
}