/********************************Backgrounds *********/
.back-primary1 {
background-color: #2d2e2e;
}
.back-primary2 {
background-color: #00aae7;
}
.back-primary3 {
background-color: #a1a1a1;
}
.back-primary4 {
background-color #3363af;
}
.back-default {
background-color: #b4bbc9;
}
.back-success {
background-color: #69c073;
}
.back-info {
background-color: #6fc9c6;
}
.back-warning {
background-color: #f26a21;
}
.back-danger {
background-color: #d8469b;
}
/********************************Overlays *********/
.overlay-primary:before  {
background-color: #2d2e2e;
}
.overlay-primary2:before  {
background-color: #00aae7;
}
.overlay-primary3:before  {
background-color: #a1a1a1;
}
.overlay-primary4:before  {
background-color: #3363af;
}
.overlay-default:before  {
background-color: #b4bbc9;
}
.overlay-success:before  {
background-color: #69c073;
}
.overlay-info:before  {
background-color: #6fc9c6;
}
.overlay-warning:before  {
background-color: #f26a21;
}
.overlay-danger:before {
background-color: #d8469b;
}


.people-pool {
  position: relative;
  width: 100%;
  height: 100%;
}

.people-pool:after {
  content: "";
  width: 100%;
  padding-top: 128.125%;
  display: block;
  top: 0;
  left: 0;
}

.result-container .people-pool {
  height: 100%;
  max-height: 40vh;
  padding: 0 !important;
  margin: 0;
  border-radius: 0.5rem;
  box-shadow: none;
  z-index: 1;
}
@media only screen and (max-width: 569px) {
  .result-container .people-pool {
    max-height: 20vh;
  }
}

.choice-container.container-row > .people-pool {
  max-width: 200px;
}

.ub-stereotype-animation {
  max-width: 1024px;
  margin: 0 auto;
}
.ub-stereotype-animation:before {
  padding-top: 50%;
}
.nav-tabs > li[valu="studentmodules"] {
display: none;
}